/* Runde 2 — bestehende Komposition, belastbares Grid. */
@font-face{font-family:ArchivoFallback;src:local('Arial');size-adjust:103.78%;ascent-override:84.60%;descent-override:20.24%;line-gap-override:0%}
.hero{display:grid;grid-template-columns:minmax(0,610px) minmax(0,1fr);grid-template-areas:'header header' 'title title' 'meta .' 'tracking .';gap:18px 40px;height:auto;min-height:900px;padding:32px 48px 86px;align-content:start;position:relative;overflow:clip}
.hero>*{min-width:0}.site-header{grid-area:header;padding:0;gap:24px;margin-bottom:32px;align-items:center}.brand img{width:125px;height:auto}.desktop-nav{margin-left:auto;gap:8px}.desktop-nav a{transition:background-color 120ms,color 120ms}.language{width:auto;margin-left:8px}
.hero h1{grid-area:title;position:relative;inset:auto;margin:0;font-size:clamp(104px,12.8vw,246px);font-weight:900;line-height:.84;letter-spacing:-.0606em;z-index:1;width:max-content;max-width:100%;padding-bottom:.03em}
.hero h1 .hero-kern-t{padding-inline-end:.035em}
.hero-image{position:absolute;z-index:2;pointer-events:none;right:-152px;top:107px;width:clamp(810px,83.33vw,1600px);aspect-ratio:11977/32768}
.hero .hero-portrait{position:static;inset:auto;width:100%;height:auto;max-width:none;filter:grayscale(1)}
.hero-description{grid-area:meta;position:relative;inset:auto;font-size:16px;line-height:1.4;z-index:3;max-width:none;margin-top:12px}
.tracking-card{grid-area:tracking;position:relative;inset:auto;width:100%;padding:22px 24px 18px;gap:12px;border-radius:10px;z-index:4;transform-origin:center;isolation:isolate}
.tracking-heading{min-height:28px}.tracking-heading h2{font-size:23px;line-height:1.15}
.tracking-card-head{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:20px;align-items:center}.tracking-card-label{display:grid;gap:12px;min-width:0}
.tracking-truck{position:relative;width:116px;justify-self:end;pointer-events:none;overflow:hidden}.truck-drive{position:relative;z-index:1}.truck-drive img{display:block;width:100%;height:auto}.truck-road{position:absolute;left:9%;right:4%;bottom:8%;height:1px;background:repeating-linear-gradient(90deg,var(--ink) 0 12px,transparent 12px 28px);opacity:.2}
@keyframes truck-drive{0%,100%{transform:translate(0,0)}20%{transform:translate(2px,-.6px)}40%{transform:translate(3px,0)}60%{transform:translate(1px,-1px)}80%{transform:translate(-1px,0)}}
@keyframes truck-road{to{background-position:-28px 0}}
@media(prefers-reduced-motion:no-preference){.truck-drive{animation:truck-drive 2400ms ease-in-out infinite paused}.truck-road{animation:truck-road 1000ms linear infinite paused}.tracking-truck.is-driving .truck-drive,.tracking-truck.is-driving .truck-road{animation-play-state:running}}
@media(max-width:1100px){.tracking-card-head{grid-template-columns:minmax(0,1fr) 76px;gap:14px}.tracking-truck{width:76px}}
@media(max-width:359px){.tracking-card-head{grid-template-columns:minmax(0,1fr) 64px;gap:10px}.tracking-truck{width:64px}}
.tracking-stations-wrap{position:relative;margin-top:2px}.tracking-stations{list-style:none;padding:0;margin:0;display:grid;gap:0}
.tracking-stations li{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:14px;align-items:baseline;padding:10px 0 10px 28px;min-width:0}
.tracking-stations li::before{content:'';position:absolute;left:0;top:14px;width:12px;height:12px;background:var(--ink);border-radius:50%;z-index:1}.tracking-stations li:not(:last-child)::after{content:'';position:absolute;left:5px;top:26px;bottom:-14px;border-left:2px solid var(--line)}
.tracking-stations time{font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}.tracking-stations li>div{display:grid;gap:3px;min-width:0}.tracking-stations strong{font-size:14px;line-height:1.4;font-weight:700}.tracking-stations li span{font-size:11px;line-height:1.4}
.tracking-stations .is-next::before{background:var(--red);box-shadow:0 0 0 5px #d2001e19}.tracking-stations .is-next .station-status{color:var(--red);font-weight:700}
.tracking-stations li[data-show-id]{grid-template-columns:84px minmax(0,1fr) auto}.tracking-stations li[data-show-id]>.ticket-link{align-self:center}
.tracking-stations .is-history{color:#777469}.tracking-stations .is-history::before{background:#999589}
.station-status{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.015em}.tracking-stations .station-location{font-size:10px;color:#777469}
.tracking-number{display:flex;flex-wrap:wrap;gap:3px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;margin-top:-7px}.tracking-number>span:first-child{font-family:Archivo,Arial,sans-serif;font-size:10px}
.tracking-actions{padding-top:8px;border-top:1px solid var(--line);font-size:13px;gap:14px}.tracking-actions a{padding:4px 0;min-height:26px}

.shipping-tape{--tape-width:760px;--tape-overlap:24px;--tape-step:736px;--tape-duration:40s;--tape-phase:0s;position:relative;z-index:6;width:100%;height:144px;margin-top:-68px;margin-bottom:-56px;overflow-x:clip;overflow-y:clip;pointer-events:none}
.tape-angle{position:absolute;inset:30px -80px auto;transform:rotate(-1.7deg);transform-origin:center}
.tape-track{display:flex;position:relative;left:calc(-1 * var(--tape-width));width:max-content;will-change:transform;animation:tape-travel var(--tape-duration) linear var(--tape-phase) infinite;animation-play-state:paused}
.tape-track picture{display:block;flex:0 0 var(--tape-width);width:var(--tape-width);margin-right:calc(-1 * var(--tape-overlap))}.tape-track img{width:100%;height:auto;max-width:none}
@keyframes tape-travel{to{transform:translateX(calc(-1 * var(--tape-step)))}}
.station-scanner{display:none;position:absolute;top:0;left:0;right:0;height:2px;background:var(--red);filter:blur(.6px);pointer-events:none}
@keyframes card-arrive{from{transform:translateY(16px)}to{transform:translateY(0)}}
@keyframes station-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes station-pulse{0%,100%{opacity:1;box-shadow:0 0 0 5px #d2001e19}50%{opacity:.35;box-shadow:0 0 0 8px #d2001e05}}
@keyframes scan-stations{0%{opacity:0;transform:translateY(0)}10%,90%{opacity:.6}100%{opacity:0;transform:translateY(var(--scan-height,140px))}}
.hero-image canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-image.is-printing .hero-portrait{opacity:0}
@media(prefers-reduced-motion:no-preference){
 .hero.is-arriving .tracking-card{animation:card-arrive 480ms cubic-bezier(.16,1,.3,1) both}
 .hero.is-arriving .tracking-stations li{animation:station-arrive 360ms cubic-bezier(.16,1,.3,1) both;animation-delay:calc(120ms + var(--station-index,0) * 60ms)}
 .tracking-stations .is-next::before{animation:station-pulse 1600ms ease-in-out infinite}
 .hero.is-arriving .station-scanner{display:block;animation:scan-stations 300ms 220ms both}
 #mobile-menu{display:none;opacity:0;transform:translateY(-12px);transition:opacity 180ms,transform 180ms,display 180ms allow-discrete,overlay 180ms allow-discrete}
 #mobile-menu[open]{display:block;opacity:1;transform:translateY(0);transition-duration:240ms}
 @starting-style{#mobile-menu[open]{opacity:0;transform:translateY(-12px)}}
}
.legal-content h2{margin-block:40px 16px;font-size:28px}
@media(min-width:1921px){.hero{min-height:1120px;padding:40px 64px 110px}.hero-image{right:-202px;top:128px}.hero h1{font-size:246px}.site-header{margin-bottom:44px}.tracking-card{margin-top:12px}}
@media(min-width:768px) and (max-width:1100px){.hero{grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);padding:28px 32px 90px;gap:18px 20px;min-height:820px}.site-header{margin-bottom:30px;gap:18px}.brand img{width:94px}.desktop-nav a{font-size:12px;padding:13px 12px}.hero h1{font-size:13.2vw}.hero-image{width:720px;right:-160px;top:90px}.tracking-card{padding:20px;gap:12px}.tracking-heading h2{font-size:20px}.tracking-stations li{grid-template-columns:74px minmax(0,1fr);column-gap:12px}.tracking-stations strong{font-size:13px}.tracking-stations li>div{display:grid;gap:0}.tracking-actions{font-size:12px;flex-wrap:wrap}.hero-description{margin-top:0;font-size:14px}}
@media(max-width:767px){.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:'header' 'title' 'meta' 'portrait' 'tracking';gap:20px;padding:24px 20px 110px;min-height:0;overflow:clip}.site-header{margin-bottom:24px;gap:20px;padding:0;align-items:center}.brand img{width:94px}.desktop-nav,.language{display:none}.menu-toggle{display:flex;gap:12px;background:none;padding:10px 0;min-height:44px}.hero h1{font-size:clamp(55px,17.9vw,128px);max-width:100%;line-height:.86;inset:auto;letter-spacing:-.0592em;padding-bottom:.06em}.hero-description{inset:auto;font-size:13px;margin-top:0;max-width:none}.hero-image{grid-area:portrait;position:relative;inset:auto;width:100%;height:clamp(370px,124vw,650px);aspect-ratio:auto;margin-top:-10px;z-index:2}.hero .hero-portrait{position:absolute;width:112%;max-width:none;left:-6%;top:-10px;height:auto}.tracking-card{width:100%;inset:auto;grid-area:tracking;padding:20px 18px 16px;gap:12px;margin-top:-22px;z-index:4}.tracking-heading h2{font-size:20px;letter-spacing:-.025em}.tracking-stations li{grid-template-columns:76px minmax(0,1fr);column-gap:10px;padding-block:7px}.tracking-stations li>div{display:grid;gap:0}.tracking-stations time{font-size:10px}.tracking-stations strong{font-size:13px}.tracking-stations span{font-size:10px}.tracking-actions{font-size:12px;flex-wrap:wrap;gap:6px 14px}.tracking-actions a{min-height:30px}.shipping-tape{--tape-width:560px;--tape-overlap:18px;--tape-step:542px;height:104px;margin-top:-44px;margin-bottom:-60px}.tape-angle{top:14px}.hero-image canvas{display:none}}
@media(max-width:359px){.hero{padding-inline:16px}.tracking-card{padding-inline:14px}.tracking-heading h2{font-size:18px}.tracking-stations li{grid-template-columns:66px minmax(0,1fr);column-gap:8px}}
@media(prefers-reduced-motion:reduce){.tape-track{animation:none!important;transform:none!important}.hero-image.is-printing .hero-portrait{opacity:1}.hero-image canvas{display:none}.hero .tracking-card,.hero .tracking-stations li{opacity:1}#mobile-menu{transition:none!important}}
/* Sichtbare Bildausschnitte begrenzen, ohne Überläufe am Body zu kaschieren. */
.hero h1{font-size:clamp(104px,13.75vw,264px)}.site-header{margin-bottom:16px}.hero-image{right:-130px}
.tape-angle{height:calc(var(--tape-width) * 214 / 1920);overflow:clip}.tape-track picture:last-child{margin-right:0}
@media(min-width:1921px){.hero h1{font-size:264px}.hero-image{right:-202px}.site-header{margin-bottom:28px}}
@media(min-width:768px) and (max-width:1100px){.hero h1{font-size:13.2vw}.hero-image{right:-160px}.site-header{margin-bottom:30px}}
@media(max-width:767px){.hero{--hero-pad:20px}.hero h1{font-size:clamp(55px,17.9vw,128px)}.site-header{margin-bottom:24px}.hero-image{right:auto;width:calc(100% + 2 * var(--hero-pad));max-width:540px;justify-self:center;overflow:clip}.delivery-columns,.delivery-item{grid-template-columns:24px minmax(0,1fr) 38px}}
@media(max-width:359px){.hero{--hero-pad:16px}.about .display{font-size:38px}}
@media(max-width:1100px){.tracking-stations li,.tracking-stations li[data-show-id]{grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding-block:10px}.tracking-stations time{grid-column:1/-1;font-size:11px}.tracking-stations li>div{grid-column:1;gap:3px}.tracking-stations strong{font-size:15px}.tracking-stations li span{font-size:11px}.tracking-stations li[data-show-id]>.ticket-link{grid-column:2;grid-row:2;align-self:start;font-size:11px;padding-inline:8px}.tracking-number{font-size:11px}.tracking-number>span:first-child{width:100%}}
@media(max-width:359px){.tracking-stations li[data-show-id]>.ticket-link{grid-column:1;grid-row:4;margin-top:5px}}

.tracking-stations li>.station-delivery{grid-column:2/-1;margin-top:3px}.tracking-stations .station-expected{font:inherit;white-space:nowrap}
@media(max-width:1100px){.tracking-stations li>.station-delivery{grid-column:1/-1}}