html:has(.landing){scroll-padding-top:64px}html:has(.landing) body{background:#120d09}.landing :is(h1,h2,h3,h4){font-family:var(--font-bricolage),var(--font-inter),system-ui,sans-serif}.landing details>summary{cursor:pointer;list-style:none}.landing details>summary::-webkit-details-marker{display:none}.landing details[open] .faq-plus{transform:rotate(45deg)}.steam{mix-blend-mode:screen;filter:blur(26px);opacity:0;will-change:transform,opacity;background:radial-gradient(at 50% 60%,#ffecd68c 0%,#ffe2c438 35%,#ffdcbe00 68%);border-radius:50%;animation:14s linear infinite steam-rise;position:absolute}.steam-thin{filter:blur(14px);background:radial-gradient(#fff0e273 0%,#fff0e200 62%)}@keyframes steam-rise{0%{opacity:0;transform:translateY(40%)scale(.7,.8)}15%{opacity:.85}55%{opacity:.6}to{transform:translate3d(var(--dx,6%),-150%,0)scale(1.5,1.9);opacity:0}}.hero-raster{grid-template-areas:"text""produkt""details";row-gap:8px;padding-top:28px;padding-bottom:32px;display:grid}.hero-produkt{place-self:end center;width:100%;margin-top:-14%}@media (min-width:768px){.hero-raster{grid-template:".produkt"1fr"text produkt""details produkt"".produkt"1fr/minmax(0,.8fr) minmax(0,1.2fr);column-gap:40px;min-height:calc(100svh - 64px);padding-top:24px;padding-bottom:40px}.hero-produkt{width:min(100%,calc((100svh - 64px - 24px)*var(--seite,1)));margin-top:0}}.dampf{aspect-ratio:1;background:var(--dampf)center/contain no-repeat;mix-blend-mode:screen;pointer-events:none;opacity:0;will-change:transform,opacity;animation:dampf-steigen var(--d,15s)linear var(--v,0s)infinite;position:absolute;transform:translate(-50%,-45%)scale(.55)}@keyframes dampf-steigen{0%{opacity:0;transform:translate3d(-50%,-45%,0)rotate(var(--r0,0deg))scale(.55)}20%{opacity:calc(var(--o,.4)*var(--staerke,1))}65%{opacity:calc(var(--o,.4)*var(--staerke,1)*.6)}to{opacity:0;transform:translate3d(calc(-50% + var(--dx,0%)),-150%,0)rotate(var(--r1,0deg))scale(1.35)}}.flicker{animation:6s ease-in-out infinite alternate glow}@keyframes glow{0%{opacity:.55}to{opacity:.8}}.xp-buehne{--p:0;--xp-textraum:140px}.xp-bild{height:calc(100% - var(--xp-textraum) + 12px)}@media (min-width:768px){.xp-buehne{--xp-textraum:220px}}.xp-text{--a:-1;--b:2;--weich:24;opacity:clamp(0,min((var(--p) - var(--a))*var(--weich),(var(--b) - var(--p))*var(--weich)),1);transform:translateY(calc((1 - clamp(0,(var(--p) - var(--a))*var(--weich),1))*12px))}.xp-oben,.xp-unten{text-align:center;pointer-events:none;padding-inline:16px;display:grid;position:absolute;inset-inline:0}.xp-oben>*,.xp-unten>*{grid-area:1/1}.xp-oben{top:3%}.xp-text{text-shadow:0 1px 14px #120d09f2,0 0 4px #120d09cc}.xp-unten{align-items:end;bottom:10px}.kopf{transition:translate .25s}@media (max-width:767px){html[data-xp] .kopf{translate:0 -100%}}@media (max-height:700px) and (max-width:699px){.xp-oben{top:1.5%}.xp-oben h2{font-size:26px}}@media (min-aspect-ratio:1) and (min-width:700px){.xp-buehne{--xp-textraum:0px}.xp-oben,.xp-unten{text-align:left;align-items:normal;width:min(38%,440px);padding-inline:0;inset:50% auto auto max(24px,50% - 600px);translate:0 -50%}}@property --t{syntax:"<integer>";inherits:true;initial-value:0}@property --hh{syntax:"<integer>";inherits:true;initial-value:0}@property --mm{syntax:"<integer>";inherits:true;initial-value:0}.uhr{--t:var(--t-ende)}.clock{--hh:round(down,calc(var(--t)/60),1);--mm:calc(var(--t) - var(--hh)*60);counter-reset:hh var(--hh)mm var(--mm)}.clock-num:after{content:counter(hh)":" counter(mm,decimal-leading-zero)}.clock-bar{transform-origin:0;transform:scaleX(calc(var(--t)/var(--t-ende)))}.step{animation:linear both step-in;animation-timeline:view();animation-range:entry 10% cover 40%}.reveal{animation:linear both step-in;animation-timeline:view();animation-range:entry cover 25%}@keyframes step-in{0%{opacity:.15;transform:translateY(24px)}to{opacity:1;transform:none}}@supports not (animation-timeline:view()){.step,.reveal{animation:none!important}}@media (prefers-reduced-motion:reduce){.steam,.flicker{opacity:.35;animation:none!important}.dampf{will-change:auto;opacity:calc(var(--o,.4)*var(--staerke,1)*.7);transform:translate3d(-50%,-85%,0)rotate(var(--r0,0deg))scale(.95);animation:none!important}.step,.reveal{animation:none!important}}html:has(dialog[open]){overflow:hidden}