:root{--nacht:#140d0c;--rose:#9c6d66;--weiss:#fff;--marke:"Krona One", "Montserrat", sans-serif;--text:"Montserrat", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--nacht);height:100%;overflow:hidden}body{color:var(--weiss);font-family:var(--text);-webkit-font-smoothing:antialiased;font-weight:300}a{color:inherit}.klein{letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:600}.kopf{z-index:5;color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:24px clamp(20px,4vw,56px);transition:color .3s;display:flex;position:fixed;top:0;left:0;right:0}.marke{font-family:var(--marke);letter-spacing:-.02em;font-size:20px;text-decoration:none}.zaehler{font-variant-numeric:tabular-nums;text-align:right;min-width:6ch}.strecke{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none;height:100svh;display:flex;overflow:auto hidden}.strecke::-webkit-scrollbar{display:none}.folie{scroll-snap-align:start;flex:0 0 100vw;grid-template-rows:1fr auto;grid-template-columns:1fr;align-items:end;gap:16px;height:100svh;padding:84px clamp(20px,4vw,56px) 64px;display:grid;position:relative;overflow:hidden}.folie-nacht{background:var(--nacht);color:var(--weiss)}.folie-rose{background:var(--rose);color:var(--weiss)}.folie-weiss{background:var(--weiss);color:var(--nacht)}.folie-nr{font-family:var(--marke);opacity:.12;pointer-events:none;user-select:none;font-size:clamp(120px,26vw,420px);line-height:.8;position:absolute;top:80px;right:clamp(20px,4vw,56px)}.bild{aspect-ratio:4/5;place-self:center;width:min(62vw,34svh,460px);overflow:visible}.bild img{object-fit:contain;filter:drop-shadow(0 24px 32px #00000047);width:100%;height:100%;display:block}.bild-leer{border:0}.folie-name{font-family:var(--marke);letter-spacing:-.03em;font-size:clamp(52px,min(11vw,20svh),180px);font-weight:400;line-height:.95}.folie-zeile{opacity:.85;max-width:46ch;margin-top:12px;font-size:clamp(15px,1.4vw,19px);line-height:1.5}.groessen{border:0;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.groessen legend{float:left;opacity:.7;margin-right:16px}.groesse{cursor:pointer}.groesse input{opacity:0;pointer-events:none;position:absolute}.groesse span{text-align:center;opacity:.6;border:1px solid;min-width:44px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-block}.groesse input:checked+span{opacity:1;color:var(--nacht);background:currentColor}.folie-nacht .groesse input:checked+span,.folie-rose .groesse input:checked+span{color:var(--nacht);background:#fff;border-color:#fff}.folie-weiss .groesse input:checked+span{color:#fff;background:var(--nacht);border-color:var(--nacht)}.groesse.aus span{opacity:.25;cursor:not-allowed;text-decoration:line-through}.folie-unten{flex-wrap:wrap;align-items:center;gap:24px;margin-top:18px;display:flex}.preis{font-family:var(--marke);font-size:clamp(18px,2vw,26px)}.knopf{color:var(--nacht);font:600 12px var(--text);letter-spacing:.2em;text-transform:uppercase;background:#fff;border:1px solid;padding:18px 30px;text-decoration:none;display:inline-block}.folie-weiss .knopf{background:var(--nacht);color:#fff;border-color:var(--nacht)}.knopf[aria-disabled=true]{opacity:.45;pointer-events:none}.knopf-aus{color:inherit;background:0 0}.folie-weiss .knopf-aus{color:var(--nacht);background:0 0}.versand{opacity:.6;max-width:62ch;margin-top:14px;font-size:12px;line-height:1.5}.pfeil{z-index:5;color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:50%;width:56px;height:56px;font-size:22px;transition:color .3s,border-color .3s;position:fixed;top:50%;transform:translateY(-50%)}.pfeil-zurueck{left:clamp(12px,2vw,32px)}.pfeil-weiter{right:clamp(12px,2vw,32px)}.hinweis{z-index:5;color:#fff;transition:opacity .4s,color .3s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.hinweis.weg{opacity:0}.leiste{z-index:5;background:#ffffff2e;height:4px;position:fixed;bottom:0;left:0;right:0}.leiste-fuellung{background:#fff;height:100%;transition:width .35s,background .3s}.rechtliches{z-index:5;color:#fff;opacity:.7;gap:20px;font-size:10px;transition:color .3s;display:flex;position:fixed;bottom:20px;left:clamp(20px,4vw,56px)}.rechtliches a{text-decoration:none}.rechtliches a:hover{text-decoration:underline}body[data-farbe=weiss] .kopf,body[data-farbe=weiss] .hinweis,body[data-farbe=weiss] .pfeil,body[data-farbe=weiss] .rechtliches{color:var(--nacht)}body[data-farbe=weiss] .pfeil{border-color:var(--nacht)}body[data-farbe=weiss] .leiste{background:#140d0c26}body[data-farbe=weiss] .leiste-fuellung{background:var(--nacht)}.leer{flex-direction:column;justify-content:center;gap:24px;height:100svh;padding:96px clamp(20px,4vw,56px);display:flex}.leer-titel{font-family:var(--marke);letter-spacing:-.03em;max-width:14ch;font-size:clamp(40px,9vw,140px);font-weight:400;line-height:1}.leer-text{opacity:.85;max-width:52ch;font-size:clamp(15px,1.4vw,19px);line-height:1.6}.leer .knopf{align-self:flex-start}@media (width<=700px){.pfeil,.kopf .mitte{display:none}.rechtliches{bottom:16px}}@media (prefers-reduced-motion:reduce){.leiste-fuellung,.hinweis{transition:none}}