/* weru.css */

/*color: #fbfa1b / 251,250,27
https://rgbacolorpicker.com/hex-to-rgba     */

:root {
	--templatefarbe_hex: #fbfa1b;
	--templatefarbe_rgb: 251,250,27;
	--akzentfarbe_hex: var(--templatefarbe_hex);
	--akzentfarbe_rgb: var(--templatefarbe_rgb);
	--textfarbe_hex: #030303;
    --untermenutextfarbe_hex: var(--textfarbe_hex) !important;	
	--buttonfarbe_hex: var(--akzentfarbe_hex) !important;
	--buttontextfarbe_hex: #fff !important;
	--buttonfarbe_hell_hex: var(--akzentfarbe_hex) !important;
	--buttonhintergrundfarbe_hell_hex: #f2f2f2 !important;	
	--buttontextfarbe_hell_hex: var(--textfarbe_hex) !important;	
	--hinweisboxfarbe_rgb: var(--templatefarbe_rgb) !important;
	--hinweisboxtextfarbe_hex: #fff !important;		
	--welcomeboxhintergrundfarbe_rgb: var(--templatefarbe_rgb);	
	--welcomeboxtextfarbe_hex: #fff;
	--welcomeboxbuttonfarbe_hex: #333;
	--welcomeboxbuttonhoverfarbe_hex: #444;
	--welcomeboxbuttontextfarbe_hex:#030303;	
	--infobarhintergrundfarbe_hex: #444443;
	--infobarhintergrundfarbe_rgb: 68,68,67;
	--infobartextfarbe_hex: #fcfcfc;
	--shortbartextfarbe_hex: #030303;
	--footerhintergrundfarbe_hex: var(--infobarhintergrundfarbe_hex) !important;
	--footertextfarbe_hex: var(--infobartextfarbe_hex) !important;
	--hintergrundfarbe_hex: #ffffff !important;
	--hintergrundfarbe_rgb: 255,255,255 !important;
	--rahmenhintergrundfarbe_hex: #ffffff !important;
	--rahmenhintergrundfarbe_grau_hex: #ededed !important;
	--rahmenhintergrundfarbe_dunkel_hex: #444445 !important;
	--menuhintergrundfarbe_hex: var(--hintergrundfarbe_hex);
	--menuhintergrundfarbe_rgb: var(--hintergrundfarbe_rgb);
	--menubuttonfarbe_hex: var(--akzentfarbe_hex) !important;
	--menutextfarbe_hex: var(--textfarbe_hex) !important;
	--mobilmenuhintergrundfarbe_hex: #fff !important;
	--mobilmenuhintergrundfarbe_sub_hex: var(--mobilmenuhintergrundfarbe_hex) !important;
	--mobilmenuhintergrundfarbe_sub_rgb: var(--mobilmenuhintergrundfarbe_rgb) !important;	
	--mobilmenuhintergrundfarbe_sub1_rgba: 150,150,150,0.1 !important;	
	--mobilmenuhintergrundfarbe_sub2_rgba: 150,150,150,0.15;	
	--mobilmenuhintergrundfarbe_sub3_rgba: 150,150,150,0.2;	
	--mobilmenuhintergrundfarbe_sub4_rgba: 150,150,150,0.25;	
	--mobilmenutextfarbe_hex: var(--textfarbe_hex);		
	--mobilmenubuttonfarbe_hex: var(--templatefarbe_hex);	
	--mobilmenubuttontextfarbe_hex: var(--buttontextfarbe_hex) !important;	
	--welcomecards_textfarbe_hex: var(--textfarbe_hex) !important;
	--welcomecards_hintergrundfarbe_hex: var(--hintergrundfarbe_hex) !important;	
	--highlightboxhintergrundfarbe_rgb: 250,250,250 !important;	
	--productpreviewhintergrundfarbe_links_hex: var(--rahmenhintergrundfarbe_hex);
	--productpreviewhintergrundfarbe_rechts_hex: var(--rahmenhintergrundfarbe_grau_hex);
	--bgfarbe_hex: var(--akzentfarbe_hex);
	--bgfarbe_text_hex: var(--buttontextfarbe_hex);
	--bg-section-hellgrau_hex: var(--productpreviewhintergrundfarbe_rechts_hex);
	--bg-section-grau_hex: var(--productpreviewhintergrundfarbe_rechts_hex);
	--bg-section-dunkelgrau_hex: var(--productpreviewhintergrundfarbe_rechts_hex);
	--bg-section-farbe1_hex: var(--templatefarbe_hex);
	--bg-section-farbe2_hex: var(--templatefarbe_hex);
	--bg-section-farbe3_hex: var(--templatefarbe_hex);
	--iconshome_invertiert_bg_hex: var(--akzentfarbe_hex);	
	--iconshome_invertiert_text_hex: var(--buttontextfarbe_hex);	
	--kachelboxenfarbe_rgb: 255,255,255 !important;
	--winkelfarbe_rgb: var(--highlightboxhintergrundfarbe_rgb) !important;
	--boxfarbe_hex: #efefef !important;
	--claimslidefarbe_hex: var(--templatefarbe_hex) !important;
	--claimboxinnerfarbe_hex: #fff !important;
	--claimboxtextfarbe_hex: var(--akzentfarbe_hex) !important;	
	--boxverlauf_dunkel_rgb: 240,240,240 !important;		
	--boxverlauf_hell_rgb: 255,255,255 !important;
	--erfal_farbe: #ef6d00 !important;
	--erfal_farbe_rgb: 239,109,0 !important;
	--erfal_raumausstatter_farbe: #ef6d00 !important;
	--erfal_raumausstatter_farbe_rgb: 239,109,0 !important;
	--feba_farbe: #023e72 !important;
	--feba_farbe_rgb: 2,62,114 !important;
	--fensterfachbetriebe_farbe: #464646 !important;
	--fensterfachbetriebe_farbe_rgb: 70,70,70 !important;
	--kneer_suedfenster_farbe: #5aaf24 !important;
	--kneer_suedfenster_farbe_rgb: 90,175,36 !important;
	--markilux_farbe: #e20018 !important;
	--markilux_farbe_rgb: 226,0,26 !important;
	--neutral_farbe: #464646 !important;
	--neutral_farbe_rgb: 70,70,70 !important;
	--rehau_farbe: #d2346e !important;
	--rehau_farbe_rgb: 210,52,110 !important;
	--roma_farbe: #dd7907 !important;
	--roma_farbe_rgb: 221,121,7 !important;
	--terrassendaecher_farbe: #464646 !important;
	--terrassendaecher_farbe_rgb: 70,70,70 !important;
	--weru_farbe: #fbfa1b !important;
	--weru_farbe_rgb: 251,250,27 !important;
	--windor_farbe: #e3010f !important;	
	--windor_farbe_rgb: 227,1,15 !important;
	--erfal_template: #ee7101 !important;
	--erfal_template_rgb: 238,113,1!important;
	--erfal-raumausstatter_template: #ee7101 !important;
	--erfal-raumausstatter_template_rgb: 238,113,1 !important;
	--feba_template: #014073 !important;
	--feba_template_rgb: 1,64,115 !important;
	--fensterfachbetriebe_template: #fbfa1b !important;
	--fensterfachbetriebe_template_rgb: 251,250,27 !important;
	--kneer_suedfenster_template: #63b332 !important;
	--kneer_suedfenster_template_rgb: 99,179,50 !important;
	--markilux_template: #e2001a !important;
	--markilux_template_rgb: 226,0,26 !important;
	--neutral_template: #464646 !important;
	--neutral_template_rgb: 70,70,70 !important;
	--rehau_template: #4fc1e5 !important;
	--rehau_template_rgb: 79,193,229 !important;
	--roma_template: #ee7b1d !important;
	--roma_template_rgb: 238,123,29 !important;
	--terrassendaecher_template: #fbfa1b !important;
	--terrassendaecher_template_rgb: 251,250,27 !important;
	--weru_template: #fbfa1b !important;
	--weru_template_rgb: 251,250,27 !important;
	--windor_template: #ed0022 !important;	
	--windor_template_rgb: 237,0,34 !important;
}


/* PARALLAX BILDER */
.slide1-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax01-xs.jpg);
	height: 300px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
}
@media (min-width: 576px) {
.slide1-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax01-sm.jpg);
	height: 400px;
}
}
@media (min-width: 768px) {
.slide1-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax01-lg.jpg);
	height: 500px;	
}
}
@media (min-width: 992px) {
.slide1-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax01-xl.jpg);
	height: 600px;
}
}
/* align = right */
.slide2-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax02-xs.jpg);
	height: 300px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
}
@media (min-width: 576px) {
.slide2-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax02-sm.jpg);
	height: 400px;
}
}
@media (min-width: 768px) {
.slide2-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax02-lg.jpg);
	height: 500px;
}
}
@media (min-width: 992px) {
.slide2-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax02-xl.jpg);
	height: 600px;
}
}
/* align = left */
.slide3-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax03-xs.jpg);
	height: 300px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
}
@media (min-width: 576px) {
.slide3-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax03-sm.jpg);
	height: 400px;
}
}
@media (min-width: 768px) {
.slide3-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax03-lg.jpg);
	height: 500px;
}
}
@media (min-width: 992px) {
.slide3-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax03-xl.jpg);
	height: 600px;	
}
}
/* align = left */
.slide4-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax04-xs.jpg);
	height: 300px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
}
@media (min-width: 576px) {
.slide4-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax04-sm.jpg);
	height: 400px;
}
}
@media (min-width: 768px) {
.slide4-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax04-lg.jpg);
	height: 500px;
}
}
@media (min-width: 992px) {
.slide4-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/parallax04-xl.jpg);
	height: 600px;	
}
}
/* align = left */
.slide5-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/-xs.jpg);
	height: 300px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
}
@media (min-width: 576px) {
.slide5-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/-sm.jpg);
	height: 400px;
}
}
@media (min-width: 768px) {
.slide5-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/-lg.jpg);
	height: 500px;
}
}
@media (min-width: 992px) {
.slide5-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/-xl.jpg);
	height: 600px;	
}
}
/* align = left */
.slide6-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/-xs.jpg);
	height: 300px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
}
@media (min-width: 576px) {
.slide6-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/-sm.jpg);
	height: 400px;
}
}
@media (min-width: 768px) {
.slide6-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/-lg.jpg);
	height: 500px;
}
}
@media (min-width: 992px) {
.slide6-fensterfachbetriebe {
	background-image: url(/config-templates/fensterfachbetriebe/img/parallax/-xl.jpg);
	height: 600px;	
}
}

/* Kachelboxen: schwacher Hintergrund */
div.kachelbg1,
div.kachelbg2,
div.kachelbg3,
div.kachelbg4,
div.kachelbg5, 
div.kachelbg6 {
	position: relative;
}

@media (max-width: 991px) {
div.kachelbg1::before,	
div.kachelbg2::before,	
div.kachelbg3::before,	
div.kachelbg4::before,	
div.kachelbg5::before,	
div.kachelbg6::before {
	background: none !important;
}
}
	
div.kachelbg1::before {
  content: "";
  background: url(/config-templates/fensterfachbetriebe/img/kachelboxen/kachelbox01-md.jpg);
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
  transform: scale(1.4);  
}
div.kachelbg2::before {
  content: "";
  background: url(/config-templates/fensterfachbetriebe/img/kachelboxen/kachelbox02-md.jpg);
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
  transform: scale(1.4);   
}
div.kachelbg3::before {
  content: "";
  background: url(/config-templates/fensterfachbetriebe/img/kachelboxen/kachelbox03-md.jpg);
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
  transform: scale(1.4); 
}
div.kachelbg4::before {
  content: "";
  background: url(/config-templates/fensterfachbetriebe/img/kachelboxen/kachelbox04-md.jpg);
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
  transform: scale(1.4);   
}
div.kachelbg5::before {
  content: "";
  background: url(/config-templates/fensterfachbetriebe/img/kachelboxen/kachelbox05-md.jpg);
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
  transform: scale(1.4);   
}
div.kachelbg6::before {
  content: "";
  background: url(/config-templates/fensterfachbetriebe/img/kachelboxen/kachelbox06-md.jpg);
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
  transform: scale(1.4);   
}


div.produktuebersicht a {
    color: #030303 !important;
}

#mainmenu .navbar-default ul.nav li a.active,
#mainmenu .navbar-default ul.nav li a.active:hover,
#mainmenu .navbar-default ul.nav li a.active:focus,
#hauptnavigation > ul > li.dropdown.m_open.open > ul > li.dropdown-submenu.m_open.grau > a	{
	color: #030303 !important;
}

.kontaktaufruf a {
	color: #030303 !important;
}

#sidebar ul.nav li.grau a.active, 	
#sidebar ul.nav li.grau a.active:hover, 					/*regelt Hover innerhalb der grauen Box */
#sidebar ul.nav li.grau a.active:focus {
	color: #030303 !important;
}
#sidebar ul.nav li a:hover, #sidebar ul.nav li a:focus {
	color: #030303 !important;
}
#sidebar ul.nav li a.active,						/* Aktives Navi-Element außerhalb der grauen Box*/
#sidebar ul.nav li a.active:hover,
#sidebar ul.nav li a.active:focus {
	color: #030303 !important;
}