.sz-reise{position:relative;overflow:clip;--sz-grund:#f3ead9;--sz-grund-0:rgba(243,234,217,0);background:var(--sz-grund)}
.sz-reise+.abschnitt{position:relative;z-index:1}
.sz-fest{position:sticky;top:0;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;overflow:hidden;z-index:0}
.sz-ersatz{position:absolute;inset:0;background:var(--eis) 70% 50%/cover no-repeat;background-image:url(/static/bilder/lkw-stellplatz.jpg);background-image:image-set(url(/static/bilder/lkw-stellplatz.avif) type("image/avif"),url(/static/bilder/lkw-stellplatz.jpg) type("image/jpeg"))}
@media(max-width:600px){.sz-ersatz{background-image:none}}
#sz-szene{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y;opacity:0;transition:opacity .6s}
.sz-an #sz-szene{opacity:1}
#sz-szene:active{cursor:grabbing}
.sz-ohne #sz-szene,.sz-ohne .sz-schild,.sz-reise:not(.sz-an) .sz-hinweis{display:none}
.sz-schleier{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--sz-grund) 0 calc(max(28px,(100% - 1264px)/2) + 560px),var(--sz-grund-0) calc(max(28px,(100% - 1264px)/2) + 740px))}
.sz-ohne .sz-schleier{background:linear-gradient(90deg,rgba(243,234,217,.96) 0 calc(max(28px,(100% - 1264px)/2) + 560px),var(--sz-grund-0) calc(max(28px,(100% - 1264px)/2) + 760px))}
.sz-hinweis{position:absolute;right:28px;bottom:24px;display:flex;align-items:center;gap:8px;font-size:15px;color:var(--leise);transition:opacity .5s;pointer-events:none}
.sz-hinweis svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sz-schild{position:absolute;left:0;top:0;pointer-events:none;opacity:0;will-change:transform,opacity;white-space:nowrap}
.sz-etikett{background:#fff;border:1px solid rgba(15,34,51,.14);border-radius:2px;padding:6px 10px;font-size:15px;color:var(--tinte);font-variant-numeric:tabular-nums}
.sz-etikett span{font-weight:500;margin-left:6px}
.sz-pin{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(15,34,51,.14);border-radius:2px;padding:7px 12px 7px 9px;font-size:16px;font-weight:500;color:var(--tinte);font-variant-numeric:tabular-nums;transition:background .3s,color .3s}
.sz-pin svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.sz-pin .sz-schloss{color:var(--blau);stroke-width:2}
.sz-pin .sz-haken{stroke-width:2.4}
.sz-pin .sz-preis,.sz-pin .sz-haken,.sz-pin .sz-auf,.sz-pin .sz-netto{display:none}
.sz-pin.sz-offen .sz-preis,.sz-pin.sz-offen .sz-netto,.sz-pin.sz-offen .sz-auf{display:inline}
.sz-pin.sz-offen .sz-zu,.sz-pin.sz-offen .sz-schloss{display:none}
.sz-pin .sz-netto{font-size:14px;font-weight:400;color:var(--leise);margin-left:-3px}
.sz-pin.sz-gewaehlt{background:var(--blau);border-color:var(--blau);color:#fff}
.sz-pin.sz-gewaehlt .sz-haken{display:block}
.sz-pin.sz-gewaehlt .sz-netto{color:#fff;opacity:.85}
.sz-pin .sz-wahl{display:none;font-size:15px;font-weight:400;margin-left:2px}
.sz-pin.sz-gewaehlt .sz-wahl{display:inline}
.sz-abschnitt{position:relative;z-index:2;height:100vh;height:100svh;pointer-events:none}
.sz-abschnitt.sz-lang{height:160vh;height:160svh}
.sz-abschnitt>.spalte{height:100%;display:flex;align-items:center}
.sz-abschnitt.sz-lang>.spalte{height:100vh;height:100svh;position:sticky;top:0}
.sz-block{max-width:560px;pointer-events:auto;will-change:opacity}
.sz-held .sz-block{max-width:600px}
.sz-held h1{margin:0 0 18px;font:600 clamp(38px,4.2vw,58px)/1.06 var(--sans);letter-spacing:-.01em;color:var(--tinte);text-wrap:balance}
.sz-held .lead{margin:0 0 28px;font-size:20px;line-height:1.55;color:var(--lead);text-wrap:pretty}
.sz-held .kleingedruckt{margin-top:18px}
.sz-schritt .sz-block{background:#fff;border:1px solid var(--haar);border-radius:2px;padding:30px 32px 32px;box-shadow:0 1px 2px rgba(15,34,51,.06)}
.sz-schritt .sz-oben{margin:0 0 14px;font:500 14px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--blau)}
.sz-schritt .sz-zeit{display:block;margin-bottom:10px;font-size:16px;color:var(--leise)}
.sz-schritt h2{margin:0;font:600 clamp(24px,2.4vw,32px)/1.18 var(--sans);color:var(--tinte);text-wrap:balance}
.sz-schritt p{margin:14px 0 0;font-size:18px;line-height:1.55;color:var(--lead);text-wrap:pretty}
.sz-schritt p.sz-klein{margin-top:12px;font-size:15px;color:var(--leise)}
@media(max-width:820px){
.sz-hinweis{display:none}
.sz-abschnitt>.spalte{align-items:flex-start}
.sz-held>.spalte{padding-top:22px}
.sz-held h1{font-size:32px;line-height:1.12;margin-bottom:12px}
.sz-held .lead{font-size:17px;margin-bottom:18px}
.sz-schritt>.spalte{align-items:flex-end;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.sz-schritt .sz-block{padding:20px 20px 22px;max-width:none;width:100%}
.sz-schritt h2{font-size:22px}
.sz-schritt p{font-size:16px;margin-top:10px}
.sz-etikett{font-size:14px}
.sz-pin{font-size:14px;padding:6px 10px 6px 8px}
}
@media(prefers-reduced-motion:reduce){#sz-szene{transition:none}}