/* Farben:

0 : Weiss
1 : Orange (Standard)
2 : Orange (hell)
3 : Rot
4 : Rot (hell)
5 : Grün
6 : Grün (hell)
7 : Blau
8 : Blau (hell)
9 : Grau (hell)
10 : Schwarz


bab_orange:				#f58220
bab_orange (rgb)		rgba(245,130,32,1)

bab_orange_hell:		#fde6d2
bab_orange_hell (rgb)	rgba(253,230,210,1)

bab_red: 				#e21a22
bab_red (rgb):			rgba(226,26,34,1)

bab_red_hell:			#f9d1d3
bab_red_hell (rgb):		rgba(249,209,211,1)

bab_green:				#a3c373;
bab_green (rgb):		rgba(163,195,115,1)

bab_green_hell:			#e5f1d3;
bab_green_hell (rgb):	rgba(229,241,211,1)

bab_blue:				#0078a0;
bab_blue (rgb):			rgba(0,120,160,1)

bab_blue_hell:			#a3dbed;
bab_blue_hell (rgb):	rgba(163,219,237,1)

bab_hellgrau			#f4f4f4
*/ 

@media (max-width:999px) {
	a.phone {
		color: #f58220 !important;
	}
	a.phone:visited {
		color: #f58220 !important;
	}
}

h1, h2, h3, h4, h5, h6 {
	color: #f58220;
}

.bg-primary {
	background: rgba(245,130,32,1) !important;
}
.btn-primary {
	background: rgba(245,130,32,1); 
	border: rgba(245,130,32,1); 
	color: #ffffff;
}
.btn-primary:hover {
	background-color: rgba(245,130,32,0.7); 
	border-color: rgba(245,130,32,0.7); 
	color: #ffffff;
}


#header_bab { 
	background: #ffffff url('../images/header_background_home.jpg') calc(50% + 130px) 10px no-repeat;
	-moz-background-size: 1200px 275px; 
	-webkit-background-size: 1200px 275px; 
	-o-background-size: 1200px 275px; 
	background-size: 1200px 275px; 
}
.header_bab_tagline_2 { 
	color: rgba(245,130,32,1); 
}
@media (min-width: 576px) {
	#header_bab { 
		background: #ffffff url('../images/header_background_home.jpg') calc(50% + 10px) 30px no-repeat;
		-moz-background-size: 1200px 275px; 
		-webkit-background-size: 1200px 275px; 
		-o-background-size: 1200px 275px; 
		background-size: 1200px 275px; 
	}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	#header_bab { 
		background: #ffffff url('../images/header_background_2023.png') center -20px no-repeat;
		-moz-background-size: 2400px 550px; 
		-webkit-background-size: 2400px 550px; 
		-o-background-size: 2400px 550px; 
		background-size: 2400px 550px;
	}
	.topbar_bab_button .btn { 
		background-color: rgba(0,120,160,1); 
		border-color: rgba(0,120,160,1); 
	}
	.topbar_bab_button .btn:hover { 
		background-color: rgba(0,120,160,0.7); 
		border-color: rgba(0,120,160,0.7); 
	}	
}


.header_bab_nav_bc ul li,
.header_bab_nav_bc ul li a,
.header_bab_nav_bc ul li a:visited,
.header_bab_nav_bc ul li a:hover,
.header_bab_nav_bc ul li a:focus,
.header_bab_nav_bc ul li.active a { 
	color: #e96135;  
}


.content_block .nav-tabs > li:before {
  color: #e96135;
}


.portfolio_ellipse {
  background: rgba(245,130,32,1);
}
a.portfolio_ellipse:hover {
  background: rgba(245,130,32,0.7);
}
.portfolio_ellipse_bg {
	background: url('../images/background_ellipsis.png') center center no-repeat;
	-moz-background-size: 100% 100px; 
	-webkit-background-size: 100% 100px; 
	-o-background-size: 100% 100px;  
	background-size: 100% 100px; 
}


.kundinnen a,
.kundinnen a:visited {
	color: rgba(245,130,32,1);
}
.kundinnen a:hover,
.kundinnen a:focus {
	color: rgba(245,130,32,0.7);
}
.babModal .close:hover { 
	color:#f58220 
}
.babModal .modal-header {
	background-color: #fde6d2; 
}
.babModal .modal-content {
	background-color: #fde6d2; 
}
.babModal a:hover,
.babModal a:focus { 
	color:#f58220 
}


.preloader > div {
  background-color: #f58220;
}



#footer_bab { 
	background: #ffffff url('../images/footer_background.png') center top no-repeat;
	-moz-background-size: 2400px 460px; 
	-webkit-background-size: 2400px 460px; 
	-o-background-size: 2400px 460px; 
	background-size: 2400px 460px;
}
#footer_bab_content { 
	background: #a3c373;
}

.mmenu-container {
	background: rgba(245,130,32,0.9) !important; 
}
.mm-menu {
	background: rgba(245,130,32,0.9);
}


.cc_container {
    color: #f58220;
}
.cc_container ::-moz-selection {
    background: #f58220;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color: #f58220;
}
.cc_container a, .cc_container a:visited {
    color: #f58220;
}

.sl-wrapper .sl-close,
.sl-wrapper .sl-counter,
.sl-wrapper .sl-navigation button { color: #f58220; }
.sl-spinner { border : 8px solid #f58220; }



.cookieConsentWrapper .btnToggle {
	color: #6b7381 !important; 
	background: #bdc1c8 !important; 
}
.cookieConsentWrapper .btnToggle:before,
.cookieConsentWrapper .btnToggle:after {
	color: #6b7381 !important; 
}
.cookieConsentWrapper .btnToggle.btnToggleSecondary {
	color: #6b7381 !important; 
	background: #bdc1c8 !important; 
}
.cookieConsentWrapper .btnToggle.btnToggleSecondary:before,
.cookieConsentWrapper .btnToggle.btnToggleSecondary:after {
	color: #6b7381 !important; 
}
.cookieConsentWrapper .btnToggle.btnToggleSecondary.active {
	background-color: #f58220 !important;
}


/*--------------------------------------------------------------
## Bootstrap primary & secondary color overrides
--------------------------------------------------------------*/

.dark-mode .btn-primary,
.dark-mode .btn-primary:visited,
.dark-mode .btn-dark,
.dark-mode .btn-dark:visited {
	color: rgba(245,130,32,1) !important; /* srmCustomize: fontColor (colorPrimary) */
	background-color: rgba(255,255,255,1) !important; 
	border: 1px solid rgba(255,255,255,1) !important;
}
.dark-mode .btn-primary:hover,
.dark-mode .btn-primary:focus,
.dark-mode .btn-dark:hover,
.dark-mode .btn-dark:focus {
	background-color: rgba(255,255,255,0.75) !important; 
	border-color: rgba(255,255,255,0.75) !important;
}
.dark-mode .btn-outline-primary,
.dark-mode .btn-outline-primary:visited,
.dark-mode .btn-outline-dark,
.dark-mode .btn-outline-dark:visited {
	color: rgba(255,255,255,1) !important;
	border: 1px solid rgba(255,255,255,1) !important;
}
.dark-mode .btn-outline-primary:hover,
.dark-mode .btn-outline-primary:focus,
.dark-mode .btn-outline-dark:hover,
.dark-mode .btn-outline-dark:focus {
	color: rgba(245,130,32,1) !important; /* srmCustomize: fontColor / hoverColor (colorPrimary) */
	background-color: rgba(255,255,255,0.75) !important;
	border-color: rgba(255,255,255,0.75) !important; 
}
.dark-mode .btn-secondary,
.dark-mode .btn-secondary:visited,
.dark-mode .btn-light,
.dark-mode .btn-light:visited {
	color: rgba(245,130,32,1) !important; /* srmCustomize: fontColor (colorPrimary) */
	background-color: rgba(255,255,255,0.5) !important; 
	border-color: rgba(255,255,255,0.5) !important;
}
.dark-mode .btn-secondary:hover,
.dark-mode .btn-secondary:focus,
.dark-mode .btn-light:hover,
.dark-mode .btn-light:focus {
	background-color: rgba(255,255,255,0.75) !important; 
	border-color: rgba(255,255,255,0.75) !important; 
}
.dark-mode .btn-outline-secondary,
.dark-mode .btn-outline-secondary:visited,
.dark-mode .btn-outline-light,
.dark-mode .btn-outline-light:visited {
	color: rgba(255,255,255,0.5) !important;
	border-color: rgba(255,255,255,0.5) !important;
}
.dark-mode .btn-outline-secondary:hover,
.dark-mode .btn-outline-secondary:focus,
.dark-mode .btn-outline-light:hover,
.dark-mode .btn-outline-light:focus {
	color: rgba(245,130,32,1) !important; /* srmCustomize: fontColor / hoverColor (colorPrimary) */
	background-color: rgba(255,255,255,0.75) !important;
	border-color: rgba(255,255,255,0.75) !important;
}
.text-primary {
	color: rgba(245,130,32,1) !important; /* srmCustomize: fontColor (colorPrimary) */
}
.text-primary a,
.text-primary a:visited,
a.text-primary,
a.text-primary:visited {
	color: rgba(245,130,32,1) !important; /* srmCustomize: fontColor (colorPrimary) */
}
.text-primary a:hover,
.text-primary a:focus,
a.text-primary:hover,
a.text-primary:focus {
	color: rgba(245,130,32,0.75) !important; /* srmCustomize: fontColor / hoverColor (colorPrimary) */
}