@charset "UTF-8";
/* Stand Jun 2023 | V 4.00 */

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat-v31-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v31-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v31-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}





*{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


html{
font-size:10px;
}

/* Font Families */
body, ol, ul, fieldset, table th, table td, .form-field *, input, select{
	font-family:'Montserrat';
	font-weight:400;
	line-height:1.5;
	overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family:"Montserrat";
	font-weight:400;
	line-height:1.2;
}
p.con{font-weight:400;}

p.smaller > small {font-size:1.4rem;}
p.smallest {font-size:1.1rem;}


/* Text Größen */
body, ol, ul, fieldset, table th, table td, .form-field *, input, select{font-size:2rem;}
h1, .h1{font-size:9.5rem;}
h2, .h2{font-size:6.5rem;}
h3, .h3{font-size:5.6rem;}
h4, .h4{font-size:3rem;}
h5, .h5{font-size:1.8rem;}
h6, .h6{font-size:1.8rem;}

h4.big, .h4.big{font-size:4rem;}

.medium{font-weight:500}

/* Text Farben */
body{color:#fff;}
.primary{color: #d7b76a;}
.primary-a{color: rgba(215,183,106,.5);}
.secondary{color:#594d31;}
.third{color:#b11226;}
.fourth{color:#F54A1B;}
.fifth{color:#F5CC1B;}
.white{color:#ffffff;}
.lightergrey{color:#f4f4f4;}
.lightgrey{color:#e5e5e5;}
.grey{color:#888888;}
.darkgrey{color:#484848;}
.darkergrey{color:#141414;}
.black{color:#090c13;}
.success{color:#64E66D;}
.warning{color:#FFC121;}
.error{color:#E65338;}




/* BG Farben 
body{background-color:#00071a;}*/
body{background-color:#011434;}
.bg-primary{background-color:#d7b76a!important;}
.bg-primary-a{background-color:#d7b76a85!important;}
.bg-primary-aa{background-color:#d7b76a15!important;}

.bg-secondary{background-color:#594d31!important;}
.bg-secondary-a{background-color:#594d3185!important;}
.bg-secondary-aa{background-color:#594d3115!important;}

.bg-third{background-color:#b11226!important;}
.bg-third-a{background-color:#b1122685!important;}
.bg-third-aa{background-color:#b1122615!important;}

.bg-fourth{background-color:#F54A1B!important;}
.bg-fourth-a{background-color:#F54A1B85!important;}
.bg-fourth-aa{background-color:#F54A1B15!important;}

.bg-fifth{background-color:#F5CC1B!important;}
.bg-fifth-a{background-color:#F5CC1B85!important;}
.bg-fifth-aa{background-color:#F5CC1B15!important;}

.bg-white{background-color:#ffffff!important;}
.bg-white-a{background-color:#ffffff85!important;}
.bg-white-aa{background-color:#ffffff15!important;}

.bg-lightergrey{background-color:#f4f4f4!important;}
.bg-lightergrey-a{background-color:#f4f4f485!important;}
.bg-lightergrey-aa{background-color:#f4f4f415!important;}

.bg-lightgrey{background-color:#e5e5e5!important;}
.bg-lightgrey-a{background-color:#e5e5e585!important;}
.bg-lightgrey-aa{background-color:#e5e5e515!important;}

.bg-grey{background-color:#919191!important;}
.bg-grey-a{background-color:#91919185!important;}
.bg-grey-aa{background-color:#91919115!important;}

.bg-darkgrey{background-color:#00071a!important;}
.bg-darkgrey-a{background-color:#00071a85!important;}
.bg-darkgrey-aa{background-color:#00071a15!important;}

.bg-darkergrey{background-color:#00071a!important;}
.bg-darkergrey-a{background-color:#00071a85!important;}
.bg-darkergrey-aa{background-color:#00071a15!important;}

.bg-black{background-color:#17171b!important;}
.bg-black-a{background-color:#090c1385!important;}
.bg-black-aa{background-color:#090c1315!important;}

.bg-success{background-color:#64E66D!important}
.bg-success-a{background-color:#64E66D85!important}
.bg-success-aa{background-color:#64E66D15!important}

.bg-warning{background-color:#FFC121!important}
.bg-warning-a{background-color:#FFC12185!important}
.bg-warning-aa{background-color:#FFC12115!important}

.bg-error{background-color:#E65338!important}
.bg-error-a{background-color:#E6533885!important}
.bg-error-aa{background-color:#E6533815!important}

.bg-blue{background-color: #011434 !important;}


/* Allgemein */
* {margin:0;padding:0;border:0;outline:none;-webkit-text-adjust: none;box-sizing:border-box;}
html{font-family:Arial, sans-serif;}
header, main, footer, section, area, aside, blockquote{display:block;}
p,ol,ul,fieldset{margin-bottom:20px;}
strong, .strong{font-weight:bold;}small, .small{font-size:1.8rem;}em, .em{font-style:italic;}.ttu{text-transform:uppercase;} .tal{text-align:left;} .tac{text-align:center;} .tar{text-align:right;}
a{color:#008BCD;text-decoration:none;}a:hover{text-decoration:none;color:#000000;}


/* Areas */
.xl-area{padding-top:200px;padding-bottom:200px;}
.area{padding-top:150px;padding-bottom:150px;}
.m-area{padding-top:60px;padding-bottom:60px;}
.s-area{padding-top:40px;padding-bottom:40px;}
.xs-area{padding-top:20px;padding-bottom:20px;}

.area-group + .area-group{padding-top:0;}.area-group + .area-group + .area-group{padding-top:0;}.area-group + .area-group + .area-group + .area-group{padding-top:0;}.area-group + .area-group + .area-group + .area-group + .area-group{padding-top:0;}.area-group + .area-group + .area-group + .area-group + .area-group + .area-group{padding-top:0;}.area-group + .area-group + .area-group + .area-group + .area-group + .area-group + .area-group{padding-top:0;}.area-group + .area-group + .area-group + .area-group + .area-group + .area-group + .area-group + .area-group{padding-top:0;}.area-group + .area-group + .area-group + .area-group + .area-group + .area-group + .area-group + .area-group + .area-group{padding-top:0;}.area-group + .area-group + .area-group + .area-group + .area-group + .area-group + .area-group + .area-group + .area-group + .area-group{padding-top:0;}.area-group + .area-group + .area-group + .area-group + .area-group + .area-group + .area-group + .area-group + .area-group + .area-group + .area-group{padding-top:0;}

.switch-order:nth-of-type(2n) .w50:nth-of-type(1){order:2;}
.ovrly{position:absolute; left:0; top:0; right:0; margin:0 auto; width:100%; height:100%; display:flex; align-items:center; justify-content:center; z-index:1;}

/* Centered */
.ovrly, .centered{max-width:1760px;}
.centered-small{max-width:1200px;}
.centered-big{max-width:1920px;}

.centered,
.centered-small, 
.centered-big{width:100%;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;}


/* Flex layout */
.flx{display:flex;flex-wrap:wrap;}
.flx-cnt{display:flex;justify-content:center;flex-wrap:wrap;}
.flx-spc{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flx-vend{display:flex;align-items:flex-end;}
.flx-vstrt{display:flex;align-items:flex-start;}
.flx-vcnt{display:flex;flex-direction:column;justify-content:center;}
.flx-hend{display:flex;justify-content:flex-end;}
.flx-hstrt{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.flx-hcnt{display:flex;justify-content:center;}
.flx-wrap{display:flex;flex-wrap:wrap;}
.flx-nowrap{display:flex;flex-wrap:nowrap;}
.flx-acnt{display:flex;align-items:center;}
.flx-rnd{display:flex;justify-content:space-around;flex-wrap:wrap;}
.flx-strtch{display:flex;align-items:stretch;}
.flx-vnly{display:flex;align-items:flex-start;justify-content:space-evenly;flex-wrap:wrap;}
.flx-margined > div{margin-left:.5%;margin-right:.5%;}

.flx-1 {flex: 1;}

.gap10{gap:10px;}.gap20{gap:20px;}.gap30{gap:30px;}.gap40{gap:40px;}.gap50{gap:50px;}.gap60{gap:60px;}.gap70{gap:70px;}.gap80{gap:80px;}.gap90{gap:90px;}.gap100{gap:100px;}

/* Positionierung */
.z1,.z2,.z3,.z4,.z5,.z6,.z7,.z8,.z9{position:relative;}
.z1{z-index:1;}.z2{z-index:2;}.z3{z-index:3;}.z4{z-index:4;}.z5{z-index:5;}.z6{z-index:6;}.z7{z-index:7;}.z8{z-index:8;}.z9{z-index:9;}

.posrel{position:relative;}
.posabs-lb{position:absolute;left:0;bottom:0;}
.posabs-rb{position:absolute;right:0;bottom:0;}
.posabs-lt{position:absolute;left:0;top:0;}
.posabs-rt{position:absolute;right:0;top:0;}

.pos-sticky{position:sticky;top:0;}

/* Widths */
.w5{width:4%!important;}.w5-f{width:5%!important;}.w10{width:9%!important;}.w10-f{width:10%!important;}.w15{width:14%!important;}.w15-f{width:15%!important;}.w20{width:19%!important;}.w20-f{width:20%!important;}.w25{width:24%!important;}.w25-f{width:25%!important;}.w30{width:29%!important;}.w30-f{width:30%!important;}.w35{width:34%!important;}.w35-f{width:35%!important;}.w40{width:39%!important;}.w40-f{width:40%!important;}.w45{width:44%!important;}.w45-f{width:45%!important;}.w50{width:49%!important;}.w50-f{width:50%!important;}.w55{width:54%!important;}.w55-f{width:55%!important;}.w60{width:59%!important;}.w60-f{width:60%!important;}.w65{width:64%!important;}.w65-f{width:65%!important;}.w70{width:69%!important;}.w70-f{width:70%!important;}.w75{width:74%!important;}.w75-f{width:75%!important;}.w80{width:79%!important;}.w80-f{width:80%!important;}.w85{width:84%!important;}.w85-f{width:85%!important;}.w90{width:89%!important;}.w90-f{width:90%!important;}.w95{width:94%!important;}.w95-f{width:95%!important;}.w100{width:100%!important}
.w33{width:32%!important;}.w33-f{width:33%!important;}.w66{width:65%!important;}.w66-f{width:66%!important;}
.maxw100{max-width:100%;}.minw100{min-width:100%;}
.maxh100{max-height:100%;}.minh100{min-width:100%;}


/* Margin */
.mauto{margin:auto;}
.m0{margin:0px!important}.mt0{margin-top:0px!important}.mb0{margin-bottom:0px!important}.ml0{margin-left:0px!important}.mr0{margin-right:0px!important}.m5{margin:5px!important}.mt5{margin-top:5px!important}.mb5{margin-bottom:5px!important}.ml5{margin-left:5px!important}.mr5{margin-right:5px!important}.m10{margin:10px!important}.mt10{margin-top:10px!important}.mb10{margin-bottom:10px!important}.ml10{margin-left:10px!important}.mr10{margin-right:10px!important}.m15{margin:15px!important}.mt15{margin-top:15px!important}.mb15{margin-bottom:15px!important}.ml15{margin-left:15px!important}.mr15{margin-right:15px!important}.m20{margin:20px!important}.mt20{margin-top:20px!important}.mb20{margin-bottom:20px!important}.ml20{margin-left:20px!important}.mr20{margin-right:20px!important}.m25{margin:25px!important}.mt25{margin-top:25px!important}.mb25{margin-bottom:25px!important}.ml25{margin-left:25px!important}.mr25{margin-right:25px!important}.m30{margin:30px!important}.mt30{margin-top:30px!important}.mb30{margin-bottom:30px!important}.ml30{margin-left:30px!important}.mr30{margin-right:30px!important}.m35{margin:35px!important}.mt35{margin-top:35px!important}.mb35{margin-bottom:35px!important}.ml35{margin-left:35px!important}.mr35{margin-right:35px!important}.m40{margin:40px!important}.mt40{margin-top:40px!important}.mb40{margin-bottom:40px!important}.ml40{margin-left:40px!important}.mr40{margin-right:40px!important}.m45{margin:45px!important}.mt45{margin-top:45px!important}.mb45{margin-bottom:45px!important}.ml45{margin-left:45px!important}.mr45{margin-right:45px!important}.m50{margin:50px!important}.mt50{margin-top:50px!important}.mb50{margin-bottom:50px!important}.ml50{margin-left:50px!important}.mr50{margin-right:50px!important}.m55{margin:55px!important}.mt55{margin-top:55px!important}.mb55{margin-bottom:55px!important}.ml55{margin-left:55px!important}.mr55{margin-right:55px!important}.m60{margin:60px!important}.mt60{margin-top:60px!important}.mb60{margin-bottom:60px!important}.ml60{margin-left:60px!important}.mr60{margin-right:60px!important}.m65{margin:65px!important}.mt65{margin-top:65px!important}.mb65{margin-bottom:65px!important}.ml65{margin-left:65px!important}.mr65{margin-right:65px!important}.m70{margin:70px!important}.mt70{margin-top:70px!important}.mb70{margin-bottom:70px!important}.ml70{margin-left:70px!important}.mr70{margin-right:70px!important}.m75{margin:75px!important}.mt75{margin-top:75px!important}.mb75{margin-bottom:75px!important}.ml75{margin-left:75px!important}.mr75{margin-right:75px!important}.m80{margin:80px!important}.mt80{margin-top:80px!important}.mb80{margin-bottom:80px!important}.ml80{margin-left:80px!important}.mr80{margin-right:80px!important}.m85{margin:85px!important}.mt85{margin-top:85px!important}.mb85{margin-bottom:85px!important}.ml85{margin-left:85px!important}.mr85{margin-right:85px!important}.m90{margin:90px!important}.mt90{margin-top:90px!important}.mb90{margin-bottom:90px!important}.ml90{margin-left:90px!important}.mr90{margin-right:90px!important}.m95{margin:95px!important}.mt95{margin-top:95px!important}.mb95{margin-bottom:95px!important}.ml95{margin-left:95px!important}.mr95{margin-right:95px!important}.m100{margin:100px!important}.mt100{margin-top:100px!important}.mb100{margin-bottom:100px!important}.ml100{margin-left:100px!important}.mr100{margin-right:100px!important}




/* Padding */

.p0{padding:0px!important}.pt0{padding-top:0px!important}.pb0{padding-bottom:0px!important}.pl0{padding-left:0px!important}.pr0{padding-right:0px!important}.p5{padding:5px!important}.pt5{padding-top:5px!important}.pb5{padding-bottom:5px!important}.pl5{padding-left:5px!important}.pr5{padding-right:5px!important}.p10{padding:10px!important}.pt10{padding-top:10px!important}.pb10{padding-bottom:10px!important}.pl10{padding-left:10px!important}.pr10{padding-right:10px!important}.p15{padding:15px!important}.pt15{padding-top:15px!important}.pb15{padding-bottom:15px!important}.pl15{padding-left:15px!important}.pr15{padding-right:15px!important}.p20{padding:20px!important}.pt20{padding-top:20px!important}.pb20{padding-bottom:20px!important}.pl20{padding-left:20px!important}.pr20{padding-right:20px!important}.p25{padding:25px!important}.pt25{padding-top:25px!important}.pb25{padding-bottom:25px!important}.pl25{padding-left:25px!important}.pr25{padding-right:25px!important}.p30{padding:30px!important}.pt30{padding-top:30px!important}.pb30{padding-bottom:30px!important}.pl30{padding-left:30px!important}.pr30{padding-right:30px!important}.p35{padding:35px!important}.pt35{padding-top:35px!important}.pb35{padding-bottom:35px!important}.pl35{padding-left:35px!important}.pr35{padding-right:35px!important}.p40{padding:40px!important}.pt40{padding-top:40px!important}.pb40{padding-bottom:40px!important}.pl40{padding-left:40px!important}.pr40{padding-right:40px!important}.p45{padding:45px!important}.pt45{padding-top:45px!important}.pb45{padding-bottom:45px!important}.pl45{padding-left:45px!important}.pr45{padding-right:45px!important}.p50{padding:50px!important}.pt50{padding-top:50px!important}.pb50{padding-bottom:50px!important}.pl50{padding-left:50px!important}.pr50{padding-right:50px!important}.p55{padding:55px!important}.pt55{padding-top:55px!important}.pb55{padding-bottom:55px!important}.pl55{padding-left:55px!important}.pr55{padding-right:55px!important}.p60{padding:60px!important}.pt60{padding-top:60px!important}.pb60{padding-bottom:60px!important}.pl60{padding-left:60px!important}.pr60{padding-right:60px!important}.p65{padding:65px!important}.pt65{padding-top:65px!important}.pb65{padding-bottom:65px!important}.pl65{padding-left:65px!important}.pr65{padding-right:65px!important}.p70{padding:70px!important}.pt70{padding-top:70px!important}.pb70{padding-bottom:70px!important}.pl70{padding-left:70px!important}.pr70{padding-right:70px!important}.p75{padding:75px!important}.pt75{padding-top:75px!important}.pb75{padding-bottom:75px!important}.pl75{padding-left:75px!important}.pr75{padding-right:75px!important}.p80{padding:80px!important}.pt80{padding-top:80px!important}.pb80{padding-bottom:80px!important}.pl80{padding-left:80px!important}.pr80{padding-right:80px!important}.p85{padding:85px!important}.pt85{padding-top:85px!important}.pb85{padding-bottom:85px!important}.pl85{padding-left:85px!important}.pr85{padding-right:85px!important}.p90{padding:90px!important}.pt90{padding-top:90px!important}.pb90{padding-bottom:90px!important}.pl90{padding-left:90px!important}.pr90{padding-right:90px!important}.p95{padding:95px!important}.pt95{padding-top:95px!important}.pb95{padding-bottom:95px!important}.pl95{padding-left:95px!important}.pr95{padding-right:95px!important}.p100{padding:100px!important}.pt100{padding-top:100px!important}.pb100{padding-bottom:100px!important}.pl100{padding-left:100px!important}.pr100{padding-right:100px!important}


/* Lists */
ul.no-list {
  list-style: none;
}

ul.link-list{
	list-style:none;
	margin:0;
}

ul.link-list a{
	display:block;
	padding:5px;
}

ul.link-list.white a{
	color:#fff;
}

ul.link-list.white a:hover{
	opacity:.6;
}

ul.inline-list{list-style:none;display:flex;align-items:center;padding:0;}
ul.inline-list li{display:inline-block;}
ul.inline-list a{display:block;padding:0 8px;}

ul.fa-list{list-style:none;padding:0;} ul.fa-list:before{content:"";display:none;}
ul.fa-list li{display:block;position:relative;padding-left:25px;}
ul.fa-list li:before{display:block;font-family:"Font Awesome 6 Free";font-weight:900;color:#090c13;position:absolute;left:0;top:0;}
ul.fa-list li:not([class]):before{content:"\f14a";}
ul.fa-list.fa-plus li:not([class]):before{content:"\f067";}

ul.fa-list.fa-list-primary li:before{color: #d7b76a;}
ul.fa-list.fa-list-secondary li:before{color:#594d31;}
ul.fa-list.fa-list-third li:before{color:#b11226;}
ul.fa-list.fa-list-fourth li:before{color:#F54A1B;}
ul.fa-list.fa-list-fifth li:before{color:#F5CC1B;}
ul.fa-list.fa-list-white li:before{color:#ffffff;}
ul.fa-list.fa-list-lightergrey li:before{color:#f4f4f4;}
ul.fa-list.fa-list-lightgrey li:before{color:#e5e5e5;}
ul.fa-list.fa-list-grey li:before{color:#919191;}
ul.fa-list.fa-list-darkgrey li:before{color:#484848;}
ul.fa-list.fa-list-darkergrey li:before{color:#141414;}
ul.fa-list.fa-list-black li:before{color:#090c13;}
ul.fa-list.fa-list-success li:before{color:#64E66D;}
ul.fa-list.fa-list-warning li:before{color:#FFC121;}
ul.fa-list.fa-list-error li:before{color:#E65338;}




.bigger .h1{font-size:9.6rem;line-height:1;}
.bigger .h2{font-size:4rem;}
.bigger ul.fa-list{font-size:3.6rem;font-weight:800;}
.bigger ul.fa-list li{padding-left:50px;}



/* Hr */
hr{display:block;width:100%;border:none;border-bottom:1px solid rgba(0,0,0,1);margin:20px 0 20px;}
hr.dashed{border-bottom-style:dashed;}
hr.dotted{border-bottom-style:dotted;}
hr.double{border-bottom-style:double;}
hr.groove{border-bottom-style:groove;}

hr.primary{border-color: #d7b76a;}
hr.secondary{border-color:#594d31;}
hr.third{border-color:#b11226;}
hr.fourth{border-color:#F54A1B;}
hr.fifth{border-color:#F5CC1B;}
hr.white{border-color:#ffffff;}
hr.lightergrey{border-color:#f4f4f4;}
hr.lightgrey{border-color:#e5e5e5;}
hr.grey{border-color:#919191;}
hr.darkgrey{border-color:#484848;}
hr.darkergrey{border-color:#141414;}
hr.black{border-color:#090c13;}
hr.success{border-color:#64E66D;}
hr.warning{border-color:#FFC121;}
hr.error{border-color:#E65338;}




.videowrapper{position:relative;padding-bottom: 56.25%;height:0;}.videowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}








.col2{ column-count:2; column-gap: 80px;}

.rnd{border-radius:5px;}.rndx2{border-radius:10px;}.rndx3{border-radius:20px;}
.rndx4{border-radius:40px;}.rounded{border-radius:10000px;}

.order1{order:1;}.order2{order:2;}.order3{order:3;}.order4{order:4;}.order5{order:5;}.order6{order:6;}.order7{order:7;}.order8{order:8;}.order9{order:9;}.order10{order:10;}
.op0{opacity:0;}.op05{opacity:.05;}.op10{opacity:.1;}.op15{opacity:.15;}.op20{opacity:.2;}.op25{opacity:.25;}.op30{opacity:.3;}.op35{opacity:.35;}.op40{opacity:.4;}.op45{opacity:.45;}.op50{opacity:.5;}.op55{opacity:.55;}.op60{opacity:.6;}.op65{opacity:.65;}.op70{opacity:.7;}.op75{opacity:.75;}.op80{opacity:.8;}.op85{opacity:.85;}.op90{opacity:.9;}.op95{opacity:.95}
.block{display:block;}
.inline-block{display:inline-block;}
img.block{max-width:100%;height:auto;margin-left:auto;margin-right:auto;}



table {
	border-collapse:collapse;
	font-size:14px;
	border:none;
}

table td, table th{
	padding:5px 5px;
	text-align:left;
	vertical-align:top;
	border:1px solid rgba(0,0,0,.2);
}


#popwrapper{display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;width:100%;height:100%;z-index:9001;}
#popwrapper.active{display:flex;}
#popovrly{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
#popdetails{display:flex;justify-content:space-between;align-items:stretch;width:800px;max-width:95vw;max-height:80vh;padding:20px;background:#fff;box-shadow:5px 10px 20px 1px rgba(0,0,0,.5);overflow-y:auto;z-index:1;}
#popdetails > aside{display:block;width:10%;order:2;position:relative;}
.popinner{display:none;width:90%;order:0;}
.popinner.active{display:block;}
a#popclose{position:sticky;top:0;display:block;text-decoration:none;color:#3d4651;font-size:14px;width:100%;text-align:right;font-size:16px;line-height:1;}



.overflow-fix{overflow-x:hidden;}
.overflow-hidden{overflow:hidden;}
.xl-hide{display:none!important}




/* Buttons */
.btn{ 
	display:inline-block;
	background: #17171b;
	color: #fff;
	text-decoration:none;
	padding:10px ;
	border:2px solid #17171b;
	text-align:center;
	max-width:100%;
	cursor:pointer!important;
	font-family:"Montserrat";
	font-size:16px;
	border-radius:5px;
	font-weight:800;
}

.btn.btn-small{
	font-size:smaller;
	padding:4px 8px;
}

.btn.btn-big{
	padding:26px 60px;
	font-size:20px;
}

.btn:hover{
	color:#17171b;
	background:#fff;
}

.btn.btn-primary{background-color: #d7b76a; border-color: #d7b76a;}
.btn.btn-primary:hover{background-color: #ffffff; color: #d7b76a;}

.btn.btn-secondary{background-color: #594d31; border-color: #594d31;}
.btn.btn-secondary:hover{background-color: #ffffff; color: #594d31;}

.btn.btn-third{background-color: #b11226; border-color: #b11226;}
.btn.btn-third:hover{background-color: #ffffff; color: #b11226;}

.btn.btn-fourth{background-color: #F54A1B; border-color: #F54A1B;}
.btn.btn-fourth:hover{background-color: #ffffff; color: #F54A1B;}

.btn.btn-fifth{background-color: #F5CC1B; border-color: #F5CC1B;}
.btn.btn-fifth:hover{background-color: #ffffff; color: #F5CC1B;}

.btn.btn-white{background-color: #ffffff; border-color: #ffffff;color: #090c13}
.btn.btn-white:hover{background-color: #d7b76a; color: #ffffff;}

.btn.btn-lightergrey{background-color: #f4f4f4; border-color: #f4f4f4;color: #090c13}
.btn.btn-lightergrey:hover{background-color: #000000; color: #f4f4f4;}

.btn.btn-lightgrey{background-color: #e5e5e5; border-color: #e5e5e5;color: #090c13}
.btn.btn-lightgrey:hover{background-color: #000000; color: #e5e5e5;}

.btn.btn-grey{background-color: #919191; border-color: #919191;}
.btn.btn-grey:hover{background-color: #ffffff; color: #919191;}

.btn.btn-darkgrey{background-color: #484848; border-color: #484848;}
.btn.btn-darkgrey:hover{background-color: #ffffff; color: #484848;}

.btn.btn-darkergrey{background-color: #141414; border-color: #141414;}
.btn.btn-darkergrey:hover{background-color: #ffffff; color: #141414;}

.btn.btn-black{background-color: #090c13; border-color: #090c13;}
.btn.btn-black:hover{background-color: #ffffff; color: #090c13;}

.btn.btn-success{background-color: #64E66D; border-color: #64E66D;}
.btn.btn-success:hover{background-color: #ffffff; color: #64E66D;}

.btn.btn-warning{background-color: #FFC121; border-color: #FFC121;}
.btn.btn-warning:hover{background-color: #ffffff; color: #FFC121;}

.btn.btn-error{background-color: #E65338; border-color: #E65338;}
.btn.btn-error:hover{background-color: #ffffff; color: #E65338;}



.btn.btn-outline.btn-primary, .btn-download:last-of-type {background-color:transparent;color:#d7b76a;border-color:#d7b76a;}
.btn.btn-outline.btn-primary:hover, .btn-download:last-of-type:hover{background-color:#d7b76a;color:#ffffff;}
.btn-download:last-of-type {margin-left:20px;}

.btn.btn-outline.btn-secondary{background-color:transparent;color:#594d31;border-color:#594d31;}
.btn.btn-outline.btn-secondary:hover{background-color:#594d31;color:#ffffff;}

.btn.btn-outline.btn-third{background-color:transparent;color:#b11226;border-color:#b11226;}
.btn.btn-outline.btn-third:hover{background-color:#b11226;color:#ffffff;}

.btn.btn-outline.btn-fourth{background-color:transparent;color:#F54A1B;border-color:#F54A1B;}
.btn.btn-outline.btn-fourth:hover{background-color:#F54A1B;color:#ffffff;}

.btn.btn-outline.btn-fifth{background-color:transparent;color:#F5CC1B;border-color:#F5CC1B;}
.btn.btn-outline.btn-fifth:hover{background-color:#F5CC1B;color:#ffffff;}

.btn.btn-outline.btn-white{background-color:transparent;color:#ffffff;border-color:#ffffff;}
.btn.btn-outline.btn-white:hover{background-color:#ffffff;color:#000000;}

.btn.btn-outline.btn-lightergrey{background-color:transparent;color:#f4f4f4;border-color:#f4f4f4;}
.btn.btn-outline.btn-lightergrey:hover{background-color:#f4f4f4;color:#000000;}

.btn.btn-outline.btn-lightgrey{background-color:transparent;color:#e5e5e5;border-color:#e5e5e5;}
.btn.btn-outline.btn-lightgrey:hover{background-color:#e5e5e5;color:#000000;}

.btn.btn-outline.btn-grey{background-color:transparent;color:#919191;border-color:#919191;}
.btn.btn-outline.btn-grey:hover{background-color:#919191;color:#000000;}

.btn.btn-outline.btn-darkgrey{background-color:transparent;color:#484848;border-color:#484848;}
.btn.btn-outline.btn-darkgrey:hover{background-color:#484848;color:#ffffff;}

.btn.btn-outline.btn-darkergrey{background-color:transparent;color:#141414;border-color:#141414;}
.btn.btn-outline.btn-darkergrey:hover{background-color:#141414;color:#ffffff;}

.btn.btn-outline.btn-black{background-color:transparent;color:#090c13;border-color:#090c13;}
.btn.btn-outline.btn-black:hover{background-color:#090c13;color:#ffffff;}

.btn.btn-outline.btn-success{background-color:transparent;color:#64E66D;border-color:#64E66D;}
.btn.btn-outline.btn-success:hover{background-color:#64E66D;color:#ffffff;}

.btn.btn-outline.btn-warning{background-color:transparent;color:#FFC121;border-color:#FFC121;}
.btn.btn-outline.btn-warning:hover{background-color:#FFC121;color:#ffffff;}

.btn.btn-outline.btn-error{background-color:transparent;color:#E65338;border-color:#E65338;}
.btn.btn-outline.btn-error:hover{background-color:#E65338;color:#ffffff;}


.btn-labled{position:relative;padding-left:60px;}
.btn-labled-right{position:relative;padding-right:60px;}
.btn-labled .fas, .btn-labled-right .fas{display:flex;align-items:center;justify-content:center;position:absolute;top:0;width:50px;height:100%;background-color:rgba(0,0,0,.1);}
.btn-labled .fas{left:0;}.btn-labled-right .fas{right:0;}

.btn-small.btn-labled{padding-left:40px;}
.btn-small.btn-labled .fas, .btn-small.btn-labled-right .fas{width:30px;}





/* Forms */

.form-field, .form-select{position:relative;} .form-field-whd{display:none!important} .form-field label, .form-select label{display:block;} .hiddencheck{display: block;width: 100%;height: 1px;-webkit-appearance: none;appearance: none;opacity: 0;}.hiddencheck + label.error {width: 100%;text-align: center;display: block;order: 0;position: relative;right: auto;top: auto;margin: 0 0 20px;font-size: 18px;font-weight: 800;padding: 8px;}

.form-field * ,
.form-field input::placeholder,
.form-field textarea::placeholder,
.form-select *{
	-webkit-appearance:none;
	appearance:none;
}

.form-field input,
.form-field textarea, 
.form-select select{	
	background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 4px;
    color: #fff;
    padding: 14px 18px;
    font-size: 1.5rem;
    transition: border-color 200ms;
	width: 100%;
}

.form-field textarea{
	min-height: 120px;
    resize: vertical;
}

.form-field input:focus,
.form-field textarea:focus,
.form-select select:focus {
    border-color: rgba(215,183,106,0.5);
    background: rgba(255,255,255,0.07);
}

.form-field input:placeholder,
.form-field textarea:placeholder {
    color: rgba(255,255,255,0.3);
}

.form-select:after {
    color: #d7b76a;
}

.form-select select option {
    background: #090c13;
    color: #fff;
}

.form-select:after{
	content:"\f107";
	display:block;
	position:absolute;
	right:20px;
	bottom:0;
	top:3px;
	margin:auto;
	pointer-events:none;
	font-family:"Font Awesome 6 Free";
	font-weight:900;
	display:flex;
	align-items:center;
	opacity:.5;
	font-size:22px;
	color:#fff;
}


label.error{
	position:absolute;
	top:2px;
	right:2px;
	background:#fff;
	padding:0px 4px;
	border-radius:2px;
	color:#E65338;
	font-size:14px;
	font-weight:600;
	border:1px solid E65338;
}

.form-check label a{
	font-weight:700;
	color:#fff;
}


.form-check{
	position:relative;
}

.form-check input{
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:1px;
	opacity:0;
}

.form-check label:not(.error){
	display:block;
	width:100%;
	padding-left:30px;
	cursor:pointer;
	position:relative;
}

.form-check label:not(.error):before{
	content:"";
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:1;
	position:absolute;
	width:19px;
	height:19px;
	border:2px solid #000;
   
border-color:#d7b76a;

	border-radius:100%;
	left:0;
	top:5px;
	color:#fff;
	font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands";
	font-size:11px;
	font-weight:900;
}


.form-check input:checked + label:before, .form-check input:checked + label + label:before{
background:f4971a;
	content:"\f00c";
}

.form-check label.error{
	width:100%;
	position:relative;
	top:auto;
	right:auto;
	display:block;
	border:none;
}





/* HEADER */
.header{background-color:#011434;z-index:300;}
.header.fixed{position:fixed;	left:0;	top:0; width:100%; z-index:300;}
.mainlogo{width:174px;display:flex;align-items:center;}
.mainlogo img{display:block;max-width:100%;height:auto;}

/* Navi */
#navi{list-style:none;	margin:0;padding:0;	display:flex; align-items:stretch;}
#navi li{display:flex; align-items:stretch;position:relative;padding:10px;}
#navi li a{padding:13px 20px;display:flex;align-items:center;text-decoration:none;
color:#fff;font-family:"Montserrat";font-weight:800;font-size:1.6rem;text-transform:uppercase;border-radius:5px;width:100%;
}
#navi li:hover > a,
#navi li.selected > a{
background: #1F3E73;
color: #fff;
}
/* Dropdown */
#navi li > ul{background-color:rgba(72,72,72,.65);  position:absolute;left:0;top:100%;display:none;min-width:100%;}
#navi li:nth-last-of-type(1) > ul, #navi li:nth-last-of-type(2) > ul, #navi li:nth-last-of-type(3) > ul{left:auto;right:0;}
#navi li:hover > ul{display:block;}
#navi li > ul li{display:block;}
#navi li > ul li a{padding:10px 20px;white-space: nowrap}

#navi li:nth-last-of-type(2) a {
	display: flex;
	align-items: center;
	background-color: #b11226;
  	border-color: #b11226;
	padding: 10px;
	text-align: center;
	max-width: 100%;
	cursor: pointer !important;
	font-family: "Montserrat";
	font-size: 16px;
	border-radius: 5px;
	font-weight: 800;
}

#navi li:nth-last-of-type(2) a:hover {
	background: #fff;
	color: #b11226;
}

#navtrigger{display:none;align-items:center;}
#navtrigger{
	color:#fff;
	padding:35px 25px;
}
#navtrigger:hover{
	background: rgba(215,183,106,0.15);
	color: #d7b76a;
}


/* ── Navi Overlay ── */
#navi-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7);
    z-index: 299;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

#navi-overlay.active {
    display: block;
}


/* ── Sprachswitch ── */
.lang-trigger {
    background: transparent;
    border: 1px solid rgba(215,183,106,0.25);
    border-radius: 4px;
    color: rgba(255,255,255,0.7);
    padding: 7px 12px;
    font-family: 'Montserrat';
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: 200ms;
    white-space: nowrap;
}

.lang-trigger:hover,
.lang-switch.open .lang-trigger {
    border-color: #d7b76a;
    color: #d7b76a;
}

.lang-trigger .fas.fa-globe {
    font-size: 1.4rem;
    color: #d7b76a;
	padding-right: 10px;
}

.lang-arrow {
    font-size: 1rem;
    transition: transform 250ms;
}

.lang-switch.open .lang-arrow {
    transform: rotate(180deg);
}

.lang-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: #0d0d10;
    border: 1px solid rgba(215,183,106,0.2);
    border-radius: 4px;
    list-style: none;
    margin: 0;
    padding: 6px 0;
    min-width: 130px;
    z-index: 400;
    box-shadow: 0 8px 24px rgba(0,0,0,0.5);
}

.lang-switch.open .lang-dropdown {
    display: block;
}

.lang-dropdown li a {
    display: block;
    padding: 10px 20px;
    font-size: 1.4rem;
    font-weight: 600;
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    transition: 150ms;
}

.lang-dropdown li a:hover {
    color: #d7b76a;
    background: rgba(215,183,106,0.07);
}

.lang-dropdown li a.active {
    color: #d7b76a;
    font-weight: 800;
}



/* SLICK SLIDER */


.slick-arrow{
	display:block;
	-webkit-appearance:none;
	appearance:none;
	background:rgba(0,0,0,.7);
	width:50px;
	height:50px;
	color:rgba(255,255,255,.95);
	overflow:hidden;
	text-indent:-9000px;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	z-index:200;
}

.slick-arrow:before{
	content:"\f104";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	pointer-events: none;
	font-family:"Font Awesome 6 Free";
	font-weight:900;
	text-indent: 0;
	font-size:20px;
}

.initSlickCircle{
    padding-left: 70px;
	padding-right: 70px;
}



.slick-arrow.slick-prev{left:0;}
.slick-arrow.slick-next{right:0;}



.slick-arrow.slick-next:before{content:"\f105";}

.slick-dots{
	display:flex;
	align-items:center;
	justify-content:center;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	bottom:0;
	right:0;
}

.slick-dots li{
	display:block;
	margin:0 4px;
}

.slick-dots button{
	display:block;
	overflow:hidden;
	text-indent: -200px;
	border:none;
	background:#fff;
	border-radius:0;
	width:40px;
	height:3px;
	cursor:pointer;
}

.slick-dots .slick-active button{
	background:#d7b76a;
}

.slick-dodded{
padding-bottom:40px;
}



.border{border:1px solid #000;}
.border-top {
	border-top:1px solid;
	border-image: linear-gradient(to right, #0a1a2b, #1a1a1a, #6b1420, #c8102e) 1;
}
.border-left{border-left:1px solid #000;}.border-right{border-right:1px solid #000;}
.border-bottom {
	border-bottom:4px solid;
	border-image: linear-gradient(to right, #0a1a2b, #1a1a1a, #6b1420, #c8102e) 1;
}
.borderx2{border-width:2px;}
.borderx5{border-width:5px;}

.noborder-top{border-top:none;}.noborder-left{border-left:none;}.noborder-right{border-right:none;}.noborder-bottom{border-bottom:none;}

.border-primary{border-color: #d7b76a;}
.border-primary-a{border-color: #d7b76a25;}
.border-secondary{border-color:#594d31;}
.border-third{border-color:#b11226;}
.border-fourth{border-color:#F54A1B;}
.border-fifth{border-color:#F5CC1B;}
.border-white{border-color:#ffffff;}
.border-lightergrey{border-color:#f4f4f4;}
.border-lightgrey{border-color:#e5e5e5;}
.border-grey{border-color:#919191;}
.border-darkgrey{border-color:#484848;}
.border-darkergrey{border-color:#141414;}
.border-black{border-color:#090c13;}
.border-success{border-color:#64E66D;}
.border-warning{border-color:#FFC121;}
.border-error{border-color:#E65338;}

.eyebrow {
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #d7b76a;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	gap: 12px;
}

.eyebrow::before {
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  background: #d7b76a;
}

.eyecatcher {
	overflow: hidden;
	position: relative;
}

.eyecatcher .bg-img-eyecatcher {
	width: 100%;
	height: auto;
	margin: auto;
	display: block;
}

.eyecatcher .bg-img-eyecatcher > img {
	display: block;
	line-height: 0;
	margin: 0;
	position: relative;
}

.eyecatcher .bg-img-eyecatcher:after,
#technologie .bg-img-technologie:after,
.ctabanner .bg-img-ctabanner:after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient( 105deg, rgba(0,7,26,0.92) 0%, rgba(0,7,26,0.72) 45%, rgba(0,7,26,0.25) 100% );
}

.eyecatcher .ovrly {
	justify-content: flex-start !important;
}

.eyecatcher h1 {
	font-size: 6rem;
	font-weight: 800;
	line-height: 1.0;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}

.eyecatcher h1 .outline {
	font-family: sans-serif;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 1px rgb(215,183,106);
    font-size: 6rem;
    text-transform: uppercase;
	line-height: 1.2;
}

.statsbar {
	border-top: 1px solid rgba(215,183,106,0.2);
	border-bottom: 1px solid rgba(215,183,106,0.1);
	padding: 0;
}

.statitem {
	flex: 1;
	display: flex;
	align-items: center;
	font-size: 4.6rem;
	gap: 15px;
	padding: 30px 40px;
	border-right: 1px solid rgba(255,255,255,0.07);
	transition: background 200ms;
}
.statitem:last-child { border-right: none; }
.statitem:hover { background: rgba(215,183,106,0.05); }

.statvalue {
	font-size: 2.6rem;
	font-weight: 800;
	line-height: 1;
}

.statlabel {
	font-size: 1.1rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-top: 4px;
}

.produktcard {
	padding: 35px 30px;
	border: 1px solid rgba(215,183,106,0.25);
	transition: background 250ms;
	position: relative;
	overflow: hidden;
}
.produktcard:hover { background: #00071a; }

.produktcard:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: #d7b76a;
	transform: scaleX(0);
	transition: transform 300ms;
}
.produktcard:hover::before { transform: scaleX(1); }

 .badge {
	font-size: 1.2rem;
	border: 1px solid #b11226;
	padding: 5px 10px;
	position: relative;
	margin: 0 5px 10px;
}

.badge:first-of-type {
	margin: 0 5px 10px 0;
}

.initSlickProdukte .slick-list {
    margin: 0 -10px;
}

.initSlickProdukte .slick-track {
    display: flex !important;
}

.initSlickProdukte .slick-slide {
    display: flex !important;
    flex-direction: column;
    height: auto !important;
    margin: 0 10px;
}

.initSlickProdukte .slick-slide > div {
    display: flex;
    flex: 1;
    width: 100%;
}

.initSlickProdukte .produktcard {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
}

.initSlickProdukte .slick-dots {
	bottom: -30px;
}

.number {
	font-size: 4rem;
	font-weight: 900;
	color: rgba(215,183,106,0.18);
	line-height: 1;
	flex-shrink: 0;
	width: 50px;
	text-align: right;
}

#technologie {
	background: #090c13;
	background: url("/storage/images/technologie-01.png") no-repeat center center / cover;
}

.techliste {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	padding: 28px 0;
	border-bottom: 1px solid rgba(255,255,255,0.07);
}
.techliste:last-child { border-bottom: none; }

.vergleich p.smallest {
	letter-spacing: 0.12em;
}

/* ── Vergleich Carousel ── */
.initSlickVergleich .slick-slide {
    margin: 0 10px;
}

.initSlickVergleich .slick-list {
    margin: 0 -10px;
}

.initSlickVergleich .slick-slide > div {
    height: 100%;
}

footer .footerlogo {
	margin: 0 0 20px;
}

footer .link-list a {
	color: #ffffff85;
	display: block;
	padding: 5px;
}

footer .link-list a:hover {
	color: #d7b76a;
}

footer .bottom .link-list a {
	font-size: 1.6rem;
	text-transform: uppercase;
	color: #ffffff50;
	display: block;
	padding: 5px 10px;
}

footer .bottom .link-list a:hover {
	color: #d7b76a;
}

/* ── Produkte Übersicht ── */
.produkteuebersicht .produkt-info .badge:first-of-type {
	margin: 0 10px 10px 0;
}
.produkteuebersicht .produkt-select select {
    background: #1F3E73;
    color: #fff;
    border-radius: 4px;
    padding: 10px 40px 10px 16px;
    font-size: 1.4rem;
    cursor: pointer;
    min-width: 160px;
}

.produkteuebersicht .produkt-select select:hover {
    border-color: rgba(215,183,106,0.6);
}

.produkteuebersicht .produkt-select::after {
    color: #d7b76a;
    right: 14px;
    font-size: 16px;
}

/* View Toggle */
.produkteuebersicht .view-toggle {
    border: 1px solid rgba(215,183,106,0.25);
    border-radius: 4px;
    overflow: hidden;
}

.produkteuebersicht .view-btn {
    background: #1F3E73;
    color: #fff;
    border: none;
    padding: 10px 14px;
    cursor: pointer;
    font-size: 1.4rem;
    transition: 200ms;
}

.produkteuebersicht .view-btn.active,
.produkteuebersicht .view-btn:hover {
    background: rgba(215,183,106,0.15);
    color: #d7b76a;
}

/* Produkt Grid */
.produkteuebersicht .produktgrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.produkteuebersicht .produkt-item {
    background: #00071a;
    border: 1px solid rgba(215,183,106,0.12);
    border-radius: 4px;
    overflow: hidden;
    transition: border-color 250ms, background 250ms;
    display: flex;
    flex-direction: column;
}

.produkteuebersicht .produkt-item:hover {
    border-color: rgba(215,183,106,0.4);
    background: #16161c;
}

.produkteuebersicht .produkt-item.active {
    border-color: #d7b76a;
    border-width: 2px;
}

.produkteuebersicht .produkt-img img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: auto;
}

.produkteuebersicht .produkt-info {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.produkteuebersicht .prod-badge {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 3px 8px;
    border: 1px solid rgba(215,183,106,0.3);
    color: #d7b76a;
    border-radius: 3px;
}

.produkteuebersicht .produkt-link {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #d7b76a;
    text-decoration: none;
    margin-top: auto;
    transition: opacity 200ms;
}

.produkteuebersicht .produkt-link:hover {
    opacity: 0.7;
    color: #d7b76a;
}

/* List View */
.produkteuebersicht .produktgrid.list-view {
    grid-template-columns: 1fr;
}

.produkteuebersicht .produktgrid.list-view .produkt-item {
    flex-direction: row;
}

.produkteuebersicht .produktgrid.list-view .produkt-img {
    width: 200px;
    flex-shrink: 0;
    min-height: auto;
}

.produkteuebersicht .produktgrid.list-view .produkt-info {
    padding: 30px;
}

/* ── Technologie Split ── */

.technologie-img-wrap > img {
	height: 100%;
}

.technologiesplit .number {
    font-size: 4rem;
    font-weight: 900;
    line-height: 1;
    flex-shrink: 0;
    width: 50px;
    opacity: 0.75;
}

.technologiesplit .icon-circle {
    width: 54px;
    height: 54px;
    border: 1px solid rgba(215,183,106,0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 2.5rem;
}

/* ── Produkt Detail ── */
.produktdetail .produktthumbs {
    flex-direction: column;
    width: 80px;
    flex-shrink: 0;
}

.produktdetail .produktthumbs .thumb {
    width: 80px;
    height: 80px;
    border: 1px solid rgba(215,183,106,0.2);
    overflow: hidden;
    cursor: pointer;
    transition: border-color 200ms;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111116;
}

.produktdetail .produktthumbs .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.produktdetail .produktthumbs .thumb:hover,
.produktdetail .produktthumbs .thumb.active {
    border-color: #d7b76a;
    border-width: 2px;
}

.produktdetail .produktthumbs .thumb-more {
    width: 80px;
    padding: 10px 0;
    color: rgba(255,255,255,0.3);
    cursor: pointer;
    font-size: 1.4rem;
}

.produktdetail .produkt-main-img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.produktdetail .produkt-main-img img {
    max-height: 560px;
    width: auto;
    object-fit: contain;
    transition: opacity 200ms;
}

.produktdetail .sticky {
	position: sticky;
	top: 100px;
}

/* Gebindegrößen */
.produktdetail .gebinde-btn {
    background: transparent;
    color: rgba(255,255,255,0.6);
    border: 1px solid rgba(255,255,255,0.2);
    padding: 8px 20px;
    font-size: 1.4rem;
    font-weight: 600;
    font-family: 'Montserrat';
    border-radius: 3px;
    cursor: pointer;
    transition: 200ms;
}

.produktdetail .gebinde-btn:hover {
    border-color: rgba(215,183,106,0.5);
    color: #d7b76a;
}

/*.produktdetail .gebinde-btn.active {
    background: rgba(215,183,106,0.15);
    border-color: #d7b76a;
    color: #d7b76a;
    font-weight: 800;
}*/

/* ── Details Liste ── */
.detailliste {
    background: #0d0d10;
}

.detailliste .item {
    flex: 1;
    padding: 30px 30px;
    border-right: 1px solid rgba(215,183,106,0.1);
}

.detailliste .item:last-child {
    border-right: none;
}

.detailliste .icon {
    width: 54px;
    height: 54px;
    border: 1px solid rgba(215,183,106,0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 2.2rem;
}

/* ── Technische Details Tabelle ── */
.technische-details .techdaten-table {
    border-collapse: collapse;
    font-size: 1.6rem;
}

.technische-details .techdaten-table td {
    padding: 12px 16px;
    border: 1px solid rgba(215,183,106,0.12);
    vertical-align: middle;
}

.technische-details .techdaten-table tr:hover td {
    background: rgba(215,183,106,0.04);
}

.technische-details .techdaten-table td:first-child {
    width: 45%;
    background: rgba(0,0,0,0.2);
}

.technische-details .eigenschaft-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    padding: 20px 15px;
    background: rgba(215,183,106,0.05);
    border: 1px solid rgba(215,183,106,0.15);
    border-radius: 4px;
    width: 48%;
    transition: background 200ms, border-color 200ms;
}

.technische-details .eigenschaft-badge:hover {
    background: rgba(215,183,106,0.1);
    border-color: rgba(215,183,106,0.35);
}

/* ── Freigaben Buttons ── */
.freigaben .freigabe-badge {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 600;
    padding: 8px 14px;
    border: 1px solid rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.7);
    border-radius: 3px;
    transition: border-color 200ms, color 200ms;
}

.freigaben .freigabe-badge:hover {
    border-color: rgba(215,183,106,0.4);
    color: #d7b76a;
}

/* ── Einsatzgebiete ── */

.freigaben .einsatz-icon {
    width: 70px;
    height: 70px;
    border: 1px solid rgba(215,183,106,0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 2.6rem;
    transition: background 200ms, border-color 200ms;
}

.freigaben .einsatz-icon:hover {
    background: rgba(215,183,106,0.08);
    border-color: #d7b76a;
}

/* ── Breadcrumb ── */
.breadcrumb-list {
    list-style: none;
    flex-wrap: wrap;
}

.breadcrumb-list li {
    font-size: 1.3rem;
    color: rgba(255,255,255,0.35);
}

.breadcrumb-list li.active {
    color: #d7b76a;
    font-weight: 600;
}

.breadcrumb-list a {
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    transition: color 200ms;
}

.breadcrumb-list a:hover {
    color: #d7b76a;
}

.breadcrumb-list .fas {
    font-size: 1rem;
    color: rgba(215,183,106,0.3);
}

/* ── Zeitstrahl ── */

.zeitstrahl .linie {
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(215,183,106,0.4) 5%,
        rgba(215,183,106,0.4) 95%,
        transparent 100%
    );
}

.zeitstrahl .jahreszahl {
    position: relative;
    width: 23%;
    padding-top: 50px;
}

.zeitstrahl .dot {
    position: absolute;
    top: 14px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #d7b76a;
    border: 3px solid #090c13;
    box-shadow: 0 0 0 1px #d7b76a;
    transition: transform 300ms, box-shadow 300ms;
}

.zeitstrahl .jahreszahl:hover .dot {
    transform: scale(1.3);
    box-shadow: 0 0 12px rgba(215,183,106,0.5);
}


/* ── Kontakt ── */
.kontakt .icon {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(215,183,106,0.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.8rem;
}

.kontakt .item a {
    text-decoration: none;
    transition: color 200ms;
}

.kontakt .item a:hover {
    color: #d7b76a !important;
}

.kontakt .cardbox {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(215,183,106,0.15);
    border-radius: 4px;
    padding: 36px 30px;
    display: flex;
    flex-direction: column;
    transition: border-color 250ms, background 250ms;
    min-width: 0;
}

.kontakt .cardnox:hover {
    border-color: rgba(215,183,106,0.35);
    background: rgba(215,183,106,0.04);
}

.kontakt .cardicon {
    font-size: 2.8rem;
}

.kontakt .link {
    display: inline-flex;
    align-items: center;
    color: #d7b76a;
    text-decoration: none;
    letter-spacing: 0.1em;
    margin-top: auto;
    transition: opacity 200ms;
}

.kontakt .link:hover {
    opacity: 0.7;
    color: #d7b76a;
}

/* ── Kontaktformular ── */
.kontaktform .bg-img-kontakt {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}

.kontaktform  .bg-img-kontakt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.kontaktform  .bg-img-kontakt:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0,0,0,0.85) 0%,
        rgba(0,0,0,0.75) 40%,
        rgba(0,0,0,0.6) 100%
    );
}

.kontaktform .ovrly {
    position: relative;
    z-index: 1;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 80px;
    min-height: 600px;
}

/* Formular Box */
.kontaktform .box {
    background: rgba(9,12,19,0.85);
    border: 1px solid rgba(215,183,106,0.15);
    border-radius: 4px;
    padding: 40px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.kontaktform .box label {
    display: none;
}

.kontaktform .box label.datenschutz {display: block;}

/* Checkbox */
.kontaktform .box .form-check label:not(.error) {
    font-size: 1.4rem;
    color: rgba(255,255,255,0.55);
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}

.kontaktform .box .form-check label:not(.error):before {
    border-color: rgba(215,183,106,0.4);
    border-radius: 3px;
    top: 2px;
}

.fundament .usp-wrap{border-top:1px solid;border-image: linear-gradient(to right, #0a1a2b, #1a1a1a, #6b1420, #c8102e) 1;padding-top:44px;margin-bottom:50px;}
.fundament .usp-list{list-style:none;display:flex;flex-wrap:wrap;gap:18px;}
.fundament .usp-list li{flex:1 1 210px;display:flex;align-items:flex-start;gap:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:20px 18px;font-size:1.55rem;font-weight:600;color:#f2f2f2;}
.fundament .usp-list .check{flex:none;width:26px;height:26px;border-radius:50%;background:#d7b76a;color:#1b1300;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900;}


/* ── Scroll Reveal ── */
[data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 600ms ease, transform 600ms ease;
}
[data-reveal].revealed {
  opacity: 1;
  transform: none;
}
[data-reveal-delay="1"] { transition-delay: 100ms; }
[data-reveal-delay="2"] { transition-delay: 200ms; }
[data-reveal-delay="3"] { transition-delay: 300ms; }
[data-reveal-delay="4"] { transition-delay: 400ms; }

@media all and (max-width:1199px){

	.l-hide{display:none!important}
	.l-show{display:block!important}
	
	.xl-area{
		padding-top:180px;
		padding-bottom:180px;
	}
	
	.area{
		padding-top:100px;
		padding-bottom:100px;
	}
	
	.m-area{
		padding-top:50px;
		padding-bottom:50px;
	}
	
	.s-area{
		padding-top:30px;
		padding-bottom:30px;
	}
	
	.xs-area{
		padding-top:15px;
		padding-bottom:15px;
	}
	
	.l-posrel{
		position:relative;
		left:auto;
		top:auto;
		right:auto;
		bottom:auto;
		width:auto;
		height:auto;
	}

	.l-posabs-lb{position:absolute;left:0;bottom:0;}
	.l-posabs-rb{position:absolute;right:0;bottom:0;}
	.l-posabs-lt{position:absolute;left:0;top:0;}
	.l-posabs-rt{position:absolute;right:0;top:0;}
	
	.l-sticky{position: sticky;top:125px;}

	
	.l-order1{order:1;}.l-order2{order:2;}.l-order3{order:3;}.l-order4{order:4;}.l-order5{order:5;}.l-order6{order:6;}.l-order7{order:7;}.l-order8{order:8;}.l-order9{order:9;}.l-order10{order:10;}
	
	.l-w5{width:4%!important;}.l-w5-f{width:5%!important;}.l-w10{width:9%!important;}.l-w10-f{width:10%!important;}.l-w15{width:14%!important;}.l-w15-f{width:15%!important;}.l-w20{width:19%!important;}.l-w20-f{width:20%!important;}.l-w25{width:24%!important;}.l-w25-f{width:25%!important;}.l-w30{width:29%!important;}.l-w30-f{width:30%!important;}.l-w35{width:34%!important;}.l-w35-f{width:35%!important;}.l-w40{width:39%!important;}.l-w40-f{width:40%!important;}.l-w45{width:44%!important;}.l-w45-f{width:45%!important;}.l-w50{width:49%!important;}.l-w50-f{width:50%!important;}.l-w55{width:54%!important;}.l-w55-f{width:55%!important;}.l-w60{width:59%!important;}.l-w60-f{width:60%!important;}.l-w65{width:64%!important;}.l-w65-f{width:65%!important;}.l-w70{width:69%!important;}.l-w70-f{width:70%!important;}.l-w75{width:74%!important;}.l-w75-f{width:75%!important;}.l-w80{width:79%!important;}.l-w80-f{width:80%!important;}.l-w85{width:84%!important;}.l-w85-f{width:85%!important;}.l-w90{width:89%!important;}.l-w90-f{width:90%!important;}.l-w95{width:94%!important;}.l-w95-f{width:95%!important;}	.l-w100{width:100%!important}
	.l-w33{width:32%!important;}.l-w33-f{width:33%!important;}.l-w66{width:65%!important;}.l-w66-f{width:66%!important;}
		
	.l-m0{margin:0px!important}.l-mt0{margin-top:0px!important}.l-mb0{margin-bottom:0px!important}.l-ml0{margin-left:0px!important}.l-mr0{margin-right:0px!important}.l-m5{margin:5px!important}.l-mt5{margin-top:5px!important}.l-mb5{margin-bottom:5px!important}.l-ml5{margin-left:5px!important}.l-mr5{margin-right:5px!important}.l-m10{margin:10px!important}.l-mt10{margin-top:10px!important}.l-mb10{margin-bottom:10px!important}.l-ml10{margin-left:10px!important}.l-mr10{margin-right:10px!important}.l-m15{margin:15px!important}.l-mt15{margin-top:15px!important}.l-mb15{margin-bottom:15px!important}.l-ml15{margin-left:15px!important}.l-mr15{margin-right:15px!important}.l-m20{margin:20px!important}.l-mt20{margin-top:20px!important}.l-mb20{margin-bottom:20px!important}.l-ml20{margin-left:20px!important}.l-mr20{margin-right:20px!important}.l-m25{margin:25px!important}.l-mt25{margin-top:25px!important}.l-mb25{margin-bottom:25px!important}.l-ml25{margin-left:25px!important}.l-mr25{margin-right:25px!important}.l-m30{margin:30px!important}.l-mt30{margin-top:30px!important}.l-mb30{margin-bottom:30px!important}.l-ml30{margin-left:30px!important}.l-mr30{margin-right:30px!important}.l-m35{margin:35px!important}.l-mt35{margin-top:35px!important}.l-mb35{margin-bottom:35px!important}.l-ml35{margin-left:35px!important}.l-mr35{margin-right:35px!important}.l-m40{margin:40px!important}.l-mt40{margin-top:40px!important}.l-mb40{margin-bottom:40px!important}.l-ml40{margin-left:40px!important}.l-mr40{margin-right:40px!important}.l-m45{margin:45px!important}.l-mt45{margin-top:45px!important}.l-mb45{margin-bottom:45px!important}.l-ml45{margin-left:45px!important}.l-mr45{margin-right:45px!important}.l-m50{margin:50px!important}.l-mt50{margin-top:50px!important}.l-mb50{margin-bottom:50px!important}.l-ml50{margin-left:50px!important}.l-mr50{margin-right:50px!important}.l-m55{margin:55px!important}.l-mt55{margin-top:55px!important}.l-mb55{margin-bottom:55px!important}.l-ml55{margin-left:55px!important}.l-mr55{margin-right:55px!important}.l-m60{margin:60px!important}.l-mt60{margin-top:60px!important}.l-mb60{margin-bottom:60px!important}.l-ml60{margin-left:60px!important}.l-mr60{margin-right:60px!important}.l-m65{margin:65px!important}.l-mt65{margin-top:65px!important}.l-mb65{margin-bottom:65px!important}.l-ml65{margin-left:65px!important}.l-mr65{margin-right:65px!important}.l-m70{margin:70px!important}.l-mt70{margin-top:70px!important}.l-mb70{margin-bottom:70px!important}.l-ml70{margin-left:70px!important}.l-mr70{margin-right:70px!important}.l-m75{margin:75px!important}.l-mt75{margin-top:75px!important}.l-mb75{margin-bottom:75px!important}.l-ml75{margin-left:75px!important}.l-mr75{margin-right:75px!important}.l-m80{margin:80px!important}.l-mt80{margin-top:80px!important}.l-mb80{margin-bottom:80px!important}.l-ml80{margin-left:80px!important}.l-mr80{margin-right:80px!important}.l-m85{margin:85px!important}.l-mt85{margin-top:85px!important}.l-mb85{margin-bottom:85px!important}.l-ml85{margin-left:85px!important}.l-mr85{margin-right:85px!important}.l-m90{margin:90px!important}.l-mt90{margin-top:90px!important}.l-mb90{margin-bottom:90px!important}.l-ml90{margin-left:90px!important}.l-mr90{margin-right:90px!important}.l-m95{margin:95px!important}.l-mt95{margin-top:95px!important}.l-mb95{margin-bottom:95px!important}.l-ml95{margin-left:95px!important}.l-mr95{margin-right:95px!important}.l-m100{margin:100px!important}.l-mt100{margin-top:100px!important}.l-mb100{margin-bottom:100px!important}.l-ml100{margin-left:100px!important}.l-mr100{margin-right:100px!important}
	.l-p0{padding:0px!important}.l-pt0{padding-top:0px!important}.l-pb0{padding-bottom:0px!important}.l-pl0{padding-left:0px!important}.l-pr0{padding-right:0px!important}.l-p5{padding:5px!important}.l-pt5{padding-top:5px!important}.l-pb5{padding-bottom:5px!important}.l-pl5{padding-left:5px!important}.l-pr5{padding-right:5px!important}.l-p10{padding:10px!important}.l-pt10{padding-top:10px!important}.l-pb10{padding-bottom:10px!important}.l-pl10{padding-left:10px!important}.l-pr10{padding-right:10px!important}.l-p15{padding:15px!important}.l-pt15{padding-top:15px!important}.l-pb15{padding-bottom:15px!important}.l-pl15{padding-left:15px!important}.l-pr15{padding-right:15px!important}.l-p20{padding:20px!important}.l-pt20{padding-top:20px!important}.l-pb20{padding-bottom:20px!important}.l-pl20{padding-left:20px!important}.l-pr20{padding-right:20px!important}.l-p25{padding:25px!important}.l-pt25{padding-top:25px!important}.l-pb25{padding-bottom:25px!important}.l-pl25{padding-left:25px!important}.l-pr25{padding-right:25px!important}.l-p30{padding:30px!important}.l-pt30{padding-top:30px!important}.l-pb30{padding-bottom:30px!important}.l-pl30{padding-left:30px!important}.l-pr30{padding-right:30px!important}.l-p35{padding:35px!important}.l-pt35{padding-top:35px!important}.l-pb35{padding-bottom:35px!important}.l-pl35{padding-left:35px!important}.l-pr35{padding-right:35px!important}.l-p40{padding:40px!important}.l-pt40{padding-top:40px!important}.l-pb40{padding-bottom:40px!important}.l-pl40{padding-left:40px!important}.l-pr40{padding-right:40px!important}.l-p45{padding:45px!important}.l-pt45{padding-top:45px!important}.l-pb45{padding-bottom:45px!important}.l-pl45{padding-left:45px!important}.l-pr45{padding-right:45px!important}.l-p50{padding:50px!important}.l-pt50{padding-top:50px!important}.l-pb50{padding-bottom:50px!important}.l-pl50{padding-left:50px!important}.l-pr50{padding-right:50px!important}.l-p55{padding:55px!important}.l-pt55{padding-top:55px!important}.l-pb55{padding-bottom:55px!important}.l-pl55{padding-left:55px!important}.l-pr55{padding-right:55px!important}.l-p60{padding:60px!important}.l-pt60{padding-top:60px!important}.l-pb60{padding-bottom:60px!important}.l-pl60{padding-left:60px!important}.l-pr60{padding-right:60px!important}.l-p65{padding:65px!important}.l-pt65{padding-top:65px!important}.l-pb65{padding-bottom:65px!important}.l-pl65{padding-left:65px!important}.l-pr65{padding-right:65px!important}.l-p70{padding:70px!important}.l-pt70{padding-top:70px!important}.l-pb70{padding-bottom:70px!important}.l-pl70{padding-left:70px!important}.l-pr70{padding-right:70px!important}.l-p75{padding:75px!important}.l-pt75{padding-top:75px!important}.l-pb75{padding-bottom:75px!important}.l-pl75{padding-left:75px!important}.l-pr75{padding-right:75px!important}.l-p80{padding:80px!important}.l-pt80{padding-top:80px!important}.l-pb80{padding-bottom:80px!important}.l-pl80{padding-left:80px!important}.l-pr80{padding-right:80px!important}.l-p85{padding:85px!important}.l-pt85{padding-top:85px!important}.l-pb85{padding-bottom:85px!important}.l-pl85{padding-left:85px!important}.l-pr85{padding-right:85px!important}.l-p90{padding:90px!important}.l-pt90{padding-top:90px!important}.l-pb90{padding-bottom:90px!important}.l-pl90{padding-left:90px!important}.l-pr90{padding-right:90px!important}.l-p95{padding:95px!important}.l-pt95{padding-top:95px!important}.l-pb95{padding-bottom:95px!important}.l-pl95{padding-left:95px!important}.l-pr95{padding-right:95px!important}.l-p100{padding:100px!important}.l-pt100{padding-top:100px!important}.l-pb100{padding-bottom:100px!important}.l-pl100{padding-left:100px!important}.l-pr100{padding-right:100px!important}	
	.l-flx{display:flex;flex-wrap:wrap;}
	.l-flx-cnt{display:flex;justify-content:center;flex-wrap:wrap;}
	.l-flx-spc{display:flex;justify-content:space-between;flex-wrap:wrap;}
	.l-flx-vend{display:flex;align-items:flex-end;}
	.l-flx-vstrt{display:flex;align-items:flex-start;}
	.l-flx-vcnt{display:flex;flex-direction:column;justify-content:center;}
	.l-flx-hend{display:flex;justify-content:flex-end;}
	.l-flx-hstrt{display:flex;justify-content:flex-start;flex-wrap:wrap;}
	.l-flx-hcnt{display:flex;justify-content:center;}
	.l-flx-wrap{display:flex;flex-wrap:wrap;}
	.l-flx-nowrap{display:flex;flex-wrap:nowrap;}
	.l-flx-acnt{display:flex;align-items:center;}
	.l-flx-rnd{display:flex;justify-content:space-around;flex-wrap:wrap;}
	.l-flx-strtch{display:flex;align-items:stretch;}
	.l-flx-vnly{display:flex;align-items:flex-start;justify-content:space-evenly;flex-wrap:wrap;}
	.l-flx-clmrvrs{display:flex;flex-direction: column-reverse;}

	.l-flx-margined > div{margin-left:.5%;margin-right:.5%;}
	
	.l-posrel {position: relative;top: unset;}
	

	.l-tac{text-align:center;}
	
	.l-gap10{gap:10px;}

    #navi {
    position: fixed;
    left: -100%;
    width: 320px;
    height: calc(100vh - 86px); /* Höhe minus Header */
    display: block;
    background: #0d0d10;
    border-right: 1px solid rgba(215,183,106,0.15);
    overflow-y: auto;
    top: 100px; /* direkt unter dem Header */
    padding: 20px 0 60px; /* weniger padding oben, da kein Logo nötig */
    transition: left 350ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 300;
}

    #navi.active{
        left: 0;
    }

    #navi li{
        display: block;
        padding: 0;
        border-bottom: 1px solid rgba(215,183,106,0.06);
    }

    #navi li > ul{
        position: relative;
        left: auto;
        right: auto !important;
        top: auto;
        display: none;
        background: rgba(0,0,0,0.3);
        border: none;
        min-width: auto;
    }

    #navi li:hover > ul{
        display: block;
    }

    #navi li > ul li{
        display: block;
        border: none;
    }

    #navi li > ul li a{
        padding: 12px 24px 12px 44px;
        font-size: 1.3rem;
        color: rgba(255,255,255,0.5);
        border: none;
    }

    #navi li > ul li a::after{
        display: none;
    }
	
	.mainlogo{width:200px;}

	.bigger .h1{font-size:6.6rem;line-height:1;}
	.bigger .h2{font-size:3rem;}
	.bigger ul.fa-list{font-size:2.6rem;font-weight:800;}
	.bigger ul.fa-list li{padding-left:50px;}
	.l-moveup{top:-40px}
	
	.vergleich .w25 {
        width: 49% !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(215,183,106,0.15);
    }

    .vergleich .w25:nth-child(odd) {
        border-right: 1px solid rgba(215,183,106,0.15) !important;
    }

    .vergleich .w25:nth-last-child(-n+2) {
        border-bottom: none;
    }
	
	.theme h2 {
		font-size: 5.5rem;
	}
	
	.theme h2 strong > br {display:none;}
	
	.produkteuebersicht .produktgrid {
        grid-template-columns: repeat(3, 1fr);
    }
	
	
	.detailliste .item {
        border-bottom: 1px solid rgba(215,183,106,0.1);
        padding: 25px 20px;
    }
	
	  

    .detailliste .item:last-child {
        border-bottom: none;
    }

    .detailliste .item:nth-child(odd) {
        border-right: 1px solid rgba(215,183,106,0.1);
    }
	
	.detailliste .item:nth-child(3) {
		border-right: none;
	  }
	
	.kontakt .cardbox {
        flex: 0 0 30%;
    }
	
}


@media all and (max-width:991px){
	
	.m-hide{display:none!important;}
	.m-show{display:block!important;}
	
	.xl-area{
		padding-top:100px;
		padding-bottom:100px;
	}
	
	.area{
		padding-top:80px;
		padding-bottom:80px;
	}
	
	.m-area{
		padding-top:40px;
		padding-bottom:40px;
	}
	
	.s-area{
		padding-top:25px;
		padding-bottom:25px;
	}
	
	.xs-area{
		padding-top:10px;
		padding-bottom:10px;
	}
	
	
	.m-posrel{
		position:relative !important;
		left:auto;
		top:auto;
		right:auto;
		bottom:auto;
		width:auto;
		height:auto;
	}

	.m-posabs-lb{position:absolute;left:0;bottom:0;}
	.m-posabs-rb{position:absolute;right:0;bottom:0;}
	.m-posabs-lt{position:absolute;left:0;top:0;}
	.m-posabs-rt{position:absolute;right:0;top:0;}
	
	.m-order1{order:1!important;}.m-order2{order:2!important;}.m-order3{order:3!important;}.m-order4{order:4!important;}.m-order5{order:5!important;}.m-order6{order:6!important;}.m-order7{order:7!important;}.m-order8{order:8!important;}.m-order9{order:9!important;}.m-order10{order:10!important;}
	
	.m-w5{width:4%!important;}.m-w5-f{width:5%!important;}.m-w10{width:9%!important;}.m-w10-f{width:10%!important;}.m-w15{width:14%!important;}.m-w15-f{width:15%!important;}.m-w20{width:19%!important;}.m-w20-f{width:20%!important;}.m-w25{width:24%!important;}.m-w25-f{width:25%!important;}.m-w30{width:29%!important;}.m-w30-f{width:30%!important;}.m-w35{width:34%!important;}.m-w35-f{width:35%!important;}.m-w40{width:39%!important;}.m-w40-f{width:40%!important;}.m-w45{width:44%!important;}.m-w45-f{width:45%!important;}.m-w50{width:49%!important;}.m-w50-f{width:50%!important;}.m-w55{width:54%!important;}.m-w55-f{width:55%!important;}.m-w60{width:59%!important;}.m-w60-f{width:60%!important;}.m-w65{width:64%!important;}.m-w65-f{width:65%!important;}.m-w70{width:69%!important;}.m-w70-f{width:70%!important;}.m-w75{width:74%!important;}.m-w75-f{width:75%!important;}.m-w80{width:79%!important;}.m-w80-f{width:80%!important;}.m-w85{width:84%!important;}.m-w85-f{width:85%!important;}.m-w90{width:89%!important;}.m-w90-f{width:90%!important;}.m-w95{width:94%!important;}.m-w95-f{width:95%!important;}	.m-w100{width:100%!important}
	.m-w33{width:32%!important;}.m-w33-f{width:33%!important;}.m-w66{width:65%!important;}.m-w66-f{width:66%!important;}
		
	.m-m0{margin:0px!important}.m-mt0{margin-top:0px!important}.m-mb0{margin-bottom:0px!important}.m-ml0{margin-left:0px!important}.m-mr0{margin-right:0px!important}.m-m5{margin:5px!important}.m-mt5{margin-top:5px!important}.m-mb5{margin-bottom:5px!important}.m-ml5{margin-left:5px!important}.m-mr5{margin-right:5px!important}.m-m10{margin:10px!important}.m-mt10{margin-top:10px!important}.m-mb10{margin-bottom:10px!important}.m-ml10{margin-left:10px!important}.m-mr10{margin-right:10px!important}.m-m15{margin:15px!important}.m-mt15{margin-top:15px!important}.m-mb15{margin-bottom:15px!important}.m-ml15{margin-left:15px!important}.m-mr15{margin-right:15px!important}.m-m20{margin:20px!important}.m-mt20{margin-top:20px!important}.m-mb20{margin-bottom:20px!important}.m-ml20{margin-left:20px!important}.m-mr20{margin-right:20px!important}.m-m25{margin:25px!important}.m-mt25{margin-top:25px!important}.m-mb25{margin-bottom:25px!important}.m-ml25{margin-left:25px!important}.m-mr25{margin-right:25px!important}.m-m30{margin:30px!important}.m-mt30{margin-top:30px!important}.m-mb30{margin-bottom:30px!important}.m-ml30{margin-left:30px!important}.m-mr30{margin-right:30px!important}.m-m35{margin:35px!important}.m-mt35{margin-top:35px!important}.m-mb35{margin-bottom:35px!important}.m-ml35{margin-left:35px!important}.m-mr35{margin-right:35px!important}.m-m40{margin:40px!important}.m-mt40{margin-top:40px!important}.m-mb40{margin-bottom:40px!important}.m-ml40{margin-left:40px!important}.m-mr40{margin-right:40px!important}.m-m45{margin:45px!important}.m-mt45{margin-top:45px!important}.m-mb45{margin-bottom:45px!important}.m-ml45{margin-left:45px!important}.m-mr45{margin-right:45px!important}.m-m50{margin:50px!important}.m-mt50{margin-top:50px!important}.m-mb50{margin-bottom:50px!important}.m-ml50{margin-left:50px!important}.m-mr50{margin-right:50px!important}.m-m55{margin:55px!important}.m-mt55{margin-top:55px!important}.m-mb55{margin-bottom:55px!important}.m-ml55{margin-left:55px!important}.m-mr55{margin-right:55px!important}.m-m60{margin:60px!important}.m-mt60{margin-top:60px!important}.m-mb60{margin-bottom:60px!important}.m-ml60{margin-left:60px!important}.m-mr60{margin-right:60px!important}.m-m65{margin:65px!important}.m-mt65{margin-top:65px!important}.m-mb65{margin-bottom:65px!important}.m-ml65{margin-left:65px!important}.m-mr65{margin-right:65px!important}.m-m70{margin:70px!important}.m-mt70{margin-top:70px!important}.m-mb70{margin-bottom:70px!important}.m-ml70{margin-left:70px!important}.m-mr70{margin-right:70px!important}.m-m75{margin:75px!important}.m-mt75{margin-top:75px!important}.m-mb75{margin-bottom:75px!important}.m-ml75{margin-left:75px!important}.m-mr75{margin-right:75px!important}.m-m80{margin:80px!important}.m-mt80{margin-top:80px!important}.m-mb80{margin-bottom:80px!important}.m-ml80{margin-left:80px!important}.m-mr80{margin-right:80px!important}.m-m85{margin:85px!important}.m-mt85{margin-top:85px!important}.m-mb85{margin-bottom:85px!important}.m-ml85{margin-left:85px!important}.m-mr85{margin-right:85px!important}.m-m90{margin:90px!important}.m-mt90{margin-top:90px!important}.m-mb90{margin-bottom:90px!important}.m-ml90{margin-left:90px!important}.m-mr90{margin-right:90px!important}.m-m95{margin:95px!important}.m-mt95{margin-top:95px!important}.m-mb95{margin-bottom:95px!important}.m-ml95{margin-left:95px!important}.m-mr95{margin-right:95px!important}.m-m100{margin:100px!important}.m-mt100{margin-top:100px!important}.m-mb100{margin-bottom:100px!important}.m-ml100{margin-left:100px!important}.m-mr100{margin-right:100px!important}
	.m-p0{padding:0px!important}.m-pt0{padding-top:0px!important}.m-pb0{padding-bottom:0px!important}.m-pl0{padding-left:0px!important}.m-pr0{padding-right:0px!important}.m-p5{padding:5px!important}.m-pt5{padding-top:5px!important}.m-pb5{padding-bottom:5px!important}.m-pl5{padding-left:5px!important}.m-pr5{padding-right:5px!important}.m-p10{padding:10px!important}.m-pt10{padding-top:10px!important}.m-pb10{padding-bottom:10px!important}.m-pl10{padding-left:10px!important}.m-pr10{padding-right:10px!important}.m-p15{padding:15px!important}.m-pt15{padding-top:15px!important}.m-pb15{padding-bottom:15px!important}.m-pl15{padding-left:15px!important}.m-pr15{padding-right:15px!important}.m-p20{padding:20px!important}.m-pt20{padding-top:20px!important}.m-pb20{padding-bottom:20px!important}.m-pl20{padding-left:20px!important}.m-pr20{padding-right:20px!important}.m-p25{padding:25px!important}.m-pt25{padding-top:25px!important}.m-pb25{padding-bottom:25px!important}.m-pl25{padding-left:25px!important}.m-pr25{padding-right:25px!important}.m-p30{padding:30px!important}.m-pt30{padding-top:30px!important}.m-pb30{padding-bottom:30px!important}.m-pl30{padding-left:30px!important}.m-pr30{padding-right:30px!important}.m-p35{padding:35px!important}.m-pt35{padding-top:35px!important}.m-pb35{padding-bottom:35px!important}.m-pl35{padding-left:35px!important}.m-pr35{padding-right:35px!important}.m-p40{padding:40px!important}.m-pt40{padding-top:40px!important}.m-pb40{padding-bottom:40px!important}.m-pl40{padding-left:40px!important}.m-pr40{padding-right:40px!important}.m-p45{padding:45px!important}.m-pt45{padding-top:45px!important}.m-pb45{padding-bottom:45px!important}.m-pl45{padding-left:45px!important}.m-pr45{padding-right:45px!important}.m-p50{padding:50px!important}.m-pt50{padding-top:50px!important}.m-pb50{padding-bottom:50px!important}.m-pl50{padding-left:50px!important}.m-pr50{padding-right:50px!important}.m-p55{padding:55px!important}.m-pt55{padding-top:55px!important}.m-pb55{padding-bottom:55px!important}.m-pl55{padding-left:55px!important}.m-pr55{padding-right:55px!important}.m-p60{padding:60px!important}.m-pt60{padding-top:60px!important}.m-pb60{padding-bottom:60px!important}.m-pl60{padding-left:60px!important}.m-pr60{padding-right:60px!important}.m-p65{padding:65px!important}.m-pt65{padding-top:65px!important}.m-pb65{padding-bottom:65px!important}.m-pl65{padding-left:65px!important}.m-pr65{padding-right:65px!important}.m-p70{padding:70px!important}.m-pt70{padding-top:70px!important}.m-pb70{padding-bottom:70px!important}.m-pl70{padding-left:70px!important}.m-pr70{padding-right:70px!important}.m-p75{padding:75px!important}.m-pt75{padding-top:75px!important}.m-pb75{padding-bottom:75px!important}.m-pl75{padding-left:75px!important}.m-pr75{padding-right:75px!important}.m-p80{padding:80px!important}.m-pt80{padding-top:80px!important}.m-pb80{padding-bottom:80px!important}.m-pl80{padding-left:80px!important}.m-pr80{padding-right:80px!important}.m-p85{padding:85px!important}.m-pt85{padding-top:85px!important}.m-pb85{padding-bottom:85px!important}.m-pl85{padding-left:85px!important}.m-pr85{padding-right:85px!important}.m-p90{padding:90px!important}.m-pt90{padding-top:90px!important}.m-pb90{padding-bottom:90px!important}.m-pl90{padding-left:90px!important}.m-pr90{padding-right:90px!important}.m-p95{padding:95px!important}.m-pt95{padding-top:95px!important}.m-pb95{padding-bottom:95px!important}.m-pl95{padding-left:95px!important}.m-pr95{padding-right:95px!important}.m-p100{padding:100px!important}.m-pt100{padding-top:100px!important}.m-pb100{padding-bottom:100px!important}.m-pl100{padding-left:100px!important}.m-pr100{padding-right:100px!important}	
	
	.m-flx{display:flex;flex-wrap:wrap;}
	.m-flx-cnt{display:flex;justify-content:center;flex-wrap:wrap;}
	.m-flx-spc{display:flex;justify-content:space-between;flex-wrap:wrap;}
	.m-flx-vend{display:flex;align-items:flex-end;}
	.m-flx-vstrt{display:flex;align-items:flex-start;}
	.m-flx-vcnt{display:flex;flex-direction:column;justify-content:center;}
	.m-flx-hend{display:flex;justify-content:flex-end;}
	.m-flx-hstrt{display:flex;justify-content:flex-start;flex-wrap:wrap;}
	.m-flx-hcnt{display:flex;justify-content:center;}
	.m-flx-wrap{display:flex;flex-wrap:wrap;}
	.m-flx-nowrap{display:flex;flex-wrap:nowrap;}
	.m-flx-acnt{display:flex;align-items:center;}
	.m-flx-rnd{display:flex;justify-content:space-around;flex-wrap:wrap;}
	.m-flx-strtch{display:flex;align-items:stretch;}
	.m-flx-vnly{display:flex;align-items:flex-start;justify-content:space-evenly;flex-wrap:wrap;}

	.m-flx-margined > div{margin-left:.5%;margin-right:.5%;}
	
	h2, .h2 {font-size: 6rem;}
	h3, .h3 {font-size: 5rem;}
	
	#navi{
		padding-bottom:90px;
		transition:300ms;
	}
	
	.col2{columns:1;}
	
	.m-wauto{width:auto!important}
	
	.m-gapPer{gap:1%}
	
	.m-tac{text-align: center;}
	
	 .eyecatcher .ovrly {
        align-items: flex-end;
        padding-bottom: 60px;
    }
	
	.statsbar .centered {
        flex-wrap: wrap;
    }

    .statitem {
        flex: 0 0 50%;
        border-bottom: 1px solid rgba(255,255,255,0.07);
    }

    .statitem:nth-child(2) {
        border-right: none;
    }

    .statitem:nth-child(3),
    .statitem:nth-child(4) {
        border-bottom: none;
    }
	
	
	
	#technologie .ovrly {
        min-height: auto;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #technologie .centered {
        flex-direction: column;
        gap: 40px;
    }

    .bg-img-technologie::after {
        background: rgba(0,0,0,0.82);
    }
	
	footer .bottom {text-align: center;}
	
	.produkteuebersicht .produktgrid {
        grid-template-columns: repeat(2, 1fr);
    }
	
	.detailliste .item:nth-child(2) {
	  border-right: none;
	}
	
	.detailliste .item:nth-child(3) {
	  border-right: 1px solid rgba(215,183,106,0.1);
	}
	
	.freigaben-section .w50,
    .freigaben-section .w40 {
        width: 100% !important;
    }
	
	.zeitstrahl .linie {
        display: none;
    }

    .zeitstrahl .jahreszahl {
        width: 49%;
        padding-top: 0;
        padding-left: 24px;
        border-left: 1px solid rgba(215,183,106,0.3);
        margin-bottom: 40px;
    }

    .zeitstrahl .dot {
        top: 8px;
        left: -9px;
    }
	
	.kontakt .cardbox {
        flex: 0 0 48%;
    }
	
	.kontaktform .ovrly {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        min-height: auto;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .bg-img-kontakt::after {
        background: rgba(0,0,0,0.82);
    }
	
	.produktdetail .sticky {position: relative;top: 0;}
	
	.technische-details .eigenschaft-badge {width: 50%;}
}

@media all and (max-width:768px){
	.s-hide{display:none!important;}
	.s-show{display:block!important;}

	.xl-area{
		padding-top:80px;
		padding-bottom:80px;
	}
	
	.area{
		padding-top:60px;
		padding-bottom:60px;
	}
	
	.m-area{
		padding-top:30px;
		padding-bottom:30px;
	}
	
	.s-area{
		padding-top:15px;
		padding-bottom:15px;
	}
	
	.xs-area{
		padding-top:8px;
		padding-bottom:8px;
	}
	
	.s-posrel{
		position:relative;
		left:auto;
		top:auto;
		right:auto;
		bottom:auto;
		width:auto;
		height:auto;
	}
	
	.s-posabs-lb{position:absolute;left:0;bottom:0;}
	.s-posabs-rb{position:absolute;right:0;bottom:0;}
	.s-posabs-lt{position:absolute;left:0;top:0;}
	.s-posabs-rt{position:absolute;right:0;top:0;}

	.s-order1{order:1;}.s-order2{order:2;}.s-order3{order:3;}.s-order4{order:4;}.s-order5{order:5;}.s-order6{order:6;}.s-order7{order:7;}.s-order8{order:8;}.s-order9{order:9;}.s-order10{order:10;}
	
	.s-w5{width:4%!important;}.s-w5-f{width:5%!important;}.s-w10{width:9%!important;}.s-w10-f{width:10%!important;}.s-w15{width:14%!important;}.s-w15-f{width:15%!important;}.s-w20{width:19%!important;}.s-w20-f{width:20%!important;}.s-w25{width:24%!important;}.s-w25-f{width:25%!important;}.s-w30{width:29%!important;}.s-w30-f{width:30%!important;}.s-w35{width:34%!important;}.s-w35-f{width:35%!important;}.s-w40{width:39%!important;}.s-w40-f{width:40%!important;}.s-w45{width:44%!important;}.s-w45-f{width:45%!important;}.s-w50{width:49%!important;}.s-w50-f{width:50%!important;}.s-w55{width:54%!important;}.s-w55-f{width:55%!important;}.s-w60{width:59%!important;}.s-w60-f{width:60%!important;}.s-w65{width:64%!important;}.s-w65-f{width:65%!important;}.s-w70{width:69%!important;}.s-w70-f{width:70%!important;}.s-w75{width:74%!important;}.s-w75-f{width:75%!important;}.s-w80{width:79%!important;}.s-w80-f{width:80%!important;}.s-w85{width:84%!important;}.s-w85-f{width:85%!important;}.s-w90{width:89%!important;}.s-w90-f{width:90%!important;}.s-w95{width:94%!important;}.s-w95-f{width:95%!important;}	.s-w100{width:100%!important}
	.s-w33{width:32%!important;}.s-w33-f{width:33%!important;}.s-w66{width:65%!important;}.s-w66-f{width:66%!important;}
		
	.s-m0{margin:0px!important}.s-mt0{margin-top:0px!important}.s-mb0{margin-bottom:0px!important}.s-ml0{margin-left:0px!important}.s-mr0{margin-right:0px!important}.s-m5{margin:5px!important}.s-mt5{margin-top:5px!important}.s-mb5{margin-bottom:5px!important}.s-ml5{margin-left:5px!important}.s-mr5{margin-right:5px!important}.s-m10{margin:10px!important}.s-mt10{margin-top:10px!important}.s-mb10{margin-bottom:10px!important}.s-ml10{margin-left:10px!important}.s-mr10{margin-right:10px!important}.s-m15{margin:15px!important}.s-mt15{margin-top:15px!important}.s-mb15{margin-bottom:15px!important}.s-ml15{margin-left:15px!important}.s-mr15{margin-right:15px!important}.s-m20{margin:20px!important}.s-mt20{margin-top:20px!important}.s-mb20{margin-bottom:20px!important}.s-ml20{margin-left:20px!important}.s-mr20{margin-right:20px!important}.s-m25{margin:25px!important}.s-mt25{margin-top:25px!important}.s-mb25{margin-bottom:25px!important}.s-ml25{margin-left:25px!important}.s-mr25{margin-right:25px!important}.s-m30{margin:30px!important}.s-mt30{margin-top:30px!important}.s-mb30{margin-bottom:30px!important}.s-ml30{margin-left:30px!important}.s-mr30{margin-right:30px!important}.s-m35{margin:35px!important}.s-mt35{margin-top:35px!important}.s-mb35{margin-bottom:35px!important}.s-ml35{margin-left:35px!important}.s-mr35{margin-right:35px!important}.s-m40{margin:40px!important}.s-mt40{margin-top:40px!important}.s-mb40{margin-bottom:40px!important}.s-ml40{margin-left:40px!important}.s-mr40{margin-right:40px!important}.s-m45{margin:45px!important}.s-mt45{margin-top:45px!important}.s-mb45{margin-bottom:45px!important}.s-ml45{margin-left:45px!important}.s-mr45{margin-right:45px!important}.s-m50{margin:50px!important}.s-mt50{margin-top:50px!important}.s-mb50{margin-bottom:50px!important}.s-ml50{margin-left:50px!important}.s-mr50{margin-right:50px!important}.s-m55{margin:55px!important}.s-mt55{margin-top:55px!important}.s-mb55{margin-bottom:55px!important}.s-ml55{margin-left:55px!important}.s-mr55{margin-right:55px!important}.s-m60{margin:60px!important}.s-mt60{margin-top:60px!important}.s-mb60{margin-bottom:60px!important}.s-ml60{margin-left:60px!important}.s-mr60{margin-right:60px!important}.s-m65{margin:65px!important}.s-mt65{margin-top:65px!important}.s-mb65{margin-bottom:65px!important}.s-ml65{margin-left:65px!important}.s-mr65{margin-right:65px!important}.s-m70{margin:70px!important}.s-mt70{margin-top:70px!important}.s-mb70{margin-bottom:70px!important}.s-ml70{margin-left:70px!important}.s-mr70{margin-right:70px!important}.s-m75{margin:75px!important}.s-mt75{margin-top:75px!important}.s-mb75{margin-bottom:75px!important}.s-ml75{margin-left:75px!important}.s-mr75{margin-right:75px!important}.s-m80{margin:80px!important}.s-mt80{margin-top:80px!important}.s-mb80{margin-bottom:80px!important}.s-ml80{margin-left:80px!important}.s-mr80{margin-right:80px!important}.s-m85{margin:85px!important}.s-mt85{margin-top:85px!important}.s-mb85{margin-bottom:85px!important}.s-ml85{margin-left:85px!important}.s-mr85{margin-right:85px!important}.s-m90{margin:90px!important}.s-mt90{margin-top:90px!important}.s-mb90{margin-bottom:90px!important}.s-ml90{margin-left:90px!important}.s-mr90{margin-right:90px!important}.s-m95{margin:95px!important}.s-mt95{margin-top:95px!important}.s-mb95{margin-bottom:95px!important}.s-ml95{margin-left:95px!important}.s-mr95{margin-right:95px!important}.s-m100{margin:100px!important}.s-mt100{margin-top:100px!important}.s-mb100{margin-bottom:100px!important}.s-ml100{margin-left:100px!important}.s-mr100{margin-right:100px!important}
	.s-p0{padding:0px!important}.s-pt0{padding-top:0px!important}.s-pb0{padding-bottom:0px!important}.s-pl0{padding-left:0px!important}.s-pr0{padding-right:0px!important}.s-p5{padding:5px!important}.s-pt5{padding-top:5px!important}.s-pb5{padding-bottom:5px!important}.s-pl5{padding-left:5px!important}.s-pr5{padding-right:5px!important}.s-p10{padding:10px!important}.s-pt10{padding-top:10px!important}.s-pb10{padding-bottom:10px!important}.s-pl10{padding-left:10px!important}.s-pr10{padding-right:10px!important}.s-p15{padding:15px!important}.s-pt15{padding-top:15px!important}.s-pb15{padding-bottom:15px!important}.s-pl15{padding-left:15px!important}.s-pr15{padding-right:15px!important}.s-p20{padding:20px!important}.s-pt20{padding-top:20px!important}.s-pb20{padding-bottom:20px!important}.s-pl20{padding-left:20px!important}.s-pr20{padding-right:20px!important}.s-p25{padding:25px!important}.s-pt25{padding-top:25px!important}.s-pb25{padding-bottom:25px!important}.s-pl25{padding-left:25px!important}.s-pr25{padding-right:25px!important}.s-p30{padding:30px!important}.s-pt30{padding-top:30px!important}.s-pb30{padding-bottom:30px!important}.s-pl30{padding-left:30px!important}.s-pr30{padding-right:30px!important}.s-p35{padding:35px!important}.s-pt35{padding-top:35px!important}.s-pb35{padding-bottom:35px!important}.s-pl35{padding-left:35px!important}.s-pr35{padding-right:35px!important}.s-p40{padding:40px!important}.s-pt40{padding-top:40px!important}.s-pb40{padding-bottom:40px!important}.s-pl40{padding-left:40px!important}.s-pr40{padding-right:40px!important}.s-p45{padding:45px!important}.s-pt45{padding-top:45px!important}.s-pb45{padding-bottom:45px!important}.s-pl45{padding-left:45px!important}.s-pr45{padding-right:45px!important}.s-p50{padding:50px!important}.s-pt50{padding-top:50px!important}.s-pb50{padding-bottom:50px!important}.s-pl50{padding-left:50px!important}.s-pr50{padding-right:50px!important}.s-p55{padding:55px!important}.s-pt55{padding-top:55px!important}.s-pb55{padding-bottom:55px!important}.s-pl55{padding-left:55px!important}.s-pr55{padding-right:55px!important}.s-p60{padding:60px!important}.s-pt60{padding-top:60px!important}.s-pb60{padding-bottom:60px!important}.s-pl60{padding-left:60px!important}.s-pr60{padding-right:60px!important}.s-p65{padding:65px!important}.s-pt65{padding-top:65px!important}.s-pb65{padding-bottom:65px!important}.s-pl65{padding-left:65px!important}.s-pr65{padding-right:65px!important}.s-p70{padding:70px!important}.s-pt70{padding-top:70px!important}.s-pb70{padding-bottom:70px!important}.s-pl70{padding-left:70px!important}.s-pr70{padding-right:70px!important}.s-p75{padding:75px!important}.s-pt75{padding-top:75px!important}.s-pb75{padding-bottom:75px!important}.s-pl75{padding-left:75px!important}.s-pr75{padding-right:75px!important}.s-p80{padding:80px!important}.s-pt80{padding-top:80px!important}.s-pb80{padding-bottom:80px!important}.s-pl80{padding-left:80px!important}.s-pr80{padding-right:80px!important}.s-p85{padding:85px!important}.s-pt85{padding-top:85px!important}.s-pb85{padding-bottom:85px!important}.s-pl85{padding-left:85px!important}.s-pr85{padding-right:85px!important}.s-p90{padding:90px!important}.s-pt90{padding-top:90px!important}.s-pb90{padding-bottom:90px!important}.s-pl90{padding-left:90px!important}.s-pr90{padding-right:90px!important}.s-p95{padding:95px!important}.s-pt95{padding-top:95px!important}.s-pb95{padding-bottom:95px!important}.s-pl95{padding-left:95px!important}.s-pr95{padding-right:95px!important}.s-p100{padding:100px!important}.s-pt100{padding-top:100px!important}.s-pb100{padding-bottom:100px!important}.s-pl100{padding-left:100px!important}.s-pr100{padding-right:100px!important}	
	.s-flx{display:flex;flex-wrap:wrap;}
	.s-flx-cnt{display:flex;justify-content:center;flex-wrap:wrap;}
	.s-flx-spc{display:flex;justify-content:space-between;flex-wrap:wrap;}
	.s-flx-vend{display:flex;align-items:flex-end;}
	.s-flx-vstrt{display:flex;align-items:flex-start;}
	.s-flx-vcnt{display:flex;flex-direction:column;justify-content:center;}
	.s-flx-hend{display:flex;justify-content:flex-end;}
	.s-flx-hstrt{display:flex;justify-content:flex-start;flex-wrap:wrap;}
	.s-flx-hcnt{display:flex;justify-content:center;}
	.s-flx-wrap{display:flex;flex-wrap:wrap;}
	.s-flx-nowrap{display:flex;flex-wrap:nowrap;}
	.s-flx-acnt{display:flex;align-items:center;}
	.s-flx-rnd{display:flex;justify-content:space-around;flex-wrap:wrap;}
	.s-flx-strtch{display:flex;align-items:stretch;}
	.s-flx-vnly{display:flex;align-items:flex-start;justify-content:space-evenly;flex-wrap:wrap;}

	.s-flx-margined > div{margin-left:.5%;margin-right:.5%;}
	
	
	.s-posrel{
		position:relative;
	}	

	.s-mauto{
		margin-left:auto;
		margin-right:auto;
	}
	
	h2, .h2 {font-size: 5rem;}
	h3, .h3 {font-size: 4rem;}
	h4, .h4 {font-size: 2.5rem;}
	
	h4.big, .h4.big {font-size: 3.5rem;}
	
	#navi {
		width: 100%;
		left: -100%;
	}
	
	body, ol, ul, fieldset, table th, table td, .form-field *, input, select{font-size:1.6rem;}

	.move-up{
		top:0;
	}

	.s-tac{text-align:center}
	
	.eyecatcher .ovrly,
	.theme .ovrly {
		padding: 40px 0;
		position: relative;
	}
	

    .eyecatcher .cta {
        flex-direction: column;
    }

    .eyecatcher .cta .btn {
        width: 100%;
        text-align: center;
    }
	
	.eyecatcher .bg-img-eyecatcher::after {
	  content: '';
	  display: none;
	}

    .outline {
        -webkit-text-stroke: 1px #d7b76a;
    }
	
	#technologie .ovrly {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #technologie li {
        padding: 16px 0 !important;
    }
	
	.vergleich .w25 {
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(215,183,106,0.15) !important;
    }

    .vergleich .w25:last-child {
        border-bottom: none !important;
    }

    .vergleich .w25.border-top {
        border-top-width: 5px !important;
    }
	
	.theme h2 {
		font-size: 5rem;
	  }
	
	 .detailliste .item {
		 flex: unset;
		border-bottom: 1px solid rgba(215,183,106,0.1);
		 padding: 30px 20px;
	  }
	
	.detailliste .item:last-of-type {
		border-bottom: none;
	  }
	
	.detailliste .item:nth-child(2n+1) {
		border-right:none;
	  }
	
	.freigaben .einsatz-item {
		flex: unset;
		width: 49%;
	}
	
	.s-gap10{gap:10px;}
	
	.kontaktform-box {
        padding: 30px 24px;
    }

    .kontaktform-box .btn {
        width: 100%;
        text-align: center;
    }
	
}

@media all and (max-width:575px){
	.xs-hide{display:none!important;}
	.xs-show{display:block!important;}
	
	.xl-area{
		padding-top:60px;
		padding-bottom:60px;
	}
	
	.area{
		padding-top:40px;
		padding-bottom:40px;
	}
	
	.m-area{
		padding-top:20px;
		padding-bottom:20px;
	}
	
	.s-area{
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.xs-area{
		padding-top:5px;
		padding-bottom:5px;
	}	
	
	.xs-posrel{
		position:relative;
		left:auto;
		top:auto;
		right:auto;
		bottom:auto;
		width:auto;
		height:auto;
	}

	.xs-posabs-lb{position:absolute;left:0;bottom:0;}
	.xs-posabs-rb{position:absolute;right:0;bottom:0;}
	.xs-posabs-lt{position:absolute;left:0;top:0;}
	.xs-posabs-rt{position:absolute;right:0;top:0;}
	
	.xs-order1{order:1;}.xs-order2{order:2;}.xs-order3{order:3;}.xs-order4{order:4;}.xs-order5{order:5;}.xs-order6{order:6;}.xs-order7{order:7;}.xs-order8{order:8;}.xs-order9{order:9;}.xs-order10{order:10;}
	
	.xs-w5{width:4%!important;}.xs-w5-f{width:5%!important;}.xs-w10{width:9%!important;}.xs-w10-f{width:10%!important;}.xs-w15{width:14%!important;}.xs-w15-f{width:15%!important;}.xs-w20{width:19%!important;}.xs-w20-f{width:20%!important;}.xs-w25{width:24%!important;}.xs-w25-f{width:25%!important;}.xs-w30{width:29%!important;}.xs-w30-f{width:30%!important;}.xs-w35{width:34%!important;}.xs-w35-f{width:35%!important;}.xs-w40{width:39%!important;}.xs-w40-f{width:40%!important;}.xs-w45{width:44%!important;}.xs-w45-f{width:45%!important;}.xs-w50{width:49%!important;}.xs-w50-f{width:50%!important;}.xs-w55{width:54%!important;}.xs-w55-f{width:55%!important;}.xs-w60{width:59%!important;}.xs-w60-f{width:60%!important;}.xs-w65{width:64%!important;}.xs-w65-f{width:65%!important;}.xs-w70{width:69%!important;}.xs-w70-f{width:70%!important;}.xs-w75{width:74%!important;}.xs-w75-f{width:75%!important;}.xs-w80{width:79%!important;}.xs-w80-f{width:80%!important;}.xs-w85{width:84%!important;}.xs-w85-f{width:85%!important;}.xs-w90{width:89%!important;}.xs-w90-f{width:90%!important;}.xs-w95{width:94%!important;}.xs-w95-f{width:95%!important;}	.xs-w100{width:100%!important}
	.xs-w33{width:32%!important;}.xs-w33-f{width:33%!important;}.xs-w66{width:65%!important;}.xs-w66-f{width:66%!important;}
		
	.xs-m0{margin:0px!important}.xs-mt0{margin-top:0px!important}.xs-mb0{margin-bottom:0px!important}.xs-ml0{margin-left:0px!important}.xs-mr0{margin-right:0px!important}.xs-m5{margin:5px!important}.xs-mt5{margin-top:5px!important}.xs-mb5{margin-bottom:5px!important}.xs-ml5{margin-left:5px!important}.xs-mr5{margin-right:5px!important}.xs-m10{margin:10px!important}.xs-mt10{margin-top:10px!important}.xs-mb10{margin-bottom:10px!important}.xs-ml10{margin-left:10px!important}.xs-mr10{margin-right:10px!important}.xs-m15{margin:15px!important}.xs-mt15{margin-top:15px!important}.xs-mb15{margin-bottom:15px!important}.xs-ml15{margin-left:15px!important}.xs-mr15{margin-right:15px!important}.xs-m20{margin:20px!important}.xs-mt20{margin-top:20px!important}.xs-mb20{margin-bottom:20px!important}.xs-ml20{margin-left:20px!important}.xs-mr20{margin-right:20px!important}.xs-m25{margin:25px!important}.xs-mt25{margin-top:25px!important}.xs-mb25{margin-bottom:25px!important}.xs-ml25{margin-left:25px!important}.xs-mr25{margin-right:25px!important}.xs-m30{margin:30px!important}.xs-mt30{margin-top:30px!important}.xs-mb30{margin-bottom:30px!important}.xs-ml30{margin-left:30px!important}.xs-mr30{margin-right:30px!important}.xs-m35{margin:35px!important}.xs-mt35{margin-top:35px!important}.xs-mb35{margin-bottom:35px!important}.xs-ml35{margin-left:35px!important}.xs-mr35{margin-right:35px!important}.xs-m40{margin:40px!important}.xs-mt40{margin-top:40px!important}.xs-mb40{margin-bottom:40px!important}.xs-ml40{margin-left:40px!important}.xs-mr40{margin-right:40px!important}.xs-m45{margin:45px!important}.xs-mt45{margin-top:45px!important}.xs-mb45{margin-bottom:45px!important}.xs-ml45{margin-left:45px!important}.xs-mr45{margin-right:45px!important}.xs-m50{margin:50px!important}.xs-mt50{margin-top:50px!important}.xs-mb50{margin-bottom:50px!important}.xs-ml50{margin-left:50px!important}.xs-mr50{margin-right:50px!important}.xs-m55{margin:55px!important}.xs-mt55{margin-top:55px!important}.xs-mb55{margin-bottom:55px!important}.xs-ml55{margin-left:55px!important}.xs-mr55{margin-right:55px!important}.xs-m60{margin:60px!important}.xs-mt60{margin-top:60px!important}.xs-mb60{margin-bottom:60px!important}.xs-ml60{margin-left:60px!important}.xs-mr60{margin-right:60px!important}.xs-m65{margin:65px!important}.xs-mt65{margin-top:65px!important}.xs-mb65{margin-bottom:65px!important}.xs-ml65{margin-left:65px!important}.xs-mr65{margin-right:65px!important}.xs-m70{margin:70px!important}.xs-mt70{margin-top:70px!important}.xs-mb70{margin-bottom:70px!important}.xs-ml70{margin-left:70px!important}.xs-mr70{margin-right:70px!important}.xs-m75{margin:75px!important}.xs-mt75{margin-top:75px!important}.xs-mb75{margin-bottom:75px!important}.xs-ml75{margin-left:75px!important}.xs-mr75{margin-right:75px!important}.xs-m80{margin:80px!important}.xs-mt80{margin-top:80px!important}.xs-mb80{margin-bottom:80px!important}.xs-ml80{margin-left:80px!important}.xs-mr80{margin-right:80px!important}.xs-m85{margin:85px!important}.xs-mt85{margin-top:85px!important}.xs-mb85{margin-bottom:85px!important}.xs-ml85{margin-left:85px!important}.xs-mr85{margin-right:85px!important}.xs-m90{margin:90px!important}.xs-mt90{margin-top:90px!important}.xs-mb90{margin-bottom:90px!important}.xs-ml90{margin-left:90px!important}.xs-mr90{margin-right:90px!important}.xs-m95{margin:95px!important}.xs-mt95{margin-top:95px!important}.xs-mb95{margin-bottom:95px!important}.xs-ml95{margin-left:95px!important}.xs-mr95{margin-right:95px!important}.xs-m100{margin:100px!important}.xs-mt100{margin-top:100px!important}.xs-mb100{margin-bottom:100px!important}.xs-ml100{margin-left:100px!important}.xs-mr100{margin-right:100px!important}
	.xs-p0{padding:0px!important}.xs-pt0{padding-top:0px!important}.xs-pb0{padding-bottom:0px!important}.xs-pl0{padding-left:0px!important}.xs-pr0{padding-right:0px!important}.xs-p5{padding:5px!important}.xs-pt5{padding-top:5px!important}.xs-pb5{padding-bottom:5px!important}.xs-pl5{padding-left:5px!important}.xs-pr5{padding-right:5px!important}.xs-p10{padding:10px!important}.xs-pt10{padding-top:10px!important}.xs-pb10{padding-bottom:10px!important}.xs-pl10{padding-left:10px!important}.xs-pr10{padding-right:10px!important}.xs-p15{padding:15px!important}.xs-pt15{padding-top:15px!important}.xs-pb15{padding-bottom:15px!important}.xs-pl15{padding-left:15px!important}.xs-pr15{padding-right:15px!important}.xs-p20{padding:20px!important}.xs-pt20{padding-top:20px!important}.xs-pb20{padding-bottom:20px!important}.xs-pl20{padding-left:20px!important}.xs-pr20{padding-right:20px!important}.xs-p25{padding:25px!important}.xs-pt25{padding-top:25px!important}.xs-pb25{padding-bottom:25px!important}.xs-pl25{padding-left:25px!important}.xs-pr25{padding-right:25px!important}.xs-p30{padding:30px!important}.xs-pt30{padding-top:30px!important}.xs-pb30{padding-bottom:30px!important}.xs-pl30{padding-left:30px!important}.xs-pr30{padding-right:30px!important}.xs-p35{padding:35px!important}.xs-pt35{padding-top:35px!important}.xs-pb35{padding-bottom:35px!important}.xs-pl35{padding-left:35px!important}.xs-pr35{padding-right:35px!important}.xs-p40{padding:40px!important}.xs-pt40{padding-top:40px!important}.xs-pb40{padding-bottom:40px!important}.xs-pl40{padding-left:40px!important}.xs-pr40{padding-right:40px!important}.xs-p45{padding:45px!important}.xs-pt45{padding-top:45px!important}.xs-pb45{padding-bottom:45px!important}.xs-pl45{padding-left:45px!important}.xs-pr45{padding-right:45px!important}.xs-p50{padding:50px!important}.xs-pt50{padding-top:50px!important}.xs-pb50{padding-bottom:50px!important}.xs-pl50{padding-left:50px!important}.xs-pr50{padding-right:50px!important}.xs-p55{padding:55px!important}.xs-pt55{padding-top:55px!important}.xs-pb55{padding-bottom:55px!important}.xs-pl55{padding-left:55px!important}.xs-pr55{padding-right:55px!important}.xs-p60{padding:60px!important}.xs-pt60{padding-top:60px!important}.xs-pb60{padding-bottom:60px!important}.xs-pl60{padding-left:60px!important}.xs-pr60{padding-right:60px!important}.xs-p65{padding:65px!important}.xs-pt65{padding-top:65px!important}.xs-pb65{padding-bottom:65px!important}.xs-pl65{padding-left:65px!important}.xs-pr65{padding-right:65px!important}.xs-p70{padding:70px!important}.xs-pt70{padding-top:70px!important}.xs-pb70{padding-bottom:70px!important}.xs-pl70{padding-left:70px!important}.xs-pr70{padding-right:70px!important}.xs-p75{padding:75px!important}.xs-pt75{padding-top:75px!important}.xs-pb75{padding-bottom:75px!important}.xs-pl75{padding-left:75px!important}.xs-pr75{padding-right:75px!important}.xs-p80{padding:80px!important}.xs-pt80{padding-top:80px!important}.xs-pb80{padding-bottom:80px!important}.xs-pl80{padding-left:80px!important}.xs-pr80{padding-right:80px!important}.xs-p85{padding:85px!important}.xs-pt85{padding-top:85px!important}.xs-pb85{padding-bottom:85px!important}.xs-pl85{padding-left:85px!important}.xs-pr85{padding-right:85px!important}.xs-p90{padding:90px!important}.xs-pt90{padding-top:90px!important}.xs-pb90{padding-bottom:90px!important}.xs-pl90{padding-left:90px!important}.xs-pr90{padding-right:90px!important}.xs-p95{padding:95px!important}.xs-pt95{padding-top:95px!important}.xs-pb95{padding-bottom:95px!important}.xs-pl95{padding-left:95px!important}.xs-pr95{padding-right:95px!important}.xs-p100{padding:100px!important}.xs-pt100{padding-top:100px!important}.xs-pb100{padding-bottom:100px!important}.xs-pl100{padding-left:100px!important}.xs-pr100{padding-right:100px!important}	
	.xs-flx{display:flex;flex-wrap:wrap;}
	.xs-flx-cnt{display:flex;justify-content:center;flex-wrap:wrap;}
	.xs-flx-spc{display:flex;justify-content:space-between;flex-wrap:wrap;}
	.xs-flx-vend{display:flex;align-items:flex-end;}
	.xs-flx-vstrt{display:flex;align-items:flex-start;}
	.xs-flx-vcnt{display:flex;flex-direction:column;justify-content:center;}
	.xs-flx-hend{display:flex;justify-content:flex-end;}
	.xs-flx-hstrt{display:flex;justify-content:flex-start;flex-wrap:wrap;}
	.xs-flx-hcnt{display:flex;justify-content:center;}
	.xs-flx-wrap{display:flex;flex-wrap:wrap;}
	.xs-flx-nowrap{display:flex;flex-wrap:nowrap;}
	.xs-flx-acnt{display:flex;align-items:center;}
	.xs-flx-rnd{display:flex;justify-content:space-around;flex-wrap:wrap;}
	.xs-flx-strtch{display:flex;align-items:stretch;}
	.xs-flx-vnly{display:flex;align-items:flex-start;justify-content:space-evenly;flex-wrap:wrap;}

	.xs-flx-margined > div{margin-left:.5%;margin-right:.5%;}
	
	.xs-mauto{margin-left:auto!important;margin-right:auto!important;}
	.xs-tac{text-align:center!important}
	
	.mainlogo {
		width: 123px;
	  }
	
	.eyecatcher h1, .eyecatcher h1 .outline {
        font-size: 4rem !important;
    }

    .eyebrow {
        font-size: 1rem;
    }
	
	.statitem {
        flex: 0 0 100%;
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.07) !important;
        padding: 20px 24px;
    }

    .statitem:last-child {
        border-bottom: none !important;
    }

    .statvalue {
        font-size: 2.2rem;
    }
	
	.produktcard {
        padding: 30px !important;
    }
	
	h2, .h2 {font-size: 3.2rem;}
	h3, .h3 {font-size: 2.8rem;}
	h4, .h4 {font-size: 1.6rem;}
	
	h4.big, .h4.big, .h4.xs-big {font-size: 2rem;}
	
	#technologie li .w10 {
        font-size: 2.4rem !important;
    }
	
	 .theme h2 {
		font-size: 3.2rem;
	  }
	
	.produkteuebersicht .produktgrid {
        grid-template-columns: 1fr;
    }

    .produkteuebersicht .produkt-select select {
        min-width: 100%;
    }
	
	 .produkteuebersicht .produktgrid.list-view .produkt-item {
        flex-direction: column;
    }

    .produkteuebersicht .produktgrid.list-view .produkt-img {
        width: 100%;
    }
	
	.technische-details .eigenschaft-badge {
		width: 100%;
	}
	
	.freigaben .einsatz-item {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.zeitstrahl .jahreszahl {
        width: 100%;
        margin-bottom: 30px;
    }

    .zeitstrahl .jahreszahl:last-child {
        margin-bottom: 0;
    }
	
	.kontakt .cardbox {
        flex: 0 0 100%;
    }

    .kontakt .icon {
        width: 40px;
        height: 40px;
        font-size: 1.5rem;
    }
	
	.kontaktform-box {
        padding: 24px 16px;
    }
	
}




/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2"),
       url("../webfonts/fa-solid-900.ttf") format("truetype");
}

.fas {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fas.fa-phone:before {
  content: "\f095"; 
}
.fas.fa-users:before {
    content: "\f0c0";
}
.fas.fa-thumbs-up:before {
    content: "\f164";
}
.fas.fa-mobile-alt:before {
    content: "\f3cd";
}
.fas.fa-envelope-open:before {
    content: "\f2b6";
}
.fas.fa-bars:before {
    content: "\f0c9";
}