/*** fixedcallicon **************************************************/
.fixedcallicon {
	background: rgba(209,188,168,0.9);
    color: rgba(161,27,21,1.0);
    position: fixed;
    top: 250px;
    right: 0px;					/*** 0 *************************************/
    width: 42px;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    display: inline-block;
    z-index: 99999;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all 1s ease;
    font-size: 18px;				/***** NEU *****************************************/
	color: #000000;
}
.fixedcallicon i {width:42px; height:42px; text-align:center;
	color: #897312;
	font-size: 20px;
}
.fixedcallicon:hover i {width: 42px; back---ground:rgba(255, 0, 0, 0.9);		/***** 220px (245, 228, 25, 0.9)************************************/
	color: #5B4C0D;
}
.fixedcallicon:hover {
	width:220px; 
	background:rgba(209, 188, 168, 0.9);		/***** 220px (245, 228, 25, 0.9)************************************/
	color: #D1BCA8;		/*** beige ********************/
}
}
.fixedcallicon a {
	color: #897312;
}
.fixedcallicon a:hover {
	color: #5B4C0D;
}



/*** fixedcallicon-2 **************************************************/
.fixedcallicon-2 {
	background: rgba(225,225,225,0.8);
    color: rgba(161,27,21,1.0);
    position: fixed;
    top: 295px;
    right: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    display: inline-block;
    z-index: 99999;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all 1s ease;
    font-size: 18px;				/***** NEU *****************************************/
	color: #000000;
}
.fixedcallicon-2 i {width:42px;height:42px;text-align:center;
	color: #a11b15;
	font-size: 20px;
}
.fixedcallicon-2:hover i {width: 42px; back---ground:rgba(255, 0, 0, 0.9);		/***** 220px (245, 228, 25, 0.9)************************************/
	color: #ffffff;
}
.fixedcallicon-2:hover {
	width: 200px; 
	background:rgba(251, 188, 5, 0.9);		/***** 220px (245, 228, 25, 0.9)************************************/
	color: #ffffff;		/*** gelb ******************************/
}
.fixedcallicon-2 a {
	color: #ffffff;
}
.fixedcallicon-2 a:hover {
	color: #a11b15;
}



/*** fixedcallicon-3 **************************************************/
.fixedcallicon-3 {
	background: rgba(225,225,225,0.7);
    color: rgba(161,27,21,0.9);
    position: fixed;
    top: 340px;
    right: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    display: inline-block;
    z-index: 99999;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all 1s ease;
    font-size: 18px;				/***** NEU *****************************************/
	color: #000000;
}
.fixedcallicon-3 i {width:42px;height:42px;text-align:center;
	color: #A11B15;
	font-size: 20px;
}
.fixedcallicon-3:hover i {width: 42px; back---ground:rgba(255, 153, 0, 0.9);		/***** 220px (245, 228, 25, 0.9)************************************/
	color: #ffffff;
}
.fixedcallicon-3:hover {
	width: 150px; 
	background:rgba(52, 168, 83, 0.9);		/***** 220px (245, 228, 25, 0.9)************************************/
	color: #fff;		/*** grün *****************************/
}
.fixedcallicon-3 a {
	color: #ffffff;
}
.fixedcallicon-3 a:hover {
	color: #ffff00;
}


/*** fixedcallicon-4 **************************************************/
.fixedcallicon-4 {
	background: rgba(225,225,225,0.7);
    color: rgba(161,27,21,0.9);
    position: fixed;
    top: 385px;
    right: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    display: inline-block;
    z-index: 99999;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all 1s ease;
    font-size: 16px;				/***** NEU *****************************************/
	co---lor: #000000;
}
.fixedcallicon-4 i {width:42px;height:42px;text-align:center;
	color: #A11B15;
	font-size: 20px;
}
.fixedcallicon-4:hover i {width: 42px; back---ground:rgba(255, 153, 0, 0.9);		/***** 220px (245, 228, 25, 0.9)************************************/
	color: #ffffff;
}
.fixedcallicon-4:hover {
	width: 160px; 
	background:rgba(66, 133, 244, 0.9);		/***** 220px (245, 228, 25, 0.9)************************************/
	color: #fff;		/*** blau *****************************/
}
.fixedcallicon-4 a {
	color: #fff;
}
.fixedcallicon-4 a:hover {
	color: #ffff00;
}


/*** fixedcallicon-5 **************************************************/
.fixedcallicon-5 {
	background: rgba(225,225,225,0.7);
    color: rgba(161,27,21,0.9);
    position: fixed;
    top: 430px;
    right: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    display: inline-block;
    z-index: 99999;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all 1s ease;
    font-size: 16px;				/***** NEU *****************************************/
	color: #000000;
}
.fixedcallicon-5 i {width:42px;height:42px;text-align:center;
	color: #A11B15;
	font-size: 20px;
}
.fixedcallicon-5:hover i {width: 42px; back---ground:rgba(255, 153, 0, 0.9);		/***** 220px (245, 228, 25, 0.9)************************************/
	color: #ffffff;
}
.fixedcallicon-5:hover {
	width: 160px; 
	background:rgba(204, 0, 204, 0.9);		/***** 220px (245, 228, 25, 0.9)************************************/
	color: #fff;		/*** blau *****************************/
}
.fixedcallicon-5 a {
	color: #ffffff;
}
.fixedcallicon-5 a:hover {
	color: #ffff00;
}


/*** fixedcallicon-6 **************************************************/
.fixedcallicon-6 {
	background: rgba(0,0,0,0.5);
    color: rgba(255,255,255,0.7);
    position: fixed;
    top: 475px;
    right: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    display: inline-block;
    z-index: 99999;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all 1s ease;
    font-size: 12px;				/***** NEU *****************************************/
	color: #000;
}
.fixedcallicon-6 i {width:42px;height:42px;text-align:center;
	color: #ccc;
	font-size: 20px;
}
.fixedcallicon-6:hover i {width: 42px; back---ground:rgba(255, 153, 0, 0.9);		/***** 220px (245, 228, 25, 0.9)************************************/
	color: #ffffff;
}
.fixedcallicon-6:hover {
	width: 150px; 
	background:rgba(0, 0, 0, 0.9);		/***** 220px (245, 228, 25, 0.9)************************************/
	color: #fff;		/*** lila *****************************/
}
.fixedcallicon-6 a {
	color: #ffffff;
	font-size: 16px;
}
.fixedcallicon-6 p {
	color: #ffffff !important;
}

.fixedcallicon-6 a:hover {
	color: #ffff00;
}




/*** media 768 ****************************************************/
@media screen and (max-width: 768px) {
	.fixed---callicon {
		right: 36px;
	}
	.fixed---callicon-2 {
		right: 36px;
	}
	.fixed---callicon-3 {
		right: 36px;
	}
	.fixed---callicon-4 {
		right: 36px;
	}
	.fixed---callicon-5 {
		right: 36px;
	}



}






/*** dark mode  **************************************************/

		.dark-mode {
		  background-color: #111111;
		  color: white;
		}
		.dark-mode .page_block {
		  background-color: #111111;
		  co---lor: white;
		}
		.dark-mode .jumbotron {
		  background-color: #111111;
		  color: white;
		}
		.dark-mode .jumbotron h1 {
		  color: #FF6600;
		}
		.dark-mode section  {
		  background-color: #111111;
		  color: white;
		}
		.dark-mode .portfolio_block .project_descr {
		  background-color: #540B0E;
		  color: white;
		}
		.dark-mode p {
		  color: #ccc;			/*** white ********************/
		}
		.dark-mode h1 {
			color: #F5FF00;
		}
		.dark-mode h2 {
			color: #CF0C98;
		}
		.dark-mode h3 {
			color: #CF0C98;
		}
		.dark-mode h4 {
			color: #CF0C98;
		}
		.dark-mode .slider_block  {
			background-color: #111111;
		}
		.dark-mode .#services .service_item h4  {
			color: #FFFFCC;
		}
		.dark-mode a {
			color: #336699 !im---portant;
		}
		.dark-mode span2 a {
			color: #fff !important;
		}
		.dark-mode #services .service_item i {
			color: #FFFFcc;
			font-size: 30px;
		}
		.dark-mode .cookieinfo {
			background: #336699; /* browsers that don't support rgba */	/***** NEU ***************width: 66%; min-width: 600px;**********/
			background:none repeat scroll 0 0 rgba(51, 102, 153, 0.999) !important; 	/***** NEU *************************/
			color: #ffffff !important;
		}
		.dark-mode footer {
			background-color: #1F3D5A;
			color: #cccccc;
			font-size: 18px;
		}	
		
		.dark-mode .bg-dark-footer {
    		background: #111111;
			}

		.dark-mode .price-table {
			background-color: #5F5F5F;
			border: 1px solid #CF0C98;
		}
		.dark-mode span4 {
			color: #CF0C98;
		}
		.dark-mode .price-table h4 {
			color: #ffffff;
		}
		.dark-mode .price-table p.price {
			color: #CF0C98;
		}

		.dark-mode td {
			color: #FFFFFF;
			background-color: #none;
		}
		
		.dark-mode .section-title h2 {
			color: #336699;
		}
		
		.dark-mode .services .icon-box {
			background: #333;
		}
		
		.dark-mode .cards .card-body {
			background: #333;
		}
		
		.dark-mode .contact .info-box {
			background: #333;
		}
		
		.dark-mode .team .member {
			background: #333;
		}
		.dark-mode .faq .faq-list .collapsed {
			color: #ccc;
		}
		.dark-mode .icon-boxes .icon-box {
			background: #333;
		}
		.dark-mode .icon-boxes .description {
			color: #ccc; 
		}
		.dark-mode .pricing .box {
			background: #333;
		}
		.dark-mode .faq .faq-list li {
			background: #333;	
		}
		.dark-mode .swiper {
			background: #333;
		}
		.dark-mode .why-us .accordion-list li {
			background: #333;	
		}
		.dark-mode .why-us .accordion-list a.collapsed {
			color: #ccc; 		
		}
		.dark-mode .contact .info {
			background: #333;	
			border: 1px solid #336699;	
		}
		.dark-mode .contact .php-email-form {
			background: #333;	
		}
		.dark-mode #footer .footer-top {	
			background: #333;			
		}
		.dark-mode .section-header .section-title {
			color: #336699;
		}
		.dark-mode #features {
			background: #333;			
		}
		.dark-mode #features .title a {
			color: #336699;
		}
		.dark-mode #advanced-features .features-row {
			background: #444;
		}
		.dark-mode #more-features .box {
			background: #444;
		}
		.dark-mode #faq .faq-list .collapsed {
			color: #ccc;						
		}
		.dark-mode #gallery {
			background: #111;			
		}
		.dark-mode #footer {
			background: #000;			
		}
		.dark-mode .site-footer a {
			font-size: 12px;
		}		
		.dark-mode #pricing .box {
			background: #444;
		}
		.dark-mode .testimonials .testimonial-item p {
			background: #444;
		}
		.dark-mode .pricing ul {
			color: #ccc;
		}
		.dark-mode .services .icon-box h4 a {
			color: #336699;
		}
		.dark-mode .cta {
			background: #333;			
		}
		.dark-mode .testimonials .testimonial-item h3 {
			color: #336699;
		}
		.dark-mode .feature-col > div > div {
			background: #444;
		}
		.dark-mode #contact {
			background: #333;			
		}
		.dark-mode .feature-col p {
			color: #fff;
		}
		.dark-mode .about .content h3 {
			color: #FFB03B;
		}
		.dark-mode .why-us .box {
			background: #333;			
		}
		.dark-mode .why-us .box h4 {
			color: #FFB03B;
		}
		.dark-mode .specials .details h3 {
			color: #FFB03B;
		}
		.dark-mode .menu .menu-content span {
			background: #111;			
		}
		.dark-mode .menu .menu-content a {
			background: #111;			
		}
		.dark-mode .specials .nav-link {
			color: #FFf;
		}
		.dark-mode .gallery .gallery-item {
			border-right: 3px solid #111;
			border-bottom: 3px solid #111;				
		}