:root{--tanne: #1F2E26;--hell: #EDEBE6;--hellrand: #DCD8D0;--tinte: #1A1A18;--kalkweiss: #FFFDF8;--nebel: #9AA79F;--tief: #16211C;--sorte: #2C2C2A;--display: ui-sans-serif, "Helvetica Neue", "Arial Narrow", system-ui, sans-serif;--text: ui-sans-serif, system-ui, -apple-system, sans-serif;--rand: clamp(20px, 5vw, 72px);--luft: clamp(46px, 7vh, 112px)}*{box-sizing:border-box}html{scroll-behavior:auto;overscroll-behavior-y:none}body{margin:0;background:var(--tanne);color:var(--kalkweiss);font-family:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto;display:block}.gross{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:.86;font-size:clamp(2.4rem,10vw,8rem);margin:0}.mittel{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:.95;font-size:clamp(1.5rem,4.6vw,3.2rem);margin:0}.lauf{font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.62;color:var(--nebel);max-width:34em;margin:0}.klein{margin:0;letter-spacing:.42em;text-transform:uppercase;font-size:clamp(.62rem,1.05vw,.8rem);color:var(--kalkweiss)}.zart{opacity:.62}[data-einzug].wartet{opacity:0;transform:translateY(26px)}[data-einzug].wartet.da{opacity:1;transform:none;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.js-buehne{position:relative}.js-buehne .klebt{position:sticky;top:0;height:100svh;width:100%;overflow:hidden;background:#0b0f0d}.js-buehne .lagen{position:absolute;top:0;right:0;bottom:0;left:0}.js-buehne .lage{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 100%);will-change:clip-path}.js-buehne .lage canvas{display:block;width:100%;height:100%}.js-buehne .zeichen{position:absolute;left:calc(var(--bildL, 0px) + clamp(18px,2.4vw,42px));top:calc(var(--bildO, 0px) + clamp(18px,2.4vw,42px));width:clamp(96px,12vw,184px);z-index:5;pointer-events:none;filter:drop-shadow(0 4px 18px rgba(0,0,0,.5))}.js-buehne .tafelsatz{position:absolute;left:calc(var(--bildL, 0px) + clamp(18px,2.4vw,42px));right:calc(var(--bildL, 0px) + clamp(18px,2.4vw,42px));bottom:calc(var(--bildO, 0px) + clamp(18px,2.4vw,42px) + 3.2rem);z-index:5;pointer-events:none}.js-buehne .tafelsatz[hidden]{display:none}.js-buehne .tafel{position:absolute;left:0;bottom:0;max-width:18em;--von: .18;--bis: .44;--tempo: 12;opacity:min((var(--u,0) - var(--von)) * var(--tempo),(var(--bis) - var(--u,0)) * var(--tempo))}.js-buehne .tafel[data-beat="2"]{--von: .42;--bis: .66}.js-buehne .tafel[data-beat="3"]{--von: .64;--bis: .86}.js-buehne .tafel[data-beat="4"]{--von: .84;--bis: 9}.js-buehne .tafel b{display:block;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1rem,1.9vw,1.5rem)}.js-buehne .tafel span{display:block;color:var(--nebel);margin-top:3px;font-size:clamp(.8rem,1.15vw,1rem)}.js-buehne .tafel:after{content:"";display:block;height:1px;background:var(--nebel);opacity:.5;margin-top:12px;width:100%}.js-buehne .sortenname{position:absolute;right:calc(var(--bildL, 0px) + clamp(18px,2.4vw,42px));bottom:calc(var(--bildO, 0px) + clamp(18px,2.4vw,42px));margin:0;z-index:5;pointer-events:none;text-transform:uppercase;letter-spacing:.42em;color:var(--nebel);font-size:clamp(.62rem,1vw,.78rem)}.js-buehne .empfang{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-content:center;justify-items:center;text-align:center;gap:20px;padding:var(--rand);pointer-events:none;background:#080c0a6b;opacity:calc(1 - var(--t, 0) * 60)}.js-buehne .empfang img{width:clamp(160px,26vw,320px);filter:brightness(0) invert(1)}.js-buehne .empfang .scroll{margin:clamp(18px,4vh,44px) 0 0;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.4em;font-size:clamp(.7rem,1.2vw,.9rem)}.js-buehne .empfang .pfeil{display:block;width:1px;height:46px;margin:16px auto 0;background:var(--kalkweiss);opacity:.6;animation:pfeil-atmen 2.2s ease-in-out infinite;transform-origin:top}@keyframes pfeil-atmen{0%,to{transform:scaleY(.35);opacity:.25}50%{transform:scaleY(1);opacity:.75}}.js-fakten{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,90px);align-items:start;padding:var(--luft) var(--rand);background:var(--grundA);overflow:clip}.js-fakten:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--grundB);opacity:clamp(0,(var(--p, 0) - .18) / .42,1)}.js-fakten[data-hell]{color:var(--tinte)}.js-fakten[data-hell] .lauf,.js-fakten[data-hell] .klein{color:#5a5a54}.js-fakten .nebel{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.5;background:radial-gradient(58vw 44vh at 22% 28%,color-mix(in oklab,var(--grundB) 40%,#FFFFFF) 0%,transparent 62%),radial-gradient(52vw 40vh at 78% 72%,color-mix(in oklab,var(--grundA) 55%,#FFFFFF) 0%,transparent 60%);animation:nebel-treiben 46s ease-in-out infinite alternate;will-change:transform}@keyframes nebel-treiben{0%{transform:translate3d(-4%,-2%,0) scale(1.08)}to{transform:translate3d(5%,3%,0) scale(1.16)}}.js-fakten .produkt,.js-fakten .strang{position:relative;z-index:1}.js-fakten .produkt{position:sticky;top:12svh}.js-fakten .bildpaar{position:relative;overflow:hidden;aspect-ratio:1 / 1}.js-fakten .bildpaar{--schub: clamp(0, (var(--p, 0) - .3) / .3, 1)}.js-fakten .bildpaar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;will-change:transform}.js-fakten .bildpaar img:first-child{transform:translateY(calc(var(--schub) * -100%))}.js-fakten .bildpaar img:last-child{transform:translateY(calc((1 - var(--schub)) * 100%))}.js-fakten .bildpaar img:only-child{transform:none}.js-fakten .strang{display:grid;gap:clamp(56px,12vh,150px)}.js-fakten .kopf{padding-bottom:8px}.js-fakten .karte h3{margin:14px 0 16px;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.js-kaufen article img{width:100%;aspect-ratio:1/1;object-fit:cover}.js-siegel{padding:var(--luft) var(--rand);background:var(--hell);color:var(--tinte)}.js-siegel .reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:clamp(26px,4vw,56px);margin-top:clamp(36px,6vh,72px)}.js-siegel figure{margin:0;text-align:center}.js-siegel img{width:clamp(64px,7vw,96px);margin:0 auto 14px}.js-siegel figcaption{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--nebel)}.fakten-liste{list-style:none;margin:clamp(40px,7vh,84px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px clamp(24px,4vw,60px)}.fakten-liste li{padding-top:14px;border-top:1px solid color-mix(in oklab,var(--nebel) 40%,transparent);color:var(--nebel);font-size:clamp(.9rem,1.2vw,1rem)}.js-kaufen{padding:var(--luft) var(--rand);background:var(--hell);color:var(--tinte)}.js-kaufen .reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(24px,3.5vw,56px);margin-top:clamp(36px,6vh,72px)}.js-kaufen article{display:grid;justify-items:center;gap:14px;padding:clamp(22px,3vw,42px);background:color-mix(in oklab,var(--sorte) 40%,var(--tief))}.js-kaufen article img{width:76%}.js-kaufen .preis{font-family:var(--display);font-weight:800;margin:0;font-size:clamp(1.3rem,3vw,2rem)}.js-kaufen .preis.offen{color:var(--nebel)}.js-kaufen .preis.offen span{display:block;font-family:var(--text);font-weight:400;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;margin-top:6px}.js-kaufen .knopf{display:inline-block;padding:15px 34px;background:var(--kalkweiss);color:#121212;text-decoration:none;font-family:var(--display);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem}.js-fuss{display:grid;justify-items:center;gap:16px;padding:var(--luft) var(--rand);background:var(--tief)}.js-fuss img{width:clamp(120px,16vw,200px);filter:brightness(0) invert(1);opacity:.92}@media(max-width:900px){.js-fakten{grid-template-columns:1fr}.js-fakten .produkt{position:static}.js-fakten .bildpaar{--schub: clamp(0, (var(--pb, 0) - .34) / .3, 1)}.js-buehne .zeichen{width:84px}.js-buehne .tafelsatz{bottom:calc(var(--rand) + 4.4rem)}.js-fakten .nebel{animation:none;will-change:auto}}@media(prefers-reduced-motion:reduce){.js-buehne .klebt{position:static}.js-buehne .lage{clip-path:none;position:static}.js-buehne .empfang{position:static;opacity:1}.js-buehne .tafelsatz{position:static;display:grid;gap:22px;padding:var(--rand)}.js-buehne .tafelsatz[hidden]{display:grid}.js-buehne .tafel{position:static;opacity:1}.js-buehne .zeichen,.js-buehne .sortenname{position:static}.js-buehne .empfang .pfeil{animation:none}.js-fakten .bildpaar{--schub: 1}.js-fakten .nebel{animation:none}}.js-reifung{position:relative;height:260svh;background:var(--hell);color:var(--tinte)}.js-reifung .klebt{position:sticky;top:0;height:100svh;display:grid;place-content:center;justify-items:center;gap:clamp(16px,3vh,34px);padding:var(--rand);text-align:center}.js-reifung .zaehler{margin:0;display:flex;align-items:baseline;gap:.3em;font-family:var(--display);font-weight:800;line-height:.85}.js-reifung .zahl{font-size:clamp(4rem,18vw,15rem)}.js-reifung .einheit{font-size:clamp(1rem,2.4vw,2rem);color:var(--nebel);text-transform:uppercase;letter-spacing:.2em}.js-reifung .skala{width:min(820px,86vw);display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:8px;position:relative;padding-top:26px}.js-reifung .pegel{position:absolute;left:0;top:0;height:3px;width:calc(var(--p, 0) * 100%);background:var(--kalkweiss)}.js-reifung .skala:before{content:"";position:absolute;left:0;right:0;top:1px;height:1px;background:var(--nebel);opacity:.35}.js-reifung .skala span{font-size:clamp(.58rem,.95vw,.74rem);letter-spacing:.12em;text-transform:uppercase;color:var(--nebel);opacity:clamp(.25,(var(--p, 0) - var(--bei)) * 8 + 1,1)}.js-reifung .mitte{margin:clamp(18px,4vh,40px) auto 0;text-align:center}@media(prefers-reduced-motion:reduce){.js-reifung{height:auto}.js-reifung .klebt{position:static;height:auto}}.js-siegel .lauf,.js-kaufen .lauf,.js-siegel figcaption,.js-reifung .klein,.js-reifung .lauf,.js-siegel .klein,.js-kaufen .klein,.js-siegel h3,.js-kaufen h3,.js-siegel .reihe img{filter:invert(1) brightness(.15)}.fakten-liste li{color:#5a5a54;border-top-color:var(--hellrand)}.js-reifung .skala:before{background:#b9b4ab;opacity:1}.js-reifung .pegel{background:var(--tinte)}.js-reifung .skala span{color:#5a5a54}.js-kaufen article{background:var(--sorte);color:var(--kalkweiss)}.js-kaufen article .klein{color:var(--kalkweiss)}.js-kaufen .preis.offen{color:#fffdf8b3}.js-fuss{background:var(--tinte)}@media(max-width:900px){.js-buehne .zeichen{left:var(--rand);top:calc(var(--rand) + 4px);width:76px}.js-buehne .tafelsatz{left:var(--rand);right:var(--rand);bottom:calc(var(--rand) + 3.6rem)}.js-buehne .sortenname{right:var(--rand);bottom:var(--rand)}.js-fakten .produkt{position:static}}.js-kaufen article[data-hell]{color:var(--tinte)}.js-kaufen article[data-hell] .klein{color:var(--tinte)}.js-kaufen article[data-hell] .preis.offen{color:#1a1a1899}.js-kaufen article[data-hell] .knopf{background:var(--tinte);color:var(--hell)}.js-bahn{position:relative;height:330svh;background:var(--hell);color:var(--tinte)}.js-bahn .klebt{position:sticky;top:0;height:100svh;display:grid;align-content:center;gap:clamp(24px,5vh,56px);overflow:hidden}.js-bahn h3{padding:0 var(--rand)}.js-bahn .gleis{display:flex;--kachel: min(64vw, 720px);--luecke: clamp(14px, 2vw, 32px);--bahnbreite: calc(7 * var(--kachel) + 6 * var(--luecke) + var(--rand));--ende: 92vw;gap:var(--luecke);padding-left:var(--rand);width:var(--bahnbreite);transform:translate(calc(var(--p, 0) * (var(--ende) - var(--bahnbreite))));will-change:transform}.js-bahn figure{margin:0;flex:0 0 var(--kachel)}.js-bahn img{width:100%;border-radius:0}@media(max-width:900px){.js-bahn{height:260svh}.js-bahn figure{flex:0 0 82vw}.js-bahn .gleis{--kachel: 82vw;--ende: 88vw}}@media(prefers-reduced-motion:reduce){.js-bahn{height:auto;padding:var(--luft) 0}.js-bahn .klebt{position:static;height:auto}.js-bahn .gleis{transform:none;overflow-x:auto;width:auto;padding-right:var(--rand)}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/js-seite.css.map */