/* kunden.css */

:root {
	--templatefarbe_hex: #EC7E27 !important;
	--templatefarbe_rgb: 236,126,39 !important;
	--akzentfarbe_hex: #838280 !important;
	--akzentfarbe_rgb: 131,130,128 !important;
	--textfarbe_hex: #030303 !important;
    --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)  !important;
	--welcomeboxtextfarbe_hex: #fff !important;
	--welcomeboxbuttonfarbe_hex: #333 !important;
	--welcomeboxbuttonhoverfarbe_hex: #444 !important;
	--welcomeboxbuttontextfarbe_hex: var(--buttontextfarbe_hex) !important;
	--infobarhintergrundfarbe_hex: #444443 !important;
	--infobarhintergrundfarbe_rgb: 68,68,67 !important;
	--infobartextfarbe_hex: #fcfcfc !important;
	--contactbartextfarbe_hex: var(--welcomeboxtextfarbe_hex) !important;
	--shortbartextfarbe_hex: var(--buttontextfarbe_hex) !important;
	--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 !important;
	--mobilmenuhintergrundfarbe_sub3_rgba: 150,150,150,0.2 !important;
	--mobilmenuhintergrundfarbe_sub4_rgba: 150,150,150,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: var(--hintergrundfarbe_hex) !important;	
	--highlightboxhintergrundfarbe_rgb: 250,250,250 !important;	
	--productpreviewhintergrundfarbe_links_hex: var(--rahmenhintergrundfarbe_hex) !important;	
	--productpreviewhintergrundfarbe_rechts_hex: var(--rahmenhintergrundfarbe_grau_hex);
	--bgfarbe_hex: var(--akzentfarbe_hex);
	--bgfarbe_text_hex: var(--buttontextfarbe_hex);
	--iconshome_invertiert_bg_hex: var(--akzentfarbe_hex);	
	--iconshome_invertiert_text_hex: var(--buttontextfarbe_hex) !important;		
	--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: #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(255,255,255,1) -20%, rgba(var(--templatefarbe_rgb),1) 50%) !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;
}



.embed-responsive video {
  width: 100%; /* Take full width of the container */
  height: auto; /* Maintain aspect ratio */
}
.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}

.model-open {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
}
.custom-model-inner {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 600px;
  margin: 30px auto;
  max-width: 97%;
}
.custom-model-wrap {
  display: block;
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(100vh - 70px);
  overflow-y: auto;
}
.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}
.model-open .bg-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.bg-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}
.close-btn {
  position: absolute;
  right: 0;
  top: -30px;
  cursor: pointer;
  z-index: 99;
  font-size: 30px;
  color: #fff;
}

@media screen and (min-width:800px){
  .custom-model-main:before {
    content: "";
    display: inline-block;
    height: auto;
    vertical-align: middle;
    margin-right: -0px;
    height: 100%;
  }
}
@media screen and (max-width:799px){
  .custom-model-inner{margin-top: 45px;}
}