*{
 b order: 1px solid #ff0000 ;
 padding: 0 ;
 margin: 0 ;
}

.produktDebuggerFVBereich{
 overflow: scroll ;
 position: fixed ;
 top: 50px ;
 left: 0 ;
 font-size: 11px ;
 width: 500px ;
 height: 1020px ;
 border: 1px solid #000 ;
 background-color: #fff ;
 z-index: 9999 ;
 display: none !important ;
}

#produktInfoAusgabenBereichFormID{
 display: none !important ;
}

p.faqP{
 margin-left: 20px ;
}

div#ml_fenster:hover > div#ml_fenster_unterMenu,
div#ml_balkontueren:hover > div#ml_balkontueren_unterMenu,
div#ml_haustueren:hover > div#ml_haustueren_unterMenu,
div#ml_rollladen:hover > div#ml_rollladen_unterMenu,
div#ml_zubehoer:hover > div#ml_zubehoer_unterMenu,
div#ml_terrassentueren:hover > div#ml_terrassentueren_unterMenu,
div#ml_garagentore:hover > div#ml_garagentore_unterMenu{
 display: block !important ;
}

div.menuLinksStandarcik:hover{
 background-color: #3F3F3F !important ;
 color: #fff !important ;
}

div.unterMenuLinksStandarcik:hover > div > img{
 transform: scale(1.1) !important ;
}

div.unterMenuLinksStandarcik:hover{
 border: 1px solid #3F3F3F !important ;
}

@keyframes whatsAppClose{
 0%{
  opacity: 1 ;
  display: block ;
 }
 80%{
  opacity: 1 ;
  display: block ;
 }
 100%{
  opacity: 0 ;
  display: none ;
 }
}

div.whatsAppHidden{
 display: none ;
 opacity: 0 ;
 animation: whatsAppClose .15s ;
}

td.cookieTabelleTd{
 padding-left: 5px ;
 padding-right: 5px ;
 text-align: left ;
 vertical-align: top ;
 border:1px solid black;
}

div.hersteller_lieferzeiten{
 font-size: 14px ;
}

a.magazin_beitrag{
 color: #3F3F3F ;
}

a.magazin_beitrag:hover{
 text-decoration: underline ;
}

a.startseite_mengenrabatt{
 text-decoration: underline ;
 color: #fff ;
}

div.startSeiteNeuEinzeln h1{
 font-size: 44px ;
 font-weight: 700 ;
}

div.startSeiteNeuEinzeln h2{
 font-size: 33px ;
 font-weight: 700 ;
}

div.startSeiteNeuEinzeln h3{
 font-size: 25px ;
 font-weight: 700 ;
}



#startSeiteHauptGrafikText{

}

a.breadCrumbEinzeln{
 font-size: 14px ;
 text-decoration: none ;
 color: #3F3F3F ;
}

a.breadCrumbEinzeln:hover{
 text-decoration: underline ;
}

span.breadCrumbEinzelnSeparator{
 font-weight: bold ;
 padding-left: 5px ;
 padding-right: 5px ;
}

span.breadCrumbEinzelnSeparatorVorne{
 display: none ;
 padding-right: 5px ;
}

span.breadCrumbEinzeln{
 font-size: 14px ;
}

nav.breadCrumb{
 max-width: 1580px ;
 margin: 0 auto ;
}

div.breadCrumb{
 margin-top: 10px ;
 margin-bottom: 10px ;
 width: 100% ;
}

div.auswahl_push_up,
div.auswahl_push_up_rechts{
 position: absolute ;
 z-index: 999 ;
 top: 40px ;
 width: 60px ;
 height: 60px ;
 overflow: hidden ; 
}

div.auswahl_push_up{
 left: 5px ;
}

div.auswahl_push_up_rechts{
 right: 5px ;
}

div.auswahl_push_up_produkt,
div.auswahl_push_up_produkt_rechts{
 position: absolute ;
 z-index: 999 ;
 top: 80px ;
 width: 60px ;
 height: 60px ;
 overflow: hidden ; 
}

div.auswahl_push_up_produkt{
 left: 5px ;
}

div.auswahl_push_up_produkt_rechts{
 right: 5px ;
}

div.auswahl_push_up_produkt_oben,
div.auswahl_push_up_produkt_oben_rechts{
 position: absolute ;
 z-index: 997 ;
 top: 200px ;
 width: 60px ;
 height: 60px ;
 overflow: hidden ; 
}

div.auswahl_push_up_produkt_oben{
 left: 5px ;
}

div.auswahl_push_up_produkt_oben_rechts{
 right: 5px ;
}



img.auswahl_push_up{
 max-width: 100% ;
}

div.standardZusammenFarbenTrennLinie{
 display: inline-block ;
 position: relative ;
 width: calc(100% - 20px) ;
 margin: 0 auto ;
 text-align: left ;
 padding: 5px 0px 5px 20px ;
 font-weight: 600 ;
 border-top: 1px solid #2f3134 ;
}

div.standardZusammenFarbenTrennLinieInfoDatei{
 position: absolute ;
 right: 10px ;
 top: 5px ;
 font-weight: 100 ;
 cursor: pointer ;
}

#triangle {
 width: 10px ;
 height: 10px ;
 border-right: 5px solid white ;
 border-top: 5px solid white ;
 transform: rotate(-45deg) ;
 margin: 0 auto ;
 margin-top: 17px ;
}

a.startSeiteNeuUnderline{
 text-decoration: underline ;
 color: #1088cc ;
}

div.startSeiteNeuEinzeln ul{
 margin-top: 20px ;
 padding-left: 20px ;
}

img.startSeiteNeuGrafikenNebenEinander{
 max-width: 100% ;
}

div.startSeiteNeuGrafikenNebenEinander{
 margin-top: 5px ;
 margin-bottom: 5px ;
 margin-left: 5px ;
 margin-right: 5px ;
 display: inline-block ;
}

div.startSeiteNeuGrafikenNebenEinanderAbstand{
 padding-top: 30px ;
 padding-bottom: 30px ;
}

div.startSeiteNeuLinkeRechtsZusammenUberschrift{
 font-size: 32px ;
 font-weight: bold ;
}

div.startSeiteNeuLinkeRechtsZusammenUberschriftKlein{
 font-size: 24px ;
 font-weight: bold ;
}

div.startSeiteNeuLinkeRechtsZusammenAussen{
 width: 100% ;
 padding-top: 50px ;
 padding-bottom: 50px ;
}

div.startSeiteNeuLinkeRechtsZusammenAussenOhnePaddingBottom{
 width: 100% ;
 padding-top: 50px ;
}

div.startSeiteNeuLinkeRechtsZusammenAussenOhnePaddingTop{
 width: 100% ;
 padding-bottom: 50px ;
}

div.startSeiteNeu_A{
 position: relative ;
 width: 100% ;
 height: 330px ;
 background-color: #5FC6AA ;
}

div.startSeiteNeu_B{
 position: relative ;
 width: 50% ;
 height: 100% ;
}

div.startSeiteNeu_B_inner{
 position: absolute ;
 right: 30px ;
 top: 30px ;
 width: 500px ;
 height: 250px ;
}

div.startSeiteNeu_C{
 position: absolute ;
 left: 50% ;
 top: 0 ;
 width: 50% ;
 height: 100% ;
}

div.startSeiteNeu_C_inner{
 width: 100% ;
 height: 100% ;
 background-repeat: no-repeat ;
 background-image: url('bilder/link/michal-parzuchowski-Nh-1.jpg') ;
 background-position-x: 0 ;
 background-position-y: 50% ;
 background-size: 100% ;
}

div.startSeiteNeu_E{
 position: relative ;
 width: 100% ;
 height: 570px ;
 background-color: #4ebc40 ;
}

div.startSeiteNeu_F{
 position: absolute ;
 left: 0 ;
 top: 0 ;
 width: 50% ;
 height: 100% ;
}

div.startSeiteNeu_F_inner{
 width: 100% ;
 height: 100% ;
 background-repeat: no-repeat ;
 background-image: url('bilder/link/Zeichenfl1.jpg') ;
 background-position-x: 0 ;
 background-position-y: 50% ;
 background-size: 100% ;
}

div.startSeiteNeu_G{
 position: absolute ;
 left: 50% ;
 top: 0 ;
 width: 50% ;
 height: 100% ;
}

div.startSeiteNeu_G_inner{
 position: absolute ;
 left: 30px ;
 top: 30px ;
 width: 500px ;
 height: 250px ;
}

div.startSeiteNeuLinkeRechtsZusammen{
 text-align: center ;
 max-width: 1060px ;
 margin: 0 auto ;
}

div.startSeiteNeuLinkeSeite p,
div.startSeiteNeuRechteSeite p{
 margin-top: 20px ;
}

div.startSeiteNeuLinkeSeite,
div.startSeiteNeuRechteSeite{
 display: inline-block ;
 width: 50% ;
 vertical-align: top ;
 max-width: 500px ;
 text-align: left ;
}

div.startSeiteNeuLinkeSeite{
 margin-right: 30px ;
}

div.startSeiteNeuRechteSeite{
 margin-left: 30px ;
}




div.kinderProduktLieferzeitenText{
 position: absolute ;
 top: 10px ;
 left: 75px ;
 text-align: left ;
 color: #3f3f3f ;
}

div.startSeiteNeuKonfiguratorContainerEinzelnLieferzeitenText{
 position: absolute ;
 top: 10px ;
 left: 90px ;
 text-align: left ;
 color: #3f3f3f ;
}

img.startSeiteNeuKonfiguratorContainerEinzelnLieferzeitenGrafik,
img.kinderProduktLieferzeitenGrafik{
 max-width: 100% ;
}

div.kinderProduktLieferzeitenGrafik{
 position: absolute ;
 top: 13px ;
 left: 25px ;
 width: 40px ;
}

div.startSeiteNeuKonfiguratorContainerEinzelnLieferzeitenGrafik{
 position: absolute ;
 top: 10px ;
 left: 20px ;
 width: 50px ;
}

div.kinderProduktLieferzeitenBox{
 width: calc(100% + 20px) ;
 height: 70px ;
 position: relative ;
 top: -10px ;
 left: -10px ;
 background-color: #eaeaea ;
}

div.startSeiteNeuKonfiguratorContainerEinzelnLieferzeitenBox{
 width: 100% ;
 height: 70px ;
 position: relative ;
 background-color: #eaeaea ;
}









a.startSeiteNeuKonfiguratorContainerEinzelnHref{
 text-decoration: none ;
}

img.startSeiteNeuKonfiguratorContainerEinzelnGrafik{
 height: 140px ;
}

div.startSeiteNeuKonfiguratorContainerEinzelnGrafik{
 position: relative ;
 width: 100% ;
 margin-top: 20px ;
 margin-bottom: 20px ;
}

div.startSeiteNeuKonfiguratorContainerEinzelnInfo{
 font-style: italic ;
 color: #929292 ;
}

div.startSeiteNeuKonfiguratorContainerEinzelnInfo2{
 color: #929292 ;
}

div.startSeiteNeuKonfiguratorContainerEinzelnUberschrift{
 font-weight: bold ;
 font-size: 22px ;
 margin-top: 10px ;
 margin-bottom: 10px ;
 color: #3F3F3F ;
}

div.startSeiteNeuKonfiguratorContainerEinzeln{
 vertical-align: top ;
 display: inline-block ;
 border: 1px solid #ccc ;
 width: 260px ;
 margin-top: 10px ;
 margin-left: 2px ;
 margin-right: 2px ;
}











div.slayderSeiteNeuExpresslieferung{
 position: absolute ;
 background-color: #ff0000 ;
 padding: 20px ;
 right: auto !important ;
 left: 400px !important ;
 top: 20px ;
 color: white ;
}

#startSeiteNeuEinzelnSlayderHandyErsatz{
 display: none ;
}

@property --from{
 syntax: '<integer>' ;
 initial-value: 0 ;
 inherits: false ;
}

.counter{
 font-size: 102px ;
 font-weight: bold ;
 color: white ;
 transition: var(--from) 1s ;
 counter-reset: int var(--from, 0) ;
 animation: counter var(--time, 1) forwards ease-in-out ;
}

.counter::after{
 content: counter(int) ;
}

@keyframes counter{
 to {
  --from: var(--to, 1) ;
 }
}

div.slayderSeiteNeuMenuEinzeln{
 display: inline-block ;
 width: 10px ;
 height: 10px ;
 border: 1px solid #000 ;
 margin-left: 1px ;
 margin-right: 1px ;
 cursor: pointer ;
}

div.slayderSeiteNeuMenu{
 width: 100% ;
 text-align: center ;
 overflow: hidden ;
}

div.slayderSeiteNeuMenuInner{
 width: 100vw ;
 text-align: center ;
}

div.slayderSeiteNeuEinzeln{
 width: 100vw ;
 height: 100% ;
 display: inline-block ;
}

div.slayderSeiteNeuBand{
 position: absolute ;
 left: 0 ;
 width: 10000px ;
 height: 100% ;
 transition: all 0.5s ease-out ;
}

div.slayderSeiteNeuView{
 position: relative ;
 width: 100% ;
 overflow: hidden ;
 height: 530px ;
}

div.startSeiteNeuEinzelnOhneMargin{
 width: 100% ;
}


div.startSeiteNeuEinzeln{
 width: 100% ;
 margin-bottom: 20px ;
}

div.startSeiteNeuStickyNavi{
 position: sticky ;
 bottom: 0 ;
 width: 100% ;
}

div.startSeiteNeuZusammen{
 position: relative ;
 width: 100% ;
}






div.banner_on_top_viele_bestellungen{
 font-size: 19px ;
 font-weight: b old ;
 padding-top: 15px ;
 padding-bottom: 15px ;
 background-color: #1088cc ;
 color: #fff ;
}

a.ganzObenLeisteEinzelnTextHref{
 color: #fff ;
}

font.progressbarNeuExpressText{
 font-size: 11px ;
}


div.startseite_expresslieferung_text_3{
 color: #fff ;
 font-size: 12px ;
}

div.startseite_expresslieferung_text_2{
 color: #fff ;
 font-size: 31px ;
}

div.startseite_expresslieferung_text_1{
 color: #fff ;
 font-size: 61px ;
 font-weight: bold ;
}

div.startseite_expresslieferung_rechts{
 overflow: hidden ;
 width: 50% ;
 float: left ;
}

img.startseite_expresslieferung_links{
 max-width: 100% ;
}

div.startseite_expresslieferung_links{
 width: 50% ;
 float: left ;
}

div.startseite_expresslieferung_zusammen{
 max-width: 1200px ;
 margin:0 auto ;
 background-color: #fb0023 ;
}

div.startseite_expresslieferung_volle_breite{
 width: 100% ;
 background-color: #fb0023 ;
}




img.ganzObenLeisteEinzelnWhatsApp{
 max-width: 100% ;
}

div.ganzObenLeisteEinzelnWhatsApp{
 width: 40px ;
 height: 40px ;
}

div.ganzObenLeisteEinzeln_7{
 left: 830px ;
 top: 10px ;
}

div.ganzObenLeisteEinzeln_6{
 left: 540px ;
 top: 10px ;
}

div.ganzObenLeisteEinzeln_5{
 left: 370px ;
 top: 10px ;
}

div.ganzObenLeisteEinzeln_4{
 left: 150px ;
 top: 10px ;
}

div.ganzObenLeisteEinzeln_3{
 left: 110px ;
 top: 5px ;
}

div.ganzObenLeisteEinzeln_2{
 left: 60px ;
 top: 5px ;
}

div.ganzObenLeisteEinzeln_1{
 left: 10px ;
 top: 5px ;
}

div.ganzObenLeisteEinzeln_0{
 right: 10px ;
 top: 5px ;
}

div.ganzObenLeisteEinzelnText{
 position: absolute ;
 left: 40px ;
 top: 5px ;
 font-size: 13px ;
 width: 200px ;
}

div.ganzObenLeisteEinzelnTextKurz{
 position: absolute ;
 left: 40px ;
 top: 5px ;
 font-size: 13px ;
 width: 100px ;
}

img.ganzObenLeisteEinzelnSVG{
 max-width: 100% ;
}

div.ganzObenLeisteEinzelnSVG{
 position: absolute ;
 width: 30px ;
}

div.ganzObenLeisteEinzelnWarenkorbZahl{
 position: absolute ;
 top: 0 ;
 right: 0 ;
 width: 15px ;
 height: 15px ;
 background-color: #ff6c00 ;
 color: #fff ;
 font-size: 11px ;
 text-align: center ;
}

img.ganzObenLeisteEinzelnWarenkorb{
 max-width: 100% ;
}

div.ganzObenLeisteEinzelnWarenkorb{
 position: relative ;
 width: 40px ;
 height: 40px ;
}

div.ganzObenLeisteEinzeln{
 position: absolute ;
}

div.ganzObenLeisteInner{
 position: relative ;
 b ackground-color: #064D6A ;
 max-width: 1600px ;
 he ight: 50px ;
 margin: 0 auto ;
}

div.ganzObenLeiste{
 position: relative ;
 width: 100% ;
 height: 50px ;
 background-color: #064D6A ;
 color: #fff ;
}






img.warenKorbGrafikIy{
 max-width: 100% ;
}

div.warenKorbGrafikIy{
 width: 300px ;
}

:root{
 --iy_border_test_px:0 ;
 --iy_breite_rechts:500 ;
 --iy_breite_konfigurator:1800 ;
 --iy_breite_konfigurator_margin:20 ;
 --iy_auswahl_checkbox_breite:50 ;
 --iy_auswahl_grafik_breite_hohe:200 ;
 --iy_auswahl_menu_breite:60 ;
 --iy_auswahl_zusammen_margin_left:50 ;
 --iy_standard_abstand:5 ;
 --iy_auswahl_grafik_klein_breite_hohe:30 ;
 --iy_standard_abstand_checkbox_zu_grafik:50 ;
 --iy_pfeile_slaider_grosse:80 ;
 --werbung_fc_bayern_logo_breite_px:120 ;
}

div.iy_undercover, form.iy_undercover{
 display: none ;
}

img.iyLightBoxSliderHauptBildPfeilGrafik{
 max-width: 100% ;
}

div.iyLightBoxSliderHauptBildPfeilGrafik{
 width: 80% ;
 height: 80% ;
 margin: 0 auto ;
 margin-top: 10% ;
}

div.iyLightBoxSliderHauptBildPfeilLinks,
div.iyLightBoxSliderHauptBildPfeilRechts{
 position: absolute ;
 top: calc(50% - ((var(--iy_pfeile_slaider_grosse) * 1px) / 2)) ;
 width: calc(var(--iy_pfeile_slaider_grosse) * 1px) ;
 height: calc(var(--iy_pfeile_slaider_grosse) * 1px) ;
 background-color: rgba(255,255,255,0.75) ;
 z-position: 99999 ;
 cursor: pointer ;
 box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1) ;
}

div.iyLightBoxSliderHauptBildPfeilLinks{
 left: 20px ;
}

div.iyLightBoxSliderHauptBildPfeilRechts{
 right: 20px ;
}



img.iyLightBoxSliderHauptBild{
 max-width: 100% ;
 position: relative ;
}

div.iyLightBoxSliderHauptBild{
 width: 80% ;
 margin: 0 auto ;
}

div.iyLightBoxSlider{

}

div.iyGrafikDreiPunkteEinzeln{
 width: 5px ;
 height: 5px ;
 background-color: #3F3F3F ;
 float: left ;
 margin-left: 2px ;
 margin-right: 2px ;
 margin-top: 5px ;
}

div.iyGrafikDreiPunkteCenter{
 width: 27px ;
 height: 18px ;
 margin: 0 auto ;
 margin-top: 10px ;
 cursor: pointer ;
}

div.iyGrafikDreiPunkteZusammen{
 width: 100% ;
}

div.iyPreisTabelleInfoZeichen{

}

div.iyPreisTabelleInfoJa{
 width: 10px ;
 height: 10px ;
 background: green ;
 -moz-border-radius: 50% ;
 -webkit-border-radius: 50% ;
 border-radius: 50% ;
 margin: 0 auto ;
}

div.iyPreisTabelleInfoKreuz{
 background: #ff0000 ;
 width: 2px ;
 height: 10px ;
 position: relative ;
 margin-left: 4px ;
 transform: rotate(45deg) ;
 margin: 0 auto ;
}

div.iyPreisTabelleInfoKreuz:before{
 background: #ff0000 ;
 content: "" ;
 width: 10px ;
 height: 2px ;
 position: absolute ;
 top: 4px ;
 left: -4px ;
}

table.iyPreisTabelleInfo td{
 padding: 2px ;
 border: 1px solid #ccc ;
 text-align: center ;
}

table.iyPreisTabelleInfo{
 font-size: 10px ;
 margin: 0 auto ;
}

div.iyPreisTabelleInfoDiv{
 width: 100% ;
}

div.iyInputFalscheWerte{
 color: red ;
 font-weight: bold ;
 font-size: 10px ;
}

div.iyCenaLieferzeit{
 font-size: 12px ;
}

div.iyCenaZzMwSt{
 font-size: 12px ;
}

div.iyCena{
 float: left ;
 font-size: 42px ;
}

font.iyCenaEuro{
 font-size: 16px ;
}

font.iyBlau{
 color: #61b0e7 ;
}

div.iyCenaEuro{
 float: left ;
 font-size: 42px ;
 margin-left: 5px ;
}

div.iyCenaMitEuro{

}

div.iyCenaRazem{
 margin-left: 20px ;
 margin-top: 10px ;
}

div.iyInDenWarenkorbDiv{
 text-align: center ;
 margin-top: 20px ;
 margin-left: 20px ;
 width: 200px ;
 height: 45px ;
 line-height: 45px ;
 color: #fff ;
 font-size: 18px ;
 cursor: pointer ;
}

div.iyInDenWarenkorbSchiebenDiv{
 background-color: #5FC6AA ;
}

div.iyInDenWarenkorbAnderungenDiv{
 background-color: #61b0e7 ;
}

div.iy_tore_raster_auswahl_input ::placeholder{
 color: #ccc ;
}

div.iy_tore_rechts_grafik{
 margin-top: 20px ;
 width: 100% ;
}

div.iy_konfiguration_ausgabe_auswahl{
 margin-left: 20px ;

}

div.iy_konfiguration_ausgabe_raster{
 color: #61b0e7 ;
}

div.iy_tore_rechts_konfiguration_ausgabe{
 padding: 20px ;
}

div.iy_tore_raster_auswahl_input_ral_ausgabe_name{
 float: left ;
 min-width: 50px ;
 height: 42px ;
 line-height: 42px ;
}

div.iy_tore_raster_auswahl_input_ral_ausgabe{
 float: left ;
 width: 42px ;
 height: 42px ;
 border: 1px solid #ccc ;
 margin-right: 10px ;
 cursor: pointer ;
}

div.iy_tore_raster_auswahl_grafik_zusammen{
 float: left ;
}

div.iy_tore_raster_auswahl_input_zusammen{
 display: inline-block ;
 margin-right: 20px ;
}

div.iy_tore_raster_auswahl_grafik_masse_inputs{
 float: left ;
 w idth: calc(100% - ((var(--iy_auswahl_checkbox_breite) * 1px) + (var(--iy_auswahl_grafik_breite_hohe) * 1px) + (var(--iy_auswahl_menu_breite) * 1px) + (calc(var(--iy_standard_abstand) * 1px)))) ;
 width: calc(100% - ((var(--iy_auswahl_checkbox_breite) * 1px) + (var(--iy_auswahl_grafik_breite_hohe) * 1px) + (var(--iy_auswahl_menu_breite) * 1px) + (calc(var(--iy_standard_abstand_checkbox_zu_grafik) * 1px)))) ;
}

img.iy_tore_raster_auswahl_grafik_masse{
 width: 100% ;
}

div.iy_tore_raster_auswahl_grafik_masse{
 float: left ;
 w idth: calc((var(--iy_auswahl_checkbox_breite) * 1px) + (var(--iy_auswahl_grafik_breite_hohe) * 1px) + (var(--iy_standard_abstand) * 1px)) ;
 width: calc((var(--iy_auswahl_checkbox_breite) * 1px) + (var(--iy_auswahl_grafik_breite_hohe) * 1px) + (var(--iy_standard_abstand_checkbox_zu_grafik) * 1px)) ;
}

div.iy_tore_raster_auswahl_einzeln_trennung_inner{
 m argin-left: calc((var(--iy_auswahl_checkbox_breite) * 1px) + ((var(--iy_auswahl_grafik_breite_hohe) * 1px) / 2) + (calc(var(--iy_standard_abstand) * 1px))) ;
 margin-left: calc((var(--iy_auswahl_checkbox_breite) * 1px) + ((var(--iy_auswahl_grafik_breite_hohe) * 1px) / 2) + (calc(var(--iy_standard_abstand_checkbox_zu_grafik) * 1px))) ;
 max-width: 800px ;
 border-bottom: 1px dotted #ccc ;
}

div.iy_tore_raster_auswahl_einzeln_trennung{
 margin-top: 10px ;
 margin-bottom: 10px ;
}

div.iy_tore_raster_auswahl_input_hilfe_button{
 margin-top: 4px ;
 width: 15px ;
 height: 15px ;
 background-color: #61b0e7 ;
 color: white ;
 text-align: center ;
 line-height: 15px ;
 font-size: 12px ;
 margin-left: 10px ;
}

div.iy_tore_raster_auswahl_input_von_bis{
 font-size: 10px ;
}

select.iy_tore_raster_auswahl_input_select{
 width: 173px ;
 height: 40px ;
 text-align: center ;
 text-align-last: center ;
 -moz-text-align-last: center ;
}

input.iy_tore_raster_auswahl_input{
 width: 160px ;
 height: 40px ;
 margin-right: 10px ;
 text-align: right ;
 padding-right: 10px ;
}

div.iy_tore_raster_auswahl_input_lable{
 font-weight: bold ;
}

div.iy_tore_raster_auswahl_input{
 margin-top: 20px ;
}

img.iy_tore_raster_auswahl_einzeln_menu_lupe{
}

div.iy_tore_raster_auswahl_einzeln_menu_lupe{
 margin-top: 20px ;
 width: 100% ;
}

input.iy_tore_raster_auswahl_einzeln_check_box{
 width: calc(var(--iy_auswahl_checkbox_breite) * 1px) ;
 height: calc(var(--iy_auswahl_checkbox_breite) * 1px) ;
}

img.iy_tore_raster_auswahl_einzeln_grafik{
 max-width: 100% ;
}

div.iy_tore_raster_auswahl_einzeln_opis_uberschrift{
 font-weight: bold ;
 margin-top: 10px ;
}

div.iy_tore_raster_auswahl_einzeln_opis{

}

img.iy_tore_raster_auswahl_einzeln_grafik_klein{
 max-width: 100% ;
 cursor: pointer ;
}

div.iy_tore_raster_auswahl_einzeln_grafik_klein_zusammen{
 margin-top: 10px ;
 text-align: center ;
}

div.iy_tore_raster_auswahl_einzeln_grafik_klein{
 margin-left: 5px ;
 margin-right: 5px ;
 display: inline-block ;
 width: calc(var(--iy_auswahl_grafik_klein_breite_hohe) * 1px) ;
}

div.iy_tore_raster_auswahl_einzeln_grafik_klein_inner{
 border: 1px solid #ccc ;
 width: 100% ;
}

div.iy_tore_raster_auswahl_einzeln_grafik_klein_markierung{
 margin-top: 2px ;
 height: 5px ;
 width: calc(100% + 2px) ;
}

div.iy_tore_raster_auswahl_einzeln_grafik_klein_markierung_aktiv{
 background-color: #ff0000 ;
}

div.iy_tore_raster_auswahl_einzeln_grafik{
 float: left ;
 width: calc(var(--iy_auswahl_grafik_breite_hohe) * 1px) ;
 min-height: 80px ;
}

div.iy_tore_raster_auswahl_einzeln_menu{
 float: left ;
 width: calc(var(--iy_auswahl_menu_breite) * 1px) ;
 h eight: 500px ;
}

div.iy_tore_raster_auswahl_einzeln_check_box{
 float: left ;
 width: calc(var(--iy_auswahl_checkbox_breite) * 1px) ;
 height: calc(var(--iy_auswahl_checkbox_breite) * 1px) ;
 m argin-right: calc(var(--iy_standard_abstand) * 1px) ;
 margin-right: calc(var(--iy_standard_abstand_checkbox_zu_grafik) * 1px) ;
}

div.iy_tore_raster_auswahl_einzeln_links{
 float: left ;
}

div.iy_tore_raster_auswahl_einzeln_rechts{
 float: left ;
 w idth: calc(100% - ((var(--iy_auswahl_checkbox_breite) * 1px) + (var(--iy_auswahl_grafik_breite_hohe) * 1px) + (var(--iy_auswahl_menu_breite) * 1px) + (calc(var(--iy_standard_abstand) * 1px)))) ;
 width: calc(100% - ((var(--iy_auswahl_checkbox_breite) * 1px) + (var(--iy_auswahl_grafik_breite_hohe) * 1px) + (var(--iy_auswahl_menu_breite) * 1px) + (calc(var(--iy_standard_abstand_checkbox_zu_grafik) * 1px)))) ;
 min-height: 100px ;
}

.iy_tore_raster_auswahl_einzeln{
 border: calc(var(--iy_border_test_px) * 1px) solid #ff0000 ;
 width: 100% ;
 margin-bottom: calc(var(--iy_standard_abstand) * 1px) ;
}

div.iy_tore_raster_auswahl_zusammen{
 margin-left: calc(var(--iy_auswahl_zusammen_margin_left) * 1px) ;
}

div.iy_tore_raster_uberschrift{
 font-size: 30px ;
 font-weight: bold ;
 margin-bottom: 20px ;
 color: #61b0e7 ;
}

div.iy_tore_raster{
 margin-bottom: 20px ;
}

div.iy_tore_rechts_uberschrift{
 background-color: #61b0e7 ;
 padding: 5px 5px 5px 20px ;
 color: white ;
}

#iy_tore_rechts{
 float: left ;
 width: calc((var(--iy_breite_rechts) * 1px) - 2px) ;
 border: 1px solid #61b0e7 ;
 position: sticky ;
 top: 0px ;
}

div.iy_tore_rechts_inner{
}

#iy_tore_links{
 float: left ;
 width: calc(100% - (var(--iy_breite_rechts) * 1px)) ;
}

#iy_tore_inner{
 max-width: calc(var(--iy_breite_konfigurator) - 40px) ;
 margin-left: calc(var(--iy_breite_konfigurator_margin) * 1px) ;
 margin-right: calc(var(--iy_breite_konfigurator_margin) * 1px) ;
}

#iy_tore{
 max-width: calc(var(--iy_breite_konfigurator) * 1px) ;
 margin: 0 auto ;
}

div.whatsAppInfoX {
 position: absolute ;
 right: 15px ;
 top: 8px ;
}

div.whatsAppWerbungInfoPunkteZusammen{
 margin-top: 20px ;
 margin-left: 140px ;
}

div.whatsapp_sprechblase, div.whatsapp_sprechblase_weiss{
 display: inline-block ;
 padding: 10px ;
 border-radius: 10px ;
 box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1) ;
 margin-bottom: 10px ;
}

div.whatsapp_sprechblase_weiss{
 float: right ;
 border: 0.1px solid rgba(0,0,0,0.1) ;
 background-color: #fff ;
}

div.whatsapp_sprechblase{
 background-color: #e3ffd3 ;
}


div.whatsAppWerbungInfoUberschrift{
 font-size: 28px ;
 font-weight: bold ;
 margin-left: 140px ;
}

div.buttonHaupseiteNeuWhatsAppGrun{
 background-color: #41e55e ;
}



div.whatsAppWerbungInfoBoxLogo{
 position: absolute ;
 top: -20px ;
 left: -20px ;
 width: 140px ;
}

img.whatsAppWerbungInfoBoxLogo{
 max-width: 100% ;
 transform: rotate(-10deg) ;
}

div.whatsAppWerbungInfo{
 z-index: 9999999 ;
 position: relative ;
 top: 0 ;
 left: 0 ;
 width: 100% ;
 height: 100% ;
 overflow: hidden ;
 position: fixed ;
 background: rgba(0, 0, 0, 0.5) ;
}

div.whatsAppWerbungInfoBox{
 position: relative ;
 padding: 20px ;
 margin: 70px auto ;
 max-width: 800px ;
 background-color: #fff ;
 border-radius: 20px ;
}

div.whatsAppWerbungCenter{
 margin: 0 auto ;
 width: 100% ;
 max-width: 1200px ;
}

div.whatsAppWerbungUberschrift{
 font-weight: bold ;
 font-size: 14px ;
 text-align: center ;
 margin-bottom: 5px ;
}

div.whatsAppWerbungTelefon{
 font-weight: bold ;
 font-size: 24px ;
 text-align: center ;
}

div.whatsAppWerbungTrennLinie{
 height: 1px ;
 width: 100% ;
 background-color: #ccc ;
 margin-top: 10px ;
 margin-bottom: 5px ;
}

div.whatsAppWerbungText{
 m argin-bottom: 10px ;
 text-align: center ;
 font-size: 12px ;
}

div.whatsAppWerbungImgDiv{
 max-width: 80% ;
 margin: 0 auto ;
}

img.whatsAppWerbungImg{
 width: 100% ;
}

div.whatsAppWerbungHaupt{
 z-index: 10 ;
 position: fixed ;
 bottom: 100px ;
 width: 70px ;
 left: 20px ;
 background-color: #fff ;
 padding: 10px ;
 box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px, rgba(0, 0, 0, 0.15) 3px 3px 8px, rgba(255, 255, 255, 0.3) -0.5px -0.5px 0.5px inset, rgba(50, 50, 50, 0.2) -0.6px -0.6px 0.5px inset, rgba(0, 0, 0, 0.2) -1px -1px 1px inset, rgba(0, 0, 0, 0.1) 1px 1px 1px inset !important;
 border-radius: 10px ;
 border-top: 1px solid #ccc ;
}

.wiederBesucherRabattDivBackground{
 z-index: 9999999 ;
 position: relative ;
 top: 0 ;
 left: 0 ;
 width: 100% ;
 height: 100% ;
 overflow: hidden ;
 position: fixed ;
 background: rgba(0, 0, 0, 0.5) ;
}

div.wiederBesucherBoxButton{
 margin-top: 10px ;
 display: inline-block ;
}

font.wiederBesucherBoxFontProzent{
 font-size: 24px ;
 font-weight: bold ;
}

.wiederBesucherBox{
 padding: 20px ;
 margin: 70px auto ;
 max-width: 400px ;
 background-color: #fff ;
 text-align: center ;
 border: 5px solid red ;
}

div.dtable{
 display: table ;
 width: 400px ;
}

div.dtr{
 display: table-row ;
 clear: both ;
}

div.dtd_rot{
 color: red ;
}

div.dtd{
 display: table-cell ;
}

div.dtd_links{
 text-align: left ;
}

div.dtd_rechts{
 text-align: right ;
}

div.dtd_abstand_links{
 padding-left: 10px ;
}

div.fakeRabattWerbungDivaussenNeuEckig{
 position: absolute ;
 height: 60px ;
 background-color: red ;
 left: 0 ;
 bottom: 0 ;
 z-index: 9 ;
 overflow: hidden ;
 color: white ;
 text-align: center ;
 width: 100% ;
 line-height: 60px ;
}

div.fakeRabattWerbungDivaussenNeuEckigOben{
 position: absolute ;
 height: 60px ;
 background-color: red ;
 left: 0 ;
 bottom: 47px ;
 z-index: 9 ;
 overflow: hidden ;
 color: white ;
 text-align: center ;
 width: 100% ;
 line-height: 60px ;
}

div.overflowHidden{
 overflow: hidden ;
}

div.fenzon_ubersicht_einzeln_lupe{
 text-align: right ;
}

a.fenzon_ubersicht_einzeln_a{
 color: #3F3F3F ;
 text-decoration: none ;
}

div.fenzon_ubersicht_einzeln_lieferzeit{
 line-height: 1.5;
}

div.fenzon_ubersicht_einzeln_material{
 line-height: 1.5;
}

div.fenzon_ubersicht_einzeln_tiefe{
 line-height: 1.5;
}

div.fenzon_ubersicht_einzeln_m2k{
 line-height: 1.5;
}

div.fenzon_ubersicht_einzeln_preis{
 line-height: 1.5;
 margin-top: 10px ;
}

div.fenzon_ubersicht_einzeln_bezeichnung{
 min-width: 200px;
 font-size: 1.5em;
 line-height: 1.5;
 color: #000;
 font-weight: bold;
 margin-bottom: 10px ;
}

img.frenzon_ubersicht_img{
 max-width: 100% ;
}

div.frenzon_ubersicht_img{
 position: relative ;
 width: 200px ;
 margin: 0 auto ;
}

div.fenzon_ubersicht_einzeln_table_cell{
 text-align: left;
 display: table-cell;
}

div.fenzon_ubersicht_einzeln_table{
 display: table;
 margin-left: auto;
 margin-right: auto;
}

img.fenzon_ubersicht_einzeln_testprodukt{
 max-width: 100% ;
}

div.fenzon_ubersicht_einzeln_testprodukt{
 position: absolute ;
 top: 0 ;
 left: 0 ;
 width: 100% ;
 z-index: 996 ;
}

div.fenzon_ubersicht_einzeln{
 position: relative ;
 text-align: center ;
 min-width: 200px ;
 display: inline-block ;
 margin: 10px ;
 border: 1px solid #ccc ;
 padding: 10px ;
 cursor: pointer ;
}

div.fenzon_ubersicht{
 text-align: center ;
}

div.produkt_preis_werbung_startseite_button{
 margin-top: 20px ;
}

font.produkt_preis_werbung_startseite{
 font-size: 28px ;
 font-weight: bold ;
}

div.startseite_werbung_text{
 display: inline-block ;
 max-width: 500px ;
 vertical-align: top ;
}

div.startseite_werbung_img{
 display: inline-block ;
 max-width: 600px ;
}

img.startseite_werbung_img{
 max-width: 100% ;
}

div.contentBeschreibungenNeu .blaueButtons{
 background-color: #1088cc;
 color: white ;
 width: 150px ;
}

div.contentBeschreibungenNeu .inlineBlock{
 display: inline-block ;
}

div.ss_button_action_neu{
 margin-top: 20px ;
 width: 100% ;
 text-align: center ;
}

div.ss_button_action_neu div.ss_button_action_neu_inner{
 display: inline-block ;
 background-color: #5FC6AA ;
 padding: 10px ;
 color: #fff ;
 font-size: 23px;
}

div.ss-call-to-action_button{
 background-color: #5FC6AA ;
 padding: 10px ;
 color: #fff ;
 font-size: 23px;
}

img.ss_center_200_max{
 max-width: 200px ;
}

.ss-div-50_porozent{
 width: 50% ;
}

.ss-div-70_porozent{
 width: 62% ;
}

.ss-div-30_porozent{
 width: 38% ;
}

.ss-inline-div{
 display: inline-block ;
}

.contentBeschreibungenNeu p{
 margin-top: 10px ;
}

.contentBeschreibungenNeu h1, .contentBeschreibungenNeu h2, .contentBeschreibungenNeu h3{
 margin-top: 10px ;
}

div.ss_div_100{
 width: 100% ;
 text-align: center ;
}

div.ss_inner ul li, div.ss_inner ol li{
 margin-left: 40px ;
}


img.ss_center_100{
 max-width: 100% ;
}

img.ss_center_100_max{
 max-width: 100% ;
}

div.ss_center{
 text-align: center ;
}


#orbit{
 border: 1px solid #ff0000 ;
 width: 300px ;
 height: 300px ;
}

#aside {
	height: 50px;
	width: 50px;
 border: 1px solid #ff0000 ;
}

#orbit #aside {
	top: 0;
	left: 0;
	background: #337599;
	transform-origin: 150px 150px;
	animation: orbit 4s linear infinite;
}

@keyframes orbit {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg)
	}
}













.ss_abstand_nach_oben{
 margin-top: 20px ;
}

.ss_abstand_nach_unten{
 margin-bottom: 20px ;
}

a.ss_href{
 text-decoration: underline ;
}

div.ss-margin-top{
 margin-top: 20px ;
}

div.ss_inner p{
 margin-top: 20px ;
}

#buttonHaupseiteNeu_2_NEU{
 position: absolute ;
 left: 0 ;
 top: 90px ;
}

#buttonHaupseiteNeu_3_NEU{
 position: absolute ;
 left: 300px ;
 top: 90px ;
}

#buttonHaupseiteNeu_4_NEU, #buttonHaupseiteNeu_5_NEU, #buttonHaupseiteNeu_6_NEU{
 display: inline-block ;
 margin: 5px ;
}

#buttonHaupseiteNeuZusammen_2_NEU{
 position: relative ;
 width: 100 % ;
 padding-bottom: 20px ;
 margin-top: 30px ;
 text-align: center ;
 display: none ;
}

#buttonHaupseiteNeuZusammen_1_NEU{
 position: relative ;
 width: 100 % ;
 height: 170px ;
 margin-top: 30px ;
}

div.fakeRabattWerbungDivaussenNeuRundNEU{
 position: absolute ;
 right: 10% ;
 bottom: 10% ;
 width: 160px ;
 height: 160px ;
 background-color: #f54407 ;
 border-radius: 50% ;
 z-index: 9 ;
 overflow: hidden ;
}

div.fakeRabattWerbungDivTextObenNEU{
 font-size: 50px ;
 font-weight: bold ;
 color: white ;
 text-align: center ;
 margin-top: 20px ;
}

div.fakeRabattWerbungDivTextUntenNEU{
 line-height: 20px ;
 font-size: 30px ;
 font-weight: bold ;
 color: white ;
 text-align: center ;
}




div.ss_b2_1 img.dasFensterBild{
 max-width: 100% ;
}














figure.dasFensterBild{
 position: relative ;
}

figure.dasFensterBild figure{
 position: absolute ;
 animation: wechseln 15s infinite ;
}

figure.dasFensterBild figure:last-of-type{
 position: relative ;
}

@keyframes wechseln {
 0%{
  opacity: 0 ;
 }
 20%{
  opacity: 1 ;
 }
 40%{
  opacity: 1 ;
 }
 60%{
  opacity: 0 ;
 }
 100%{
  opacity: 0 ;
 }
}

figure.dasFensterBild figure:nth-of-type(2){
 animation-delay: 7.5s ;
 opacity: 0 ;
}










div.ss_b2_1{
 position: relative ;
 max-width: 50% ;
}

div.ss_100_prozent h1{
 font-size: 1.5em ;
}

div.ss_100_prozent h2{
 font-size: 1.2em ;
}

div.ss_b1_1{
 max-width: 50% ;
}

div.ss_100_prozent{
 width: 100% ;
}

div.ss_hell_blau{
 background-color: #ebf5fb ;
}

div.ss_inner{
 margin: 0 auto ;
 position: relative ;
 max-width: 1200px ;
 padding-left: 5px ;
 padding-right: 5px ;
}

div.konfigurator_oben{
 box-sizing: border-box ;
 width: 100% ;
 padding: 20px ;
 background-color: #F9F8C7 ;
}

div.turen_ubersicht_textfeld{
 margin-top: 20px ;
 margin-bottom: 20px ;
}

div.turen_ubersicht_anker{
 position: absolute ;
 top: -70px ;
}

div.turen_ubersicht_navi_zusammen{
 padding-top: 10px;
 padding-bottom: 10px;
 z-index: 998;
 width: 100%;
 h eight: 60px;
 background-color: #ffffff;
 position: -webkit-sticky;
 position: sticky;
 top: 0;
 text-align: center;
}
}

div.haustuerenUbersichtAuswahlEinzelnGrafik{
 width: 100% ;
}

img.haustuerenUbersichtAuswahlEinzelnGrafik{
 width: 100% ;
}

div.haustuerenUbersichtAuswahlZusammen{
 width: 100% ;
 text-align: center ;
}

div.haustuerenUbersichtAuswahlEinzeln{
 word-wrap: break-word ;
 width: 200px ;
 border: 1px solid #9b9b9b ;
 display: inline-block ;
 margin: 5px ;
 padding-top: 10px ;
 overflow: hidden ;
 cursor: pointer ;
}

div.hausTurenWeiterAnzeigenButton{
 cursor: pointer ;
}

div.hausturenUbersichtLupeDiv{
 width: 100% ;
}

img.hausturenUbersichtLupeDiv{
 width: 100% ;
}

div.hausturenUbersichtLupeDiv50prozent{
 margin: 0 auto ;
 width: 50% ;
}

img.hausturenUbersichtLupeDiv50prozent{
 width: 100% ;
}

div.turen_ubersicht_name{
 margin-top: 10px ;
 margin-bottom: 10px ;
 font-weight: bold ;
}

div.turen_ubersicht_zusammen_uberschrift{
 background-color: #1088cc ;
 margin-bottom: 20px ;
 margin-top: 20px ;
 color: #fff ;
}

div.turen_ubersicht_uberschrift{
 width: 100% ;
 text-align: center ;
}

img.turen_ubersicht_einzeln{
 width: 100px ;
}

div.turen_ubersicht_zusammen{
 position: relative ;
 width: 100% ;
 text-align: center ;
}

div.turen_ubersicht_einzeln{
 word-wrap: break-word ;
 width: 200px ;
 border: 1px solid #9b9b9b ;
 display: inline-block ;
 margin: 5px ;
 overflow: hidden ;
 cursor: pointer ;
}

div.keinJavaScript a{
 color: white ;
}

div.keinJavaScript{
 postion: relative ;
 width: 100% ;
 padding: 10px ;
 background-color: #E53238 ;
 color: white ;
 text-align: center ;
}

input.pdfErstellenInput{
 display: none ;
}

.contentBeschreibungen a{
 t ext-decoration: underline ;
 color: #1088cc ;
}

.contentBeschreibungen div{
 margin-top: 20px !important ;
}

.contentBeschreibungen h2, .contentBeschreibungen h3, .contentBeschreibungen h4{
 margin-top: 20px ;
}



.f_und_t_center h1{
 font-size: 32px ;
 font-weight: normal ;
}

div.schieberProduktGrafikDivZusammen{
 width: 100% ;
 height: 100% ;
}

div.schieberProduktGrafikDiv{
 display: inline-block ;
 overflow: hidden ;
 height: 100% ;
 line-height: 30px ;
 vertical-align: bottom ;
}

input.sprossenSonderWunschHohe{
 width: 80px ;
 text-align: center ;
}

div.sprossenSonderWunschHohe{
 background-color: #F9F8C7 ;
 b order: 1px solid #ff0000 ;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
}

div.schieberResett{
 height: 25px ;
 padding-left: 5px ;
 font-size: 12px ;
 color: red ;
 font-weight: bold ;
 line-height: 25px ;
 cursor: pointer ;

}

input.schieberEingabeVerboten{
 cursor: not-allowed ;
}

div.schieberHaupt{
 margin-top: 20px ;
 margin-bottom: 20px ;
 display: flex ;
 justify-content: center ;
 align-items: center ;
 text-align: center ;
}

div.schieberHaupt input{
 height: 25px ;
 width: 90px ;
 text-align: center ;
}

div.reklamation_bogen ul{
 margin-top: 20px ;
 margin-bottom: 20px ;
}

div.reklamation_bogen ul li{
 margin-left: 40px ;
}

div.czerwonyPasekBlackFridayInner{
 margin: 0 auto ;
 position: relative ;
 max-width: 1200px ;
 line-height: 50px ;
 color: #fff ;
 text-align: center ;
}

div.czerwonyPasekBlackFriday{
 height: 50px ;
 background-color: red ;
 width: 100% ;
}

div.contentDlaGoogle a{
 text-decoration: underline ;
}

div.kfw_seite p{
 margin-top: 20px ;
}

div.kfw_seite a{
 text-decoration: underline ;
}

div.kfw_seite h1, div.kfw_seite h2, div.kfw_seite h3, div.kfw_seite ul, div.kfw_seite div{
 margin-top: 20px ;
 margin-bottom: 20px ;
}

div.kfw_seite ul li{
 margin-left: 40px ;
}

div.kfw_seite{
 f ont-family: 'meine-schrift' ;
}


div.kfw_seite_NEU p{
 margin-top: 20px ;
}

div.kfw_seite_NEU a{
 text-decoration: underline ;
}

div.kfw_seite_NEU h1, div.kfw_seite_NEU h2, div.kfw_seite_NEU h3, div.kfw_seite_NEU ul{
 margin-top: 20px ;
 margin-bottom: 20px ;
}

div.kfw_seite_NEU ul li{
 margin-left: 40px ;
}

div.kfw_seite_NEU{
 f ont-family: 'meine-schrift' ;
}






div.filterDatei_0 ul, div.filterDatei_0 ol{
 padding-left: 40px ;
 padding-top: 20px ;
 padding-bottom: 20px ;
}

div.filterDatei_0{
 f ont-family: 'meine-schrift' ;
 margin-top: 20px ;
 margin-bottom: 20px ;
}

div.filterDatei_1{
 f ont-family: 'meine-schrift' ;
 margin-top: 20px ;
 margin-bottom: 20px ;
}

div.filterDatei_2{
 f ont-family: 'meine-schrift' ;
 display: none ;
 margin-top: 20px ;
 margin-bottom: 20px ;
}



div.st_konfig_aussen{
 padding-left: 10px ;
}

div.inotherm_buttons_nebeneinander_zusammen{
 text-align: center ;
}

div.inotherm_buttons_nebeneinander{
 width: 220px ;
 display: inline-block ;
 margin-left: 5px ;
 margin-right: 5px ;
}

div.footer_social_media_inner{

}

div.footer_social_media_box{
 display: inline-block ;
}

img.social_media{
 max-width: 100% ;
}

div.fakeRabattWerbungSTAnwenungen{
 position: absolute ;
 left: 20px ;
 bottom: 20px ;
 width: 60px ;
 height: 60px ;
 background-color: #f54407 ;
 border-radius: 50% ;
 z-index: 9 ;
 overflow: hidden ;
}

div.fakeRabattWerbungSTObenAnwenungen{
 font-size: 20px ;
 font-weight: bold ;
 color: white ;
 text-align: center ;
 margin-top: 5px ;
}

div.fakeRabattWerbungSTUntenAnwenungen{
 line-height: 11px ;
 font-size: 15px ;
 font-weight: bold ;
 color: white ;
 text-align: center ;
}

div.st_ubersicht_anwendung_details_knopf{
 width: 120px ;
 height: 40px ;
 background-color: #1088cc ;
 margin: 0 auto ;
 color: white ;
 line-height: 40px ;
 margin-top: 10px ;
 margin-bottom: 10px ;
 cursor: pointer ;
}

div.st_lupe_abstand_nach_oben{
 margin-top: 10px ;
}

a.st_anker_ohne_alles{
 text-decoration: none ;
 color: #3F3F3F ;
}

div.st_anwendung_vorteile_punkt{
 display: inline-block ;
 padding-right: 5px ;
 color: #3598db ;
 font-weight: bold ;
}

div.st_anwendung_vorteile_text{
 display: inline-block ;
}

div.st_anwendung_vorteile{
 text-align: left ;
}

div.st_opis_grafik{
 width: 100% ;
}

img.st_opis_grafik{
 max-width: 100% ;
}

div.st_opis_info{
 margin-top: 20px ;
}

div.st_opis_uberschrift{
 font-size: 26px ;
 font-weight: bold ;
 margin-bottom: 20px ;
}

div.st_opis_details{
 font-size: 26px ;
 text-align: left ;
 font-weight: bold ;
}

div.st_opis_zusammen{
 text-align: center ;
}

div.st_opis_hr{
 margin-top: 20px ;
 margin-bottom: 20px ;
}

a.st_verlauf:visited{
 color : #3F3F3F ;
}

a.st_verlauf:hover{
 color : #3F3F3F ;
 text-decoration: underline ;
}

a.st_verlauf{
 text-decoration: none ;
 color : #3F3F3F ;
}

font.st_verlauf_strzalka{
 color: #3598db ;
}

div.st_verlauf_zusammen{
 font-weight: bold ;
 width: 100% ;
 border: 1px solid #000 ;
 padding: 5px ;
 margin-bottom: 10px ;
}

font.st_ubersicht_font_blau{
 c olor: #3598db ;
 color: #000 ;
}

div.st_ubersicht_lieferzeit{
 text-align: center ;
 font-size: 14px ;
 color: #888888 ;
}

div.st_ubersicht_reg_preis{
 text-align: center ;
 font-size: 14px ;
 color: #888888 ;
}

font.st_schwarz{
 color: #888888 ;
}

font.st_13{
 font-size: 13px ;
}

div.st_ubersicht_einzeln_button{
 width: 100% ; 
 margin: 0 auto ;
 margin-top: 10px ;
}

div.st_ubersicht_einzeln_info{
 margin-top: 10px ;
 text-align: center ;
 height: 50px ;
 overflow: hidden ;
}

div.st_ubersicht_einzeln_inc{
 text-align: center ;
 font-size: 13px ;
 color: #888888 ;
 margin-top: 5px ;
}

div.st_ubersicht_einzeln_preis{
 font-size: 26px ;
 color: #3598db ;
 margin-top: 5px ;
 text-align: center ;
}

div.fakeRabattWerbungST{
 position: absolute ;
 right: 20px ;
 bottom: 20px ;
 width: 90px ;
 height: 90px ;
 background-color: #f54407 ;
 border-radius: 50% ;
 z-index: 9 ;
 overflow: hidden ;
}

div.fakeRabattWerbungSTOben{
 font-size: 30px ;
 font-weight: bold ;
 color: white ;
 text-align: center ;
 margin-top: 10px ;
}

div.fakeRabattWerbungSTUnten{
 line-height: 20px ;
 font-size: 20px ;
 font-weight: bold ;
 color: white ;
 text-align: center ;
}

div.st_ubersicht_einzeln_grafik_inner{

}

div.st_ubersicht_einzeln_grafik{
 position: relative ;
}

img.st_ubersicht_einzeln_grafik{
 max-width: 100% ;
}

div.st_ubersicht_alle_zusammen{
 text-align: center ;
 width: 100% ;
}

div.st_ubersicht_einzeln{
 display: inline-block ;
 padding: 10px ;
}

div.st_ubersicht_einzeln_umrandung{
 border: 1px solid #000 ;
 padding: 10px ;
}

div.st_ubersicht_einzeln_inner{
 vertical-align: bottom ;
 width: 220px ;
}



div.st_raster_hidden_div{
 border: 1px solid #ff0000 ;
 display: none ;
}

#st_endpreis_euro, #st_endpreis{
 font-size: 28px ;
 display: inline-block ;
 color: #3598db ;
 font-weight: 600 ;
}

div.st_raster_uberschrift_text{
 display: inline-block ;
}

div.st_raster_uberschrift_roter_stern{
 display: inline-block ;
 color: #ff0000 ;
}

div.st_raster_uberschrift{
 display: inline-block ;
 width: 250px ;
 text-align: right ;
 padding-right: 20px ;
}

div.st_raster_select_box{
 display: inline-block ;
}

font.st_lieferzeit{
 font-size: 18px ;
 color: #000000 ;
 font-weight: 600 ;
}

font.st_lieferzeit_wochen{
 font-size: 18px ;
 color: #888888 ;
}

div.st_texte_sku{
 font-size: 13px ;
 color: #888888 ;
}

div.st_texte_info{
 font-size: 28px ;
 color: #000000 ;
 font-weight: 600 ;
 word-wrap: break-word ;
}

img.st_grafik{
 max-width: 100% ;
}

#st_grafik{
 width: 100% ;
 margin-right: 10px ;
}

#st_links{
 vertical-align: top ;
 b order: 1px solid #ff0000 ;
 max-width: 300px ;
 display: inline-block ;
 margin-right: 20px ;
}

#st_rechts{
 vertical-align: top ;
 b order: 1px solid #ff0000 ;
 max-width: 800px ;
 min-width: 320px ;
 display: inline-block ;
}

div.st_raster_einzeln{
 position: relative ;
 margin-top: 20px ;
 font-size: 13px ;
}

select.st_raster_einzeln{
 cursor: pointer ;
 border: none ;
 height: 50px ;
 padding-left: 10px ;
 background-color: #f4f4f4 ;
 max-width: 520px ;
}
















div.AuswahlSwichtSichtber{

}

div.lieferZeitInDenKorb{

}

div.produkt_info_ganz_unten{
 display: none ;
 width: 210px ;
 margin: 0 auto ;
 margin-top: 20px ;
 position: relative ;
}

#abstandWegenMenuAufEinemHandy{
 display: none ;
 height: 150px ;
}

 div.weiterKaufenAlternativeHidden{
  display: none ;
 }

 div.inDenKorbDivHidden{
  margin-top: 10px ;
  d isplay: none ;
 }

div.fenstermasseLinksbundig{
 text-align: left ;
}

div.fenstermasseHrefKlein{
 font-size: 19px ;
}

div.fensterBlaueUmrandung{
 border: 2px solid #95c0e1 ;
 padding-left: 60px ;
 padding-right: 60px ;
 padding-top: 20px ;
 padding-bottom: 20px ;
}

div.fenstermasseMarginLeft{
 margin-left: 15px ;
}

div.fenstermasseMarginRight{
 margin-right: 15px ;
}

div.fenstermasseHellBlauBG{
 background-color: #dfebf2 ;
 padding: 30px ;
}

div.fenstermasseDunkelBlauBG{
 background-color: #c9dbe4 ;
 padding: 30px ;
}

div.fenstermasse_50_50_zusammen{
 position: relative ;
}

div.fenstermasse_50_50_links{
 width: 50% ;
 display: inline-block ;
 vertical-align: top ;
}

div.fenstermasse_50_50_rechts{
 width: 50% ;
 display: inline-block ;
 vertical-align: top ;
}

div.fensterBreiteNurHalfte{
 max-width: 900px ;
 margin: 0 auto ;
}

div.kinderAuslesen_1200{
 max-width: 1200px ;
 margin: 0 auto ;
}

div.fensterBreiteNurDrittel{
 max-width: 750px ;
 margin: 0 auto ;
}

div.fensterGraueUmrandung{
 border: 2px solid #cccccc ;
 padding-left: 60px ;
 padding-right: 60px ;
 padding-top: 20px ;
 padding-bottom: 20px ;
}

div.templateAlignLeft{
 text-align: left ;
}

div.templateMarginAuto{
 margin: 0 auto ;
}

div.template_bg_dunkel{
 background-color: #ccc ;
}

div.template_bg_hell{
background-color: #fff ;
}

div.templateAndernButton{
 text-align: center ;
 padding: 10px ;
}

input.templateSubmit{
 margin-top: 20px ;
 padding: 10px ;
}

div.templateTable{
 display: table ;
}

div.templateRow{
 display: table-row ;
}

div.templateCell{
 vertical-align: top ;
 white-space: nowrap ;
 display: table-cell ;
 padding: 5px ;
}

input.templateInput{
 width: 1000px ;
 padding: 5px ;
}

input.templateInputOrg{
 width: 100% ;
 padding: 5px ;
}

input.templateInputCenter, textarea.templateTextareaCenter{
 text-align: center ;
}

textarea.templateTextarea{
 width: 1000px ;
 padding: 5px ;
}

textarea.templateTextareaOrg{
 width: 100% ;
 padding: 5px ;
}

input.templateInputHidden{
 display: none ;
}

select.templateSelecty{
 padding: 5px ;
}

div.templateBlockUberschrift{
 font-size: 22px ;
}

div.templateMenu{
 width: 200px ;
 border-right: 1px solid gray ;
 border-top: 1px solid gray ;
 position: fixed ;
 top: 150px ;
 left: 0px ;
 box-shadow: 2px 2px 5px gray ;
}

div.templateMenu a{
 color: #3F3F3F ;
}

a.templateMenuEinzeln:hover div.templateMenuEinzeln{
 background-color: #064D6A ;
 color: #fff ;
}

div.templateMenuEinzeln{
 border-bottom: 1px solid gray ;
 background-color: #fff ;
 padding: 5px ;
 font-size: 12px ;
 font-weight: bold ;
}

div.templateMenuEinzelnLinks{
 width: 25px ;
 font-size: 18px ;
 line-height: 18px ;
 vertical-align: middle ;
 vertical-align: center ; 
}

div.templateMenuEinzelnRechts{
 width: 165px ;
}

div.template_40_60_linksB{
 vertical-align: top ;
 text-align: right ;
 display: inline-block ;
 width: 300px ;
}

div.template_40_60_rechtsB{
 vertical-align: top ;
 text-align: left ;
 display: inline-block ;
 margin-left: 20px ;

}

div.templateAndereGrossenEinzelnB{
 background-color: #fff ;
 max-width: 90% ;
 border: 1px solid gray ;
 margin: 10px auto ;
}

div.templateAndereGrossenEinzelnInnerB{
 text-align: left ;
 padding: 10px ;
}

div.templateAndereGrossenEinzeln{
 background-color: #fff ;
 width: 300px ;
 display: inline-block ;
 margin: 5px ;
 border: 1px solid gray ;
}

div.templateAndereGrossenEinzelnInner{
 margin: 20px auto ;
 width: 250px ;
 b order: 1px solid #ff0000 ;
}

img.templateAndereGrossenEinzeln{
 max-width: 100% ;
}

div.templateAndereGrossenZusammen{
 width: 100% ;
 text-align: center ;
}

div.templateTextLinkBundig{
 text-align: left ;
}

div.templateTextRechtsBundig{
 text-align: right ;
}

div.templateGrafikImKopf{
 width: 60px ;
 margin: 0 auto ;
}

img.templateGrafikImKopf{

}

div.templateMale{
 height: 200px ;
 vertical-align: top ;
 display: inline-block ;
 width: 220px ;
 padding: 40px 40px 40px 40px ;
}

div.templateMaleGrafik{
 width: 100px ;
 margin: 0 auto ;
}

img.templateMaleGrafik{
 height: 90px ;
}

div.templateMaleText{
 word-wrap: break-word ;
}

div.template_60_40_links{
 vertical-align: top ;
 display: inline-block ;
 width: 60% ;
}

div.template_60_40_rechts{
 vertical-align: top ;
 text-align: left ;
 display: inline-block ;
 width: calc(40% - 20px) ;
 margin-left: 20px ;
}

div.template_40_60_links{
 vertical-align: top ;
 text-align: right ;
 display: inline-block ;
 width: 40% ;
}

div.template_40_60_rechts{
 vertical-align: top ;
 text-align: left ;
 display: inline-block ;
 width: calc(60% - 20px) ;
 margin-left: 20px ;

}

div.fenstermasseStandart32Text{
 font-size: 22px ;
}

div.fenstermasseFarbeGrau{
 background-color: #f6f6f6 ;
}

div.fenstermasseMoglicheSystemeLinks{
 text-align: left ;
}

div.fenstermasseMoglicheSystemeCenter{
 margin-top: 40px ;
 text-align: center ;
}

div.fenstermasseMoglicheSysteme{
 display: inline-block ;
 margin: 25px ;
 max-width: 350px ;
}

img.fenstermasseMoglicheSysteme{
 max-width: 100% ;	
}

div.fenstermasseMarginNachObenSehrGross{
 margin-top: 80px ;
}




a.fenstermasseHref{
 color: #3F3F3F ;
 text-decoration: none ;
}

a.fenstermasseHrefUnderline{
 color: #3F3F3F ;
 text-decoration: underline ;
}

a.fenstermasseHrefWarnung{
 color: #ff0000 ;
}






div.fenstermasseInnerSchmall{
 padding-left: 10px ;
 padding-right: 10px ;
 max-width: 1320px ;
 margin: 0 auto ;
}

div.fenstermasseInnerBreit{
 width: 100% ;
}

div.fenstermasseTitel{
 font-size: 32px ;
 font-weight: bold ;
}

div.fenstermasseTitelKleiner{
 font-size: 28px ;
 font-weight: bold ;
}

div.fenstermasseMarginNachOben{
 margin-top: 20px ;
}

div.fenstermasseMarginNachUnten{
 margin-bottom: 20px ;
}

div.fenstermasseMarginNachObenGross{
 margin-top: 40px ;
}

div.fenstermasseMarginNachUntenGross{
 margin-bottom: 40px ;
}

div.fenstermassePaddingNachObenGross{
 padding-top: 40px ;
}

div.fenstermassePaddingNachObenUnten{
 padding-bottom: 40px ;
}

div.fenstermasseMarginRechts{
 margin-right: 20px ;
}



.fenstermasseTextStandarcik{
 font-size: 21px ;
}

img.fenstermasseGrafikRechts{
 width: 100% ;
}

div.fenstermasseAufteilung_60_40_links{
 vertical-align: top ;
 display: inline-block ;
 width: calc(65% - 20px) ;
 margin-right: 20px ;
}

div.fenstermasseAufteilung_60_40_rechts{
 display: inline-block ;
 width: 35% ;
}

ul.fenstermasseAfzahlung{
 margin-left: 30px ;
}

div.fenstermasseFarbeBlau{
 background-color: #ebf5fb ;
}

div.fenstermasseBeliebte{
 display: inline-block ;
 text-align: center ;
 vertical-align: top ;
 min-width: 200px ;
}

div.fenstermasseInnerCenter{
 text-align: center ;
}

div.fenstermasseMarginZeroAuto{
 margin: 0 auto ;
}


div.fenstermasseDreiBilder_1, div.fenstermasseDreiBilder_2, div.fenstermasseDreiBilder_3{
 width: 33% ;
 display: inline-block ;
}

div.fenstermasseDreiBilder_1{
 text-align: left ;
}

div.fenstermasseDreiBilder_2{
 text-align: center ;
}

div.fenstermasseDreiBilder_3{
 text-align: right ;
}

img.fenstermasseDreiBilder{
 width: 80% ;
}

div.inlineBlock{
 display: inline-block ;
}

















#pageNotFound{
 font-size: 36px ;
 text-align: center ;
}

#pageNotFoundKlein{
 margin-top: 20px ;
 text-align: center ;
}

#startSeiteAllesZusammenDiv{
 font-size: 21px ;
}

div.kopytoPojedynczoInhalt a{
 font-size: 16px ;
 color: #fff ;
}

div.kopytoPojedynczoInhalt a:hover{
 color: #fff ;
 text-decortation: underline ;
}


#logoGrafikNeu{
 width: 100% ;
 height: 100% ;
}

img.logoGrafikNeu{
 width: 100% ;
}










div.startSeiteKinderAuslesen{
 width: 100%
}

div.startSeiteKinderAuslesenInner{
 padding-top: 40px ;
 max-width: 1000px ;
 margin: 0 auto ;
}

div.startSeiteKinderAuslesenText{
 text-align: center ;
 max-width: 900px ;
 margin: 0 auto ;
 margin-top: 40px ;
 margin-bottom: 40px ;
}











div.startSeiteFensterTypen{
 width: 100% ;
}

div.startSeiteFensterTypenInnen{
 max-width: 1600px ;
 margin: 0 auto ;
 padding-top: 40px ;
 padding-bottom: 40px ;
 text-align: center ;
 position: relative ;
}

div.StartSeiteUberschriftKontainerTexcik{
 max-width: 1200px ;
 margin: 0 auto ;
}

div.startSeiteFensterTypenZweiDivsZusammen{
 margin-top: 40px ;
 margin-bottom: 40px ;

}

div.startSeiteFensterTypenZweiDivsEinzeln{
 display: inline-block ;
 max-width: 750px ;
 margin-top: 20px ;
 margin-bottom: 20px ;
 margin-left: 20px ;
 margin-right: 20px ;
 padding-bottom: 20px ;
 border: 1px solid #ccc ;
 vertical-align: top ;
}

div.poLewej{
}

div.poPrawej{
}

div.startSeiteFensterTypenZweiDivsEinzelnGrafik{

}

img.startSeiteFensterTypenZweiDivsEinzelnGrafik{
 width: 100% ;
}

div.startSeiteFensterTypenUberschriftenStatik{
 margin-bottom: 20px ;
}

div.startSeiteFensterTypenZweiDivsEinzelnText{
 width: 90% ;
 margin: 0 auto ;
 min-height: 440px ;
}

div.startSeiteFensterTypenEinDiv{
 border: 1px solid #ccc ;
 margin-left: 20px ;
 margin-right: 20px ;
 max-width: 1540px ;
 margin: 0 auto ;
 padding-bottom: 40px ;
}

div.startSeiteFensterTypenEinDivGrafik{
 width: 100% ;
}

img.startSeiteFensterTypenEinDivGrafik{
 width: 100% ;
}

div.startSeiteFensterTypenEinDivGrafik2{
 display: none ;
 width: 100% ;
}

img.startSeiteFensterTypenEinDivGrafik2{
 width: 100% ;
}

div.startSeiteFensterTypenEinDivText{
 margin: 0 auto ;
 margin-bottom: 20px ;
 width: 90% ;
}












div.startSeiteWunschfenster{
 position: relative ;
 background-color: #ebf5fb ;
 width: 100% ;
 background: url('bilder/zahnrad.svg') no-repeat ;
 background-position: right 35% bottom -70px ;
 background-size: 200px ;
 background-color: #ebf5fb ;
}

div.startSeiteWunschfensterInner{
 padding-top: 40px ;
 padding-bottom: 40px ;
 max-width: 1000px ;
 margin: 0 auto ;
}

div.startSeiteWunschfensterText{
 text-align: center ;
 margin-bottom: 20px ;
}

div.startSeiteWunschfensterZahnrad{
 position: absolute ;
 bottom: 0 ;
 left: 50% ;
 width: 200px ;
}

img.startSeiteWunschfensterZahnrad{
 width: 100% ;
}











div.startSeiteUnsereVorteileImUberblick{
 background-color: #fff ;
 width: 100% ;
}

div.startSeiteUnsereVorteileImUberblickInner{
 max-width: 1920px ;
 margin: 0 auto ;
 padding-bottom: 40px ;
}

div.startSeiteUnsereVorteileImUberblickGrafik{
 width: 100% ;
 margin-bottom: 40px ;
}

img.startSeiteUnsereVorteileImUberblickGrafik{
 width: 100% ;
}

div.startSeiteUnsereVorteileImUberblickInhalt{
 text-align: center ;
 max-width: 1200px ;
 margin: 0 auto ;
}

div.startSeiteUnsereVorteileImUberblickMale{
 position: relative ;
 display: inline-block ;
 width: 400px ;
 height: 200px ;
 margin-top: 20px ;
 margin-bottom: 20px ;
}

div.startSeiteUnsereVorteileImUberblickMaleGrafik{
 position: absolute ;
 bottom: 70px ;
 left: 140px ;
 width: 120px ;
}

img.startSeiteUnsereVorteileImUberblickMaleGrafik{
 width: 100% ;
}

div.startSeiteUnsereVorteileImUberblickMaleText{
 width: 200px ;
 height: 60px ;
 position: absolute ;
 bottom: 0px ;
 left: 100px ;
}























div.startSeiteFensterNachMass{
 background-color: #F6F6F6 ;
 width: 100% ;
}

div.startSeiteFensterNachMassInner{
 m ax-width: 1200px ;
 width: 100% ;
 margin: 0 auto ;
 padding: 40px 0px 40px 0px ;
}

div.StartSeiteFensterNachMassInhalt{
 text-align: center ;
}

div.StartSeiteFensterNachMassMale{
 display: inline-block ;
 width: 300px ;
 padding: 40px 5px 40px 5px ;
 vertical-align: top ;
}

div.StartSeiteFensterNachMassUberschriften{
 font-size: 22px ;
 text-align: center ;
 font-weight: bold ;
 padding-bottom: 10px ;
 color: #2d96d2 ;
}

div.StartSeiteFensterNachMassGrafik{
 position: relative ;
 margin-bottom: 20px ;
 margin-top: 10px ;
}

div.StartSeiteFensterNachMassGrafik_1{

}

div.StartSeiteFensterNachMassGrafik_2_ALT{
 position: absolute ;
 bottom: 0 ;
 right: 30px ;
 width: 80px ;
}

div.StartSeiteFensterNachMassGrafik_2{
 margin: 0 auto ;
 width: 140px ;
}

img.StartSeiteFensterNachMassGrafik_1{
 height: 150px ;
}

img.StartSeiteFensterNachMassGrafik_2{
 width: 100% ;
}

div.StartSeiteFensterNachMassText{
 text-align: center ;
 padding: 0px 20px 0px 20px ;
}










div.startSeiteLieferkostenUndAbholung{
 background-color: #F6F6F6 ;
 width: 100% ;
 padding-top: 40px ;
 padding-bottom: 40px ;
}

div.startSeiteLieferkostenUndAbholungInner{
 max-width: 1000px ;
 margin: 0 auto ;
 text-align: center ;
}

div.StartSeiteUberschriftKontainer{
 font-size: 40px ;
 font-weight: bold ;
 text-align: center ;
 padding: 10px ;
}

div.StartSeiteUberschriftKleinKontainer{
 font-size: 24px ;
 font-weight: bold ;
 text-align: center ;
 padding: 10px ;
}

div.startSeiteLieferkostenUndAbholungInhalt{
 padding: 20px ;
}

div.startSeiteLieferkostenUndAbholungMale{
 display: inline-block ;
 width: 190px ;
 padding: 40px 40px 40px 40px ;
 vertical-align: top ;
}

div.startSeiteLieferkostenUndAbholungMaleGrafik{
 width: 100px ;
 margin: 0 auto ;
}

img.startSeiteLieferkostenUndAbholungMaleGrafik{
 height: 90px ;
}

div.startSeiteLieferkostenUndAbholungMaleText{
 text-align: center ;
}

div.startSeiteLieferkostenUndAbholungLink a{
 color: #71ccb3 ;
}

font.startSeiteLieferkostenUndAbholungLink{
 f ont-family: Roboto, sans-serif ;
 font-size: 28px ;
}











div.startSeiteLieferzeitenDiv{
 padding-top: 20px ;
 padding-bottom: 20px ;
 b ackground-color: #F6F6F6 ;
 width: 100% ;
}

div.startSeiteLieferzeitenDivInner{
 max-width: 1200px ;
 margin: 0 auto ;
}

div.weiterKaufenAlternativeNeu{
 width: 100% ;
 position: relative ;
}


div.buttonHaupseiteNeu{
 text-align: center ;
 color: #fff ;
}


#buttonHaupseiteNeuZusammen_1{
 position: relative ;
 width: 100 % ;
 height: 170px ;
 margin-top: 30px ;
}

#buttonHaupseiteNeuZusammen_2{
 display: none ;
 position: relative ;
 width: 100 % ;
 text-align: center ;
 margin: 0 auto ;
}

#buttonHaupseiteNeu_1{
 position: absolute ;
 left: 0 ;
 top: 0 ;
}

#buttonHaupseiteNeu_2{
 position: absolute ;
 left: 0 ;
 top: 90px ;
}

#buttonHaupseiteNeu_3{
 position: absolute ;
 left: 300px ;
 top: 90px ;
}

#buttonHaupseiteNeu_4, #buttonHaupseiteNeu_5, #buttonHaupseiteNeu_6{
 display: inline-block ;
 margin: 5px ;
}

div.buttonHaupseiteNeuRot{
 background-color: #ff0000 ;
}

div.buttonHaupseiteNeuGrau{
 background-color: #cccccc ;
}

div.buttonHaupseiteNeuWeiss{
 background-color: #fff ;
 color: #3F3F3F ;
}

div.buttonHaupseiteNeuGrun{
 background-color: #5FC6AA ;
}

div.buttonHaupseiteNeuBlau{
 background-color: #1088cc ;
}

#divHauptTextHauptSeiteInhalt_2{
 display: none ;
 text-align: center ;
}

div.abstandNachOben40{
 margin-top: 40px ;
}

#divHauptGrafikHauptSeiteZusammenInner{
 margin: 0 auto ;
 position: relative ;
 max-width: 1200px ;
 padding-bottom: 40px ;
}

#divHauptGrafikHauptSeiteZusammen{
 width: 100% ;
 background-color: #ebf5fb ;
}

#divHauptGrafikHauptSeiteZusammenBlackFriday{
 width: 100% ;
 background-color: #000 ;
}

div.divHauptTextHauptSeite{
 width: 50% ;
}

div.divHauptTextHauptSeiteUberschrift{
 margin-top: 30px ;
 font-size: 38px ;
 font-weight: bold ;
}

div.fakeRabattWerbungDivaussenNeuRund{
 position: absolute ;
 right: 10% ;
 bottom: 10% ;
 width: 33% ;
 height: 42% ;
 background-color: #f54407 ;
 border-radius: 50% ;
 z-index: 9 ;
 overflow: hidden ;
}

div.fakeRabattWerbungDivTextOben{
 font-size: 70px ;
 font-weight: bold ;
 color: white ;
 text-align: center ;
 margin-top: 10px ;
}

div.fakeRabattWerbungDivTextUnten{
 line-height: 20px ;
 font-size: 40px ;
 font-weight: bold ;
 color: white ;
 text-align: center ;
}

div.fakeRabattWerbungDivaussenNeu{
 position: absolute ;
 top: 25% ;
 height: 50% ;
 width: 100% ;
 text-align: center ;
}

div.fakeRabattWerbungDivNeu{
 position: absolute ;
 top: 20% ;
 left: 20% ;
 border: 20px solid red ;
 font-size: 2.0vw ;
 font-weight: bold ;
 color: red ;
 width: 60% ;
 background-color: rgba(255, 255, 255, 0.5) ;
 text-align: center ;
 transform: rotate(-15deg);
 -moz-transform: rotate(-15deg);
 -ms-transform: rotate(-15deg);
 -o-transform: rotate(-15deg);
 -webkit-transform: rotate(-15deg);
 z-index: 9 ;
}

div.fakeRabattWerbungDivImgNeu{
 position: absolute ;
 top: 0 ;
 left: 0 ;
 width: 100% ;
 height: 100% ;
 background-image: url(bilder/fakeRabatteWerbung.png) ;
 background-repeat: repeat, repeat ;
 z-index: 100 ;
}






div.divHauptGrafikHauptSeite{
 width: 50% ;
 position: relative ;
 text-align: left ;
}

#divHauptGrafikFenster{

}

#lieferZeiten{

}

div.progressbarNeuTage{
 position: absolute ;
 right: 0 ;
 top: 0 ;
}

div.progressbarNeuName{
 position: absolute ;
 left: 0 ;
 top: 0 ;
}

div.progressbarNeuText{
 position: relative ;
 height: 30px ;
}

div.progressbarNeu{

}

div.progressbarQzusammen{
 position: relative ;
 width: 100% ;
 height: 30px ;
}

div.progressbarQ, div.progressbarQmarkiert, div.progressbarQmarkiertHell{
 height: 20px ;
 display: inline-block ;
 background-color: #DCDCDC ;
}

div.progressbarQmarkiertHell{
 background-color: #4D7F93 ;
}

div.progressbarQ{
 background-color: #DCDCDC ;
 background-color: #F6F6F6 ;
}

div.progressbarQmarkiert{
 background-color: #064D6A ;
}

div.koptyoPojedynczoKonstanteBreite{
 b order: 1px solid white ;
 height: 1px; 
 width: 280px ;
}

div.kopytoPojedynczo{
 b order:1px solid #ff0000 ;
 display: inline-block ;
 text-align: left ;
 color: #fff ;
 font-size: 16px ;
 margin: 15px 10px 15px 10px ;
 vertical-align: top ;
 max-width: 300px ;
}

div.kopytoPojedynczo a{
 color: #fff ;
}

div.kopytoPojedynczo a:hover{
 text-decoration: underline ;
}

div.kopytoPojedynczoTitel{
 font-weight: bold ;
 m argin-bottom: 20px ;
}

#kopyto{
 width: 100% ;
 background-color: #064d6a ;
}

#kopytoInner{
 max-width: 1600px ;
 margin: 0 auto ;
 text-align: center ;
}

#logoErsatz{
 height: 100% ;
 width: 100% ;
}

#logoErsatzGrafik{
 display: inline-block ;
 height: 100% ;
 width: 20% ;
}

img.logoErsatzGrafik{
 height: 100% ;
 width: 100% ;
}

#logoErsatzTexte{
 position: relative ;
 display: inline-block ;
 height: 100% ;
 width: 75% ;
 b order: 1px solid #ff0000 ;
}

#logoErsatzText1{
 position: absolute ;
 left: 3px ;
 top: -5px ;
 font-weight: 800 ;
 color: #00173a ;
 f ont-family: 'arial' ;
 font-size: 18px ;
 letter-spacing: -0.3px ;
 white-space: nowrap ;
}

#logoErsatzText2{
 position: absolute ;
 left: 3px ;
 top: 20px ;
 font-weight: 800 ;
 color: #0460BB ;
 f ont-family: 'arial' ;
 font-size: 12px ;
 letter-spacing: -0.25px ;
 white-space: nowrap ;
}

a.menuHandy, a.menuHandy:link, a.menuHandy:visited, a.menuHandy:hover, a.menuHandy:active{
 text-decoration: none ;
 color: #3F3F3F ;
}

#hautpMenuHandyEinzelnVersteckt_0,
#hautpMenuHandyEinzelnVersteckt_1,
#hautpMenuHandyEinzelnVersteckt_2,
#hautpMenuHandyEinzelnVersteckt_3,
#hautpMenuHandyEinzelnVersteckt_4,
#hautpMenuHandyEinzelnVersteckt_5,
#hautpMenuHandyEinzelnVersteckt_6,
#hautpMenuHandyEinzelnVersteckt_7,
#hautpMenuHandyEinzelnVersteckt_8,
#hautpMenuHandyEinzelnVersteckt_9{
 height: 0px ;
 overflow: hidden ;
 transition: height 0.5s ease-in-out ;
}

div.hautpMenuHandyEinzelnVerstecktEinzeln_positioniert{
 position: absolute ;
 top: 15px ;
 left: 70px ;
}

div.hautpMenuHandyEinzelnVerstecktEinzeln{
 background-color: #FEFEFE ;
 position: relative ;
 border-bottom: 1px solid #4b4c4d ; 
}

#hautpMenuHandyEinzelnSubsKonfigurator{
 position: absolute ;
 top: 5px ;
 background-color: #5FC6AA ;
 color: #fff ;
 left: 60px ;
 width: 200px ;
 height: 50px ;
 font-size: 22px ;
 text-align: center ;
 line-height: 50px ;
}

div.hautpMenuHandyEinzelnSubs_strzalka_na_dlu{
 background-image:url("bilder/strzalka_na_dlu_black_25.png") ;
 height: 25px ;
 width: 25px ;
 background-size: 25px 25px ;
 transition-duration: 0.5s ;
 transition-property: transform ;
 position: absolute ;
 top: 15px ;
 left: 350px ;
}

div.hautpMenuHandyEinzelnSubs:hover #hautpMenuHandyEinzelnSubs_strzalka_na_dlu_0,
div.hautpMenuHandyEinzelnSubs:hover #hautpMenuHandyEinzelnSubs_strzalka_na_dlu_1,
div.hautpMenuHandyEinzelnSubs:hover #hautpMenuHandyEinzelnSubs_strzalka_na_dlu_2,
div.hautpMenuHandyEinzelnSubs:hover #hautpMenuHandyEinzelnSubs_strzalka_na_dlu_3,
div.hautpMenuHandyEinzelnSubs:hover #hautpMenuHandyEinzelnSubs_strzalka_na_dlu_4,
div.hautpMenuHandyEinzelnSubs:hover #hautpMenuHandyEinzelnSubs_strzalka_na_dlu_5,
div.hautpMenuHandyEinzelnSubs:hover #hautpMenuHandyEinzelnSubs_strzalka_na_dlu_6,
div.hautpMenuHandyEinzelnSubs:hover #hautpMenuHandyEinzelnSubs_strzalka_na_dlu_7,
div.hautpMenuHandyEinzelnSubs:hover #hautpMenuHandyEinzelnSubs_strzalka_na_dlu_8,
div.hautpMenuHandyEinzelnSubs:hover #hautpMenuHandyEinzelnSubs_strzalka_na_dlu_9{
 transform: rotate(45deg) ;
 -webkit-transform: rotate(90deg) ; 
}

#hautpMenuHandyEinzelnSubs_strzalka_na_dlu_0,
#hautpMenuHandyEinzelnSubs_strzalka_na_dlu_1,
#hautpMenuHandyEinzelnSubs_strzalka_na_dlu_2,
#hautpMenuHandyEinzelnSubs_strzalka_na_dlu_3,
#hautpMenuHandyEinzelnSubs_strzalka_na_dlu_4,
#hautpMenuHandyEinzelnSubs_strzalka_na_dlu_5,
#hautpMenuHandyEinzelnSubs_strzalka_na_dlu_6,
#hautpMenuHandyEinzelnSubs_strzalka_na_dlu_7,
#hautpMenuHandyEinzelnSubs_strzalka_na_dlu_8,
#hautpMenuHandyEinzelnSubs_strzalka_na_dlu_9{

}


#hautpMenuHandyEinzelnSubs_0,
#hautpMenuHandyEinzelnSubs_1,
#hautpMenuHandyEinzelnSubs_2,
#hautpMenuHandyEinzelnSubs_3,
#hautpMenuHandyEinzelnSubs_4,
#hautpMenuHandyEinzelnSubs_5,
#hautpMenuHandyEinzelnSubs_6,
#hautpMenuHandyEinzelnSubs_7,
#hautpMenuHandyEinzelnSubs_8,
#hautpMenuHandyEinzelnSubs_9{
 position: absolute ;
 left: 60px ;
 top: 10px ;
}

div.hautpMenuHandyEinzelnSubs{
 background-color: #F7F7F7 ;
 font-size: 26px ;
 position: relative ;
 border-bottom: 1px solid #4b4c4d ;
}



#menuHandy{
 display: none ;
 height: 0px ;
 overflow: hidden ;
 position: absolute ;
 top: 95px ;
 left: 0 ;
 width: 100% ;
 z-index: 9999 ;
 transition: height 0.5s ease-in-out ;
}

#leiter_1, #leiter_2, #leiter_3{
 width: 100% ;
 height: 6px ;
 background-color: #064d6a ;
 position: absolute ;
 left: 0 ;
}

#leiter_1{
 top: 0 ;
}

#leiter_2{
 top: 11px ;
}

#leiter_3{
 bottom: 0 ;
}

#menuLeisteKleinInner_Leiter{
 b order: 1px solid #ff0000 ;
 position: absolute ;
 right: 20px ;
 top: 15px ;
 width: 33px ;
 height: 28px ;
}

#menuLeisteKleinInner_WarenkorbAnzahl{
 position: absolute ;
 right: 0px ;
 top: 0px ;
 background-color: #ef6e00 ;
 width: 15px ;
 height: 15px ;
 color: #fff ;
 font-size: 11px ;
 text-align: center ;
}

img.menuLeisteKleinInner_Warenkorb{
 height: 30px ;
}

#menuLeisteKleinInner_Warenkorb{
 position: absolute ;
 right: 70px ;
 top: 15px ;
 width: 40px ;
 height: 30px ;
}

#menuLeisteGrossInner_Warenkorb{
 display: inline-block ;
 position: relative ;
 width: 40px ;
 height: 30px ;
 top: -18px ;
 margin-left: 20px ;
}


img.menuLeisteKleinInner_Logo{
 height: 33px ;
}

#menuLeisteKleinInner_Logo{
 position: absolute ;
 left: 20px ;
 top: 13px ;
}

#menuLeisteKlein{
 display: none ;
 position: relative ;
}

#menuLeisteKleinInner{
 height: 60px ;
 b order-bottom: 1px solid #000 ;
 position: relative ;
}



div.strzalka_na_dlu{
 margin-top: 10px ;
 margin-left: 5px ;
 background-image:url("bilder/strzalka_na_dlu_black.png") ;
 height: 15px ;
 width: 15px ;
 background-size: 15px 15px ;
 transition-duration: 0.5s ;
 transition-property: transform ;
}




div.marginNachLinks{
 margin-left: 10px ;
}

div.paddingNachUnten{
 padding-bottom: 3px ;
}


div.marginNachRechts{
 margin-right: 10px ;
}



div.hautpMenuGrossEinzeln:hover #verstecktesUnterMenu_0,
div.hautpMenuGrossEinzeln:hover #verstecktesUnterMenu_1,
div.hautpMenuGrossEinzeln:hover #verstecktesUnterMenu_2,
div.hautpMenuGrossEinzeln:hover #verstecktesUnterMenu_3,
div.hautpMenuGrossEinzeln:hover #verstecktesUnterMenu_4,
div.hautpMenuGrossEinzeln:hover #verstecktesUnterMenu_5,
div.hautpMenuGrossEinzeln:hover #verstecktesUnterMenu_6,
div.hautpMenuGrossEinzeln:hover #verstecktesUnterMenu_7,
div.hautpMenuGrossEinzeln:hover #verstecktesUnterMenu_8,
div.hautpMenuGrossEinzeln:hover #verstecktesUnterMenu_9{
 display: block ;
}

div.hautpMenuGrossEinzeln:hover #strzalka_na_dlu_0,
div.hautpMenuGrossEinzeln:hover #strzalka_na_dlu_1,
div.hautpMenuGrossEinzeln:hover #strzalka_na_dlu_2,
div.hautpMenuGrossEinzeln:hover #strzalka_na_dlu_3,
div.hautpMenuGrossEinzeln:hover #strzalka_na_dlu_4,
div.hautpMenuGrossEinzeln:hover #strzalka_na_dlu_5,
div.hautpMenuGrossEinzeln:hover #strzalka_na_dlu_6,
div.hautpMenuGrossEinzeln:hover #strzalka_na_dlu_7,
div.hautpMenuGrossEinzeln:hover #strzalka_na_dlu_8,
div.hautpMenuGrossEinzeln:hover #strzalka_na_dlu_9{
 ba ckground-image:url("bilder/strzalka_na_dlu_white.png") ;
 transform: rotate(45deg) ;
 -webkit-transform: rotate(90deg) ;
}

#menuLeisteGross{
 position: relative ;
 width: 100% ;
 height: 80px ;
 b order-bottom: 1px solid #000 ;
 background-color: #fff ;
}

#menuLeisteGrossInner{
 position: relative ;
 max-width: 1600px ;
 height: 100% ;
 margin: 0 auto ;
 background-color: #fff ;
 b order: 1px solid #ff0000 ;
}

#menuLeisteKleinInner_Logo{
 position: absolute ;
 top: 5px ;
 width: 200px ;
 height: 50px ;
}

#menuLeisteGrossInner_Logo{
 display: inline-block ;
 position: relative ;
 width: 200px ;
 height: 50px ;
 margin-top: 15px ;
 margin-right: 40px ;
}

#hauptMenuGross{
 height: 80px ;
 text-align: center ;
 width: 100% ;
}

div.hautpMenuGrossEinzeln{
 font-weight: bold ;
 font-size: 19px ;
 display: inline-block ;
 height: 35px ;
 position: relative ;
 line-height: 35px ;
 border-left: 1px solid #fff ;
 top: -8px ;
}

div.hautpMenuGrossEinzeln:hover{
 background-color: #f6f6f6 ;
 b ackground-color: #064D6A ;
 c olor: #fff ;
}

a.hautpMenuGrossEinzeln{
 color: inherit ;
}

a.hautpMenuGrossEinzeln:hover{
 c olor: #fff ;
}
















div.hautpMenuGrossEinzelnKonfigurator{
 background-color: #5FC6AA ;
 color: #fff ;
 margin-left: 10px ;
}

div.hautpMenuGrossEinzelnKonfigurator:hover{
 background-color: #064D6A ;
}

div.verstecktesUnterMenu{
 display: none ;
 z-index: 999 ;
 position: absolute ;
 top: 33px ;
 left: 0px ;
 cursor: hand ;
 background-color: #f6f6f6 ;
 white-space: nowrap ;
 border-left: 1px solid #064D6A ;
 border-bottom: 1px solid #064D6A ;
 border-right: 1px solid #064D6A ;
 border-top: 1px solid #064D6A ;
 color: #3F3F3F ;
 text-align: left ;
}

div.paddingNachLinks{
 padding-left: 10px ;
}

div.paddingNachRechts{
 padding-right: 10px ;
}

div.verstecktesUnterTerrasseMenuEinzeln:hover #verstecktesUnterTerrasseMenu_0,
div.verstecktesUnterTerrasseMenuEinzeln:hover #verstecktesUnterTerrasseMenu_1,
div.verstecktesUnterTerrasseMenuEinzeln:hover #verstecktesUnterTerrasseMenu_2{
 display: block ;
}



div.verstecktesUnterMenuSub{
 padding-top: 3px ;
}

a.verstecktesUnterMenuSub{
 color: #3F3F3F ;
}

a.verstecktesUnterMenuSub:hover div.verstecktesUnterMenuSub{
 background-color: #064D6A ;
 color: #fff ;
}






@font-face{
 font-family: 'meine-schrift' ;
 src: url('Manrope-VariableFont_wght.ttf') format('truetype') ;
}

#obenLeiste{
 width: 100% ;
 height: 50px ;
 background-color: #064D6A ;
 position: relative ;
}

#obenLeisteInner{
 max-width: 1600px ;
 height: 100% ;
 background-color: #064D6A ;
 margin: 0 auto ;
 position: relative ;
}


#obenLeisteInner_kopertka, #obenLeisteInner_telefonik, #obenLeisteInner_zegareczek{
 color: #fff ;
 position: absolute ;
 f ont-family: meine-schrift ;
 top: 14px ;
 font-size: 14px ;
}

#obenLeisteInner_kopertka_grafik, #obenLeisteInner_telefonik_grafik, #obenLeisteInner_zegareczek_grafik, #obenLeisteInner_whatsapp_grafik{
 position: absolute ;
}

#obenLeisteInner_whatsapp_grafik{
 display: none ;
 width: 40px ;
}

#obenLeisteInner_kopertka_grafik{
 left: 20px ;
 top: 9px ;
 width: 25px ;
 height: 15px ;
}

#obenLeisteInner_kopertka{
 left: 55px ;
}

#obenLeisteInner_telefonik_grafik{
 left: 260px ;
 top: 11px ;
 width: 20px ;
 height: 20px ;
}

#obenLeisteInner_telefonik{
 left: 290px ;
}

#obenLeisteInner_zegareczek_grafik{
 left: 420px ;
 top: 11px ;
 width: 20px ;
 height: 20px ;
}

#obenLeisteInner_zegareczek{
 left: 450px ;
}

#obenLeisteInner_ssl_grafik, #obenLeisteInner_trustedshops_grafik{
 position: absolute ;
 top: 5px ;
}

#obenLeisteInner_ssl_grafik{
 right: 50px ;
}

#obenLeisteInner_trustedshops_grafik{
 right: 0px ;
}

img.obenLeisteInner_ssl_grafik, img.obenLeisteInner_trustedshops_grafik{
 width: 40px ;
 height: 40px ;
}










font.fontUnsichtber{
 color: #ffffff ;
}

div.fakeRabattWerbungDivAufWasAusser{
 font-size: 12px ;
 line-height: 8px ;
 color: black ;
 b order: 1px solid #000 ;
}

div.fakeRabattWerbungDivaussen{
 position: relative ;
 b order: 1px solid #ff0000 ;
 max-width: 800px ;
 height: 170px ;
}

div.fakeRabattWerbungDiv{
 position: absolute ;
 top: 0 ;
 left: 0 ;
 border: 15px solid red ;
 font-size: 100px ;
 font-weight: bold ;
 color: red ;
 line-height: 100px ;
 max-width: 600px ;
 text-align: center ;
 transform: rotate(-20deg);
 -moz-transform: rotate(-20deg);
 -ms-transform: rotate(-20deg);
 -o-transform: rotate(-20deg);
 -webkit-transform: rotate(-5deg);
 margin: 0 auto ;
 margin-bottom: 25px ;
 z-index: 9 ;
}

div.fakeRabattWerbungDivImg{
 position: absolute ;
 top: 0 ;
 left: 0 ;
 width: 100% ;
 height: 100% ;
 background-image: url(bilder/fakeRabatteWerbung.png) ;
 background-repeat: repeat, repeat ;
 z-index: 100 ;
}

div.fakeRabattWerbungDivAufWas{
 position: absolute ;
 bottom: 0 ;
 right: 0 ;
 z-index: 101 ;
 b order: 1px solid #000 ;
}

div.fakeRabattWerbungDivAufWasInner{
 font-weight: bold ;
 font-size: 36px ;
 color: red ;
 line-height: 36px ;
}



div.fakeRabattDurchgestrichen, td.fakeRabattDurchgestrichen, font.fakeRabattDurchgestrichen{
 text-decoration: line-through ;
}

div.sieSparenFakeRabatt{
 color: red ;
 font-size: 12px ;
}

div.fakeRabattRot, td.fakeRabattRot, font.fakeRabattRot{
 color: red ;
}

div.fakeRabattRow{

}

div.fakeRabattCell_1, div.fakeRabattCell_2, div.fakeRabattCell_3{
 b order: 1px solid #ff0000 ;
 font-size: 12px ;
}

div.fakeRabattCell_1{
 width: 100px ;
 text-align: left ;
}

div.fakeRabattCell_2{
 width: 100px ;
 text-align: right ;
}

div.fakeRabattCell_3{
 width: 10px ;
 text-align: right ;
}

div.fakeRabatteLineHeight{
 line-height: 32px ;
}

font.fakeRabatt12font{
 font-size: 12px ;
}






















div.incMwSt{
 font-size: 12px ;
}

div.siteMapNeuZeile{

}

div.siteMapNeuZeilePlus{
 margin-right: 10px ;
}

div.siteMapNeuZeileName{
 cursor: pointer ;
}

div.siteMapNeuAusgabeDiv{
 margin-left: 20px ;
 display: none ;
 b order:1px solid #ff0000;
}


div.kontrolleHand{
 cursor: pointer;
}

div.kontrolleAufliestenAussen{
 width: 100% ;
 margin-bottom: 20px ;
 text-align: center ;
}

button.kontrolleAufliestenInnen{
 width: 304px ;
 margin: 0 auto ;
 line-height: 30px ;
}

button.buttonKontrolleEkookna{
 width: 150px ;
 line-height: 30px ;
 vertical-align: top ;
 margin-left: 2px ;
 margin-right: 2px ;
}

input.inputKontrolleEkookna{
 text-align: center ;
 width: 150px ;
 line-height: 30px ;
 margin-left: 2px ;
 margin-right: 2px ;
}


div.kontrolleEkooknaHR{
 margin-bottom: 20px ;
}

#testAusgabeDiv{
 width: 100% ;
 text-align: center ;
 margin-bottom: 20px ;
}

div.kontrolleButtons{
 width: 320px ;
 margin: 0 auto ;
 margin-bottom: 20px ;
}

.mmn-dropzone { 
 color: #ccc ;
 border-radius: 10px ;
 border: 2px dashed #ccc ;
 height: 200px ;
 line-height: 200px ;
 margin-bottom: 20px ;
 margin-left: 10px ;
 margin-right: 10px ;
 text-align: center ;
}

div.table{
 display: table ;
}

div.table_row{
 display: table-row ;
}

div.table_cell{
 display: table-cell ;
}

div.table_cell_1{
 width: 40px ;
}

div.table_cell_2{
 width: 80px ;
}

div.table_cell_3{
 width: 160px ;
}

a.ersteLeisteMenuInnerEinzelnSubFensterLink{
 color: #3F3F3F ;
}

a.ersteLeisteMenuInnerEinzelnSubFensterLink:hover{
 text-decoration: underline ;
}

div.zubehoerCenaBerechnenHaupt{
 margin-top: 20px ;
 margin-bottom: 20px ;
}

.zubehoerCenaBerechnen{
 text-align: center ;
 width: 100px ;
}

input.zubehoerCenaBerechnen{
 height: 30px ;
}

select.zubehoerCenaBerechnen{
 height: 34px ;
}

#cookieBanner{
 display: block ;
 z-index: 99999 ;
 position: fixed ;
 top: 0px ;
 width: 100% ;
 height: 100% ;

}

div.durchsichtig {
 background: rgba(0, 0, 0, 0.8) ;
 opacity: inherited ;
 filter: Alpha(Opacity=50) ;
}

#cookieBannerLableEins{
 position: absolute ;
 text-align: center ;
 width: 420px ;
 background-color: #fff ;
 margin: 20px auto ;
 z-index: 90000 ;
 left: 0 ;
 right: 0 ;
}

#cookieBannerLableZwei{
 position: absolute ;
 visibility: hidden ;
 z-index: 90001 ;
 text-align: center ;
 width: 420px ;
 background-color: #fff ;
 margin: 20px auto ;
 left: 0 ;
 right: 0 ;
}

div.cookieUberschrift{
 padding-top: 10px ;
 padding-bottom: 10px ;
 font-size: 1.2rem ;
 color: #333 ;
 font-weight: bold ;
}

div.cookieUberschriftZwei{
 padding-top: 10px ;
 padding-bottom: 10px ;
 font-size: 1.2rem ;
 color: #fff ;
 background-color: #151515 ;
}

#cookieText{
}

#cookieInhaltDatenschutz,
#cookieInhaltImpressum,
#cookieInhaltTechnischNotwendig,
#cookieInhaltEssentiell,
#cookieInhaltStatistik,
#cookieInhaltMarketing,
#cookieInhaltExterneMedien{
 display: none ;
 height: 500px ;
 overflow: auto ;
 word-wrap: break-word ;
 text-align: left ;
 margin-left: 10px ;
}

#cookieChekboxen{
 width: 300px ;
 margin: 0 auto ;
 text-align: left ;
}

div.cookieButton{
 margin-left: 5px ;
 padding: 5px 10px 5px 10px ;
 background: #00B900 ;
 color: #fff ;
 border-radius: 5px ;
 display: inline-block ;
}

div.cookieButtonZusammen{
 margin: 20px auto ;
 width: 200px ;
}

#cookieBannerButtonClose, #cookieBannerButtonCloseDatenschutz, #cookieBannerButtonCloseImpressum {
 width: 150px ;
 cursor: pointer ;
 text-align: center ;
 margin: 0 auto ;
 display: inline-block ;
 color: #ADADAD ;
}

div.cookieButtonNeu{
 margin-top: 10px ; 
 padding: 5px 0px 5px 0px ;
 background: #00B900 ;
 color: #fff ;
 border-radius: 5px ;
 width: 200px ;
 text-align: center ;
}

div.cookieButtonNeuAlle{
 background: #00B900 ;
 color: #fff ;
}

div.cookieButtonNeuSchatten{
 box-shadow: 5px 5px 10px silver ;
}

div.cookieButtonNeuSchatten:hover{
 box-shadow: 2px 2px 5px silver ;
}

div.cookieButtonNeuSchatten:active{
 box-shadow: 0px 0px 0px silver ;
}

div.cookieButtonNeuAbbrechen{
 background: red ;
 color: #fff ;
}

div.cookieButtonNeuSpeichern{
 background: #F3F3F3 ;
 color: #000 ;
}

div.cookieBannerFuss{
 padding-top: 10px ;
 padding-bottom: 10px ;
 background-color: #151515 ;
 color: #ADADAD ;
}

#cookieInhaltDatenschutz::-webkit-scrollbar-track,
#cookieInhaltImpressum::-webkit-scrollbar-track,
#cookieInhaltTechnischNotwendig::-webkit-scrollbar-track,
#cookieInhaltEssentiell::-webkit-scrollbar-track,
#cookieInhaltStatistik::-webkit-scrollbar-track,
#cookieInhaltMarketing::-webkit-scrollbar-track,
#cookieInhaltExterneMedien::-webkit-scrollbar-track{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) ;
 background-color: #F5F5F5 ;
}

#cookieInhaltDatenschutz::-webkit-scrollbar,
#cookieInhaltImpressum::-webkit-scrollbar,
#cookieInhaltTechnischNotwendig::-webkit-scrollbar,
#cookieInhaltEssentiell::-webkit-scrollbar,
#cookieInhaltStatistik::-webkit-scrollbar,
#cookieInhaltMarketing::-webkit-scrollbar,
#cookieInhaltExterneMedien::-webkit-scrollbar{
 width: 6px ;
 background-color: #F5F5F5 ;
}

#cookieInhaltDatenschutz::-webkit-scrollbar-thumb,
#cookieInhaltImpressum::-webkit-scrollbar-thumb,
#cookieInhaltTechnischNotwendig::-webkit-scrollbar-thumb,
#cookieInhaltEssentiell::-webkit-scrollbar-thumb,
#cookieInhaltStatistik::-webkit-scrollbar-thumb,
#cookieInhaltMarketing::-webkit-scrollbar-thumb,
#cookieInhaltExterneMedien::-webkit-scrollbar-thumb{
 background-color: #555 ;
}

#zubehoer_rechts_inhalt_title{
 font-size: 48px ;
}

div.t_baum{
 position: absolute ;
 bottom: 0px ;
 right: 50px ;
 background-size: 140px ;
 width: 140px ;
 height: 140px ;
 z-index: 1 ;
 background-image: url(bilder/tannenbaum.png) ;
}


.s_3 {
 z-index: 10 ;
 background-image: url(bilder/s_3.png) ;
 animation-name: s_3 ;
 animation-duration: 1s ;
 animation-iteration-count: infinite ;
}

.s_2 {
 z-index: 9 ;
 background-image: url(bilder/s_2.png) ;
 animation-name: s_2 ;
 animation-duration: 1s ;
 animation-iteration-count: infinite ;
}

.s_1 {
 z-index: 8 ;
 background-image: url(bilder/s_1.png) ;
 animation-name: s_1 ;
 animation-duration: 1s ;
 animation-iteration-count: infinite ;
}

.s_0 {
 z-index: 7 ;
 background-image: url(bilder/s_0.png) ;
 animation-name: s_0 ;
 animation-duration: 1s ;
 animation-iteration-count: infinite ;
}

.s_4 {

 b order: 1px solid #ff0000 ;
 background-size: 140px ;
 width: 140px ;
 height: 140px ;
 position: absolute ;
 bottom: 0px ;

 z-index: 6 ;
 background-image: url(bilder/s_4.png) ;
 animation-name: s_4 ;
 animation-duration: 1s ;
 animation-iteration-count: infinite ;
}

.s{
 b order: 1px solid #ff0000 ;
 background-size: 140px ;
 width: 140px ;
 height: 140px ;
 background-repeat: no-repeat ;
 position: absolute ;
}

.s_mann{
 position: absolute ;
 bottom: 0px ;
 left: 50px ;
}

@keyframes s_3 {
  0%, 100% {
    bottom: 0px ;
  }

  25% {
    bottom: 17px ;
  }

  50% {
    bottom: 23px ;
  }

  75% {
    bottom: 17px ;
  }
}

@keyframes s_2 {
  0%, 100% {
    bottom: 0px ;
  }

  25% {
    bottom: 12px ;
  }

  50% {
    bottom: 17px ;
  }

  75% {
    bottom: 12px ;
  }
}

@keyframes s_1 {
  0%, 100% {
    bottom: 0px ;
  }

  25% {
    bottom: 8px ;
  }

  50% {
    bottom: 13px ;
  }

  75% {
    bottom: 8px ;
  }
}

@keyframes s_0 {
  0%, 100% {
    bottom: 0px ;
  }

  25% {
    bottom: 5px ;
  }

  50% {
    bottom: 10px ;
  }

  75% {
    bottom: 5px ;
  }
}

@keyframes s_4 {
  0%, 100% {
   background-size: 140px ;
   width: 140px ;
   height: 140px ;
   left: 0px ;
  }

  25% {
   background-size: 120px ;
   width: 120px ;
   height: 120px ;
   left: 8px ;
  }

  50% {
   background-size: 100px ;
   width: 100px ;
   height: 100px ;
   left: 13px ;
  }

  75% {
   background-size: 120px ;
   width: 120px ;
   height: 120px ;
   left: 8px ;
  }
}











div.forderung_rundum{
 padding: 20px ;
}

div.forderung_title{
 font-size: 45px ;
 color: #ff6405 ;
 font-weight: 700 ;
 margin-bottom: 20px ;
}

div.forderung_inhalt_1{
 font-weight: bold ;
 font-size: 20px ;
 margin-bottom: 20px ;
}

div.forderung_inhalt_2{
}

div.forderung_inhalt_3{
 font-size: 12px ;
}

div.forderung{
 text-align: center ;
}

div.forderung_inhalt_link{
 margin-top: 20px ;
}

div.forderung_verlinkungButtonDiv{
 color: #ff6405 ;
 width: 200px ;
 margin: 0 auto ;
}

div.eis_wand_links{
 b order: 1px solid #000 ;
 position: absolute ;
 bottom: 0px ;
 left: 0px ;
 width: 50px ;
 height: 100% ;
 background-image:url('bilder/eis_wand_links.png') ;
 b ackground-size: 140px ;
 background-repeat: no-repeat ;
}



div.schneeText{
 padding-left: 50px ;
 padding-right: 50px ;
}

#schneemann_on_top{
 b order: 1px solid #000 ;
 position: absolute ;
 bottom: 0px ;
 left: 50px ;
 width: 140px ;
 height: 140px ;
 background-image:url('bilder/schneemann.png') ;
 background-size: 140px ;
 background-repeat: no-repeat ;
 -w ebkit-animation:bounce 1.5s infinite;
}

@-webkit-keyframes bounce {
 0% {bottom:0px;}
 10% {bottom:1px;}
 20% {bottom:2px;}
 30% {bottom:3px;}
 40% {bottom:4px;}
 50% {bottom:5px;}
 60% {bottom:4px;}
 70% {bottom:3px;}
 80% {bottom:2px;}
 90% {bottom:1px;}
 100% {bottom:0px;}
}

div.schneeBerge{
 height: 48px ;
 width: 100% ;
 background-image:url('bilder/schneeBerge.png') ;
 background-repeat: repeat-x ;
}

div.eiszapfen{
 height: 48px ;
 width: 100% ;
 background-image:url('bilder/eiszapfen.png') ;
 background-repeat: repeat-x ;
}

div.schneeText{
}

#schnee{
 position: relative ;
 background-color: #3b8dbd ;
 background-image:url('bilder/schnee1.png'),
 url('bilder/schnee2.png'),
 url('bilder/schnee3.png');
 -webkit-animation:schnee 25s linear infinite ;
 -moz-animation:schnee 25s linear infinite ;
 -ms-animation:schnee 25s linear infinite ;
 animation:schnee 25s linear infinite ;
}

@keyframes schnee{
 0%{background-position:0px 0px,0px 0px,0px 0px}
 100%{background-position:500px 1000px,400px 400px,300px 300px}
}

@-moz-keyframes schnee{
 0%{background-position:0px 0px,0px 0px,0px 0px}
 100%{background-position:500px 1000px,400px 400px,300px 300px}
}

@-webkit-keyframes schnee{
 0%{background-position:0px 0px,0px 0px,0px 0px}
 100%{background-position:500px 1000px,400px 400px,300px 300px;}
}

@-ms-keyframes schnee{
 0%{background-position:0px 0px,0px 0px,0px 0px}
 100%{background-position:500px 1000px,400px 400px,300px 300px}
}

div.lieferung_bestaetigen_button{
 width: 300px ;
 text-align: center ;
 color: #fff ;
 cursor: pointer ;
 font-size: 1.2em ;
 padding-top: 10px ;
 padding-bottom: 10px ;
}

div.lieferung_bestaetigen_ja{
 background-color: #00B900 ;
}

div.lieferung_bestaetigen_nein{
 background-color: #ff0000 ;
 
}

font.lieferung_bestaetigen_gross{
 font-size: 2em ;
}

div.sperrDivOhneJava{
 z-index: -100000 ;
 width: 1px ;
 height: 1px ;
 display: none ;
}

div.sperrDivMitJava{
 z-index: 100000 ;
 width: 100% ;
 height: 100% ;
 display: block ;
}

#sperrDiv{
 position: fixed ;
 top: 0 ;
 left: 0 ;
 background: rgba(0, 0, 0, 0.8);
 opacity: inherited;
 filter: Alpha(Opacity=50) ;
}

#sperrDivInner{
 b order: 1px solid #ff0000 ;
 position: relative ;
 width: 188px ;
 top: 50vh ;
 left: -webkit-calc(50vw - 95px);
 left: -moz-calc(50vw - 95px);
 left: calc(50vw - 95px) ;
}

#sperrDivAnimated{
 -webkit-animation: spin 5s linear infinite ;
 -moz-animation: spin 5s linear infinite ;
 animation: spin 5s linear infinite ;
 b ackground-image: url("bilder/animation_ring.png") ;
}










#sperrDivAnimatedDunkel{
 text-align: left ;
 b order: 1px solid #ff0000 ;
 line-height: 28px ;
 font-size: 28px ;
 color: #424242 ;
 t ext-shadow: black 0.1em 0.1em 0.2em ;
}

#sperrDivAnimatedHell{
 text-align: left ;
 b order: 1px solid #ff0000 ;
 color: #FF9600 ;
 font-size: 12px ;
 line-height: 12px ;
 font-weight: bold ;
 letter-spacing: 3.6px;
 t ext-shadow: black 0.1em 0.1em 0.2em ;
}











#sperrDivNotschalter{
 position: fixed ;
 z-index: 100001 ;
 top: 10px ;
 right: 10px ;
 font-size: 20px ;
 cursor: pointer ;
}

@-moz-keyframes spin{ 
 100%{ 
  -m oz-transform: rotate(360deg) ;
  -moz-transform: scale(1) rotate3d(1, 1, 1, -360deg) ;
 } 
}

@-webkit-keyframes spin{ 
 100%{
  -w ebkit-transform: rotate(360deg) ;
  -webkit-transform: scale(1) rotate3d(1, 1, 1, -360deg) ;
 }
}

@keyframes spin{
 100%{
  -webkit-transform: rotate(360deg) ;
  transform:rotate(360deg) ;
  -w ebkit-transform: scale(1) rotate3d(1, 1, 1, -360deg) ;
  tra nsform: scale(1) rotate3d(1, 1, 1, -360deg) ;
 }
}
















a.light_box_anker{
 text-decoration: none ;
 color: #0096FF ;
}

.fadeDiv{
 -webkit-animation: fadeinout 0.3 linear forwards ; /* Safari, Chrome and Opera > 12.1 */
 -moz-animation: fadeinout 0.3 linear forwards ; /* Firefox < 16 */
 -ms-animation: fadeinout 0.3 linear forwards ; /* Internet Explorer */
 -o-animation: fadeinout 0.3 linear forwards ; /* Opera < 12.1 */
 animation: fadeinout 0.3s linear forwards ;
}

@keyframes fadeinout {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadeinout {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinout {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadeinout {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadeinout {
    from { opacity: 0; }
    to   { opacity: 1; }
}

div.detailsPdfButton{
 width: 100% ;
}

img.detailsDownload{
 margin-left: 10px ;
 width: 20px ;
}

div.detailsPdfButtonInner{
 width: 250px ;
 height: 35px ;
 l ine-height: 35px ;
}

a.detailsPdfButtonInner{
 color: #00B900 ;
}

a.detailsPdfButtonInner:hover{
 text-decoration: underline ;
}










#footer_firmen{
 text-align: center ;
 width: 100% ;
}

#footer_firmen_inner{
 padding-top: 40px ;
 padding-bottom: 40px ;
}

div.footer_firma_box{
 display: inline-block ;
 max-width: 300px ;
}

img.footer_firma{
 padding-left: 30px ;
 padding-right: 30px ;
 width: calc(100% - 60px) ;
}















div.footer_abstand_div{
 margin-top: 20px ;
 height: 20px ;
 background-color: #f5f5f5 ;
 border-top: 1px solid #2d2d2d ;
}





div.anleitung_kopf{
 position: relative ;
 width: 100% ;
 background-color: #F0F0F0 ;
 border-radius: 5px ;
 font-size: 1.5em ;
 padding: 10px 0px 10px 0px ;
}

div.anleitung_uberschrift{
 margin-left: 20px ;
}

div.anleitung_zuruck{
 background-color: #0096FF ;
 color: #fff ;
 text-align: center ;
 border-radius: 5px ;
 width: 100px ;
 margin-left: 10px ;
 margin-right: 10px ;
 position: absolute ;
 right: 0 ;
}

div.anleitung_block{
 margin-top: 20px ;
}

div.detalierteLieferKosten{
 margin-left: 30px ;
 margin-top: 30px ;
}

a.detalierteLieferKosten{
 text-decoration: underline ;
}

font.schallsicher_blau{
 color: #0096FF ;
}

#coronaDivLageAussen{
 position: relative ;
}

#coronaDivLage{
 text-align: center ;
 line-height: 40px ;
 background-color: #FF9600 ;
 color: #fff ;
 font-size: 18px ;
 width: 100% ;
}

#coronaDivLageX{
 width: 40px ;
 position: absolute ;
 top: 0 ;
 right: 0 ;
}



div.auswahlFilterZusammen{
 margin-top: 10px ;
}

div.auswahlFilterZusammenInner{
 text-align: center ;
}

div.auswahlFilterEinzeln{
 position: relative ;
 top: 0px ;
 display: inline-block ;
 margin-right: 10px ;
 vertical-align: top ;
}

div.auswahlFilterEinzelnUberschrift{
 text-align: left ;
 height: 30px ;
}

div.auswahlFilterAnwendenButton{
 font-size: 18px ;
 background-color: #0096FF ;
 color: #fff ;
 padding-left: 10px ;
 padding-right: 10px ;
 border-radius: 5px ;
}

select.auswahlFilterSelect{
 font-size: 18px ;
 height: 40px ;
}










div.anleitungenUberschrift{
 margin-top: 20px ;
 font-weight: 600 ;
 letter-spacing: 1px ;
 text-transform: uppercase ;
 margin-bottom: 10px ;
}

div.anleitungenLink{

}

div.lb_uberschrift{
 text-align: left ;
 font-weight: 600 ;
 letter-spacing: 1px ;
 text-transform: uppercase ;
 margin-bottom: 10px ;
}

div.lb_inhalt{
 text-align: left ;
 letter-spacing: 1px ;
 margin-bottom: 10px ;
}

div.lb_spezifikationen{

}

img.lb_img{
 max-width: 300px ;
}

img.v_img{
 width: 40px ;
 margin-right: 10px ;
}

font.txtFensterStartSeiteUberschriftNeu{
 font-size: 36px ;
 font-weight: bold ;
}

font.txtFensterStartSeiteArgumenteNeu{
 font-size: 18px ;
}

div.ankerButtonTopSeite{
 position: absolute ;
 top: -5px ;
 right: 5px ;
}

img.ankerButtonTopSeite{
 width: 30px ;
 height: 30px ;
 box-shadow: 0 0.2em 0.2em #B2B2B2 ;
}

img.ankerButtonTopSeite:hover{
 box-shadow: 0 0.1em 0.1em #B2B2B2 ;
}

div.ankerButtonZusammen{
 padding-top: 10px ;
 padding-bottom: 10px ;
 z-index: 998 ;
 width: 100% ;
 box-shadow: 0 4px 2px -2px silver ;
 background-color: #ffffff ;
 position: -webkit-sticky ;
 position: sticky ;
 top: 0 ;
 text-align: center ;
}

div.ankerButton{
 min-width: 180px ;
 height: 40px ;
 background-color: #0096FF ;
 color: #fff ;
 box-shadow: 0 0.2em 0.2em #B2B2B2 ;
 text-align: center ;
 display: inline-block ;
 margin-top: 5px ;
 margin-left: 5px ;
 margin-right: 5px ;
 line-height: 40px ;
 font-weight: bold ;
 font-size: 22px ;
 border-radius: 5px ;
}

div.ankerButton:hover{
 box-shadow: 0 0.1em 0.1em #B2B2B2 ;
}

div.ankerButton:action{
 box-shadow: 0 0 0 0 ;
}

div.ersteLeiste{
 width: 100% ;
 margin-bottom: 10px ;
}

div.ersteLeisteInner{
 margin: 0 auto ;
 position: relative ;
 max-width: 1200px ;
}

div.ersteLeisteInnerZwei{
 position: relative ;
 height: 121px ;
}

div.ersteLeisteInnerDrei{
 display: none ;
 position: relative ;
 height: 121px ;
}

div.ersteLeisteInnerVier{
 display: none ;
 position: relative ;
 height: 121px ;
 b order-bottom: 1px solid #000 ;
}

div.ersteLeisteInnerFunf{
 display: none ;
 position: relative ;
 height: 121px ;
 b order-bottom: 1px solid #000 ;
}

div.ersteLeisteObenVier{
 margin-top: 10px ;
 width: calc(100% - 100px) ;
}

div.ersteLeisteUntenVier{
 margin-top: 8px ;
 width: calc(100% - 100px) ;
}

div.ersteLeisteObenLogoVier{
 margin-left: 10px ;
 width: 200px ;
}

div.ersteLeisteObenAuszeichnungenVier{
 width: 140px ;
}

div.ersteLeisteAuszeichnungenEinzelnVier{
 margin-left: 10px ;
 width: 50px ;
}

img.ersteLeisteAuszeichnungenEinzelnVier{
 max-width: 100% ;
}

div.ersteLeisteUntenVierSubMenu{
 margin-left: 10px ;
}

div.ersteLeisteUntenVierTelefon{
 margin-left: 80px ;
 width: 220px ;
}

div.ersteLeisteInnerFunfOben{
 position: relative ;
 margin-top: 10px ;
 width: 100% ;
 height: 50px ;
}

div.ersteLeisteObenLogoFunf{
 position: absolute ;
 left: 10px ;
 top: 0 ;
 width: 214px ;
}

div.ersteLeisteObenWarenkorbFunf{
 position: absolute ;
 right: 0 ;
 top: 0 ;
 width: 60px ;
}

div.ersteLeisteInnerFunfUnten{
 position: relative ;
 width: 100% ;
 height: 50px ;
}

div.ersteLeisteInnerFunfUntenSubMenu{
 position: absolute ;
 left: 10px ;
 top: 0 ;
 width: 60px ;
}

div.ersteLeisteMenuHandy{
 display: none ;
 width: 100% ;
 border-bottom: 1px solid #000 ;
}

div.ersteLeisteMenuHandyInner{
 overflow: hidden ;
 width: 100% ;
 height: 0px ;
 transition: height 0.5s ease-in-out ;
 font-size: 14px ;
 f ont-family: "PT Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif" ;
 line-height: 30px ;
}

div.ersteLeisteMenuHandyInnerEinzeln{
 position: relative ;
 background-color: #F5F5F5 ;
 height: 30px ;
 width: 100% ;
 border-top: 1px solid #ccc !important ;
 border-bottom: 1px solid rgba(200,200,200,0.2) ;
}

div.ersteLeisteMenuHandyInnerEinzelnOne{
 position: absolute ;
 left: 20px ;
}

div.ersteLeisteMenuHandyInnerEinzelnOnePlus{
 position: absolute ;
 right: 20px ;
}

div.ersteLeisteMenuHandyInnerEinzelnSub{
 overflow: hidden ;
 width: 100% ;
 height: 0px ;
 transition: height 0.5s ease-in-out ;
 font-size: 14px ;
 f ont-family: "PT Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif" ;
 line-height: 30px ;
 f ont-weight: bold ;
 background-color: #FDFDFD ;
}

div.ersteLeisteMenuHandyInnerEinzelnSubBorder{
 border-top: 1px solid rgba(200,200,200,0.2) ;
}

div.ersteLeisteMenuHandyInnerEinzelnSubInner{
 margin-left: 20px ;
}

a.ersteLeisteMenuHandyInnerEinzelnOne{
 padding: 5px ;
 color: #494949 ;
 font-weight: bold ;
}

a.ersteLeisteMenuHandyInnerEinzelnOne:hover{
 color: #8E8E8E ;
}

a.ersteLeisteMenuHandyInnerEinzelnOneKonfigurator{
 padding: 5px ;
 color: #fff ;
 background-color: #00B900 ;
 font-weight: normal ;
}

a.ersteLeisteMenuHandyInnerEinzelnOneSub{
 padding: 5px ;
 color: #494949 ;
}

a.ersteLeisteMenuHandyInnerEinzelnOneSub:hover{
 color: #8E8E8E ;
}

div.ersteLeisteMenuInnerEinzelnSubFenster{
 color: #494949 ;
 font-weight: normal ;
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln{
 height: 160px ;
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzelnTrennLine{
 border-left: 1px solid #ccc ;
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzelnGrafik{
 -webkit-transition: background-image 0.1s ease-in-out ;
 transition: background-image 0.1s ease-in-out ;
 background-position: top center ;
 background-repeat: no-repeat ;
 background-size: 40% ;
 margin-top: 10px ;
 width: 100% ;
 height: 130px ;
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzelnPfeil{
 font-size: 48px ;
}

#ersteLeisteSubGrafik_0{
 background-image: url('bilder/link/c_pvc.png') ;
}

#ersteLeisteSubGrafik_1{
 background-image: url('bilder/link/c_holz.png') ;
}

#ersteLeisteSubGrafik_2{
 background-image: url('bilder/link/c_holz-alu.png') ;
}

#ersteLeisteSubGrafik_3{
 background-image: url('bilder/link/c_alu.png') ;
}

#ersteLeisteSubGrafik_4{
 background-image: url('bilder/link/c_pvcalu.png') ;
}

#ersteLeisteSubGrafik_5{
 background-image: url('bilder/link/c_pvc_balkon.png') ;
}

#ersteLeisteSubGrafik_6{
 background-image: url('bilder/link/c_holz_balkon.png') ;
}

#ersteLeisteSubGrafik_7{
 background-image: url('bilder/link/c_holz-alu_balkon.png') ;
}

#ersteLeisteSubGrafik_8{
 background-image: url('bilder/link/c_alu_balkon.png') ;
}

#ersteLeisteSubGrafik_9{
 background-image: url('bilder/link/c_pvcalu_balkon.png') ;
}

#ersteLeisteSubGrafik_10{
 background-image: url('bilder/link/c_pvc_psk.png') ;
}

#ersteLeisteSubGrafik_11{
 background-image: url('bilder/link/c_holz_psk.png') ;
}

#ersteLeisteSubGrafik_12{
 background-image: url('bilder/link/c_holz-alu_psk.png') ;
}

#ersteLeisteSubGrafik_13{
 background-image: url('bilder/link/c_alu_psk.png') ;
}

#ersteLeisteSubGrafik_14{
 background-image: url('bilder/link/c_pvcalu_psk.png') ;
}

#ersteLeisteSubGrafik_15{
 background-image: url('bilder/link/c_pvc_hs.png?2') ;
}

#ersteLeisteSubGrafik_16{
 background-image: url('bilder/link/c_alu_hs.png') ;
}

#ersteLeisteSubGrafik_17{
 background-image: url('bilder/link/c_pvcalu_hs.png') ;
}

#ersteLeisteSubGrafik_19{
 background-image: url('bilder/link/c_pvcalu_hs.png') ;
}

#ersteLeisteSubGrafik_20{
 background-image: url('bilder/link/c_pvc_hausturen.png') ;
}

#ersteLeisteSubGrafik_21{
 background-image: url('bilder/link/c_holz_hausturen.png') ;
}

#ersteLeisteSubGrafik_22{
 background-image: url('bilder/link/c_alu_hausturen.png') ;
}

#ersteLeisteSubGrafik_23{
 background-image: url('bilder/link/c_rolllade.png') ;
}

#ersteLeisteSubGrafik_24{
 background-image: url('bilder/link/aussenjalousie_basic.png') ;
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzelnLink{
 margin: 0 auto ;
 width: 60% ;
 height: 30px ;
 background-color: #EBEBEB ;
 padding: 0px 15px 0px 15px ;
 line-height: 30px ;
 border-radius: 5px ;
 box-shadow: 0 0.2em 0.2em #B2B2B2 ;
}

a.ersteLeisteMenuInnerEinzelnSubFensterEinzeln{
 color: #494949 ;
}

a.ersteLeisteMenuInnerEinzelnSubFensterEinzelnDirectLink{
 color: Inherit ;
}

a.ersteLeisteMenuInnerEinzelnSubFensterEinzelnDirectLink:hover{
 color: Inherit ;
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_0{
 background-image:url('bilder/link/c_pvc_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_1{
 background-image:url('bilder/link/c_holz_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_2{
 background-image:url('bilder/link/c_holz-alu_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_3{
 background-image:url('bilder/link/c_alu_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_4{
 background-image:url('bilder/link/c_pvcalu_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_5{
 background-image:url('bilder/link/c_pvc_balkon_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_6{
 background-image:url('bilder/link/c_holz_balkon_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_7{
 background-image:url('bilder/link/c_holz-alu_balkon_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_8{
 background-image:url('bilder/link/c_alu_balkon_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_9{
 background-image:url('bilder/link/c_pvcalu_balkon_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_10{
 background-image:url('bilder/link/c_pvc_psk_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_11{
 background-image:url('bilder/link/c_holz_psk_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_12{
 background-image:url('bilder/link/c_holz-alu_psk_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_13{
 background-image:url('bilder/link/c_alu_psk_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_14{
 background-image:url('bilder/link/c_pvcalu_psk_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_15{
 background-image:url('bilder/link/c_pvc_hs_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_16{
 background-image:url('bilder/link/c_alu_hs_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_17{
 background-image:url('bilder/link/c_pvcalu_hs_front.png');
}


div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_19{
 background-image:url('bilder/link/c_pvcalu_hs_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_20{
 background-image:url('bilder/link/c_pvc_hausturen_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_21{
 background-image:url('bilder/link/c_holz_hausturen_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_22{
 background-image:url('bilder/link/c_alu_hausturen_front.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_23{
 background-image:url('bilder/link/c_rolllade.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubGrafik_24{
 background-image:url('bilder/link/aussenjalousie_basic.png');
}

div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_0,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_1,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_2,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_3,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_4,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_5,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_6,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_7,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_8,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_9,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_10,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_11,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_12,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_13,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_14,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_15,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_16,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_17,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_19,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_20,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_21,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_22,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_23,
div.ersteLeisteMenuInnerEinzelnSubFensterEinzeln:hover #ersteLeisteSubLink_24{
 background-color: #494949 ;
 color: #fff ;
}

.fade-in {
  animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  -moz-animation: fadeIn ease 5s;
  -o-animation: fadeIn ease 5s;
  -ms-animation: fadeIn ease 5s;
}

@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

div.ersteLeisteLogoZwei{
 position: absolute ;
 left: 0 ;
 top: 25px ;
 width: 300px ;
}

div.ersteLeisteLogoDrei{
 position: absolute ;
 left: 0 ;
 top: 25px ;
 width: calc(50% - 150px) ;
}

div.ersteLeisteTelefonZwei{
 position: absolute ;
 left: 330px ;
 top: 25px ;
 width: 320px ;
}

div.ersteLeisteTelefonDrei{
 position: absolute ;
 left: calc(50% - 130px) ;
 top: 25px ;
 width: 220px ;
}

div.ersteLeisteTelefonGrafikZwei{
 width: 60px ;
}

div.ersteLeisteTelefonGrafikDrei{
 width: 40px ;
}

img.ersteLeisteTelefonGrafikZwei, img.ersteLeisteTelefonGrafikDrei{
 max-width: 100% ;
}

div.ersteLeisteTelefonTextZwei{
 margin-top: 12px ;
 margin-left: 12px ;
}

div.ersteLeisteTelefonTextDrei{
 margin-top: 2px ;
 margin-left: 5px ;
}

div.ersteLeisteTelefonTextObenZwei{
 f ont-family: "Helvetica Neue" ;
 line-height: 20px ;
 font-size: 24px ;
 font-weight: bold ;
}

div.ersteLeisteTelefonTextObenDrei{
 f ont-family: "Helvetica Neue" ;
 line-height: 20px ;
 font-size: 20px ;
 font-weight: bold ;
}

div.ersteLeisteTelefonTextUntenZwei{
 font-size: 13.6px ;
}

div.ersteLeisteTelefonTextUntenDrei{
 font-size: 11.4px ;
}

div.ersteLeisteAuszeichnungenZwei{
 position: absolute ;
 left: 630px ;
 top: 25px ;
 width: 260px ;
}

div.ersteLeisteAuszeichnungenDrei{
 position: absolute ;
 left: calc(50% + 110px) ;
 top: 25px ;
 width: calc(50% - 220px) ;
}

div.ersteLeisteAuszeichnungenEinzelnZwei{
 width: 65px ;
}

div.ersteLeisteAuszeichnungenEinzelnDrei{
 width: 65px ;
}

img.ersteLeisteAuszeichnungenEinzelnZwei{
 width: 60px ;
}

img.ersteLeisteAuszeichnungenEinzelnDrei{
 width: 60px ;
}

div.ersteLeisteWarenkorb{
 position: absolute ;
 right: 0 ;
 top: 0 ;
 width: 100px ;
 height: 110px ;
}

div.ersteLeisteWarenkorbGrafik{
 background:
  url(bilder/wagen.png) top center no-repeat ;
 height: 85px ;
}

div.ersteLeisteWarenkorbAnzahl{
 position: absolute ;
 left: 0 ;
 top: 0 ;
 font-size: 35px ;
 color: #000 ;
 width: 100px ;
 text-align: center ;
}

div.ersteLeisteWarenkorPreis{
 width: 100px ;
 height: 25px ;
 text-align: center ;
}

div.ersteLeisteMenu{
 width: 100% ;
 background-color: #EBEBEB ;
 height: 40px ;
 box-shadow: 0 0.2em 0.2em #B2B2B2 ;
 font-size: 14px ;
 f ont-family: "PT Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif" ;
 line-height: 41px ;
}

div.ersteLeisteMenuInner{
 margin: 0 auto ;
 position: relative ;
 max-width: 1200px ;
}

div.ersteLeisteMenuInnerEinzeln{
 font-weight: bold ;
 height: 40px !important;
 width: calc((100% / 8) - 4px) ;
 text-align: center ;
}

div.ersteLeisteMenuInnerEinzeln:hover, div.ersteLeisteMenuInnerEinzelnBreiter:hover{
 color: #fff ;
 background-color: #3F3F3F ;
 border-bottom: 1px solid #3F3F3F ;
 border-top: 1px solid #3F3F3F ;
}

div.ersteLeisteMenuInnerEinzelnBreiter{
 font-weight: bold ;
 height: 40px !important ;
 width: calc((100% / 8) + 12px) ;
 text-align: center ;
}

div.ersteLeisteMenuInnerEinzelnKonfigurator{
 height: 40px !important ;
 width: calc((100% / 8) - 4px) ;
 text-align: center ;
 background-color: #00B900 ;
 color: #fff ;
 text-shadow: 0.1em 0.1em 0.2em black ;
}

div.ersteLeisteMenuInnerEinzelnKonfigurator:hover{
 text-shadow: none ;
}

div.ersteLeisteMenuInnerEinzeln_borderRechts{
 border-right: 1px solid #ccc !important ;
}

div.ersteLeisteMenuInnerEinzeln_borderLinks{
 border-left: 1px solid rgba(200,200,200,0.2) ;
}

div.ersteLeisteMenuInnerEinzeln_borderRechtsHell{
 border-right: 1px solid rgba(200,200,200,0.2) ;
}

div.ersteLeisteMenuInnerEinzelnVersteckt{
 display: none ;
 z-index: 999 ;
 position: absolute ;
 top: 41px ;
 left: 1px ;
 width: 99.9% ;
 height: 200px ;
 cursor: auto ;
 background-color: #f6f6f6 ;
 border-bottom: 1px solid #3F3F3F ;
 border-left: 1px solid #3F3F3F ;
 border-right: 1px solid #3F3F3F ;
 box-shadow: 0px 3px 5px 0 #ccc ; 
}

div.ersteLeisteMenuInnerEinzelnVerstecktHoch{
 display: none ;
 z-index: 999 ;
 position: absolute ;
 top: 41px ;
 left: 1px ;
 width: 99.9% ;
 height: 480px ;
 cursor: auto ;
 background-color: #F6F6F6 ;
 border-bottom: 1px solid #3F3F3F ;
 border-left: 1px solid #3F3F3F ;
 border-right: 1px solid #3F3F3F ;
 box-shadow: 0px 3px 5px 0 #ccc ; 
}

div.ersteLeisteMenuInnerEinzelnSubFensterUberschrift{
 text-align: left ;
 margin-left: 30px ;
}

div.ersteLeisteMenuInnerEinzelnSubFensterAbstandDiv{
 margin: 0 auto ;
 width: 95% ;
 border-bottom: 1px solid #ccc ;
 height: 30px ;
}

div.ersteLeisteMenuInnerEinzeln:hover #ersteLeisteMenuInnerEinzeln_1, 
div.ersteLeisteMenuInnerEinzeln:hover #ersteLeisteMenuInnerEinzeln_2, 
div.ersteLeisteMenuInnerEinzelnBreiter:hover #ersteLeisteMenuInnerEinzeln_3, 
div.ersteLeisteMenuInnerEinzeln:hover #ersteLeisteMenuInnerEinzeln_4, 
div.ersteLeisteMenuInnerEinzeln:hover #ersteLeisteMenuInnerEinzeln_5{
 display: block ;
}



html {
 scroll-behavior: smooth ;
}

body {
 position: relative ;
 font-size: 1em ;
 font-family: 'meine-schrift' ;
 f ont-family: Trebuchet MS, Arial ;
 line-height: 1.5 ;
 color: #3F3F3F ;
}

#s_id{
 display: none ;
 position: fixed ;
 top: 0 ;
 left: 0 ;
 background-color: #fff ;
}

table{
 border-collapse: collapse ;
 padding: 0 ;
 margin: 0 ;
}

#debuggerLicht{
 display: none ;
}

#debuggerLichtKurz{
 display: none ;
}

#debuggerLichtGesamtZuruckUnterLicht, #debuggerLichtGesamtZuruckOberLicht{
 font-weight: bold ;
}

.infoBild_td_padding{
 padding-left: 2px ;
 padding-right: 2px ;
}

#infoBild_1Soll{
 margin-top: 5px ;
 margin-bottom: 10px ;
}

#infoBild_tr_kasten{
}

#infoBild_td_kasten_bild{
 height: 20px ;
 background-color: #C0C1C3 ;
 color: #fff ;
}

#infoBild_td_produkt_breite{
 b order-left: 1px solid #000 ;
 b order-right: 1px solid #000 ;
 b order-bottom: 1px solid #000 ;
}

#infoBild_td_produkt_hohe, #infoBild_td_zusamen_hohe{
}

#infoBild_td_mit_oberunterlicht_zusamen_hohe{
}

#infoBild_td_mit_oberlicht_zusamen_hohe{
}

#infoBild_td_mit_unterlicht_zusamen_hohe{
}

#infoBild_td_kasten_hohe{
}

#infoBild_td_produkt_oberlicht_hohe{
}

#infoBild_td_produkt_unterlicht_hohe{
}

td.infoBild_td_produkt_breite{
 border-left: 1px solid #000 ;
 border-right: 1px solid #000 ;
 border-bottom: 1px solid #000 ;
}

td.infoBild_td_produkt_hohe, td.infoBild_td_zusamen_hohe{
}

td.infoBild_td_mit_oberunterlicht_zusamen_hohe{
 border-top: 1px solid #000;
 border-right: 1px solid #000 ;
 border-bottom: 1px solid #000 ;
}

td.infoBild_td_mit_oberlicht_zusamen_hohe{
 border-top: 1px solid #000;
 border-right: 1px solid #000 ;
 border-bottom: 1px solid #000 ;
}

td.infoBild_td_mit_unterlicht_zusamen_hohe{
 border-top: 1px solid #000;
 border-right: 1px solid #000 ;
 border-bottom: 1px solid #000 ;
}

td.infoBild_td_verbindung_hohe{
 border-top: 1px solid #000 ;
}

td.infoBild_td_kasten_hohe{
}

td.infoBild_td_produkt_oberlicht_hohe{
 border-top: 1px solid #000;
 border-right: 1px solid #000 ;
}

td.infoBild_td_produkt_unterlicht_hohe{
 border-right: 1px solid #000 ;
 border-bottom: 1px solid #000 ;
}

#hauptcontainer{
 background-color: #fff ;
 width: 100% ;
}

#hauptcontainer_center{
 margin: 0 auto ;
 position: relative ;
}

div.hauptcontainer_centerBreit{
 width: 100% ;
}

div.hauptcontainer_centerSchmall{
 max-width: 1200px ;
}



#leiste_oben{
 padding-top: 15px ;
 width: 100% ;
 background-color: #164FA2 ;
 min-height: 100px ;
}

#leiste_oben_center{
 max-width: 1200px ;
 min-width: 300px ;
 margin: 0 auto ;
}

div.leiste_oben_center_1{
 margin-right: 30px ;
}

div.leiste_oben_center_2{
 margin-right: 30px ;
}

div.leiste_oben_center_2_oben{
 padding-left: 20px ;
 font-size: 15px ;
 color: #fff ;
}

div.leiste_oben_center_2_unten{
 padding-left: 20px ;
 font-size: 21px ;
 color: #fff ;
}

img.telefon{
 width: 60px ;
}

div.leiste_oben_center_3{
 margin-right: 30px ;
}

div.leiste_oben_center_3_oben{
 font-size: 15px ;
 color: #fff ;
}

div.leiste_oben_center_3_unten{
}

div.leiste_oben_center_4{
 margin-right: 30px ;
}

div.leiste_oben_center_5{

}

div.leiste_oben_center_5_center{
 width: 200px ;
 margin: 0 auto ;
}

div.einkaufswagen{
 text-align: center ;
 position: relative ;
}

#anzahlProdukteImWagen{
 p osition: absolute ;
 l eft: 20px ;
 r ight: 0 ;
 t op: 0 ;
 f ont-size: 30px ;
 c olor: #000 ;
}

img.wagen{
 width: 100px ;
 height: 67px ;
}

.leiste_oben_center_rechts_text{
 font-size: 16px ;
 color: #fff ;
 text-align: center ;
 width: 200px ;
}

#leiste_oben_menu{
 width: 100% ;
 background-color: #164FA2 ;
 p adding-bottom: 10px ;
 margin-bottom: 10px ;
 border-bottom: 20px solid #B2D6FF ;
}

#leiste_oben_menu_center{
 max-width: 1200px ;
 m in-width: 402px ;
 margin: 0 auto ;
}

.menuButtonEinzeln{
 font-size: 28px ;
 color: #C8C8C8 ;
 f ont-family: Trebuchet MS, Arial ;
 l ine-height: 1.2 ;
 padding-right: 40px ;
}

div.buttonMenu_1{
 display: none ;
}

a.menuButtonEinzelnHell{
 color: #fff ;
}

a.menuButtonEinzelnHell:hover, a.menuButtonEinzelnDunkel:hover{
 color: #fff ;
}

a.menuButtonEinzelnDunkel{
 color: #cccccc ;
}

a.menuButtonEinzelnDunkelKonfigurator{
 color: #fff ;
}

.menuButtonAbstand{
 width: 30px ;
 height: 10px ;
}

a.fuss_link{
 font-size: 13px ;
 color: #3F3F3F ;
 line-height: 20px;
}

a.fuss_link:hover{
 text-decoration: underline ;
 color: #000 ;
 
}

font.fuss_spitze_klammer{
 line-height: normal;
 margin-right: 5px;
 font-size: 13px ;
 color: #929292 ;
 line-height: 20px;
 font-weight: 500 ;
}

#konfigurator{
 position: relative ;
 max-width: 1200px ;
 margin: 0 auto ;
}

#linksDiv{
d isplay: none ;
}

div.produktInfoStickyDiv{
 position: absolute ;
 top: 0 ;
 left: 0 ;
 height: 100% ;
}

.linksDiv{
 font-size: 12px ;
 p osition: absolute ;
 position: sticky ;
 top: 0px ;
 m argin-top; 120px ;
 l eft: 0px ;
 width: 250px ;
 opacity: 1 ;
 -webkit-transition: all 0.1s ease-out ;
 -moz-transition: all 0.1s ease-out ;
 -ms-transition: all 0.1s ease-out ;
 -o-transition: all 0.1s ease-out ;
 transition: all 0.1s ease-out ;
}

#rechtsDiv{

}

.rechtsDiv{
 top; 0px ;
 margin-left: 260px ;
 max-width: 940px ;
 min-width: 200px ;
}

.left{
 float: left ;
}

.right{
 float: right ;
}

.clear_left{
 clear: left ;
}

.clear_both{
 clear: both ;
}

.clearer{
 height: 1px ;
 overflow: hidden ; 
 margin-top:-1px ;
 clear: both;
 float: none ;
}

a{
 text-decoration: none ;
}

a.aktive{
 color: #000000 ;
 text-decoration: none ;
 font-weight: bold ;
}

img.produkt_bilder{
 height: 140px ;
}

img.farben_infobox{
 height: 50px ;
 border: 1px solid #000 ;
}

font.schwarz{
 font-weight: bold ;
 color: black ;
}

font.red{
 font-weight: bold ;
 color: red ;
}

td{
 text-align: center ;
}

.nicht_sichtber{
 display: none ;
}

.nicht_sichtber_auswahl{
 display: block ;
 d isplay: none ;
}

.div_gr_1{
 height: 50px ;
}

.div_gr_2{
 height: 120px ;
}

.div_gr_3{
 height: 120px ;
}

.AuswahlEinzeln{
 display: block ;
 /* aussehen */
 b order: 1px solid #000 ;
 border: 1px solid #2f3134 ;
 p adding: 5px ;
 m argin-bottom: 10px ;
 margin-bottom: 2px ;
 b ackground-color: #fff ;
 b ackground-color: #383838 ;
 background-color: #2f3134 ;
 /* bis hier */
}

.AuswahlEinzelnPlus{
 /* aussehen */
 margin-left: 5px ;
 margin-bottom: 5px ;
 margin-top: 5px ;
 /* bis hier */
 width: 50px ;
}

.AuswahlEinzelnUberschrift{
 /* aussehen */
 m argin-top: 3px ;
 margin-top: 8px ;
 /* bis hier */
}

.kinderAuslesen{
 text-align: center ;
}

.padding10{
 padding-left: 10px ;
 color: #8E8E8E ;
}

.padding10x10{
 padding-left: 10px ;
 padding-right: 10px ;
}

.hand{
 cursor: pointer ;
}

.produktInfoBereich{
 margin: 0 auto ;
 width: 226px ;
 border: 1px solid #000 ;
 padding: 10px ;
 background-color: #fff ;
d isplay: none ;
}

.produktDebuggerReihe{
 padding-left: 10px ;
 padding-right: 10px ;
 border-left: 1px solid #000 ;
}

.abstand_gross_div{
 height: 20px ;
 width: 20px ;
}

.abstand_div{
 height: 10px ;
 width: 10px ;
}

.abstand_klein_div{
 height: 5px ;
 width: 5px ;
}

.produktInfoBereichTitel{
 color: #BC1717 ;
 font-weight: bold ;
 width: 100% ;
 max-width: 210px ;
}

.produktInfoBereichInner{
 margin-top: 5px ;
 border-top: 1px solid #cccccc ;
}

.produktDebuggerInfoBereichInner{
}

img.infoProduktBild{
 height: 90px ;
}

img.infoProduktOberLichtBild, img.infoProduktUnterLichtBild{
 height: 30px ;
}

#produktParentVerlauf{
 border: 1px solid #000 ;
 max-width: 1250px ;
 min-width: 200px ;
 padding: 10px ;
 margin-bottom: 10px ;
 b ackground-color: #F9F8C7 ;
}

.produktParentVerlaufMargin{
 margin-left: 260px ;
}

.ProduktInfoAusgabeTitel{
 /* aussehen */
 c olor: #3D3D3D ;
 color: #fff ;
 f ont-weight: bold ;
 /* bis hier */
}

.ProduktInfoAusgabeUberschrift{
 color: #3D3D3D ;
 font-weight: bold ;
 padding-right: 5px ;
}


.kinderProdukt{
 text-align: center ;
 min-width: 200px ;
 display: inline-block ;
 margin: 10px ;
 border: 1px solid #ccc ;
 padding: 10px ;
 cursor: pointer ;
}

div.kinderProdukt{
 position: relative ;
}

.kinderProduktHersteller{
 text-align: center ;
 min-width: 150px ;
 margin: 2px ;
 border: 1px solid #ccc ;
 padding: 10px ;
 display: inline-block ;
 cursor: pointer ;
 o verflow: hidden ;
}

div.kinderProduktHersteller{
 position: relative ;
}

.kinderProduktTitel{
 min-width: 200px ;
 font-size: 1.5em ;
 f ont-family: Arial ;
 line-height: 1.5 ;
 color: #000 ;
 font-weight: bold ;
}

.bild_index_0_hersteller{
 height: 110px ;
}

.kinderProduktTitelHersteller{
 min-width: 150px ;
 font-size: 1.5em ;
 f ont-family: Arial ;
 line-height: 1.5 ;
 color: #000 ;
 font-weight: bold ;
}

div.kinderProduktTitelTechData{
 min-width: 200px ;
 font-size: 1.5em ;
 f ont-family: Arial ;
 line-height: 1.5 ;
 color: #000 ;
 f ont-weight: bold ;
}

.kinderProduktI{
 text-align: right ;
}

.kinderProduktLupe{
 text-align: right ;
}

.kinderProduktLupeText{
 font-size: 14px ;
 text-align: right ;
 width: 80% ;
 color: #002b00 ;
}

.kinderProduktBildRelative{
 position: relative ;
}

.kinderProduktBildKonfig{
 position: relative ;
 height: 50px ;
}

.kinderProduktBildKonfigBild{
 z-index:1 ;
 position: absolute ;
 left: 0; 
 right: 0; 
 margin-left: auto ; 
 margin-right: auto ;
}

.kinderProduktBildKonfigText{
 z-index:2 ;
 position: absolute ;
 top: 14px ;
 left: 0; 
 right: 0; 
 margin-left: auto ; 
 margin-right: auto ;
 color: #fff ;
 font-size: 16px ;
}

.kinderProduktInfo{
 font-weight: normal ;
 margin-left: auto ;
 margin-right: auto ;
 display: table ;
}

.kinderProduktInfoCenter{
 text-align: left ;
 display: table-cell ; 
}

.kinderProduktInfoCenter_was_gibt_es{
 text-align: center ;
 color: #929292 ;
 font-style: italic ;
}

img.imgSauber{
 vertical-align: bottom ;
}

.kinderProduktAbstandDiv{
 height: 20px ;
 width: 20px ;
}

.bild_oberlicht_0, .bild_unterlicht_0{
 position: relative ;
 height: 41px ;
}

.bild_oberlicht_0_leer, .bild_unterlicht_0_leer{
 position: relative ;
 height: 32px ;
}

.bild_oberlicht_0_leer_extra, .bild_unterlicht_0_leer_extra{
 position: relative ;
 height: 41px ;
}







.bild_index_0{
 height: 140px ;
}

.bild_index_0_grosser{
 height: 122px ;
}















.bild_index_1{
 z-index: 1 ;
 position: absolute ;
 display: block ;
 width: 140px ;
 height: 140px ;
 opacity: 1 ;
 transition: opacity 1s ;
}






.text_index_1_a{
 z-index: 1 ;
 position: absolute ;
 top: 70px ;
 display: block ;
 width: 140px ;
 height: 20px ;
 opacity: 1 ;
 transition: opacity 1s ;
}

.bild_index_1_a{
 z-index: 1 ;
 position: absolute ;
 top: 20px ;
 left: 10px ;
 display: block ;
 width: 120px ;
 height: 45px ;
 opacity: 1 ;
 transition: opacity 1s ;
 border: 1px solid #000 ;
}

.text_index_1_b{
 z-index: 1 ;
 position: absolute ;
 top: 0px ;
 display: block ;
 width: 140px ;
 height: 20px ;
 opacity: 1 ;
 transition: opacity 1s ;
}

.bild_index_1_b{
 z-index: 1 ;
 position: absolute ;
 top: 90px ;
 left: 10px ;
 display: block ;
 width: 120px ;
 height: 45px ;
 opacity: 1 ;
 transition: opacity 1s ;
 border: 1px solid #000 ;
}









.bild_index_2{
 top: 0px ;
 left: 0px ;
 z-index: 2 ;
 position: absolute ;
 display: none ;
}

.bild_index_3{
 z-index: 3 ;
 bottom: 0 ;
 right: 0 ;
 position: absolute ;
}

.bild_index_4{
 text-align: center ;
}

.standardZusammen{
 max-width: 1000px ;
 min-width: 200px ;
 text-align: center ;
 /* aussehen */
 background-color: #fff ;
 /* bis hier */

}

.standardZusammenInfoOben, .standardZusammenInfoUnten{
 p adding-top: 20px ;
 padding-top: 10px ;
 padding-bottom: 10px ;
 padding-left: 10px ;
 padding-right: 10px ;
 background-color: #F9F8C7 ;
 color: #2b2b2b ;
}

.standardEinzeln{
 vertical-align: top ;
 min-width: 140px ;
 display: inline-block ;
 margin: 10px ;
 /* aussehen */
 border: 1px solid #2f3134 ;
 /* bis hier */
 padding: 10px ;
}

.standardEinzelTitel{
 max-width: 140px ;
 h eight: 80px ;
 height: 100px ;
 overflow: hidden ;
}

.standardEinzelBild{
 width: 140px ;
 height: 140px ;
 /* aussehen */
 b order: 1px solid #00B300 ;
 border: 1px solid #2f3134 ;
 /* bis hier */
}

.standardEinzelBildRelative{
 width: 140px ;
 height: 140px ;
 position: relative ;
 margin: 0 auto ;
}

.standardEinzelnMitJava{

}

div.standardEinzelInfoLink{
 width: 70px ;
 margin-top: 20px ;
 text-align: left ;
}

.standardEinzelnLupe{
 width: 70px ;
 margin-top: 20px ;
 text-align: right ;
}

.BreiteHoheZusammen{
 max-width: 950px ;
 min-width: 200px ;
 text-align: center ;
}

.BreiteHoheEinzeln{
 v ertical-align: top ;
 min-width: 230px ;
 display: inline-block ;
 margin: 10px ;
 border: 1px solid #2f3134 ;
 padding: 10px ;
}

div.BreiteHoheText{
 width: 70px ;
 padding: 5px 0px ;
 font-size: 14px ;
 color: #3D3D3D ;
 text-align: center ;
 background-color: #eee ;
 border: 1px solid #ccc ;
}

div.BreiteHoheInput{

}

input.BreiteHoheTextInput{
 text-align: center ;
 padding: 1px 12px ;
 font-size: 18px ;
 color: #3D3D3D ;
}






span.BreiteHoheText{
 padding: 8px 12px ;
 font-size: 14px ;
 color: #3D3D3D ;
 text-align: center ;
 background-color: #eee ;
 border: 1px solid #ccc ;
}

div.BreiteHoheInfo{
 font-size: 12px ;
 color: #3D3D3D ;
}

.kaufenButton{
 margin-top: 5px ;
 position: relative ;
 height: 50px ;
 text-align: center ;
}

.kaufenButtonBild{
 z-index:1 ;
 position: absolute ;
 left: 0; 
 right: 0; 
 margin-left: auto ; 
 margin-right: auto ;
}

.kaufenButtonText{
 font-size: 16px ;
 font-weight: bold ;
 z-index:2 ;
 position: absolute ;
 top: 14px ;
 left: 0 ; 
 right: 0 ; 
 color: #fff ;
}

.kaufenBlende{
 z-index:3 ;
 position: absolute ;
 height: 50px ;
 width: 100% ;
}

.kaufenHref{
 height: 49px ;
 width: 170px ;
}

.kaufenBlendeInnen{
 position: relative ;
 height: 49px ;
 width: 170px ;
 margin: 0 auto ;
}

.kaufenBlendeInnen:hover{
 border: 1px solid #2f3134 ;
}

.weiterKaufen{
 text-align: center ;
 font-weight: bold ;
}

.weiterKaufenAlternative{
 width: 100% ;
}

.weiterKaufenAlternativeButton{
 margin: 0 auto ;
 width: 200px ;
 padding: 20px ;
 background-color: #00B900 ;
 color: #fff ;
 text-align: center ;
 border-radius: 5px ;
 text-shadow: 0.1em 0.1em 0.2em gray ;
}

.weiterKaufenAlternativeButtonHersteller{
 margin: 0 auto ;
 w idth: 200px ;
 padding: 20px ;
 background-color: #00B900 ;
 color: #fff ;
 text-align: center ;
 border-radius: 5px ;
 text-shadow: 0.1em 0.1em 0.2em gray ;
}

.weiterKaufenAlternativeImInfo{
 width: 100% ;
 margin-top: 10px ;
}

.weiterKaufenAlternativeButtonImInfo{
 margin: 0 auto ;
 width: 150px ;
 padding: 15px ;
 background-color: #00B900 ;
 color: #fff ;
 text-align: center ;
 font-size: 16px ;
 border-radius: 5px ;
}

#infoGesamtsumme, #infoGesamtsumme_2{
 font-size: 18px ;
 color: #3D3D3D ;
 font-weight: bold ;
}

div.bold{
 font-weight: bold ;
}

div.rot{
 color: red ;
}

.verbreiterung{
 text-align: center ;
 min-width: 150px ;
 display: inline-block ;
 margin: 10px ;
 border: 1px solid #2f3134 ;
 padding: 10px ;
 vertical-align: top ;
}

.verbreiterungUberschrift{
 text-align: left ;
 font-weight: bold ;
}

.verbreiterungRadio{
 text-align: left ;
}

.divPfeilNachUnten{
 position: relative ;
}

.divPfeilNachUnten:after, .divPfeilNachUnten:before{
 top: 100% ;
 left: 50% ;
 border: solid transparent ;
 content: " " ;
 position: absolute ;
}

.divPfeilNachUnten:after{
 border-top-color: #2f3134 ;
 border-width: 10px ;
 margin-left: -10px ;
}

.divPfeilNachUnten:before{
 border-top-color: #2f3134 ;
 border-width: 11px ;
 margin-left: -11px ;
}

.meineLightboxBackground{
 top: 0 ;
 left: 0 ;
 width: 100% ;
 height: 100% ;
 z-index: 1042 ;
 overflow: hidden ;
 position: fixed ;
 background: rgba(0, 0, 0, 0.5) ;
}

.meineLightboxWrap{
 top: 0 ;
 left: 0 ;
 width: 100% ;
 height: 100% ;
 z-index: 1043 ;
 position: fixed ;
}

.meineLightboxContainer{
 text-align: center ;
 position: absolute ;
 width: 100% ;
 height: 100% ;
 left: 0 ;
 top: 0 ;
}

.meineLightboxContent{
 position: relative ;
 display: inline-block ;
 vertical-align: middle ;
 margin: 0 auto ;
 z-index: 1045 ;
}

.meineLightboxViewad{
 margin: 40px auto ;
 position: relative ;
 padding-top: 20px ;
 padding-left: 20px ;
 background: #fff ;
 width: 620px ;
}

#meineLightboxInhalt_Text, #meineLightboxInhalt_Bild{
}

div.meineLightboxInhalt_Text, div.meineLightboxInhalt_Bild{
 max-width: 600px ;
 max-height: 600px ;
 overflow-y: auto ;
}

#LightBoxBild{
}

.LightBoxBild{
 width: 600px ;
}

#meineLightboxText{
}

div.meineLightboxText{
 text-align: left ;
 width: 570px ;
}

.meineLightboxAus{
 width: 30px ;
 text-align: right ;
}

.meineLightboxAbstand{
 height: 1px ;
 width: 600px ;
 border-bottom: 1px solid #000 ;
 margin-top: 10px ;
 margin-bottom: 10px ;
}

.rollladenTrennDiv{
 background-image: linear-gradient(90deg, #ffffff, #2f3134, #2f3134, #ffffff) ;
 color: #fff ;
}

.siteMapAbstandDiv{
 width: 30px ;
 height: 1px ;
}

.informationBoxText{
 margin-bottom: 20px ;
}

.abstandLightBoxUnten_div{
 height: 20px ;
 width: 20px ;
}

.produkt_test{
 width: 1200px ;
 margin-top: 20px ;
}

.produkt_test_center{
 width: 500px ;
 margin: 0 auto ;
}

.produktRahmen{
 height: 140px ;
 width: 110px ;
 border: 10px solid #ccc ;
}

.produktRahmenDazu{
 height: 140px ;
 width: 110px ;
 border-top: 10px solid #ccc ;
 border-bottom: 10px solid #ccc ;
 border-right: 10px solid #ccc ;
}

.produktFlugel{
 position: relative ;
 height: 140px ;
 width: 110px ;
 background-color: #C5C5C5 ;
}

.produktScheibeImFlugel{
 position: absolute ;
 top: 10px ;
 left: 10px ;
 width: 90px ;
 height: 120px ;
 background-color: #f2ffff ;
}

.produktScheibeOhneFlugel{
 width: 100% ;
 height: 100% ;
 background-color: #f2ffff ;
}

.produktSchattenInnen{
 - moz-box-shadow:    inset 0px 0px 5px 0 #000 ;
 - webkit-box-shadow: inset 0px 0px 5px 0 #000 ;
 box-shadow:          inset 0px 0px 5px 0 #000 ;
}

.produktSchattenAussen{
 - moz-box-shadow:     0px 0px 5px 0 #000 ;
 - webkit-box-shadow:  0px 0px 5px 0 #000 ;
 box-shadow:           0px 0px 5px 0 #000 ;
}

.produktGriffLinksZu{
 position: absolute ;
 top: 65px ;
 left: 4px ;
 width: 3px ;
 height: 25px ;
 background-color: #fff ;
}

.produktGriffRechtsZu{
 position: absolute ;
 top: 65px ;
 right: 4px ;
 width: 3px ;
 height: 25px ;
 background-color: #fff ;
}

.produktGriffObenZu{
 position: absolute ;
 top: 4px ;
 left: 52px ;
 width: 25px ;
 height: 3px ;
 background-color: #fff ;
}

input.inputPostHidden{
 width: 100px ;
}

.produktAusDemWarenkorbGrafik{
 text-align: left ;
 overflow: hidden ;
}

.produktAusDemWarenkorbPreis{
 margin-top: 20px ;
 text-align: left ;
}






.produktAusDemWarenkorbVisual{
 width: 380px ;
}

.produktAusDemWarenkorbInhalt{
 width: 380px ;
}

.produktAusDemWarenkorbBedienung{
 width: 300px ;
}





.produktAusDemWarenkorbAbstand{
 width: 50px ;
 height: 50px ;
}

td.produktAusDemWarenkorbTDLinks{
 text-align: left ;
 padding-right: 20px ;
}

td.produktAusDemWarenkorbTDRechts{
 text-align: right ;
}

td.produktAusDemWarenkorbTDRechtsKlein{
 font-size: 11px ;
 text-align: right ;
}

td.warenkorbTDGesamtsummeText, div.warenkorbTDGesamtsummeText{
 text-align: left ;
 padding-right: 20px ;
 font-size: 24px ;
 color: #2D2D2D ;
}

td.warenkorbTDGesamtsummeZahl, div.warenkorbTDGesamtsummeZahl{
 text-align: right ;
 font-size: 24px ;
 color: #2D2D2D ;
}

td.warenkorbTDGesamtsummeWahrung, div.warenkorbTDGesamtsummeWahrung{
 font-size: 24px ;
 color: #2D2D2D ;
}

td.warenkorbTDdavonMwstText{
 text-align: left ;
 padding-right: 20px ;
}

td.warenkorbTDdavonMwstZahl{
 text-align: right ;
}

div.warenkorbTDDoppelPunktUndKlammerZu{
 padding-right: 20px ;
}

td.warenkorbTDdavonMwstWahrung{

}

.schrift_dunkel{
 color: #2D2D2D ;
 font-weight: bold ;
}

.marginNachUnten20{
 margin-bottom: 20px ;
}

.marginNachOben20{
 margin-top: 20px ;
}

.wasAlsNachstesZusammen{

}


.wasAlsNachstesEinzeln, .wasAlsNachstesEinzelnIncacitve, .wasAlsNachstesEinzelnRot{
 line-height: 40px ;
 height: 40px ;
 min-width: 200px ;
 padding-left: 20px ;
 padding-right: 20px ;
 color: #fff ;
 text-align: center ;
 margin-top: 5px ;
}

.wasAlsNachstesEinzeln{
 background-color: #5FC6AA ;
}

.wasAlsNachstesEinzelnIncacitve{
 background-color: #cccccc ;
}

.wasAlsNachstesEinzelnRot{
 background-color: #ff0000 ;
}

.wasAlsNachstesAbstand{
 width: 10px ;
 height: 10px ;
}

.seitenUberschrift{
 font-size: 30px ;
 color: #2D2D2D ;
}

.seitenTeilUberschrift{
 font-size: 24px ;
 color: #2D2D2D ;
}

.warenkorbTitle{
 font-size: 30px ;
 color: #2D2D2D ;
}

.warenkorblinieZiehen{
 width: 100% ;
 border-top: 1px solid #2D2D2D ;
 margin-top: 10px ;
 margin-bottom: 10px ;
}

.warenkorbGesamtsumme{

}

img.warenkorbBild{
 height: 150px ;
}

img.warenkorbOberLichtBild, img.warenkorbUnterLichtBild{
 height: 50px ;
}

select.produktAusDemWarenkorbSelect{
 width: 50px ;
 height: 30px ;
 border: 1px solid #bbbbbb ;
 text-align-last:center;
}

div.adressdatenGruppe{
 margin-bottom: 10px ;
}

div.adressdatenGruppeLabel{
 height: 30px ;
 width: 150px ;
 text-align-last: right ;
 margin-right: 20px ;
}

select.adressdatenGruppeSelect{
 min-width: 150px ;
 height: 30px ;
 border: 1px solid #bbbbbb ;
 padding-left: 5px ;
}

select.adressdatenGruppeTextarea{
 width: 150px ;
 height: 30px ;
 border: 1px solid #bbbbbb ;
 padding-left: 5px ;
}

input.adressdatenGruppe{
 height: 30px ;
 width: 400px ;
 border: 1px solid #bbbbbb ;
 text-align-last: left ;
 padding-left: 5px ;
}

textarea.adressdatenGruppe{
 height: 100px ;
 width: 400px ;
 border: 1px solid #bbbbbb ;
 padding-left: 5px ;
}

input, select, textarea{
 font-size: 1em ;
 f ont-family: Trebuchet MS, Arial ;
 line-height: 1.5 ;
 color: #8E8E8E ;
}

div.adressdatenGruppeRadioText{
 margin-right: 20px ;
 margin-left: 10px ;
}


fieldset{
 border: none ;

}

.lightBoxButtonAussenMehrere{
 margin:0 auto ;
 max-width: 500px ;
}

div.lightBoxButtonAussen{
 width: 240px ;
 margin:0 auto ;
}

div.textDiv{
 margin-top: 20px ;
}

select[disabled]{
 background-color: rgb(235, 235, 228) ;
}

.produkteRekrusiv{
 text-align: center ;
}

.produkteRekrusivCenter{
 display: inline-block ;
}

.produkteRekrusivAufgeteilt{
 border: 1px solid #555555 ;
 min-width: 140px ;
 padding: 10px ;
 margin: 5px ;
}

.produkteRekrusivAufgeteiltTitle{
 text-transform: uppercase ;
}

.produkteRekrusivAufgeteiltStrich{
 border-bottom: 1px solid #444 ;
 padding-bottom: 10px ;
 margin-bottom: 10px ;
}

.produkteRekrusivButtonWidth{
 width: 100% ;
}

.produkteRekrusivButton{
 margin: 0 auto ;
 padding-top: 15px ;
 padding-bottom: 15px ;
 background-color: #00B900 ;
 color: #fff ;
 text-align: center ;
 border-radius: 5px ;
}

#leiste_unten{
 width: 100% ;
 margin-top: 10px ;
 b ackground-color: #181819 ;
 background-color: #f5f5f5 ;
 padding-top: 20px ;
 padding-bottom: 20px ;
 b order-top: 1px solid #2d2d2d ;
}

#leiste_unten_center{
 margin: 0 auto ;
 max-width: 1200px ;
 m in-width: 402px ;
}

#leiste_unter_center_im_ceneter{
 text-align: center ;
}

#tomputer {
 margin-top: 20px;
 margin-bottom: 20px ;
 text-align: center ;
 padding-top: 20px ;
 font-size: 12px ;
 color: rgb (146, 146, 146) ;
 border-top: 1px solid rgb(204, 204, 204) ;
}

.leiste_unten_center_aufgeteilt{
 vertical-align: top ;
 display: inline-block ;
 min-width: 210px ;
 font-size: 12px ;
 color: #929292 ;
 text-align: left ;
}

.leiste_unten_center_aufgeteilt_uberschrift{
 font-size: 16px ;
 color: #3F3F3F ;
 font-weight: bold ;
}

.details_zusammen{
 margin-bottom: 50px ;
}

div.details_zusammen_leer{
 width: 240px ;
 height: 1px ;
}

div.details_zusammen_leer_2{
 width: 270px ;
 height: 1px ;
}

div.details_titel{
 text-transform: uppercase ;
 font-size: 36px ;
 margin-bottom: 10px ;
 color: #2d2d2d ;
}

.details_zusammen_links{
 margin-right: 40px ;
}

.details_zusammen_rechts{
 width: 700px ;
}

font.details_titel{
 font-size: 24px ;
 color: #555555 ;
}

img.details_zusammen_bild{
 width: 200px ;
}

.details_zusammen_oben{
 margin-top: 20px ;
}

.details_zusammen_unten{
 margin-top: 20px ;
}

a.widerrufsrecht{
 color: #00B900 ;
}

a.agb{
 color: #00B900 ;
}

a.agb:hover, a.widerrufsrecht:hover{
 text-decoration: underline ;
}

.downloads_uberschrift{
 color: #002b00 ;
 font-weight: bold ;
 font-size: 20px ;
}

.downloads_einzeln{
 margin-top: 20px ;
}

.produkteEinzelnVorstellen{
 min-width: 200px ;

 margin: 10px ;
 border: 1px solid #555555 ;
 padding: 10px ;
}



.produkteEinzelnVorstellenAnwendungTitle{
 color: #002b00 ;
 font-weight: bold ;
}

.produkteEinzelnVorstellenParent{

}

.produkteEinzelnVorstellenName{
 font-size: 24px ;
 color: #002b00 ;
}

.produkteEinzelnVorstellenHersteller{

}

.produkteEinzelnVorstellenReiche_1,
.produkteEinzelnVorstellenReiche_3,
.produkteEinzelnVorstellenReiche_4,
.produkteEinzelnVorstellenReiche_5{
 width: 200px ;
 margin-right: 40px ;
}

.produkteEinzelnVorstellenReiche_2{
 margin-right: 40px ;
}

.kontaktZusammen{
 margin-top: 50px ;
 margin-bottom: 50px ;
}

.kontaktZusammenLinks{
 margin-right: 50px ;
}

.kontaktZusammenRechts{

}

.standardAbstandDiv{
 margin-top: 50px ;
 margin-bottom: 50px ;
}

#start_grafik{
 width: 100% ;
 t ext-align: center ;
}

.index_text_uberschrift{
 font-size: 24px ;
 color: #002b00 ;
 margin-bottom: 30px ;
}

.index_text_standard{
 margin-bottom: 30px ;
}

.index_text_standard_einrucken{
 m argin-left: 30px ;
}

img.iso, img.garantie{
 width: 80px ;
}


div.abstand_oben_div{
 width: 40px ;
 height: 40px ;
}

td.warenkorbTD_kasten{
 height: 40px ;
 background-color: #E1DED7 ;
 border-bottom: 1px solid #8F8E8A ;
 color: #fff ;
}

td.warenkorbTD_kastenHohe{
 border-top: 1px solid #C0C1C3 ;
 border-right: 1px solid #C0C1C3 ;
 border-bottom: 1px solid #C0C1C3 ;
}

td.warenkorbTD_gesammtHohe{
 border-top: 1px solid #C0C1C3 ;
 border-right: 1px solid #C0C1C3 ;
 border-bottom: 1px solid #C0C1C3 ;
}

td.warenkorbTD_oberLichtHohe{
 border-top: 1px solid #C0C1C3 ;
 border-right: 1px solid #C0C1C3 ;
 border-bottom: 1px solid #C0C1C3 ;
}

td.warenkorbTD_unterLichtHohe{
 border-bottom: 1px solid #C0C1C3 ;
 border-right: 1px solid #C0C1C3 ;
}

td.warenkorbTD_verbindung{
 border-top: 1px solid #C0C1C3 ;
}

td.warenkorbOberLichtMitGrafikHohe{
 border-top: 1px solid #C0C1C3 ;
 border-right: 1px solid #C0C1C3 ;
 border-bottom: 1px solid #C0C1C3 ;
}

td.warenkorbTD_grafikHohe{
 border-top: 1px solid #C0C1C3 ;
 border-right: 1px solid #C0C1C3 ;
 border-bottom: 1px solid #C0C1C3 ;
}

td.warenkorbTD_grafikBreite{
 border-left: 1px solid #C0C1C3 ;
 border-right: 1px solid #C0C1C3 ;
 border-bottom: 1px solid #C0C1C3 ;
}

div.index_lieferzeiten_nur_text{
 display: none ;
}

div.paypalRechts{
 margin-top: 20px ;
 margin-left: 20px ;
}

div.inotherm_standard{
}

#produkte_kostenlos{
 width: 100% ;
}


















































@media only screen and (max-width : 3000px) {
 div.fakeRabattWerbungDivNeu{
  font-size: 3.0vw ;
 }
}

@media only screen and (max-width : 2500px) {
 div.fakeRabattWerbungDivNeu{
  font-size: 4.0vw ;
 }
}

@media only screen and (max-width : 2000px) {
 div.fakeRabattWerbungDivNeu{
  font-size: 5.0vw ;
 }
}


@media only screen and (max-width : 1980px) {
 div.startSeiteUnsereVorteileImUberblickInner{
  max-width: 1920px ;
  margin: 0 auto ;
  padding-bottom: 40px ;
 }
}

@media only screen and (max-width : 1900px) {
 div.slayderSeiteNeuExpresslieferung{
  left: auto !important ;
  right: 40px !important ;
 } 

 div.startSeiteNeuKonfiguratorContainerEinzeln{
  width: 250px ;
 }

 #templateMenu{
  display: none ;
 }
}

@media only screen and (max-width : 1850px) {
 div.startSeiteNeuKonfiguratorContainerEinzeln{
  width: 245px ;
 }
}

@media only screen and (max-width : 1800px) {
 div.startSeiteNeuKonfiguratorContainerEinzeln{
  width: 240px ;
 }
}

@media only screen and (max-width : 1750px) {
 div.startSeiteNeuKonfiguratorContainerEinzeln{
  width: 230px ;
 }
}

@media only screen and (max-width : 1700px) {
 div.startSeiteNeuKonfiguratorContainerEinzelnLieferzeitenText{
  top: 10px ;
  left: 70px ;
 }

 div.startSeiteNeuKonfiguratorContainerEinzelnLieferzeitenGrafik{
  top: 10px ;
  left: 10px ;
 }

 div.startSeiteNeuKonfiguratorContainerEinzelnLieferzeitenBox{
  height: 75px ;
 }

 div.startSeiteNeuKonfiguratorContainerEinzeln{
  width: 220px ;
 }
}

@media only screen and (max-width : 1650px) {
 div.startSeiteNeuEinzelnTableCellTVwerbung{
  height: 25px !important ;
 }

 div.startSeiteNeuKonfiguratorContainerEinzeln{
  width: 210px ;
 }
}

@media only screen and (max-width : 1600px) {
 #obenLeisteInner_whatsapp_grafik{
  display: block ;
  left: auto ;
  right: 100px ;
  top: 5px ;
 }

 div.startSeiteFensterTypenZweiDivsEinzelnText{
  min-height: 0 ;
  margin-bottom: 20px ;
 }

 div.startSeiteFensterTypenZweiDivsEinzeln{
  max-width: 800px ;
  margin-left: 0px ;
  margin-right: 0px ;
 }

 div.startSeiteFensterTypenEinDivGrafik{
  display: none ;
 }

 div.startSeiteFensterTypenEinDivGrafik2{
  display: block ;
 }

 div.startSeiteFensterTypenEinDiv{
  max-width: 800px ;
 }
}

@media only screen and (max-width : 1550px) {
 div.startSeiteNeuKonfiguratorContainerEinzelnLieferzeitenText{
  top: 60px ;
  left: 0 ;
  text-align: center ;
  width: 100% ;
 }

 div.startSeiteNeuKonfiguratorContainerEinzelnLieferzeitenGrafik{
  top: 10px ;
  left: calc((100% / 2) - 25px) ;
  width: 50px ;
 }

 div.startSeiteNeuKonfiguratorContainerEinzelnLieferzeitenBox{
  height: 120px ;
 }

 div.startSeiteNeuKonfiguratorContainerEinzeln{
  width: 200px ;
 }
}

@media only screen and (max-width : 1500px) {
 div.menuLinksStandarcik,
 div.menuLinksKonfigurator{
  font-size: 16px !important ;
  padding: 0px 15px 0px 15px !important ;
 }

 div.startSeiteNeu_C_inner{
  background-position-x: 0px ;
  background-position-y: 0px ;
  background-size: auto 100% ;
 }

 div.startSeiteNeuKonfiguratorContainerEinzeln{
  width: 180px ;
 }

 div.fakeRabattWerbungDivNeu{
  font-size: 6.0vw ;
 }
}

@media only screen and (max-width : 1475px) {
 div.startSeiteNeuEinzelnTableCellTVwerbung{
  height: 20px !important ;
 }

 div.hautpMenuGrossEinzeln{
  font-size: 17px ;
 }
}

@media only screen and (max-width : 1400px) {
 :root{
  --iy_breite_rechts:400 ;
 }

 div.hautpMenuGrossEinzeln{
  font-size: 15px ;
 }

 div.fenstermasseInnerSchmall{
  max-width: 1250px ;
 }
}

@media only screen and (max-width : 1330px) {
 div.werbung_startseite_fc_bayern_text{
  letter-spacing: 4.8px !important ;
 }
 :root{
  --werbung_fc_bayern_logo_breite_px:100 ;
 }
}

@media only screen and (max-width : 1310px) {
 #startSeiteHauptGrafikText{
  left: 20px !important ;
  top: 20px !important ;
 }

 div.slayderSeiteNeuExpresslieferung{
  position: relative ;
  right: auto !important ;
  left: auto !important ;
  top: auto ;
  width: 400px ;
  margin: 0 auto ;
  margin-top: 100px ;
 }

 #slayderSeiteNeuGrafikFrau{
  display: none !important ;
 }

 div.fenstermasseInnerSchmall{
  max-width: 1180px ;
 }

 img.footer_firma{
  padding-left: 15px ;
  padding-right: 15px ;
  width: calc(100% - 30px) ;
 }

 div.hautpMenuGrossEinzeln{
  font-size: 14px ;
 }

 div.fakeRabattWerbungDivTextOben{
  font-size: 5vw ;
  margin-top: 10% ;
 }

 div.fakeRabattWerbungDivTextUnten{
  line-height: normal ;
  font-size: 3vw ;
 }
}

@media only screen and (max-width : 1270px) {
 div.menuLinksStandarcik,
 div.menuLinksKonfigurator{
  padding: 0px 11px 0px 11px !important ;
 }
}

@media only screen and (max-width : 1240px) {
 div.hautpMenuGrossEinzeln{
  font-size: 12px ;
 }
}

@media only screen and (max-width : 1230px) {
 div.turen_ubersicht_textfeld{
  margin-left: 20px ;
  margin-right: 20px ;
 }
}

@media only screen and (max-width : 1200px) {
 div.startSeiteNeuEinzelnTableCellTVwerbung{
  height: 15px !important ;
 }

 div.footer_firma_box{
  width: 200px !important ;
  max-width: none !important ;
 }

 div.startseite_expresslieferung_text_3{
  font-size: 12px ;
 }

 div.startseite_expresslieferung_text_2{
  font-size: 25.5px ;
 }

 div.startseite_expresslieferung_text_1{
  font-size: 50px ;
 }

 :root{
  --iy_breite_rechts:300 ;
 }

 #iy_tore_links{
  float: none ;
  width: 100% ;
 }

 #iy_tore_rechts{
  float: none ;
  width: 100% ;
  position: relative ;
 }

 div#obenLeisteInner_whatsapp_grafik{
  width: 25px ;
 }

 div#buttonHaupseiteNeuZusammen_1_NEU{
  display: none ;
 }

 div#buttonHaupseiteNeuZusammen_2_NEU{
  display: block ;
 }

 div.filterDatei_2{
  padding-left: 10px ;
  padding-right: 10px ;
 }
 
 div.filterDatei_1{
  padding-left: 10px ;
  padding-right: 10px ;
 }

 div.filterDatei_0{
  padding-left: 10px ;
  padding-right: 10px ;
 }

 #menuHandy{
  display: block ;
 }
 #menuLeisteGross{
  display: none ;
 }

 div.menuLeisteGrossNeu{
  display: none ;
 }

 #menuLeisteKlein{
  display: block ;
 }

 #obenLeiste{
  height: 35px ;
 }

 #obenLeisteInner_kopertka_grafik{
  left: auto ;
  right: 60px ;
  top: 2px ;
 }
 #obenLeisteInner_kopertka{
  display: none ;
 }
 #obenLeisteInner_telefonik_grafik{
  left: auto ;
  right: 20px ;
  top: 3px ;
 }
 #obenLeisteInner_telefonik{
  display: none ;
 }
 #obenLeisteInner_ssl_grafik{
  display: none ;
 }
 #obenLeisteInner_trustedshops_grafik{
  display: none ;
 }
 #obenLeisteInner_zegareczek_grafik{
  left: 20px ;
  top: 4px ;
 }
 #obenLeisteInner_zegareczek{
  left: 50px ;
  top: 7px ;
 }
 div.ersteLeisteMenu{
  font-size: 13px ;
 }
}

@media only screen and (max-width : 1150px) {
 #st_links{
  max-width: 200px ;
 }

 #st_rechts{
  max-width: 900px ;
  min-width: 320px ;
 }


 #buttonHaupseiteNeuZusammen_1{
  display: none ;
 }
 #buttonHaupseiteNeuZusammen_2{
  display: block ;
 }
}

@media only screen and (max-width : 1115px) {
 div.werbung_startseite_fc_bayern_text{
  letter-spacing: 3.5px !important ;
 }
 :root{
  --werbung_fc_bayern_logo_breite_px:90 ;
 }
}

@media only screen and (max-width : 1100px) {
 #startSeiteNeuEinzelnGrafik_100{
  margin: 0 auto ;
  max-width: 400px ;
  overflow: hidden ;
  margin-top: 20px ;
 }

 div.startSeiteNeu_E{
  height: auto ;
  padding-bottom: 30px ;
  padding-top: 30px ;
 }

 div.startSeiteNeu_F{
  display: none ;
 }

 div.startSeiteNeu_G{
  position: relative ;
  left: auto ;
  top: auto ;
  height: auto ;
  width: auto ;
  margin: 0 auto ;
  margin-left: 20px ;
  margin-right: 20px ;
 }

 div.startSeiteNeu_G_inner{
  text-align: center ;
  position: relative ;
  left: auto ;
  top: auto ;
  width: 100% ;
  height: auto ;
 }

 div.startSeiteNeu_C{
  display: none ;
 }

 div.startSeiteNeu_A{
  height: auto ;
  padding-bottom: 30px ;
  padding-top: 30px ;
 }

 #startSeiteNeu_B_inner_button{
  margin: 0 auto ;
 }

 div.startSeiteNeu_B{
  width: 100% ;
 }

 div.startSeiteNeu_B_inner{
  position: relative ;
  right: auto ;
  top: auto ;
  width: calc(100% - 40px) ;
  height: 100% ;
  text-align: center ;
  padding-left: 20px ;
  padding-right: 20px ;
 }

 div.startSeiteNeuLinkeRechtsZusammen{
  padding-top: 20px ;
  padding-bottom: 20px ;
  width: calc(100% - 40px) ;
  margin: 0 auto ;
 }

 div.startSeiteNeuLinkeSeite,
 div.startSeiteNeuRechteSeite{
  display: block ;
  margin: 0 ;
  width: 100% ;
  max-width: 100% ;
 }
}

@media only screen and (max-width : 1075px) {
 div.fensterArtenInhalt{
  margin-left: 10px !important ;
  margin-right: 10px !important ;
 }

 div.staedteZusammenLinks{
  width: 100% !important ;
 }

 div.staedteHauptGrafik{
  display: none !important ;
 }
}

@media only screen and (max-width : 1024px) {

 div.footer_firma_box{
  width: 150px !important ;
 }

 div.startSeiteNeuEinzeln h1{
  line-height: 40px ;
 }

 #startSeiteHauptGrafikText{
  width: 390px !important ;
 }

 div.ganzObenLeisteEinzeln_7{
  left: 790px ;
 }

 div.ganzObenLeisteEinzeln_6{
  left: 540px ;
 }

 div.ganzObenLeisteEinzeln_5{
  left: 370px ;
 }

 div.ganzObenLeisteEinzeln_4{
  left: 150px ;
 }

 div.fenstermasseTitel h1{
  font-size: 34px ;
 }

 div.fenstermasseAufteilung_60_40_links{
  display: block ;
  width: 100% ;
  margin-right: 0px ;
 }

 div.fenstermasseAufteilung_60_40_rechts{
  display: none ;
 }

 #footer_firmen_inner{
  padding-top: 20px ; 
  padding-bottom: 20px ;
 }

 div.divHauptTextHauptSeiteUberschrift{
  font-size: 30px ;
 }

 div.ersteLeisteMenu{
  font-size: 11px ;
 }
 #ersteLeisteInnerZwei{
  display: none ;
 }

 #ersteLeisteInnerDrei{
  display: block ;
 }


 #warenkorbVersandartLieferung{
  width: 6 00px ;
 }
 input.adressdatenGruppe{
  width: 150px ;
 }

 #leiste_oben_center_2, #leiste_oben_center_3, #leiste_oben_center_4{
  float: none ;
  display: none ;
 }

 #leiste_oben_center_1{
  margin-right: 0px ;
 }

 #produkte_kostenlos{
  width: 100% ;
 }

 #kontakt_karte{
  width: 100% ;
 }

 #details_zusammen_rechts{
  width: 500px ;
 }

 img.warenkorbBild{
  height: 150px ;
  width: auto ;
 }

 div#leiste_oben_neu_text{
  padding-top: 20px ;
  font-size: 14px ;
 }

 a.buttonMenuNeu{
  font-size: 14px ;
 }

 div#buttonMenuKonfiguratorStartenNeu{
  margin-top: 17px ;
  font-size: 14px ;
 }

 div#buttonMenuNeuZusammen{
  padding-top: 18px ;
 }

 div#txtFensterStartSeite{
  margin-top: 50px ;
  font-size: 14px ;
 }
}

@media only screen and (max-width : 1000px){
 div.werbung_startseite_fc_bayern_text{
  letter-spacing: 2.4px !important ;
 }
 :root{
  --werbung_fc_bayern_logo_breite_px:80 ;
 }

 div.startseite_expresslieferung_text_3{
  font-size: 10px ;
 }
 div.startseite_expresslieferung_text_2{
  font-size: 20.5px ;
 }
 div.startseite_expresslieferung_text_1{
  font-size: 40px ;
 }
}

@media only screen and (max-width : 980px) {
 div.ganzObenLeisteEinzeln_7{
  left: 240px ;
 }

 div.ganzObenLeisteEinzeln_6{
  display: none ;
 }

 div.ganzObenLeisteEinzeln_5{
  left: 200px ;
 }

 div.ganzObenLeisteEinzeln_4{
  left: 160px ;
 }

 div.ganzObenLeisteEinzelnText{
  display: none ;
 }

 div.ganzObenLeisteEinzelnTextKurz{
  display: none ;
 }

 #st_rechts{
  max-width: 380px ;
 }

 div.st_raster_uberschrift{
  text-align: left ;
  padding-right: 0px ;
 }
}

@media only screen and (max-width : 930px) {
 div.startSeiteNeuEinzelnTableCellTVwerbung{
  height: 10px !important ;
 }

 #startSeiteNeuEinzelnHauptGrafik{
  display: none ;
 }

 #startSeiteHauptGrafikText{
  width: 300px !important ;
 }

 #startSeiteHauptGrafikExpresslieferung{
  display: none ;
 }

 #startSeiteHauptGrafikRabat{
  display: none ;
 }

 #startSeiteNeuEinzelnSlayder{
  display: none ;
 }

 #startSeiteNeuEinzelnSlayderHandyErsatz{
  display: block ;
 }
}

@media only screen and (max-width : 900px){
 div.startSeiteNeuEinzeln h1{
  font-size: 34px ;
 }

 div.startSeiteNeuEinzeln h2{
  font-size: 25px ;
 }

 div.startSeiteNeuEinzeln h3{
  font-size: 20px ;
 }

 div.breadCrumbNoneBeiEng{
  display: none ;
 }

 span.breadCrumbEinzelnSeparatorVorne{
  display: inline ;
 }

 span.breadCrumbErweitertAbschneiden{
  display: none ;
 }

 div.fakeRabattWerbungDiv{
  font-size: 80px ;
  line-height: 80px ;
  border: 12px solid red ;
 }
 div.fakeRabattWerbungDivAufWasInner{
  font-size: 24px ;
  line-height: 24px ;
 }

 div.fakeRabattWerbungDivaussen{
  height: 140px ;
 }

 #zubehoer_rechts_inhalt_title{
  font-size: 24px ;
 }
 div.forderung_title{
  font-size: 20px ;
 }
 div.ersteLeisteMenu{
  font-size: 10px ;
 }
 #hauptcontainer_center{
  w idth: calc(100% - 20px) ;
  p adding-left: 10px ;
  p adding-right: 10px ;
 }
}

@media only screen and (max-width : 890px){
 div.werbung_startseite_fc_bayern_div{
  text-align: center !important ;
 }
 div.werbung_startseite_fc_bayern_text{
  letter-spacing: 7.5px !important ;
 }
 :root{
  --werbung_fc_bayern_logo_breite_px:120 ;
 }

 div.fensterArtenHeadLinksCellInner{
  margin-top: 10px !important ;
  margin-bottom: 10px !important ;
  margin-left: 10px !important ;
  margin-right: 10px !important ;
  float: none !important ;
 }

 div.fensterArtenHeadLinksCell{
  width: 100% !important ;
 }

 div.fensterArtenHeadRechtsCell{
  display: none !important ;
 }

 div.startSeiteNeuEinzelnTableBegrussung{
  display: block !important ;
 }

 div.startSeiteNeuEinzelnTableCellBegrussung{
  background-image: none !important ;
  display: block !important ;
  width: 100% !important ;
 }

 div.startSeiteNeuEinzelnTableCellErsteZeile{
  margin-top: 0 !important ;
  margin-bottom: 0 !important ;
  padding: 20px 0px 20px 0px !important ;
 }

 div.startSeiteNeuEinzelnTableCellButton{
  margin: 0 auto !important ;
  margin-top: 20px !important ;
 }

 div.startSeiteNeuEinzelnTableCellRabatt{
  display: block !important ;
  float: none !important ;
  margin: 0 !important ;
  width: 100% !important ;
  min-width: 0 !important ;
 }

 div.startSeiteNeuEinzelnTableCellExpress{
  display: block !important ;
  float: none !important ;
  margin: 0 !important ;
  width: 100% !important ;
  min-width: 0 !important ;
 }

 div.startSeiteNeuEinzelnTableCellTVwerbung{
  height: 35px !important ;
 }

 div.startSeiteNeuEinzelnTableBegrussungBG{
  background-image: none !important ;
 }

 div.adressdatenGruppeInput{
  width: 150px ;
 }

 textarea.adressdatenGruppe{
  width: 150px ;
 }

 img.footer_firma{
  padding-left: 10px ;
  padding-right: 10px ;
  width: calc(100% - 20px) ;
 }

 div.divHauptTextHauptSeiteUberschrift{
  font-size: 24px ;
 }
}            

@media only screen and (max-width : 825px){
 div.garantieDivInKonfiguratoren{
  font-size: .8em ;
 }

 div.kinderProduktLieferzeitenText{
  font-size: 0.8em ;
  top: 5px ;
  left: 0px ;
  width: 100% ;
  text-align: center ;
 }

 div.kinderProduktLieferzeitenGrafik{
  display: none ;
 }

 div.kinderProduktLieferzeitenBox{
  left: -5px ;
  top: -5px ;
  width: calc(100% + 10px) ;
  height: 50px ;
 }

 div.auswahl_push_up_produkt,
 div.auswahl_push_up_produkt_rechts,
 div.auswahl_push_up_produkt_oben,
 div.auswahl_push_up_produkt_oben_rechts{
  width: 40px ;
  height: 40px ;
  top: 120px ;
 }

 #produktParentVerlauf{
  margin-left: 0px ;
 }

 #linksDiv{
  position: static ;
  width: 100% ;
 }

 #rechtsDiv{
  margin-left: 0px ;
 }

 #start_grafik{
  width: 100% ;
 }

 div.startseite_expresslieferung_text_3{
  text-align: center ;
 }
 div.startseite_expresslieferung_rechts{
  text-align: center ;
  width: 100% ;
 }
 div.startseite_expresslieferung_links{
  display: none ;
 }


 div.ss_b2_1{
  display: none ;
 }

 div.ss_b1_1{
  max-width: 100% ;
 }

 div.lieferZeitInDenKorb{
  font-size: 11px ;
 }

 div.produkt_info_ganz_unten{
  display: block ;
 }

 div.buttonHandyMitAbstand{
  margin-top: 5px ;
  margin-bottom: 5px ;
 }

 div.warenkorbVersandartAuswahl{
    font-size: 11px ;
 }

 div.produktAusDemWarenkorbVisual, div.produktAusDemWarenkorbInhalt{
  width: auto ;
  max-width: 360px ;
  font-size: 12px ;
  float: none !important ;
 }

 div.inDenWarenkorbPaddingDiv{
  padding-left: 10px ;
  padding-right: 10px ;
 }

 .produktInfoBereich{
  display: none ;
 }

 div.inDenKorbDivHidden{
  display: block ;
 }

 .text_index_1_a{
  top: 30px ;
  width: 60px ;
  font-size: 10px ;
 }

 .text_index_1_b{
  top: 3px ;
  width: 60px ;
  font-size: 10px ;
 }

 .bild_index_1_a{
  width: 40px ;
  height: 10px ;
 }

 .bild_index_1_b{
  top: 45px ;
  width: 40px ;
  height: 10px ;
 }

 div.divSchallSchutzAnzeige{
  font-size: 10px ;
 }

 div.verbreiterung{
  min-width: 0px ;
  width: 160px ;
  margin: 2px ;
  padding: 5px ;
  font-size: 12px ;
 }

.bild_index_1{
 width: 60px ;
 height: 60px ;
}

.standardEinzelTitel{
 font-size: 10px ;
 max-width: 140px ;
 height: 100px ;
}

.standardEinzelBild{
 width: 60px ;
 height: 60px ;
}

.standardEinzelBildRelative{
 width: 60px ;
 height: 60px ;
}

 .standardEinzeln{
  min-width: 0 ;
  width: 60px ;
  margin: 2px ;
  padding: 5px ;
 }

 div.weiterKaufenAlternativeHidden{
  display: none ;
 }

 div.kinderProduktZusatzDiv{
  font-size: 0.5em ;
 }

 div.unserSortimentEinzelnBaunePreis{
    letter-spacing: .5px ;
  font-size: 0.6em ;
  line-height: 1.5 ;
 }

 font.unserSortimentEinzelnBaunePreis{
  font-size: 0.6em ;
  line-height: 1.5 ;
 }

 .bild_oberlicht_0_leer_extra, .bild_unterlicht_0_leer_extra{
  height: 24px ;
 }

 .bild_oberlicht_0, .bild_unterlicht_0{
  height: 24px ;
 }

 .bild_index_0_grosser{
  height: 72px ;
 }

 .kinderProduktInfoBild{
  width: 15px ;
 }

 .kinderProduktInfo{
  font-size: 10px ;
 }

 div.fakeRabattWerbungDivTextUntenKlein,
 font.fakeRabattWerbungDivTextUntenKlein{
  font-size: 10px !important ;
  line-height: 10px !important ;
 }

 div.fakeRabattWerbungDivTextObenKlein{
  font-size: 18px !important ;
  line-height: 18px !important ;
 }

 div.fakeRabattWerbungDivaussenNeuRundKlein{
  width: 50px !important ;
  height: 50px !important ;
 }

 .bild_index_0{
  height: 72px ;
 }

 .bild_oberlicht_0_leer, .bild_unterlicht_0_leer{
  height: 12px ;
 }

 div.kinderProduktTitel{
  min-width: 0 ;
  font-size: 0.8em ;
 }

 div.kinderProduktTitel_1{
  height: 20px ;
 }

 div.kinderProduktTitel_2{
  height: 40px ;
 }

 div.kinderProduktTitel_3{
  height: 60px ;
 }

 div.kinderProduktTitel_4{
  height: 80px ;
 }

 div.kinderProduktTitel_5{
  height: 100px ;
 }

 div.kinderProduktTitel_6{
  height: 120px ;
 }

 div.kinderProdukt{
  min-width: 0 ;
  max-width: 154px ;
  margin: 2px ;
  padding: 5px ;
 }

 div.kinderProduktHersteller{
  m in-width: 0 ;
  m ax-width: 154px ;
  overflow: hidden ;
 }

 div.kinderProduktTitelHersteller{
  min-width: 0 ;
  font-size: 1em ;
  line-height: 1em ;
  text-aligin: center ;
  margin: 0 auto ;
 }

 img.bild_index_0_hersteller{
  height: 70px ;
 }

 div.kinderProduktAbstandDiv{
  height: 10px ;
  width: 10px ;
 }

 div.buttonHaupseiteNeuZusatzClass {
  width: 120px !important ;
  font-size: 14px !important ;
 }
 
 div.kinderProduktLieferzeitDiv{
  font-size: 0.8em !important ;
 }
}


@media only screen and (max-width : 800px) {
 div.iy_tore_raster_auswahl_einzeln_links{
  float: none ;
  width: 100% ;
 }
 
 div.iy_tore_raster_auswahl_einzeln_rechts{
  float: none ;
  width: 100% ;
 }

 div.iy_tore_raster_auswahl_einzeln_trennung_inner{
  margin-left: 0 ;
  max-width: 100% ;
 }

 div.iy_tore_raster_auswahl_grafik_masse_inputs{
  margin-top: 20px ;
  float: none ;
  width: 100% ;
 }
 div.iy_tore_raster_auswahl_grafik_zusammen{
  float: none ;
  width: 100% ;
 }
}

@media only screen and (max-width : 780px) {
 div.startSeiteNeuEinzelnTableCellTVwerbung{
  height: 30px !important ;
 }

 div.startSeiteNeu_D{
  wi dth: 250px !important ;
 }

 div.startSeiteNeu_H{
  wi dth: 250px !important ;
  hei ght: 250px !important ;
 }
}


@media only screen and (max-width : 750px){
 div.footer_firma_box{
  width: 120px !important ;
 }

 :root{
  --iy_pfeile_slaider_grosse:60 ;
 }

 div.filterDatei_1{
  d isplay: none ;
 }

 div.filterDatei_2{
  d isplay: block ;
  padding-left: 10px ;
  padding-right: 10px ;
 }

 div.filterDatei_0{
  padding-left: 10px ;
  padding-right: 10px ;
 }

 div.fenstermasseWordWrap{
  word-break: break-word ;
 }

 #fenstermasseUL_1, #fenstermasseUL_2{
  padding: 0 ;
  margin: 0 ;
 }

 div.template_40_60_links{
  display: none ;
 }

 div.template_40_60_rechts{
  width: 100% ;
  margin-left: 0 ;
 }

 div.template_60_40_links{
  width: 100% ;
  margin-left: 0 ;
 }

 div.template_60_40_rechts{
  display: none ;
 }

 div.divHauptTextHauptSeiteUberschrift{
  font-size: 32px ;
 }

 #divHauptTextHauptSeiteInhalt_1{
  display: none ;
 }

 #divHauptTextHauptSeiteInhalt_2{
  display: block ;
 }

 div.fakeRabattWerbungDivNeu{
  font-size: 8.0vw ;
 }

 div.fakeRabattWerbungDiv{
  font-size: 60px ;
  line-height: 60px ;
  border: 10px solid red ;
 }

 div.fakeRabattWerbungDivAufWasInner{
  font-size: 22px ;
  line-height: 22px ;
 }

 div.fakeRabattWerbungDivaussen{
  height: 120px ;
 }

 #schneemann_on_top, div.s_mann, div.t_baum{
  display: none ;
 }

 #coronaDivLage{
  h eight: 40px ;
  line-height: 40px ;
  font-size: 14px ;
 }

 #ersteLeisteMenuHandy{
  display: block ;
 }

 #ersteLeisteMenu{
  display: none ;
 }
 
 #ersteLeisteInnerDrei{
  display: none ;
 }

 #ersteLeisteInnerVier{
  display: block ;
 }


 #warenkorbVersandartLieferung{
  w idth: 400px ;
 }

 #leiste_oben_center_2, #leiste_oben_center_3, #leiste_oben_center_4{
  display: none ;
 }

 #leiste_oben_center_1, #leiste_oben_center_5{
  float: none ;
  clear: both ;
  margin-right: 0px ;
  text-align: center ;
  margin-right: 0px ;
 }

 div.leiste_oben_center_5{
  padding-bottom: 10px ;
 }

 #buttonMenu_1, #buttonMenu_2, #buttonMenu_3, #buttonMenu_4, #buttonMenu_5, #buttonMenu_6, #buttonMenu_7, #buttonMenu_8{
  float: none ;
  clear: both ;
  text-align: center ;
  padding-right: 0px ;
  border-top: 1px solid #2b2b2b ;
 }

 div.leiste_unten_center_aufgeteilt{
  float: none ;
  clear: both ;
  text-align: center ;
  margin-top: 10px ;
 }



 #meineLightboxViewad, #cookieBannerLableEins, #cookieBannerLableZwei{
  width: 380px ;
 }

 #meineLightboxInhalt_Text{ 
  width: 360px ;
 }

 #meineLightboxInhalt_Bild{
  width: 360px ;
 }

 #LightBoxBild{
  width: 360px ;
 }

 #meineLightboxText{
  width: 330px ;
 }

 #meineLightboxAbstand, .meineLightboxAbstand{
  width: 360px ;
 }

 .details_zusammen_leer{
  display: none ;
 }

 .details_titel{
  width: 100% ;
  text-align: center ;
 }

 #details_zusammen_rechts{
  width: 45% ;
 }

 img.warenkorbBild{
  height: 150px ;
  width: auto ;
 }

 div.produktAusDemWarenkorbBedienung{
  max-width: none ;
  width: 300px ;
  margin: 0 auto ;
  margin-left: 0 ;
 }


 div.wasAlsNachstesZusammen{
  width: 300px ;
  margin: 0 auto ;
 }

 div.wasAlsNachstesEinzeln{
  float: none ;
  clear: left ;
 }
 
 div.wasAlsNachstesAbstand{
  float: none ;
  clear: left ;
  display: none ;
 }

 div#leiste_oben_neu_text{
  display: none ;
 }

 div#leiste_oben_neu_einkaufswagen{
  right: 70px ;
  position: absolute ;
 }

 div#leiste_oben_neu_menu_button{
  display: block ;
 }

 div#leiste_oben_menu_neu{
  display: none ;
 }

 div#leiste_oben_neu{
  margin-top: 0px ;
  margin-bottom: 0px ;
  text-align: left ;
 }

 div#leiste_oben_menu_smartphone_neu{
  display: none ;
 }

 div#txtFensterStartSeite{
  margin-top: 10px ;
 }

 div#imgFensterStartSeiteLieferkosten_0, div#imgFensterStartSeiteLieferkosten_1, div#imgFensterStartSeiteLieferkosten_2, div#imgFensterStartSeiteLieferkosten_3, div#imgFensterStartSeiteLieferkosten_4{
  margin: 0 auto ;
  float: none ;
 }

 div#txtFensterStartSeiteLieferkosten_0, div#txtFensterStartSeiteLieferkosten_1, div#txtFensterStartSeiteLieferkosten_2, div#txtFensterStartSeiteLieferkosten_3, div#txtFensterStartSeiteLieferkosten_4{
  width: 100% ;
  text-align: center ;
  float: none ;
  margin: 0 ;
  padding-top: 20px ;
 }
}

@media only screen and (max-width : 720px){
 div.startSeiteNeuEinzelnTableCellTVwerbung{
  height: 25px !important ;
 }
}

@media only screen and (max-width : 648px){
 div.whatsAppWerbungHaupt{
  width: 48px ;
  bottom: 130px ;
  left: 10px ;
 }

 div.whatsAppWerbungUberschrift{
  font-size: 10px ;
 }

 div.whatsAppWerbungText{
  font-size: 10px ;
 }
}

@media only screen and (max-width : 640px){
 div.garantieDivInKonfiguratoren{
  font-size: 10px ;
  letter-spacing: 0px ;
 }

 div.hersteller_lieferzeiten{
  font-size: 13px ;
 }

 div.auswahl_push_up_produkt,
 div.auswahl_push_up_produkt_rechts,
 div.auswahl_push_up,
 div.auswahl_push_up_rechts,
 div.auswahl_push_up_produkt_oben,
 div.auswahl_push_up_produkt_oben_rechts{
  width: 35px ;
  height: 35px ;
 }

 div.auswahl_push_up_produkt,
 div.auswahl_push_up_produkt_rechts{
  top: 60px ;
 }

 div.auswahl_push_up,
 div.auswahl_push_up_rechts{
  top: 25px ;
 }

 div.kinderProdukt{
  min-width: 0 ;
  max-width: 134px ;
  margin: 2px ;
  padding: 5px ;
 }

 div.kinderProduktHersteller{
  min-width: 0 ;
  max-width: 134px ;
  overflow: hidden ;
 }

 div.kinderProduktTitelHersteller{
  min-width: 0 ;
  font-size: 1em ;
  line-height: 1em ;
  text-align: center ;
  margin: 0 auto ;
 }

 img.bild_index_0_hersteller{
  height: 70px ;
 }
}

@media only screen and (max-width : 630px){
 div.startSeiteNeuEinzelnTableCellTVwerbung{
  height: 20px !important ;
 }
}

@media only screen and (max-width : 600px) {
 div.whatsAppWerbungInfoBox{
  margin: 25px auto ;
 }

 div.whatsAppWerbungInfoBoxLogo{
  width: 120px ;
 }

 div.whatsAppWerbungInfoUberschrift{
  font-size: 18px ;
 }

 div.whatsAppWerbungInfoPunkteZusammen{
  margin-top: 20px ;
  margin-left: 0px ;
 }

 img.footer_firma{
  padding-left: 5px ;
  padding-right: 5px ;
  width: calc(100% - 10px) ;
 }

 font.progressbarNeuExpressText{
  font-size: 10px ;
 }

 div.progressbarNeuName, div.progressbarNeuTage{
  font-size: 18px ;
 }

 div.progressbarNeuText{
  height: 25px ;
 }

 div.divHauptTextHauptSeite{
  width: 100% ;
  text-align: center ;
 }

 div.divHauptTextHauptSeiteUberschrift{
  font-size: 30px ;
 }

 div.divHauptGrafikHauptSeite{
  width: 100% ;
  position: relative ;
  text-align: left ;
 }

 div.fakeRabattWerbungDivTextOben{
  font-size: 9vw ;
 }

 div.fakeRabattWerbungDivTextUnten{
  font-size: 6vw ;
 }

 div.fakeRabattWerbungDivNeu{
  border: 14px solid red ;
  font-size: 9.0vw ;
 }

 div.fakeRabattWerbungDiv{
  font-size: 40px ;
  line-height: 40px ;
  border: 8px solid red ;
 }

 div.fakeRabattWerbungDivAufWasInner{
  font-size: 18px ;
  line-height: 18px ;
 }

 div.fakeRabattWerbungDivaussen{
  height: 80px ;
 }
}

@media only screen and (max-width : 550px) {
 div.weiterKaufenAlternativeNeuInner{
  font-size: 14px !important ;
  width: 120px !important ;
  height: 25px !important ;
  line-height: 25px !important ;
 }



 div.werbung_startseite_fc_bayern_text{
  letter-spacing: 3.5px !important ;
 }
 :root{
  --werbung_fc_bayern_logo_breite_px:90 ;
 }
}

@media only screen and (max-width : 500px) {
 div.startSeiteNeuStickyNavi{
  display: none ;
 }
}


@media only screen and (max-width : 480px) {
 div.st_raster_select_box{
  width: 300px ;
 }
 select.st_raster_einzeln{
  width: 300px ;
 }
 #st_links{
  display: block ;
  margin-right: 0px ;
  margin: 0 auto ;
 }

 div.st_opis_details{
  margin-top: 20px ;
  text-align: center ;
 }

 div.progressbarNeuName, div.progressbarNeuTage{
  font-size: 16px ;
 }

 font.progressbarNeuExpressText{
  font-size: 9px ;
 }

 div.progressbarNeuText{
  height: 20px ;
 }

 div.startSeiteUnsereVorteileImUberblickMale{
  width: 280px ;
 }

 div.startSeiteUnsereVorteileImUberblickMaleGrafik{
  left: 80px ;
 }

 div.startSeiteUnsereVorteileImUberblickMaleText{
  left: 40px ;
 }

 div.StartSeiteUberschriftKontainer{
  font-size: 30px ;
 }

 div.fakeRabattWerbungDivNeu{
  border: 13px solid red ;
  font-size: 9.0vw ;
 }

 div.fakeRabattWerbungDiv{
  font-size: 20px ;
  line-height: 20px ;
  border: 6px solid red ;
 }

 div.fakeRabattWerbungDivAufWas{
  font-size: 16px ;
 }

 div.fakeRabattWerbungDivAufWasInner{
  font-size: 16px ;
  line-height: 16px ;
 }

 div.fakeRabattWerbungDivaussen{
  height: 60px ;
 }

 div.fakeRabattTable{
  width: 100% ;
 }

 div.fakeRabattRow{
  margin: 0 auto ;
  width: 210px ;
 }

 #coronaDivLage{
  h eight: 30px ;
  line-height: 30px ;
  font-size: 12px ;
 }

 div.ersteLeisteWarenkorb{
  display: none ;
 }

 #ersteLeisteInnerVier{
  display: none ;
 }

 #ersteLeisteInnerFunf{
  display: block ;
 }

 #warenkorbVersandartLieferung{
  w idth: 300px ;
 }

 #index_lieferzeiten_grafisch{
  display: none ;
 }

 #index_lieferzeiten_nur_text{
  display: block ;
 }

 #details_zusammen_rechts{
  text-align: center ;
  width: 100% ;
  float: none ;
  clear: left ;
 }

 .details_zusammen_links{
  width: 100% ;
  float: none ;
  clear: left ;
 }

 .details_zusammen_bild_div{
  text-align: center ;
 }

 #produkteRekrusivButtonWidth{
  margin: 0 auto ;
  width: 300px ;
  text-align: center ;
  margin-bottom: 20px ;
 }

 .produktInfoBereichSchalter{
  display: none ;
 }

 .produktInfoBereichInner{
  text-align: center ;
 }

 img.warenkorbBild{
  height: 150px ;
  width: auto ;
 }
 
 div.produktAusDemWarenkorbBedienung{
  max-width: none ;
  width: 300px ;
  margin: 0 auto ;
 }


 div.wasAlsNachstesZusammen{
  width: 300px ;
  margin: 0 auto ;
 }

 div.wasAlsNachstesEinzeln{
  float: none ;
  clear: left ;
 }
 
 div.wasAlsNachstesAbstand{
  float: none ;
  clear: left ;
  display: none ;
 }

 div.paypalRechts{
  margin-left: 0px ;
 }

 #produktInfoBereichID_1{
  width: 280px ;
  position: fixed ;
  top: 0 ;
  left: calc(50% - 140px) ;
  padding: 0 ;
  z-index: 11103 ;
 }

 #produktInfoBereichID_1_Titel{
  display: none ;
 }

 #infoBereichPREIS{
  border: 0 ;
 }

 #produktInfoBereichTextGesamtsumme{
  font-size: 8px ;
 }

 #produktInfoBereichTextZZGVersand{
  font-size: 8px ;
 }

 div.weiterKaufenAlternativeImInfo{
  width: 90% ;
  margin: 0 auto ;
  margin-top: 2px ;
  margin-bottom: 2px ;
 }

 div.weiterKaufenAlternativeButtonImInfo{
  width: 100% ;
  padding: 0 ;
  padding-top: 5px ;
  padding-bottom: 5px ;
  background-color: #00B900 ;
  color: #fff ;
  text-align: center ;
  font-size: 12px ;

 }

 div#leiste_oben_neu_logo{
  max-width: 150px ;
 }

 div#imgFensterStartSeite{
  float: none ;
  width: 100% ;
 }

 div#txtFensterStartSeite{
  float: none ;
  width: 100% ;
  text-align: center ;
 }

 div#buttonKonfiguratorFensterStartSeite, div#buttonKonfiguratorFensterStartSeiteAnkerLieferZeiten, div#buttonKonfiguratorFensterStartSeiteAnkerLieferKosten{
  margin: 0 auto ;
 }

 #cookieBanner{
  t op: 0px ;
  b ottom: auto ;
 }
}

@media only screen and (max-width : 430px) {
 div.werbung_startseite_fc_bayern_text{
  letter-spacing: 2.5px !important ;
 }
 :root{
  --werbung_fc_bayern_logo_breite_px:80 ;
 }

 div.startSeiteNeuEinzelnTableCellExpressText{
  font-size: 32px !important ;
 }

 #startSeiteNeuEinzelnSlayderHandyErsatzExpresslieferung{
  font-size: 18px !important;
 }

 :root{
  --iy_pfeile_slaider_grosse:40 ;
 }
 div.progressbarNeuName, div.progressbarNeuTage{
  font-size: 12px ;
 }

 div.progressbarNeuText{
  height: 15px ;
 }

 div.fakeRabattWerbungDivNeu{
  border: 10px solid red ;
  font-size: 8.0vw ;
 }

 #meineLightboxViewad, #cookieBannerLableEins, #cookieBannerLableZwei{
  width: 320px ;
 }

 #meineLightboxInhalt_Text{ 
  width: 300px ;
 }

 #meineLightboxInhalt_Bild{
  width: 300px ;
 }

 #LightBoxBild{
  width: 300px ;
 }

 #meineLightboxText{
  width: 280px ;
 }

 #meineLightboxAbstand, .meineLightboxAbstand{
  width: 300px ;
 }
}

@media only screen and (max-width : 400px) {
 :root{
  --iy_breite_konfigurator_margin:5 ;
 }
 div.startseite_expresslieferung_text_1{
  font-size: 30px ;
 }
}

@media only screen and (max-width : 370px) {
 div.werbung_startseite_fc_bayern_text{
  letter-spacing: 1px !important ;
 }
 :root{
  --werbung_fc_bayern_logo_breite_px:70 ;
 }
}

@media only screen and (max-width : 350px) {
 div.startSeiteNeuEinzelnTableCellExpressText{
  font-size: 22px !important ;
 }

 div.progressbarNeuName, div.progressbarNeuTage{
  font-size: 10px ;
 }

 div.progressbarNeuText{
  height: 12px ;
 }

}

@media only screen and (max-width : 300px) {
 div.progressbarNeuName, div.progressbarNeuTage{
  font-size: 8px ;
 }

 #ersteLeisteObenLogoFunf{
  width: 60% ;
 }
 #ersteLeisteUntenVierTelefon{
  display: none ;
 }
}

@media only screen and (max-width : 170px) {
 #ersteLeisteObenLogoFunf{
  display: none ;
 }
}




div.progress_zusammen{
 margin-top: 5px ;
}

div.progress_text{
 min-width: 320px ;
}

.progress_balken{
 min-width: 300px ;
}


#progress1, #progress2, #progress3, #progress4, #progress5, #progress6{
 background: #F7F7F7 ;
 border-radius: 3px ;
 height: 22px ;
 width: 400px ;
}

#progress1:after, #progress2:after, #progress3:after, #progress4:after, #progress5:after, #progress6:after{
 color: #fff ;
 padding-left: 50px ;
 display: block ;
 background: #0B8BCC ;
 height: 100% ;
 border-radius: 3px ;
}

#progress1:after{
 content: '2-3 Wochen' ;
 width: 30% ;
}

#progress2:after{
 content: '4-5 Wochen' ;
 width: 60% ;
}

#progress3:after{
 content: '5-6 Wochen' ;
 width: 80% ;
}

#progress4:after{
 content: '3-5 Wochen' ;
 width: 40% ;
}

#progress5:after{
 content: '5-6 Wochen' ;
 width: 80% ;
}

#progress6:after{
 content: '4-6 Wochen' ;
 width: 70% ;
}

.progress_neu{
 background: #F7F7F7 ;
 border-radius: 3px ;
 height: 22px ;
 width: 300px ;
}

.progress_neu:after{
 color: #fff ;
 p adding-left: 50px ;
 display: block ;
 background: #0B8BCC ;
 height: 100% ;
 border-radius: 3px ;
 content: attr(data-after-content) ;
 width: var(--progress-breite) ;
 padding-left: 20px ;
}



img.index_grafiken_standard{
 width: 100% ;
}

div.index_grafiken_standard{
 width: 100% ;
}




div.index_grafiken_standard_zusammen_3{
 margin-top: 20px ;
 text-align: center ;
}

div.index_grafiken_standard_3{
 width: 27% ;
 display: inline-block ;
 margin-left: 10px ;
 margin-right: 10px ;
}

img.index_grafiken_standard_3{
 width: 100% ;
}

#versandRadio_1, #versandRadio_2, #adressdatenCheckbox, #adressdatenCheckbox2, #paypalCheckbox, #uberweisungCheckbox{
 height: 25px ;
 width: 25px ;
}

div.zahlungsartGruppe{
 margin-bottom: 10px ;
}

div.zahlungsartGruppeLabel{

}

div.zahlungsartGruppeInput{
 margin-right: 20px ;
 margin-top: 10px ;
}

div.center_div_max_breite{
 width: 100% ;
 margin: 0 auto ;
}

#warenkorbVersandartLieferung{
 max-width: 800px ;
}

#zubehoer_zusammen{
}

#zubehoer_links{
 float: left ;
 margin-right: 20px ;
}

#zubehoer_mitte{
 float: left ;
 background-color: #F2F2F2 ;
 padding-left: 50px ;
 padding-right: 50px ;
 padding-bottom: 50px ;
 padding-top: 10px ;
 margin-right: 20px ;
 max-width: 280px ;
 border: 1px solid #2f3134 ;
}

#zubehoer_rechts{
 float: left ;
 max-width: 380px ;
 padding-top: 10px ;
}

#zubehoer_mitte_auswahl{
 background-color: #F2F2F2 ;
 padding: 50px ;
}

#zubehoer_mitte_auswahl_preis{
 color: #000 ;

}

input.zubehoer_preis{
 border: none ;
 color: #000 ;
 background-color: #F2F2F2 ;
 width: 54% ;
 font-size: 48px ;
 text-align: right ;
}

input.zubehoerSelectName{
 border: none ;
 text-align: left ;
 color: #3F3F3F ;
 background-color: #F2F2F2 ;
}

input.zubehoer_laenge{
 text-align: right ;
 width: 100px ;
 color: #3F3F3F ;
}

select.zubehoerSelect{
 text-align: right ;
 color: #3F3F3F ;
 width: 100% ;
 padding: 5px ;
}

#zubehoer_zurueck{
 padding: 10px 50px 10px 50px ;
 background-color: #164FA2 ;
 border-radius: 5px ;
}

a.zubehoer_zurueck{
 decoration: none ;
 color: #fff ;
}

#infoBildTableProdukt{
 margin: 0 auto ;
 border-collapse: collapse ;
}

td.zubehoerErstellenName_td{
 text-align: left ;
 padding-right: 20px ;
}

td.zubehoerErstellenInput_td{

}

input.zubehoerErstellenInput{
 text-align: right ;
}

tr.zubehoerErstellen_tr{
 padding-bottom: 20px ;
 margin-bottom: 20px ;
}

div.abWertDiv{
 text-align: center ;
 c olor: #929292 ;
 color: #000 ;
 f ont-style: italic ;
}

font.abWertZahl{
 font-size: 1.5em ;
 f ont-family: Arial ;
 line-height: 1.5 ;
 color: #000 ;
 font-weight: bold ;
}

#weiterButtonPalPal{
 height: 40px ;
 text-align: center ;
 color: #fff ;
 line-height: 40px ;
 width: 270px ;
 cursor: pointer ;
 background-color: #5FC6AA ;
 border: 0px ;
}

#weiterButtonPalPal:disabled,
#weiterButtonPalPal[disabled]{
 background-color: #cccccc ;
 cursor: auto ;
}

#rolloInfoBild{
 margin-top: 20px ;
}

div.rolloUnsichtber{
 color: white ;
 display: none ;
}

#rolloGrafikTabele{
 display: inline-block ;
}

#rolloGrafik{
 text-align: center ;
}

#rolloKasten{
 display: table-cell ;
}

#rolloAnzeigeKastenHohe{
 display: table-cell ;
 vertical-align: middle ;
 text-align: center ;
}

font.blau_dick{
 color: #0096FF ;
 font-weight: bold ;
}

div.inotherm_standard{
 max-width: 1200px ;
 box-s hadow: 0 0 10px 3px #CCC ;
 margin-top: 10px ;
 margin-bottom: 20px ;
}





div.inotherm_center{
 text-align: center ;
}

div.bild_inotherm_slayd{
 max-width: 1200px ;
 position: relative ;
}

img.StoProzent{
 width: 100% ;
}

div.bildBoxSlayd{
 position: relative ;
 max-width: 1200px ;
 display: inline-block ;
}

#bildSlaydNavi{
 position: absolute ;
 bottom: 0 ;
 width: 100% ;
 z-index: 9999 ;
}

#bildSlaydNaviInner{
 text-align: right ;
 margin-right: 20px ;
}

div.bildSlaydNaviMinis{
 display: inline-block ;
 width: 10px ;
 height: 10px ;
 border: 1px solid #282828 ;
 margin-left: 2px ;
 margin-right: 2px ;
 cursor: pointer ;
}

div.bildBoxBGSlayd{
 position: relative ;
}

div.bildBoxBG{
 position: relative ;
 max-width: 595px ;
 overflow: hidden ;
}











div.inothermContainer{

}

.inothermContainerText_h3{
 color: #2a2c2f;
 font-size: 15px;
 letter-spacing: .3px;
 font-weight: 400;
 margin: 9px 0 0 20px;
}

.inothermContainerText_h2{
 f ont-family: Arial;
 color: #2a2c2f;
 font-size: 18px;
 padding: 8px 0 9px 11px;
 text-transform: uppercase;
}

div.inothermLink{
 margin-bottom: 5px;
 height: 53px;
 width: 100% ;
 background-color: #4b4b4d ;
}

div.inothermLinkInner{
 color: #fff ;
 text-align: left ;
 font-size: 27px ;
 line-height: 55px ;
 padding-left: 15px ;
}

div.inothermLinkInnerKonfiguratorButton{
 background-color: #00B900 ;
}

div.inothermLink:hover{
 background-color: #F4AA32 ;
 cursor: pointer ;
}



p.font_1 {
 color: #000;
 font-weight: 700;
 font-size: 26px !important;
 text-align: center;
 line-height: normal;
}

p.font_2 {
 color: #fff;
 font-size: 34px;
 background: #F4AA32;
 line-height: 36px;
 text-align: center;
 font-weight: 700;
}
	
p.font_3 {
 color: #000;
 font-size: 14px;
 margin-top: 5px;
 text-align: center;
}

span.mehr {
 p osition: absolute ;
 color: #fff;
 background: #4b4b4d;
 font-size: 16px;
 padding: 3px 13px;
 float: right;
 right: 5px;
 bottom: 5px;
}

div.bordurka{
 border: 1px solid #ccc ;
 margin-bottom: 10px ;
 margin-left: 12px ;
 min-height: 180px ;
}

#slice0{
 width: 300px ;
}

#slice1{
 w idth: calc(100% - 324px) ;
}

#slice2{
 display: none ;
 w idth: calc(100% - 324px)  ;
}

div.slice1{
}

div.slice2{
}

div.slice2Inner{
 padding-top: 20px ;
 padding-left: 20px ;
 p osition: relative ;
}

div.inothermHaustuerenProgrammBox1{
 float: left ;
 background: url(bilder/inotherm/box1.jpg) repeat-x;
 height: 221px ;
 margin-right: 8px ;
 w idth: 344px ;
 width: 392px ;
}

div.inothermHaustuerenProgrammBoxLinks{
 float: left ;
}

div.inothermHaustuerenProgrammBoxRechts{
 float: left ;
 margin: 33px 0 0 11px;
 width: 183px;
}

img.inothermHaustuerenProgrammImg{
    margin: 14px 0 0 13px;
}

span.inothermboxTitle{
    f ont-family: FuturaLTPro-Book,sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2d3033;
    font-size: 22px;
    float: left;
    margin-left: 16px;
    line-height: 34px;
    font-weight: 400;
}

span.floatRechts{
 float: right ;
}

span.inothermboxTitleGreen{
    float: left;
    color: #F4AA32;
    f ont-family: handel-gothic-bt,sans-serif;
    font-size: 26px;
    line-height: 37px;
    margin-left: 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600 ;
}

span.inothermboxBoxText{
 text-transform: uppercase;
    color: #2d3033;
    font-size: 12px;
    line-height: 16px;
    float: left;
    text-align: right;
    height: 49px;
    letter-spacing: .5px;
    margin-top: 3px;
}

span.inothermboxNormalText{
    color: #2d3033;
    font-size: 15px;
    float: left;
    margin-top: 30px;
    margin-left: 31px;
}

span.inothermboxHugeNumb{
    font-size: 38px;
    margin-top: 5px;
    margin-left: 4px;
 float: left;
}

span.inothermboxCifreWat{
 color: #2d3033;
 float: left;
 margin-top: 25px;
 margin-left: 7px;
}

div.inothermAlleLinksLink{
 margin-bottom: 5px;
 h eight: 53px;
 width: 100% ;
 background-color: #4b4b4d ;
}

div.inothermAlleLinksLinkInner{
 color: #fff ;
 text-align: center ;
 font-size: 27px ;
 l ine-height: 55px ;
}

div.inothermAlleLinksLink:hover{
 background-color: #F4AA32 ;
 cursor: pointer ;
}

div.inothermUberschriftOrange{
 color: #F4AA32;
 f ont-family: Arial,sans-serif;
 font-size: 24px;
 font-weight: 600;
 line-height: 24px; 
}

div.inothermTextLeft{
 text-align: left ;
}

div.inothermContainerInner{
 padding-left: 20px ;
 padding-right: 20px ;
 padding-top: 30px ;
 padding-bottom: 30px ;
}

div.inothermTextBlock{
 font-size: 12px;
 f ont-family: Arial,sans-serif;
 line-height: 17px;
 text-align: justify;
}

div.inothermGrafikBlock{
 margin-top: 30px ;
 margin-right: 20px ;
 max-width: 152px ;
}

div.inothermGrafikBlockImg{
 border: 1px solid gray;
}

div.inothermGrafikBlockText{

}

div.inothermGrafikBlockTextUberschrift{
 margin-top: 5px ;
 font-size: 12px;
 f ont-family: Arial,sans-serif;
 line-height: 17px;
}

div.inothermGrafikBlockTextInhalt{
 font-style: normal;
 font-size: 12px;
 f ont-family: Arial,sans-serif;
 line-height: 17px;
}

font.inothermOrange{
 color: #f4aa32;
}

font.inothermDick{
 font-weight: 700;
}

div.inothermContainerNavi{
 text-align: left ;
 padding-left: 20px ;
 background-color: #3F3F3F ;
 color: #fff ;
}

a.inothermNavi{
 color: #fff ;
}

a.inothermNavi:hover{
 color: #F4AA32 ;
}

div.inothermYouTube{
 margin-top: 20px ;
}

div.inothermTextBlockUberschrift{
 margin: 22px 0;
 color: #2A2C2F;
 f ont-family: Arial,sans-serif;
 font-size: 18px;
 font-weight: 600;
 border-bottom: 1px solid rgba(0,0,0,.1);
 padding-bottom: 6px;
 font-weight: 700;
 font-style: normal;
}

div.inothermTextBlockUberschriftOhneBorder{
 margin: 22px 0;
 color: #2A2C2F;
 f ont-family: Arial,sans-serif;
 font-size: 18px;
 font-weight: 600;
 padding-bottom: 6px;
 font-weight: 700;
 font-style: normal;
}

div.inothermVorteileBild{
}

div.inothermVorteileText{
 max-width: 600px ;
}

div.inothermVorteileBildPaddingUnten{
 margin-bottom: 20px ;
}

div.inothermDiv30Prozent{
 width: 20% ;
}

div.inothermDiv70Prozent{
 width: 77% ;
}

div.inothermDiv60Prozent{
 width: 55% ;
}

div.inothermDiv20Prozent{
 width: 17% ;
}

div.inothermDiv33Prozent{
 width: 30% ;
}

div.inothermMarginTop{
 margin-top: 20px ;
}

div.inothermMarginRight{
 padding-right: 2% ;
}

div.inothermBilderInEinerReihe{
 position: relative ;
}

div.inothermBildEinzeln{
 max-width: 15% ; ;
 display: inline-block ;
}

div.inothermBildEinzelnText{
 text-align: center ;
 font-weight: 700;
}

griffDiv{
 color: #ff0000 ;
}

img.logo_mf24_weiss_startseite{
 width: 220px ;
}

div.inothermKatalogeUberschrift{
}

div.inothermKatalogeText{
 margin-top: 10px ;
 margin-bottom: 10px ;
}

div.inothermKatalogeLink{

}

div.inothermKatalogeLinkGrafik{

}

div.inothermKatalogeLinkText{
 margin-left: 5px ;
 margin-top: 2px ;
}

div.inothermKatalogeEinzeln{
 margin-bottom: 30px ;
}

div.leiste_unten_center_aufgeteilt_inhalt{
 font-size: 13px ;
 color: #3F3F3F ;
 line-height: 20px ;
}

a.href_telefon{
 font-size: 13px ;
 color: #3F3F3F ;
 line-height: 20px ;
}

a.href_telefon:hover{
 text-decoration: none ;
 color: #000 ;
}

font.gruen{
 color: #28B928 ;
}

font.weiss{
 color: #fff ;
}















div.techDataUberschriftDiv{
 min-width: 200px ;
 font-size: 2em ;
 f ont-family: Arial ;
 line-height: 1.5 ;
 c olor: #000 ;
 text-align: center ;
}

div.techDataAbstandDiv{
 width: 20px; 
 height: 20px ;
}

div.techDataCenter{
 text-align: center ;
}

div.techDataLinieDiv{
 max-width: 50% ;
 margin: 0 auto ;
 border-top: 1px solid #dbdbdb ;
 b order-top: 1px solid #2f3134 ;
}

div.techDataPdfDivZusammen{
 width: 100% ;
 text-align: center ;
}




div.techDataPdfDiv{
 border: 3px solid #28B928 ;
 padding: 5px ;
 width: 150px ;
 min-width: 50px;

}

div.techDataInlineBlock{
 display: inline-block ;
 margin: 10px ; 
}


div.td_AuswahlEinzelnKopf{
 width: 100% ;
}


.td_AuswahlEinzeln{
 display: block ;
 b order: 1px solid #2f3134 ;
 margin-bottom: 2px ;
 b ackground-color: #2f3134 ;
 background-color: #dbdbdb ;
}

.td_AuswahlEinzelnPlus{
 margin-left: 5px ;
 margin-bottom: 5px ;
 margin-top: 5px ;
 width: 50px ;
}

.td_AuswahlEinzelnUberschrift{
 color: #3F3F3F ;
 font-weight: bold ;
 margin-top: 8px ;
}

div.techDataImgDiv{
 max-width: 600px ;
 text-align: center ;
 margin: 0 auto ;
}

img.techDataImgGrafik{
 width: 100% ;
}

.td_standardZusammen{
 max-width: 100% ;
 min-width: 200px ;
 text-align: left ;
 background-color: #fff ;
 padding: 10px ;
 display: none ;
}

div.td_farben{
 max-width: 100% ;
 min-width: 200px ;
 text-align: center ;
}

div.td_farben_bild{
 vertical-align: top;
 min-width: 50px;
 display: inline-block;
 margin: 10px;
 border: 1px solid #dbdbdb ;
 p adding: 1px;
}

img.td_farben_img{
 width: 50px ;
}

.lupe {
 cursor: -moz-zoom-in; 
 cursor: -webkit-zoom-in; 
 cursor: zoom-in;
}

div.techDataVideo{
 width: 100% ;
 text-align: center ;
}

video.techDataVideo{
 width: 100% ;
 max-width: 700px ;
}


span.techDataInfoBox{
 color: #fff ;
 position: absolute ;
 visibility: hidden ;
 width: 150px ;
 margin-left: -118px ;
 margin-top: 60px ;
 text-decoration: none ;
 padding: 15px 18px ;
 background-color: #2f3134 ;
 -webkit-box-shadow: 5px 5px 4px 0px rgba(0,0,0,0.4) ;
 -moz-box-shadow: 5px 5px 4px 0px rgba(0,0,0,0.4) ;
 box-shadow: 5px 5px 4px 0px rgba(0,0,0,0.4) ;
 z-index: 100 ;
 overflow: hidden ;
}

div.td_farben_bild:hover span{
 visibility: visible ;
}

span.techDataInfoBoxSpitze{
 position: absolute ;
 margin-top: 45px ;
 margin-left: -35px ;
 visibility: hidden ;
 width: 0 ; 
 height: 0 ; 
 border-left: 10px solid transparent ;
 border-right: 10px solid transparent ;
 border-bottom: 20px solid #2f3134 ;
 z-index: 100 ;
}

img.techDataPrinterGrafik{
 width: 20px ;
 margin-right: 10px ;
}

div.techDataButtonKonfigurieren{
 width: 300px ;
 margin: 0 auto ;
}

input.reklamation_file_button{
 padding: 10px ;
}

div.menuButtonEinzelnKonfigurator{
 padding-left: 15px ;
 padding-right: 15px ;
 background-color: #00B900 ;
 border-radius: 5px 5px 0px 0px ;
}








#leiste_oben_neu{
 width: 100% ;
 margin-top: 5px ;
 margin-bottom: 5px ;
}

#leiste_oben_center_neu{
 max-width: 1200px ;
 min-width: 300px ;
 margin: 0 auto ;
 b order: 1px solid #000 ;
 height: 95px ;
}

#leiste_oben_center_inner_neu{
 position: relative ;
}

#leiste_oben_neu_logo{
 float: left ;
 width: 300px ;
 margin-top: 17px ;
 margin-left: 10px ;
}

img.logo_mf24_weiss_startseite_neu{
 max-width: 100% ;
}

#leiste_oben_neu_text{
 margin-left: 100px ;
 padding-top: 15px ;
 line-height: 1.3 ;
 font-size: 16px ;
}


#leiste_oben_neu_einkaufswagen{

 position: absolute ;
 right: 0px ;
}

#einkaufswagen_neu{
 position: relative ;
 text-align: center ;
}

#leiste_oben_neu_menu_button{
 display: none ;
 position: absolute ;
 right: 20px ;
 margin-top: 27px ;
}

div.leiste_oben_neu_text_teil_3{
 color: #051138 ;
}

div.leiste_oben_neu_text_teil_2{
 color: #051138 ;
}

div.leiste_oben_neu_text_teil_1{
 color: #0460BB ;
}




#menu_haupt_div{
 width: 100% ;
}

#menu_haupt_center_div{
 max-width: 1200px ;
 min-width: 300px ;
 margin: 0 auto ;
}





#leiste_oben_menu_neu{
 width: 100% ;
 text-align: center ;
}

#leiste_oben_menu_center_neu{
 height: 70px ;
 border: 1px solid #000 ;
 margin-top: 5px ;
 margin-bottom: 10px ;
}

#leiste_oben_menu_center_inner_neu{
 display: inline-block ;
 vertical-align: top ;
}

#leiste_oben_menu_center_logo_neu{
 padding: 10px 10px 10px 0px ;
}

div.buttonMenuNeu{
 padding-right: 20px ;
}

#buttonMenuNeuZusammen{
 font-size: 18px ;
 padding-top: 20px ;
}

#buttonMenuKonfiguratorStartenNeu{
 margin-top: 14px ;
 font-size: 18px ;
 padding: 5px 10px 5px 10px ;
 background-color: #00B900 ;
 border: 1px solid #000 ;
 border-radius: 5px ;
}

a.buttonMenuNeu, a.buttonMenuSmartphoneNeu{
 text-decoration: none ;
 color: #000 ;
}

a.buttonMenuNeu:hover, a.buttonMenuSmartphoneNeu:hover{
 color: #000 ;
}

a.buttonMenuKonfiguratorStartenNeu{
 color: #fff ;
}















div.buttonMenuSmartphoneNeu{
 font-size: 24px ;
 border-bottom: 1px solid #cccccc ;
}

div.buttonMenuSmartphoneNeuKonfigurator{
 background-color: #B2D6FF ;
}


#leiste_oben_menu_smartphone_neu{
 display: none ;
 width: 100% ;
 text-align: center ;
 border-bottom: 1px solid #000 ;
}

#leiste_oben_menu_center_smartphone_neu{
 width: 100% ;
}



div.abstandNachOben{
 margin-top: 10px ;
}

div.abstandNachRechts30{
 margin-right: 30px ;
}

div.abstandNachUnten{
 margin-bottom: 10px ;
}

div.abstandNachOben30{
 margin-top: 30px ;
}

div.abstandNachUnten30{
 margin-bottom: 30px ;
}

div.abstandNachOben50{
 margin-top: 50px ;
}

div.abstandNachRechts30{
 margin-right: 30px ;
}

div.abstandNachLinks30{
 margin-left: 30px ;
}

div.abstandNachOben50{
 margin-top: 50px ;
}

div.abstandNachUnten50{
 margin-bottom: 50px ;
}

div.borderRundUm{
 b order: 1px solid #000 ;
 border: 1px solid #ccc ;
}

div.StoProzentWidth{
 width: 100% ;
}

div.divCenter{
 text-align: center ;
}

#imgFensterStartSeite{
 width: 30% ;
 float: left ;
}

#imgLKWStartSeite{
 width: 60% ;
 float: left ;
}


img.imgFensterStartSeite{
 max-width: 100% ;
}

img.imgFensterStartSeiteLogos{
 width: 100px ;
}

#txtFensterStartSeite{
 float: left ;
 width: 70% ;
 margin-top: 50px ;
}

#buttonKonfiguratorFensterStartSeite{
 b order: 1px solid #000 ;
 max-width: 300px ;
 text-align: center ;
 padding: 10px ;
 background-color: #00B900 ;
 border-radius: 5px ;
}

#buttonKonfiguratorFensterStartSeiteAnkerLieferZeiten, div#buttonKonfiguratorFensterStartSeiteAnkerLieferKosten{
 max-width: 300px ;
 text-align: center ;
 padding: 10px ;
 background-color: #0B8BCC ;
 border-radius: 5px ;
}

a.buttonKonfiguratorFensterStartSeite{
 color: #fff ;
}

font.txtFensterStartSeiteUberschrift{
 font-weight: bold ;
 font-size: 20px ;
}

div.startseiteInlineBoxen{
 display: inline-block ;
}

div.startseiteInlineBoxenMin400{
 width: 300px ;
}

div.marginAuto{
 margin: 0 auto ;
}

div.buttonKonfiguratorFensterStartSeiteZwischen{
 b order: 1px solid #000 ;
 max-width: 270px ;
 text-align: center ;
 p adding: 10px ;
 b ackground-color: #00B900 ;
 b order-radius: 5px ;
}

div.imgFensterStartSeiteLogosAbstand{
 margin: 20px ;
}





div.imgKundenstimmenStartSeite{
 width: 15% ;
 margin-left: 20px ;
}

div.txtKundenstimmenStartSeite{
 width: 70% ;
 margin-left: 20px ;
}

img.imgKundenstimmenStartSeite{
 max-width: 100% ;
}







div.imgFensterStartSeiteLieferkosten{
 width: 80px ;
 margin-left: 30px ;
}

img.imgFensterStartSeiteLieferkosten{
 max-width: 100% ;
}

div.txtFensterStartSeiteLieferkosten{
 width: 70% ;
 margin-left: 20px ;
 padding-top: 25px ;
}


font.txtFensterStartSeiteLieferkostenHell{
 color: #9D9D9D ;
}

font.txtFensterStartSeiteLieferkostenDunkel{
 f ont-size: 20px ;
}

div.txtKundenstimmenContentStartSeite{

}

div.txtKundenstimmenUnterschriftStartSeite{
 margin-top:20px ;
 font-weight: bold ;
}

div.konfiguratorStartenButtonInnerStartSeite{
 font-size: 20px ;
}

td._versandkosten{
 text-align: left ;
 padding-right:20px ;
}

img._zahlungsart{
 width: 150px ;
}

div._zahlungsartImg{
 margin-left: 40px ;
}





#dk_zusammen{
 width: 100% ;
}

#dk_zusammen_inner{
 max-width: 800px ;
 margin: 0 auto ;
}

#dk_zusammen_grafik{
 width: 250px ;
}

#dk_zusammen_typ{
 max-width: 400px ;
 font-size: 20px ;
 margin-left: 20px ;
}

div.dk_weiterKaufenAlternativeImInfo{
 width: 100% ;
 margin-top: 10px ;
}

div.dk_weiterKaufenAlternativeButtonImInfo{
 width: 150px ;
 padding: 15px ;
 background-color: #dbdbdb ;
 color: #fff ;
 text-align: center ;
 font-size: 16px ;
 border-radius: 5px ;
}

ul.datenschutz{
 padding-left: 30px ;
}

a.datenschutz{
 text-decoration: underline ;
}

a.datenschutz_nach_oben{
 font-size: 12px ;
 padding-left: 10px ;
 text-decoration: underline ;
}

a.datenschutz_name{
 text-decoration: underline ;
}

img.katalog{
 max-width: 100% ;
}

textarea.kontaktNachricht{
 width: 80% ;
 padding: 5px ;
}

input.kontaktKontaktdaten, input.kontaktCaptcher{
 padding: 5px ;
 width: 350px ;
 margin-top: 10px ;
 margin-bottom: 10px ;
}

img.captchaZeichen{
 b order: 1px solid #ff0000 ;
}

#chat_client_button{
 position: fixed ;
 width: 100px ;
 padding-top: 7px ;
 padding-bottom: 7px ;
 background: #65B2FF ;
 right: 0px ;
 bottom: 50% ;
 text-align: center ;
 color: #fff ;
 cursor: pointer ;
 z-index: 999998 ;
 border-top-left-radius: 8px ;
}

#chat_client{
 position: fixed ;
 display: none ;
 width: 320px ;
 height: 350px ;
 right: 10px ;
 bottom: 50% ;
 background: #fff ;
 z-index: 999999 ;
 box-shadow: 0 -5px 50px 0 rgba(0, 0, 0, .3) ;
}

#chat_client_head{
 padding: 5px ;
 height: 30px ;
 background: #65B2FF ;
}

div.chat_client_head_uberschrift{
 width: 265px ;
 text-align: left ;
 color: #fff ;
 padding-left: 15px ;
}

div.chat_client_head_x{
 width: 30px ;
 text-align: right ;
}


#chat_client_verlauf{
 width: 308px ;
 padding-left: 5px ;
 padding-right: 5px ;
 padding-bottom: 5px ;
 height: 180px ;
 margin: 20px auto ;
 overflow-y: scroll ;
 background: #fff ;
 word-wrap: break-word ;
 word-break: break-all ;
 font-size: 12px ;
}

#chat_client_nachricht_zusammen{
 width: 280px ;
 margin: 0px auto ;
 border-top: 1px solid #65B2FF ;
 padding-top: 10px ;
}

#chat_client_nachricht{
 width: 228px ;
 height: 60px ;
 background: #fff ;
 border-radius: 8px ;
}

#chat_client_input_nachricht{
 width: 223px ;
 border: none ;
 border-radius: 8px ;
 height: 60px ;
 padding-left: 5px ;
 resize: none ;
 outline: none;
 -webkit-box-shadow: none ;
 -moz-box-shadow: none ;
 box-shadow: none ;
}

#chat_client_senden{
 margin-left: 10px ;
 width: 40px ;
 height: 32px ;
 background: #00B900 ;
 border-radius: 3px ;
}

div.chat_client_user{
 font-weight: bold ;
}

div.chat_client_user_nachricht{

}

div.chat_client_user_zeit{
 text-align: right ;
 color: #959595 ;
 font-size: 10px ;
}

div.chat_client_wokle_user, div.chat_client_wokle_shop{
 width: 200px ;
 margin-top: 10px ;
 padding: 5px 8px 3px 8px ;
 box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, .1) ;
}

div.chat_client_wokle_user{
 background: #FFF4D0 ;
 border-bottom-left-radius: 8px ;
 border-top-right-radius: 8px ;
}

div.chat_client_wokle_shop{
 margin-left: 80px ;
 background: #EEEDFF ;
 border-bottom-left-radius: 8px ;
 border-top-right-radius: 8px ;
}

#chat_client_verlauf::-webkit-scrollbar {
 width: 6px;
 background-color: #F5F5F5;
} 

#chat_client_verlauf::-webkit-scrollbar-thumb {
 background-color: #000 ;
}

#chat_client_verlauf::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) ;
 background-color: #F5F5F5 ;
}

div.roterBorder{
 border: 1px solid blue ;
}

div.warenkorb_icons{
 display: inline-block ;
 margin-right: 20px ;
}

div.warenkorb_icons_zusammen{
 margin-top: 20px ;
 margin-bottom: 20px ;
 text-align: center ;
}

div.inother_katalog{
 border: 1px solid #000 ;
 height: 50vh ;
 max-width: 100% ;
 margin-bottom: 10px ;
}

object.inother_katalog{
 width: 100% ;
 height: 100% ;
}

div.seitenpadding{
 padding-left: 20px ;
 padding-right: 20px ;
}

div.f_und_t_center{
 text-align: center ;
 background-color: #F0F0F0 ;
 padding: 10px 0px 10px 0px ;
 font-size: 1.5em ;
 border-radius: 5px ;
}

font.farben_lieferzeit{
 color: #ff0000 ;
 font-size: 0.8em;
 f ont-family: Trebuchet MS, Arial;
 line-height: 1.5;
}

font.sonder_lieferzeit{
 color: #ff0000 ;
 f ont-weight: bold ;
}

div.k_f_s_grafik{
 position: relative ;
 width: 100% ;
 height: 120px ;
 margin-bottom: 20px ;
}

div.k_f_s_grafik_streifen{
 position: absolute ;
 bottom: 0px ;
 width: 100% ;
 height: 30px ;
 background-color: #F0F0F0 ;
 border-radius: 5px ;
}

div.k_f_s_grafik_inner{
 position: absolute ;
 bottom: 5px ;
 left: calc(50% - 100px) ;
 width: 200px ;
 margin: 0 auto ;
 text-align: center ;
}

img.k_f_s_grafik{
 width: 200px ;
}

div.fuss_trenn_div{
 height: 12px ;
}

div.weiterKaufenAlternativeButtonDetails{
 margin: 0 auto ;
 width: 100px ;
 padding: 3px ;
 background-color: #0096FF ;
 color: #fff ;
 text-align: center ;
 border-radius: 5px ;
}

div.unserSortimentEinzelnBaunePreis{
 
}

font.unserSortimentEinzelnBaunePreis{
 font-size: 1.5em;
 line-height: 1.5;
 color: #000;
 font-weight: bold;
}


div.unserSortimentDetailsGrafik{
 margin: 0 auto ;
 text-align: center ;
}

img.unserSortimentDetailsGrafik{
 max-width: 400px ;
}

div.inothermHausturenAluButton{
 margin: 0 auto ;
 width: 200px ;
}