@layer components{.korn{mix-blend-mode:overlay;opacity:var(--korn-deckkraft,.3);pointer-events:none;background:url(/korn.png) 0 0/180px;position:absolute;inset:0}.korn[data-bewegt]{--korn-stark:var(--korn-deckkraft-bewegt,.3);--korn-kachel:180px;opacity:var(--korn-stark);animation:korn-ausgleich calc(var(--korn-takt,1.2s) / 2) ease-in-out infinite;background:0 0;overflow:clip}.korn-lage{inset:calc(-1 * var(--korn-kachel)) 0 0 calc(-1 * var(--korn-kachel));background:url(/korn.png);background-size:var(--korn-kachel);position:absolute}.korn-lage--unten{animation:korn-lage-unten calc(var(--korn-takt,1.2s) * 8) step-end calc(var(--korn-takt,1.2s) / -2) infinite}.korn-lage--oben{animation:korn-ueberblenden var(--korn-takt,1.2s) ease-in-out infinite, korn-lage-oben calc(var(--korn-takt,1.2s) * 8) step-end infinite}@media (prefers-reduced-motion:reduce){.korn[data-bewegt],.korn-lage--unten{animation:none}.korn-lage--oben{display:none}}@keyframes korn-ueberblenden{0%,to{opacity:0}50%{opacity:1}}@keyframes korn-ausgleich{0%,to{opacity:var(--korn-stark)}50%{opacity:calc(var(--korn-stark) * 1.41)}}@keyframes korn-lage-oben{0%{translate:0}12.5%{translate:61px 113px}25%{translate:127px 37px}37.5%{translate:23px 151px}50%{translate:97px 79px}62.5%{translate:163px 7px}75%{translate:41px 59px}87.5%{translate:137px 167px}}@keyframes korn-lage-unten{0%{translate:149px 59px}12.5%{translate:41px 17px}25%{translate:173px 131px}37.5%{translate:83px 167px}50%{translate:11px 97px}62.5%{translate:109px 29px}75%{translate:67px 139px}87.5%{translate:157px 101px}}}
@layer components{[data-site=prod] .prod-sektion.prod-abschluss{height:calc(100svh + var(--prod-ueber));padding:0;display:block;overflow:clip}[data-site=prod] .prod-abschluss-bild{background:linear-gradient(var(--prod-platzhalter-oben), var(--prod-platzhalter-unten));position:absolute;inset:0}[data-site=prod] .prod-abschluss-bild:after{content:"";background:linear-gradient(to bottom, rgb(0 0 0/var(--prod-abschluss-verlauf-oben)), #0000 36%, #0000 60%, rgb(0 0 0/var(--prod-abschluss-verlauf-unten)));position:absolute;inset:0}[data-site=prod] :is(.prod-abschluss-eins,.prod-abschluss-zwei){--prod-feat:var(--prod-feat-titel);font:400 var(--prod-t-gross) / var(--prod-zh-gross) var(--site-font-display);letter-spacing:var(--prod-lw-gross)}[data-site=prod] .prod-abschluss-eins{top:calc(var(--prod-ueber) + var(--prod-pol-oben));left:var(--prod-rand);max-width:calc(100% - 2 * var(--prod-rand));position:absolute}[data-site=prod] .prod-abschluss-unten{right:var(--prod-rand);bottom:var(--prod-pol-unten);max-width:calc(100% - 2 * var(--prod-rand));align-items:flex-end;gap:var(--prod-abschluss-knopf-abstand);padding-top:var(--prod-abschluss-frueh);text-align:end;pointer-events:none;flex-direction:column;display:flex;position:absolute}[data-site=prod] .prod-abschluss-unten .prod-knopf{pointer-events:auto}[data-site=prod] .prod-abschluss-unten>[data-lesetempo-block]{top:calc(var(--prod-pol-unten) - var(--prod-abschluss-knopf-unten));position:relative}[data-site=prod] .prod-abschluss-knoepfe{justify-content:flex-end;gap:var(--prod-abschluss-knoepfe-spalt);flex-wrap:wrap;display:flex}[data-site=prod] .prod-abschluss[data-oben=dunkel] .prod-abschluss-eins{color:var(--prod-schwarz)}[data-site=prod] .prod-abschluss[data-oben=dunkel]{--prod-nav-ueber-bild:var(--prod-nav-gegen)}}