/* kunden-dunkel.css */

:root {
	--templatefarbe_hex: #d90429 !important;
	--templatefarbe_rgb: 217,4,41 !important;
	--akzentfarbe_hex: var(--templatefarbe_hex) !important;	
	--akzentfarbe_rgb: var(--templatefarbe_rgb) !important;
	--textfarbe_hex: #B29A75 !important;
    --untermenutextfarbe_hex: var(--textfarbe_hex) !important;	
	--buttonfarbe_hex: var(--akzentfarbe_hex) !important;
	--buttontextfarbe_hex: #B29A75 !important;
	--buttonfarbe_hell_hex: var(--akzentfarbe_hex) !important;
	--buttonhintergrundfarbe_hell_hex: #434343 !important;
	--buttontextfarbe_hell_hex: var(--textfarbe_hex) !important;	
	--hinweisboxfarbe_rgb: 72,71,71 !important;
	--hinweisboxtextfarbe_hex: #B29A75!important;		
	--welcomeboxhintergrundfarbe_rgb: 72,71,71 !important;	
	--welcomeboxtextfarbe_hex: #B29A75 !important;
	--welcomeboxbuttonfarbe_hex: var(--templatefarbe_hex) !important;
	--welcomeboxbuttonhoverfarbe_hex: #444 !important;
	--welcomeboxbuttontextfarbe_hex: var(--templatefarbe_hex) !important;
	--infobarhintergrundfarbe_hex: #101010 !important;
	--infobarhintergrundfarbe_rgb: 45,45,45 !important;
	--infobartextfarbe_hex: #B29A75 !important;
	--contactbartextfarbe_hex: #1d1d1b !important;
	--shortbartextfarbe_hex: var(--buttontextfarbe_hex) !important;
	--footerhintergrundfarbe_hex: var(--infobarhintergrundfarbe_hex) !important;
	--footertextfarbe_hex: var(--infobartextfarbe_hex) !important;
	--hintergrundfarbe_hex: #1d1d1b !important;
	--hintergrundfarbe_rgb: 29,29,27 !important;
	--rahmenhintergrundfarbe_hex: #3c3c3c !important;
	--rahmenhintergrundfarbe_grau_hex: #2b2b2b !important;
	--rahmenhintergrundfarbe_dunkel_hex: #4b4b4b !important;
	--menuhintergrundfarbe_hex: #3c3c3c  !important;
	--menuhintergrundfarbe_rgb: 60,60,60 !important;
	--menubuttonfarbe_hex: var(--akzentfarbe_hex) !important;
	--menutextfarbe_hex: var(--textfarbe_hex) !important;
	--mobilmenuhintergrundfarbe_hex: #484747 !important;
	--mobilmenuhintergrundfarbe_sub_hex: var(--mobilmenuhintergrundfarbe_hex) !important;
	--mobilmenuhintergrundfarbe_sub_rgb: var(--mobilmenuhintergrundfarbe_rgb) !important;	
	--mobilmenuhintergrundfarbe_sub1_rgba: 190,190,190,0.1 !important;
	--mobilmenuhintergrundfarbe_sub2_rgba: 190,190,190,0.15 !important;
	--mobilmenuhintergrundfarbe_sub3_rgba: 190,190,190,0.2 !important;
	--mobilmenuhintergrundfarbe_sub4_rgba: 190,190,190,0.25 !important;
	--mobilmenutextfarbe_hex: var(--textfarbe_hex) !important;
	--mobilmenubuttonfarbe_hex: var(--templatefarbe_hex) !important;
	--mobilmenubuttontextfarbe_hex: var(--buttontextfarbe_hex) !important;
	--welcomecards_textfarbe_hex: var(--textfarbe_hex) !important;
	--welcomecards_hintergrundfarbe_hex: #454545 !important;
	--highlightboxhintergrundfarbe_rgb: 24,26,26 !important;
	--productpreviewhintergrundfarbe_links_hex: var(--rahmenhintergrundfarbe_hex) !important;
	--productpreviewhintergrundfarbe_rechts_hex: var(--rahmenhintergrundfarbe_grau_hex) !important;
	--iconshome_invertiert_bg_hex: var(--akzentfarbe_hex) !important;
	--iconshome_invertiert_text_hex: var(--buttontextfarbe_hex) !important;
	--kachelboxenfarbe_rgb: 70,70,70 !important;
	--winkelfarbe_rgb: var(--highlightboxhintergrundfarbe_rgb) !important;
	--boxfarbe_hex: #252627 !important;
	--claimslidefarbe_hex: var(--templatefarbe_hex) !important;
	--claimboxinnerfarbe_hex: var(--hintergrundfarbe_hex) !important;
	--claimboxtextfarbe_hex: var(--textfarbe_hex) !important;	
	--boxverlauf_dunkel_rgb: 40,40,40 !important;		
	--boxverlauf_hell_rgb: 55,55,55 !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: #fffe00 !important;
	--weru_farbe_rgb: 255,254,0 !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: #f5c800 !important;
	--fensterfachbetriebe_template_rgb: 245,200,0 !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: #f5c800 !important;
	--terrassendaecher_template_rgb: 245,200,0 !important;
	--weru_template: #fffe00 !important;
	--weru_template_rgb: 255,254,0 !important;
	--windor_template: #ed0022 !important;	
	--windor_template_rgb: 237,0,34 !important;	
}

.koop-farbe {
	color: var(--templatefarbe_hex) !important;
}
.koop-farbe-rgb {
	color: rgb(var(--templatefarbe_rgb)) !important;
}
.koop-bg-farbe {
	background-color: var(--templatefarbe_hex) !important;
}
.koop-bg-farbe-rgb {
	background-color: rgb(var(--templatefarbe_rgb)) !important;
}
.erfal-template .bg-gradient,
.erfal-raumausstatter-template .bg-gradient,
.feba-template .bg-gradient,
.fensterfachbetriebe-template .bg-gradient,
.kneer-suedfenster-template .bg-gradient,
.markilux-template .bg-gradient,
.neutral-template .bg-gradient,
.rehau-template .bg-gradient,
.roma-template .bg-gradient,
.terrassendaecher-template .bg-gradient,
.weru-template .bg-gradient,
.windor-template .bg-gradient,
.bg-gradient {
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(var(--templatefarbe_rgb),1) -20%, rgba(var(--templatefarbe_rgb),1) 50%) !important;
}

#mainmenu .navbar-default ul.nav li a:hover,
#mainmenu .navbar-default ul.nav li a:focus {
	background-color: #515151 !important;
}

@media (min-width: 992px) {
.megamenubox {
	background-color: #c6c6c6 !important;	
}
}

/* graue Box*/
ul.produkthauptseite {
	background-color: #757575;
}
#sidebar ul.nav .grau {
	background-color: #757575;
}

#sidebar ul.nav li.grau a:hover,
#sidebar ul.nav li.grau a:focus {
	background-color: #666666;
}

.hinweisbox-markilux,
.markilux-banner-consent-wrapper,
.yt-video-consent-wrapper,
.yt-video-consent-check-wrap,
.vimeo-video-consent-check-wrap,
.markilux-banner-consent-check-wrap,
.markilux-configurator-consent-check-wrap,
.markilux-consent-check-wrap,
.neutral1-consent-check-wrap,
.neutral2-consent-check-wrap {
	background-color: var(--menuhintergrundfarbe_hex) !important;
}
.markilux-kontakt {
	background-color: var(--menuhintergrundfarbe_hex) !important;
}

/* kundenspezifische Ergänzungen */


.bg-gradient {
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,1) -20%, rgba(var(--templatefarbe_rgb),1) 50%) !important;
}

.form-control {
 	background-color: var(--menuhintergrundfarbe_hex) !important;
	color: #b29a75;	
}
.form-control:focus{
 	background-color: #c5c5c5;
	color: #b29a75;
}
.form-control::placeholder{
	color: var(--textfarbe_hex) !important;
}
.form-control:focus::placeholder{
	color: #404040 !important;
}

#termscondition {
	background: #f00;
	color: #f00;
}
input[type=checkbox] {
  accent-color: var(--textfarbe_hex) !important;
}

.divider-headline {
	background: rgb(72,71,71);
	background: -moz-linear-gradient(170deg, rgba(72,71,71,1) 0%, rgba(72,71,71,0.6) 79%);
	background: -webkit-linear-gradient(170deg, rgba(72,71,71,1) 0%, rgba(72,71,71,0.6) 79%);
	background: linear-gradient(170deg, rgba(72,71,71,1) 0%, rgba(72,71,71,0.6) 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
    padding:10px 10px 10px 10px; 
    margin-left: 0px;
	margin-top: 3em;
    color: var(--textfarbe_hex) !important;
    position: relative;
}
@media (min-width: 992px) {
.divider-headline {
	background: rgb(72,71,71);
	background: -moz-linear-gradient(170deg, rgba(72,71,71,1) 0%, rgba(72,71,71,0.6) 79%);
	background: -webkit-linear-gradient(170deg, rgba(72,71,71,1) 0%, rgba(72,71,71,0.6) 79%);
	background: linear-gradient(170deg, rgba(72,71,71,1) 0%, rgba(72,71,71,0.6) 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
    padding:10px 10px 10px 28px; 
	margin-top: 3em;
}
}

.divider-headline-kunde {
	background: rgb(72,71,71);
	background: -moz-linear-gradient(170deg, rgba(72,71,71,1) 0%, rgba(72,71,71,0.6) 79%);
	background: -webkit-linear-gradient(170deg, rgba(72,71,71,1) 0%, rgba(72,71,71,0.6) 79%);
	background: linear-gradient(170deg, rgba(72,71,71,1) 0%, rgba(72,71,71,0.6) 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
    padding:10px 10px 10px 10px; 
    margin-left: 0px;
	margin-top: 3em;
    color: var(--textfarbe_hex) !important;
    position: relative;
}
@media (min-width: 992px) {
.divider-headline-kunde {
	background: rgb(72,71,71);
	background: -moz-linear-gradient(170deg, rgba(72,71,71,1) 0%, rgba(72,71,71,0.6) 79%);
	background: -webkit-linear-gradient(170deg, rgba(72,71,71,1) 0%, rgba(72,71,71,0.6) 79%);
	background: linear-gradient(170deg, rgba(72,71,71,1) 0%, rgba(72,71,71,0.6) 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);   
    padding:10px 10px 10px 28px; 
	margin-top: 3em;
}
}

.telefonaufruf {
    margin-top: 2em !important;
	margin-bottom: 4em !important;	
	padding: 2em 0 !important;
	background: rgb(72,71,71);
	background: -moz-linear-gradient(170deg, rgba(72,71,71,1) 0%, rgba(72,71,71,0.95) 90%) !important;
	background: -webkit-linear-gradient(170deg, rgba(72,71,71,1) 0%, rgba(72,71,71,0.95) 90%) !important;
	background: linear-gradient(170deg, rgba(72,71,71,1) 0%, rgba(72,71,71,0.95) 90%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
}

.telefonaufruf h2 {
    color: var(--textfarbe_hex) !important;	
}


.kontaktaufruf-oben {
    color: var(--textfarbe_hex) !important;
}
.kontaktaufruf-block {
    background-color: var(--menuhintergrundfarbe_hex) !important;
}

.dsgvo-block,
.youtube-block {
    background-color: var(--hintergrundfarbe_hex) !important;
}


.btn-cta {
    color: #1d1d1b !important
}
.btn-cta:hover,
.btn-cta:focus,
.btn-cta.focus,
.btn-cta:active,
.btn-cta.active,
.btn-cta a:hover,
.btn-cta a:focus,
.btn-cta a.focus,
.btn-cta a:active,
.btn-cta a.active{
  color: #1d1d1b !important;	
}

.btn-coloured-font {
    background-color: var(--textfarbe_hex) !important;
}

.btn-coloured-font:hover,
.btn-coloured-font:focus,
.btn-coloured-font.focus,
.btn-coloured-font:active,
.btn-coloured-font.active {
  color: #1d1d1b !important;
  background-color: var(--templatefarbe_hex) !important;
  border: var(--templatefarbe_hex) 3px solid !important;
  text-decoration: none !important;
  margin: 5px;
}


/* CSS CONTACTBAR */
	
.contactbarwrap {
    background: var(--infobarhintergrundfarbe_hex) !important;
}
.scrolled .contactbarwrap {
    background: var(--templatefarbe_hex) !important;
}
.contactbar-box {
	text-align: center;
	margin: 0 auto;
}
.contactbar-btn {
	background: var(--menuhintergrundfarbe_hex) !important;	
	color: var(--textfarbe_hex) !important;	
}
.contactbar-btn:hover {
	background: var(--akzentfarbe_hex) !important;	
	color: var(--templatefarbe_hex) !important;	
}
.contactbar-btn button {
	color: var(--textfarbe_hex) !important;	
}
	
body.landingpage .welcome .btn-lg {
    color: var(--textfarbe_hex) !important;
	background-color: var(--templatefarbe_hex) !important;
}
body.landingpage .welcome .btn-lg:hover {
    color: var(--textfarbe_hex) !important;
	background-color: var(--infobarhintergrundfarbe_hex) !important;
}

.welcome {
    background: rgba(var(--welcomeboxhintergrundfarbe_rgb), 0.8) !important;
}

.modal-content {
	background-color: var(--infobarhintergrundfarbe_hex) !important;	
}
.modal-header {
	border-bottom: none !important;
}
.modal-footer {
	border-top: none !important;
}