/* compressed.css generated on 2026-01-11 18:22:01 */

/* animate.css */
.wow{opacity:0;}.wow.visible{opacity:1;}@charset "UTF-8";:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes animate__fadeIn{0%{opacity:0;}50%{opacity:1}}@keyframes animate__fadeIn{0%{opacity:0;}50%{opacity:1}}.animate__fadeIn{-webkit-animation-name:animate__fadeIn;animation-name:animate__fadeIn}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-1%,0,0);transform:translate3d(-1%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-1%,0,0);transform:translate3d(-1%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,3%,0);transform:translate3d(0,3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,3%,0);transform:translate3d(0,3%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
/* elements.css */
p{margin-bottom:1rem;line-height:1.5em;&:last-child{margin-bottom:0;}}b{font-weight:400;}a{position:relative;text-decoration:none;transition:color 0.3s ease;}img{width:100%;}h1{font-size:3rem;font-weight:normal;margin-bottom:0;font-family:'Oswald';}h2{font-family:'Oswald';font-size:2rem;margin-bottom:1.8rem;font-weight:normal;}h3{font-size:1.3rem;font-weight:400;margin-bottom:0.5rem;}h3.icon,h3.icon a{font-weight:300;font-size:1.3rem;}h3 a{text-decoration:none;font-weight:300;}h3.icon{margin-bottom:1.5rem;}h3.icon i{margin-right:.75rem;font-size:1.5rem;width:1.5rem;flex:0 0 1.5rem;color:rgba(51,50,50,0.75);}h2.icon,h3.icon{display:flex;align-items:center;}a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background-color:var(--graphite);transition:width 0.3s ease;}a:not(.noHover):hover::after,a:not(.noHover):focus::after,li.selected a::after{width:100%;}a.logo::after{display:none;}ul{display:block;}::placeholder{color:var(--graphite);opacity:1;}:-ms-input-placeholder{color:var(--graphite);opacity:1;}::-ms-input-placeholder{color:var(--graphite);opacity:1;}input[type='text'],input[type='date'],input[type='password'],input[type='email'],input[type='number'],input[type='phone'],input[type='datetime-local'],select,textarea{border:1px solid var(--graphite);padding:.75rem 1rem;display:block;margin:1rem 0;background:none;font-size:1.2rem;width:100%;border-radius:0;}input[type='text'],input[type='date'],input[type='password'],input[type='email'],input[type='number'],input[type='phone'],input[type='datetime-local']{-webkit-appearance:none;-moz-appearance:none;}[disabled]{cursor:not-allowed;pointer-events:none;}.invers[disabled]{background-color:var(--bgColor);color:var(--graphite);}textarea{resize:none;}input[type='checkbox']{margin-right:0.5rem;}input[type="date"],input[type="datetime-local"]{text-align:left;}input[type="date"]:not(.has-value):before,input[type="datetime-local"]:not(.has-value):before{color:#666;opacity:.5;content:attr(placeholder);}section button,section .button{padding:0.75rem 1.75rem;border:1px solid var(--graphite);background-color:transparent;text-decoration:none;transition:all 0.3s ease;border-radius:0;cursor:pointer;display:inline-block;margin:1rem 1rem 0 0;}section .button.small{margin:.5rem .5rem 0 0;padding:0.4rem .8rem;border-radius:2rem;&::after{display:none;}}section button:hover,section .button:hover{background-color:var(--graphite);color:var(--bgColor);}section .invers .button{border-color:var(--greige);color:var(--greige);}section .invers .button:hover{background-color:var(--greige);color:var(--graphite);}.button.invers,button.invers{color:var(--bgColor);background-color:var(--graphite);&:hover{background-color:var(--bgColor);color:var(--graphite);}}section button.noBg,section .button.noBg{border:none;background:none;&::after{display:none;}&:hover{border:none;background:none;color:initial;}}.checkbox{display:block;position:relative;padding-left:1.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:1rem;}ul.checkIn .checkbox{margin:0;}.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}.checkmark{position:absolute;top:.35rem;left:0;height:1rem;width:1rem;background-color:transparent;border:1px solid #666}.checkbox input:checked ~ .checkmark{}.checkmark:after{content:"";position:absolute;display:none;}.checkbox input:checked ~ .checkmark:after{display:block;}.checkbox .checkmark:after{margin:50% 50%;width:.25rem;height:.5rem;border:solid #666666;border-width:0 2px 2px 0;transform:translateY(calc(-50% - .1rem)) translateX(-50%) rotate(45deg);}.radio{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#fff;border-radius:50%;}.radio:hover input ~ .checkmark{background-color:#fff;}.radio input:checked ~ .checkmark{background-color:#fff;}.radio:after{content:"";position:absolute;display:none;}.radio input:checked ~ .checkmark:after{display:block;}.radio .checkmark:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:white;}main ul{margin:1.25rem 0;padding:0;}main ul li{position:relative;margin:0.4rem 0 0.4rem 1.1rem;list-style-type:none;}main ul li::before{content:"";position:absolute;left:-1rem;top:0.45em;width:0.4rem;height:0.4rem;background:var(--graphite);}
/* fonts.css */
@font-face{font-family:'Roboto Condensed';src:url('../fonts/roboto-condensed-v19-latin-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:'Roboto Condensed';src:url('../fonts/roboto-condensed-v19-latin-300.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap;}@font-face{font-family:'Oswald';src:url('../fonts/Oswald-Medium.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap;}:root{--greige:#A89F93;--graphite:#333232;--highlight:#E9DDE1;--bgColor:#E8E4E0;--white:#FAF9F7;--white-soft:#F6F4F1;--white-warm:#F2EFEB;--white-muted:#ECE7E2;--white-contrast:#FBFAF8;--accent-rose:#D7C4C2;--accent-gold:#C2A97F;--maxWidth:90rem;}
/* icons.css */
[class*="fa-"]{display:inline-block;width:1em;height:1em;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;transition:ease-in-out .2s transform;}.fa-instagram{mask-image:url('../img/icons/instagram.svg');-webkit-mask-image:url('../img/icons/instagram.svg');}.fa-whatsapp{mask-image:url('../img/icons/phone.svg');-webkit-mask-image:url('../img/icons/phone.svg');}.fa-envelope{mask-image:url('../img/icons/mail.svg');-webkit-mask-image:url('../img/icons/mail.svg');}.fa-location-dot{mask-image:url('../img/icons/mail.svg');-webkit-mask-image:url('../img/icons/location.svg');}.fa-circle-parking{mask-image:url('../img/icons/mail.svg');-webkit-mask-image:url('../img/icons/parking.svg');}.fa-payments{mask-image:url('../img/icons/payment.svg');-webkit-mask-image:url('../img/icons/payment.svg');}.fa-bag-shopping{mask-image:url('../img/icons/bag-shopping.svg');-webkit-mask-image:url('../img/icons/bag-shopping.svg');}.fa-arrow-up-right{mask-image:url('../img/icons/externalLink.svg');-webkit-mask-image:url('../img/icons/externalLink.svg');}.external:focus .fa-arrow-up-right,.external:hover .fa-arrow-up-right{transform:rotate(45deg);}.fa-gift{mask-image:url('../img/icons/gift.svg');-webkit-mask-image:url('../img/icons/gift.svg');transition:ease-in-out .2s transform;}.fa-star{mask-image:url('../img/icons/star.svg');-webkit-mask-image:url('../img/icons/star.svg');transition:ease-in-out .2s transform;}.fa-hashtag{mask-image:url('../img/icons/hashtag.svg');-webkit-mask-image:url('../img/icons/hashtag.svg');transition:ease-in-out .2s transform;}.fa-browser{mask-image:url('../img/icons/browser.svg');-webkit-mask-image:url('../img/icons/browser.svg');transition:ease-in-out .2s transform;}.androidBack{mask-image:url('../img/icons/androidBack.svg');-webkit-mask-image:url('../img/icons/androidBack.svg');transition:ease-in-out .2s transform;}.fa-rectangle-vertical-history{mask-image:url('../img/icons/gallery.svg');-webkit-mask-image:url('../img/icons/gallery.svg');transition:ease-in-out .2s transform;}
/* page.css */
*:not(div)::selection{background:var(--graphite);color:var(--bgColor);}*:not(div)::-moz-selection{background:var(--graphite);color:var(--bgColor);}*:not(div)::-wekit-selection{background:var(--graphite);color:var(--bgColor);}*{outline:none;border:0;color:var(--graphite);font-family:'Roboto Condensed',sans-serif;font-style:none;font-weight:300;margin:0;padding:0;line-height:1.2em;box-sizing:border-box;list-style-type:none;outline-style:none;-webkit-tap-highlight-color:transparent;font-size:1.2rem;}body,html{height:calc(100% + 1px);margin:0 auto;width:100%;scroll-behavior:smooth;scroll-padding-top:30%;}html{margin-bottom:1px;font-size:clamp(14px,1vw,18px);}body{margin-top:-1px;border-top:1px solid;overflow-x:hidden;background:var(--bgColor);}header > div{width:100%;text-align:left;margin:0 auto;position:relative;max-width:var(--maxWidth);padding:0 3rem;}header{padding:1.5rem;flex:0 1 auto;text-align:center;position:fixed;width:100%;top:0;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='4' numOctaves='1'/%3E%3C/filter%3E%3Crect width='100' height='100' style='filter:url(%23f)' opacity='.2'/%3E%3C/svg%3E") mask:linear-gradient(white 7rem,transparent);-webkit-mask:linear-gradient(white 4rem,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding-bottom:8rem;}header svg{width:14rem;}header svg *{fill:var(--greige) !important;transition:ease-in-out .2s all;}body.menuActive header svg *{fill:var(--graphite) !important;}main{padding-top:10rem;}section{width:100%;}article{width:100%;max-width:var(--maxWidth);margin:0 auto;}section:last-child{margin-bottom:0;}nav{text-align:left;margin:0 auto;visibility:hidden;opacity:0;height:0;display:flex;flex-direction:column;}nav ul{overflow:auto;padding:6rem 3rem;display:flex;flex-direction:column;max-width:var(--maxWidth);margin:0 auto;width:100%;}nav ul li{display:inline-block;width:100%;}nav ul li a{text-decoration:none;font-size:1.4rem;margin:.75rem 0;display:inline-block;text-transform:uppercase;}nav ul.footerNavi{padding:1rem 3rem;margin-top:auto;display:flex;flex-direction:row;& li{width:auto;display:inline;margin-right:1rem;}& a{font-size:.8rem;margin:0;}}body.menuActive header{bottom:0;padding-bottom:1.5rem;}body.menuActive nav{visibility:visible;opacity:1;height:98%;}body.menuActive header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);mask:none;-webkit-mask:none;}body.menuActive header > div{background-color:rgba(255,255,255,0);}body.menuActive header{background-color:#DFDBD499;}@supports ((-webkit-backdrop-filter:blur(2em)) or (backdrop-filter:blur(2em))){body.menuActive header > div{background-color:transparent;}body.menuActive header{background-color:#DFDBD440;}}body.menuActive main{opacity:.5;}.burger{width:3.4rem;background:transparent;transition:all 250ms ease-out;cursor:pointer;position:absolute;top:50%;transform:translateY(calc(-50% - 4px));border:1rem solid transparent;right:2rem;height:0;}.burger:before,.burger:after{content:'';font-size:5px;color:var(--greige);width:100%;height:2px;position:absolute;background:var(--greige);transition:all 250ms ease-out;will-change:transform;margin-left:-50%;text-align:left;line-height:1px;text-indent:-3px;}body.menuActive .burger:before,body.menuActive .burger:after{color:var(--graphite);background:var(--graphite);}.burger:before{transform:translateY(-5px);}.burger:after{transform:translateY(5px);}.menuActive .burger:before,.menuActive .burger:after{content:'⬤';}.menuActive .burger:before{transform:translateY(0) rotate(30deg);}.menuActive .burger:after{transform:translateY(0) rotate(-30deg);}div.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(224,220,214,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:auto;height:100%;transition:all ease-in-out .2s;visibility:hidden;opacity:0;z-index:9999;}@supports ((-webkit-backdrop-filter:blur(2em)) or (backdrop-filter:blur(2em))){div.lightbox{background-color:rgba(255,255,255,0);}}body.lightboxOpen.bilder div.lightbox.bilder{visibility:visible;opacity:1;}body.lightboxOpen.dsgvo div.lightbox.dsgvo{visibility:visible;opacity:1;}body.lightboxOpen.agb div.lightbox.agb{visibility:visible;opacity:1;}body.lightboxOpen.widerruf div.lightbox.widerruf{visibility:visible;opacity:1;}div.lightboxContent{width:100%;margin:0 auto;max-width:800px;padding:1rem;}body div.lightboxContent h3{margin-bottom:0;margin-top:1rem;}body div.lightboxContent h2{margin-top:2rem;}div.lightbox > a{position:fixed;top:0;right:0;padding:1rem;font-size:1rem;}div.lightbox > a img{height:1rem;width:1rem;}table{width:100%;border-collapse:unset;border-spacing:0;}td{padding:.5rem 0;vertical-align:top;font-size:1rem;}td:first-child{padding-left:0;}td:last-child{text-align:right;padding-right:0;width:30%;white-space:nowrap;}table + h2{margin-top:60px;}table.data{width:100%;}table.data td{padding:10px 10px;border-bottom:1px solid #666666;}table.data td:last-child{width:auto;white-space:normal;text-align:left;}table.data thead th.center,td.center{text-align:center;}table.data thead th{padding:5px 10px;border-bottom:2px solid #666666;font-weight:400;text-align:left;}.stoerer article{border:1px solid var(--graphite);padding:.4rem;margin:0 auto 6rem;position:relative;}.stoerer article *{margin:0;}
/* templates.css */
.layout{--gap:3rem;--mobile-gap:3rem;--mobile-cols:6;display:flex;flex-wrap:wrap;gap:var(--gap);}div.column{flex-direction:row;}body div.noGap{gap:0 !important;}.layout > .oneTwelfths{flex:0 0 calc((100% - 11*var(--gap)) / 12 * 1 + 0*var(--gap));}.layout > .twoTwelfths{flex:0 0 calc((100% - 11*var(--gap)) / 12 * 2 + 1*var(--gap));}.layout > .threeTwelfths{flex:0 0 calc((100% - 11*var(--gap)) / 12 * 3 + 2*var(--gap));}.layout > .fourTwelfths{flex:0 0 calc((100% - 11*var(--gap)) / 12 * 4 + 3*var(--gap));}.layout > .fiveTwelfths{flex:0 0 calc((100% - 11*var(--gap)) / 12 * 5 + 4*var(--gap));}.layout > .sixTwelfths{flex:0 0 calc((100% - 11*var(--gap)) / 12 * 6 + 5*var(--gap));}.layout > .sevenTwelfths{flex:0 0 calc((100% - 11*var(--gap)) / 12 * 7 + 6*var(--gap));}.layout > .eightTwelfths{flex:0 0 calc((100% - 11*var(--gap)) / 12 * 8 + 7*var(--gap));}.layout > .nineTwelfths{flex:0 0 calc((100% - 11*var(--gap)) / 12 * 9 + 8*var(--gap));}.layout > .tenTwelfths{flex:0 0 calc((100% - 11*var(--gap)) / 12 * 10 + 9*var(--gap));}.layout > .elevenTwelfths{flex:0 0 calc((100% - 11*var(--gap)) / 12 * 11 + 10*var(--gap));}.layout > .twelveTwelfths{flex:0 0 100%;}body .noPadding{padding:0 !important;}body .noPaddingTop{padding-top:0 !important;}body .noPaddingBottom{padding-bottom:0 !important;}@media (max-width:1000px){html:not(.kundendisplay){& .layout{gap:var(--mobile-gap);}& .layout > [class*='Twelfths']{flex:0 0 100%;}& .layout > .mobile-span-1{--mobile-span:1;}& .layout > .mobile-span-2{--mobile-span:2;}& .layout > .mobile-span-3{--mobile-span:3;}& .layout > .mobile-span-4{--mobile-span:4;}& .layout > .mobile-span-5{--mobile-span:5;}& .layout > .mobile-span-6{--mobile-span:6;}& .layout > [class*="mobile-span-"]{flex:0 0 calc( (100% - (var(--mobile-cols) - 1) * var(--mobile-gap)) / var(--mobile-cols) * var(--mobile-span) + (var(--mobile-span) - 1) * var(--mobile-gap) );}}}.row{padding-bottom:3rem;}.noFlattern{align-self:flex-start;}.column.noFlatter div{align-self:flex-start;}[class*='--']{border:1px solid rgba(0,0,0,0.1);}.bg{padding:3rem;position:relative;&.noPadding{padding:0;}&.imageOnly{padding:0;line-height:0;& img{width:100%;height:100%;object-fit:cover;}}&.--transparent{border:none;background:none;}}.invers{& h1,h2,h3,p,i,a{color:var(--greige);}& a::after{background-color:var(--greige);}}.invers.--greige{& h1,h2,h3,p,i,a{color:var(--bgColor);}& a::after{background-color:var(--bgColor);}}.masonary article{column-gap:var(--gap);display:block;column-count:3;}.masonary article > div{display:inline-block;width:100%;margin-bottom:3rem;break-inside:avoid;}section.welcomeBanner.hero .light-points{position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:clip;overflow-y:visible;pointer-events:none;z-index:0;background:transparent;}section.welcomeBanner.hero .light{position:absolute;width:60rem;height:60rem;border-radius:50%;background:radial-gradient(circle,var(--white-soft) 0%,var(--white-warm) 30%,transparent 90%);filter:blur(60px);opacity:1;mix-blend-mode:screen;background-blend-mode:screen;animation:drift 30s ease-in-out infinite alternate;}section.welcomeBanner.hero .light:nth-child(1){top:-10%;left:-10%;}section.welcomeBanner.hero .light:nth-child(2){top:25%;left:25%;}section.welcomeBanner.hero .light:nth-child(3){bottom:-20%;right:10%;}@keyframes drift{0%{transform:translate(0%,0%) scale(1);}50%{transform:translate(10%,10%) scale(1.2);}100%{transform:translate(-5%,5%) scale(1);}}section.welcomeBanner{padding:8rem 0 0 0;position:relative;isolation:isolate;& .layout{position:relative;width:100%;max-width:var(--maxWidth);margin:0 auto;&.ghost{max-width:100%;position:absolute;bottom:0;top:8rem;& div.text{&::after{display:none;}}}}& div.text{align-self:center;padding:0 3rem;position:relative;&::after{content:"";width:1px;background:rgba(0,0,0,.2);border-radius:2px;right:-1.5rem;top:-15%;bottom:-15%;position:absolute;}}& div.image{aspect-ratio:1/1;align-self:end;position:relative;line-height:0;& img{width:120%;height:120%;aspect-ratio:1/1;object-fit:cover;transition:transform .6s ease;}}}main.home{padding-top:0;}.homeMiee{padding:15rem 0;position:relative;& button{margin:0;}& .column{gap:0;}}section.marken{padding-top:15rem;padding-bottom:15rem;}section.homeTeaser{padding-bottom:15rem;justify-content:center;}div.marke{& svg{& *{fill:var(--greige);}width:100%;margin-bottom:2rem;}& h2{margin-top:1.8rem;}}.layout.marke.home{gap:0;align-content:flex-start;& svg{& *{fill:#5C5C5C;transition:ease-in-out all .2s;}&:hover *{fill:var(--graphite);}}}.--white-muted .layout.marke.home svg{margin-bottom:1rem;}.teamImage{padding-bottom:0;& img{width:calc(100% + 3rem);object-fit:cover;height:100%;}}.linktreeItem.bg{padding-top:0;padding-bottom:0;}.linktreeItem h3{border-left:1px solid var(--graphite);border-bottom:1px solid var(--graphite);padding:0 0.5rem;display:block;margin:2rem 0;color:gray;display:flex;align-items:center;}.linktreeItem a{display:inline-block;width:100%;padding:0.5rem 0;}.linktreeItem a:after{display:none;}body.linktree{& button.burger{display:none;}& a.logo{pointer-events:none;}}html[class*='kundendisplay']{font-size:20px;}body[class*='kundendisplay']{& header{display:none;}& main{padding:0;}}#slider-wrapper{overflow:hidden;position:relative;width:100vw;height:100vh;}#slider-wrapper,body[class*='kundendisplay'],html[class*='kundendisplay']{user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;touch-action:pan-y;}#slider,.slider{position:relative;height:100%;overflow:hidden;}.slide{position:absolute;inset:0;opacity:0;pointer-events:none;display:flex;flex-direction:row;flex-wrap:nowrap;user-select:none;-webkit-user-drag:none;transition:opacity 0.9s ease-in-out,filter 0.9s ease-in-out;filter:blur(6px);will-change:opacity,filter;gap:0;}.slide.active{opacity:1;filter:blur(0);pointer-events:auto;}.slide .image{flex:1 1 auto;background-size:cover;background-repeat:no-repeat;background-position:center center;}.slide p{font-size:1.5rem;color:var(--graphite);}.slide small{font-size:1.2rem;color:var(--graphite);}.slide .bg{flex-direction:column;display:flex;height:100%;padding:5rem 5rem 2rem 5rem !important;border:none !important;&::after{display:none;}}.slide .logo{margin:2rem;width:10rem;position:absolute;top:0;left:0;}.slide h1{margin-top:0;color:var(--graphite);font-size:3.5rem;}.slide .qrCode{margin-top:auto;align-items:center;gap:2rem;display:flex;& > div{order:2;}& svg{width:9rem;align-self:end;height:9rem;margin:0 1rem 0 -.5rem;order:1;& > rect{display:none;}& g{fill:var(--graphite) !important;}}& p{font-size:1.2rem;margin:0;}& .button{margin:0;}}.kundendisplay_bild_links .qrCode{flex-direction:row-reverse;& svg{margin:0 -.5rem 0 1rem !important;}}@media (orientation:portrait){.slide{flex-direction:column;}.slide .logo{margin:2rem;}}@media (prefers-reduced-motion:reduce){.slide{transition:none;filter:none;}}.gutschein .labelContainer{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;margin-bottom:2rem;& > div{flex:1 1 21%;}}div.basketSteps button{float:right;&:first-of-type{margin-right:0;}}div.basketSteps.loading{pointer-events:none;position:relative;height:100%;&::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;cursor:wait;background:var(--greige);opacity:.3;outline:1rem solid var(--greige);}& *{opacity:.5;}}.gutschein label.voucher{display:inline-block;width:100%;padding:.5rem 1rem;text-align:center;background:transparent url(../img/voucherButton.svg) no-repeat center center / contain;cursor:pointer;}h3.message{margin:2rem 0;padding:1rem;background:darkgreen;color:#fff;&.error{background-color:darkred;}}.gutschein label.voucher span{color:var(--greige);}.gutschein input.voucher{position:absolute;opacity:0;visibility:hidden;width:0;height:0;}.gutschein input.voucher:checked + label span{color:var(--graphite);}.price{& p{margin:.5rem 0;display:inline-flex;gap:.5rem;width:100%;& br{display:none;}&:empty{display:none;}}& u{flex:1;display:inline-block;text-decoration:none;border-bottom:1px dashed var(--accent-rose);text-align:right;}& h2{margin-bottom:1.1rem;}}.gallery article{line-height:0;gap:.5rem !important;& div:not(.socialSlide){overflow:hidden;margin:0;flex-basis:calc(25% - 0.5rem);aspect-ratio:4/5;&.socialpost{flex-basis:calc(16.6666% - 0.5rem);}}& a:hover img{transform:scale(1.05);filter:brightness(1.05);}& img{aspect-ratio:4/5;transition:transform 0.4s ease,filter 0.4s ease;&:hover{transform:scale(1.05);filter:brightness(1.05);}}}
/* x_responsive.css */
.desktop{display:block;}.desktop.inline{display:inline;}.mobile{display:none;}@media only screen and (max-width:90rem){.masonary article{column-count:2;}section.welcomeBanner{& div.image{& img{width:112%;height:112%;}}}}@media only screen and (max-width:800px){section.welcomeBanner.hero .light-points{height:60%;}section.welcomeBanner.hero .light{width:100%;height:100%;}div.marke .olaplex svg,div.marke.olaplex svg{width:60%;}div.marke .paulmitchell svg,div.marke.paulmitchell svg{width:80%;}div.marke .miee svg,div.marke.miee svg{width:75%;}div.marke svg{width:90%;}div.home.marke.olaplex{padding-top:2rem !important;padding-bottom:2rem !important;}img[alt='locationmap']{margin-left:-3rem;width:calc(100% + 6rem);margin-top:-12rem;}header > div{padding-left:1.5rem;}nav ul{padding:6rem 1.5rem;}h3.icon i{width:2rem;font-size:2rem;margin-right:1rem;flex:0 0 2rem;}.masonary article{column-count:1;}section.gallery{margin:0 1rem;width:calc(100% - 2rem);}.gallery{width:calc(100% + 4rem);margin-left:-2rem;}.gallery article{& div:not(.socialSlide){flex-basis:calc(50% - 0.25rem);&.socialpost{flex-basis:calc(50% - 0.25rem);}}}.burger{right:.6rem;}section.homeTeaser{padding-bottom:10rem;}section.welcomeBanner{& div.text{padding:6rem 3rem 3rem;&::after{width:auto;height:1px;bottom:-1.5rem;left:6rem;right:6rem;top:auto;}}& div.image{margin-top:0;}}div.column{gap:0 !important;}nav ul.footerNavi{padding:1rem 1.5rem;}section.welcomeBanner{& div.image{padding:0 3rem;& img{width:100%;height:100%;}}}.masonary article > div[class*="--"]{width:calc(100% - 2rem) !important;}[class*="--"]{margin-left:1rem;margin-right:1rem;padding:2rem;flex:0 0 calc(100% - 2rem) !important;&.column{padding:0;& .bg:not(.imageOnly){padding:2rem;}& .textOnly{padding:2rem;}}}section.welcomeBanner.hero .light-points{height:60%;}}