/* HookainSendung besitzt ausschließlich sein eigenes Markup. Abstände: Behälter und CI-Token. */
.hk-sendung{--hk-sendung-gelb:#ffcc00;--hk-sendung-gelb-rand:#d9a400;display:grid;gap:var(--hk-space-3);max-width:1180px;min-width:0;margin:0 auto;padding:var(--hk-space-3) var(--hk-space-2);color:var(--hk-ink);font-family:var(--hk-font)}
.hk-sendung__titel,.hk-sendung__h2,.hk-sendung__h3,.hk-sendung__text,.hk-sendung__quelle,.hk-sendung__klein,.hk-sendung__daten,.hk-sendung__daten dt,.hk-sendung__daten dd,.hk-sendung__trenner,.hk-sendung__ereignisse,.hk-sendung__stufen,.hk-sendung__produktname{margin:0}
.hk-sendung__titel{font-size:28px;line-height:1.2}.hk-sendung__h2{font-size:20px;line-height:1.3}.hk-sendung__h3{font-size:15px;line-height:1.45}.hk-sendung__text,.hk-sendung__quelle{font-size:14px;line-height:1.6}.hk-sendung__klein{font-size:13px;line-height:1.5;color:var(--hk-ink-2)}
.hk-sendung__status,.hk-sendung__block,.hk-sendung__fach{display:grid;gap:var(--hk-space-1);min-width:0;padding:var(--hk-space-3);background:var(--hk-surface);border:1px solid var(--hk-line)}
.hk-sendung__status{background:var(--hk-paper);gap:var(--hk-space-3)}.hk-sendung__kopf,.hk-sendung__zeile{display:flex;align-items:center;flex-wrap:wrap;gap:var(--hk-space-1)}
.hk-sendung__statusgruppe,.hk-sendung__stapel,.hk-sendung__formular,.hk-sendung__eigenbereich,.hk-sendung__haupt,.hk-sendung__spalte{display:grid;gap:var(--hk-space-1);min-width:0}.hk-sendung__eigenbereich,.hk-sendung__haupt,.hk-sendung__spalte{gap:var(--hk-space-3)}
.hk-sendung__raster{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--hk-space-3);align-items:start;min-width:0}
.hk-sendung__trenner{width:100%;border:0;border-top:1px solid var(--hk-line)}
.hk-sendung__daten{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--hk-space-1) var(--hk-space-2);font-size:14px}.hk-sendung__daten dt{color:var(--hk-ink-2)}.hk-sendung__daten dd{overflow-wrap:anywhere}
.hk-sendung__code{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;background:var(--hk-surface);padding:var(--hk-space-05) var(--hk-space-1);border-radius:var(--hk-radius-s)}
.hk-sendung__knopf{display:inline-flex;align-items:center;justify-content:center;gap:var(--hk-space-1);min-height:44px;max-width:100%;padding:var(--hk-space-1) var(--hk-space-2);border:1px solid var(--hk-cta);border-radius:var(--hk-radius-btn);background:var(--hk-cta);color:var(--hk-on-cta);font:var(--hk-fw-medium) var(--hk-fs-btn)/1.25 var(--hk-font);text-align:center;text-decoration:none;cursor:pointer}/* T-1258 (Bert 23.10.): kein Outline-Zweitknopf mehr, --zweit = Tintenfläche wie der Hauptknopf */.hk-sendung__knopf:disabled{opacity:.55;cursor:default}.hk-sendung__knopf:focus-visible,.hk-sendung__feld:focus-visible,.hk-sendung__wahl:focus-visible,.hk-sendung__produktlink:focus-visible{outline:2px solid var(--hk-focus);outline-offset:2px}
.hk-sendung__fortschritt{position:relative;min-width:0;min-height:176px;display:grid;gap:var(--hk-space-1)}
.hk-sendung__stufen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;list-style:none;padding:0;position:relative}
.hk-sendung__stufen:before,.hk-sendung__stufen:after{content:'';position:absolute;left:10%;top:112px;height:8px;border-radius:var(--hk-radius-pill)}.hk-sendung__stufen:before{width:80%;background:var(--hk-line)}.hk-sendung__stufen:after{width:calc(var(--hk-sendung-index) * 20%);background:var(--hk-stripe),var(--hk-sendung-gelb);background-size:24px 24px,auto;animation:hk-sendung-streifen .9s linear infinite}
.hk-sendung__stufe{position:relative;display:grid;justify-items:center;align-content:start;gap:var(--hk-space-1);min-width:0;padding:0 var(--hk-space-05);font-size:12px;line-height:1.4;text-align:center;color:var(--hk-ink-3)}.hk-sendung__stufenbild{height:104px;display:grid;align-items:start;justify-items:center;width:100%;opacity:.35;filter:grayscale(1)}.hk-sendung__stufe--erledigt .hk-sendung__stufenbild,.hk-sendung__stufe--aktuell .hk-sendung__stufenbild{opacity:1;filter:none}.hk-sendung__stufe--aktuell{color:var(--hk-ink);font-weight:700}.hk-sendung__stufenname{max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none}.hk-sendung__punkt{position:relative;z-index:2;display:block;width:16px;height:16px;border:2px solid var(--hk-line);border-radius:var(--hk-radius-pill);background:var(--hk-paper)}.hk-sendung__stufe--erledigt .hk-sendung__punkt{background:var(--hk-sendung-gelb);border-color:var(--hk-sendung-gelb-rand)}.hk-sendung__stufe--aktuell .hk-sendung__punkt{border-color:var(--hk-sendung-gelb-rand);box-shadow:0 0 0 4px color-mix(in srgb,var(--hk-sendung-gelb) 35%,transparent)}
.hk-sendung__pixel{image-rendering:pixelated;display:block;max-width:none}.hk-sendung__pixel--klein{display:none}.hk-sendung__figur{position:absolute;top:56px;left:calc(10% + var(--hk-sendung-index) * 20%);transform:translateX(-60%);z-index:3;width:67px;height:56px;transition:left var(--hk-dur-bar) var(--hk-ease)}.hk-sendung__figurrahmen{position:absolute;left:0;bottom:0}.hk-sendung__figurrahmen--b{opacity:0}.hk-sendung__figur--bewegt{animation:hk-sendung-vorwaerts .8s cubic-bezier(.3,0,.2,1) infinite}.hk-sendung__figur--bewegt .hk-sendung__figurrahmen--a{animation:hk-sendung-a .8s steps(1,end) infinite}.hk-sendung__figur--bewegt .hk-sendung__figurrahmen--b{animation:hk-sendung-b .8s steps(1,end) infinite}
@keyframes hk-sendung-vorwaerts{0%,100%{transform:translateX(-60%)}45%,60%{transform:translateX(calc(-60% + 9px))}}
@keyframes hk-sendung-streifen{to{background-position:24px 0,0 0}}@keyframes hk-sendung-a{0%,44%{opacity:1}45%,100%{opacity:0}}@keyframes hk-sendung-b{0%,44%{opacity:0}45%,100%{opacity:1}}
.hk-sendung__ereignisse{display:grid;gap:var(--hk-space-1);padding-inline-start:var(--hk-space-3);font-size:14px}.hk-sendung__ereignis{overflow-wrap:anywhere}.hk-sendung__ereigniszeit{color:var(--hk-ink-2)}
.hk-sendung__positionen{display:grid;gap:var(--hk-space-1)}.hk-sendung__position{display:flex;align-items:center;gap:var(--hk-space-1);min-height:64px;padding:var(--hk-space-1);background:var(--hk-paper);border:1px solid var(--hk-line);border-radius:var(--hk-radius-btn);cursor:pointer}.hk-sendung__wahl{flex:none;width:20px;height:20px;accent-color:var(--hk-ink)}.hk-sendung__bild{display:block;width:48px;height:48px;object-fit:contain;background:#fff;flex:none}.hk-sendung__positionname{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}.hk-sendung__menge{white-space:nowrap;font-variant-numeric:tabular-nums}
.hk-sendung__karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr));gap:var(--hk-space-2)}.hk-sendung__karte{display:flex;flex-direction:column;gap:var(--hk-space-1);padding:var(--hk-space-2);border:1px solid var(--hk-line);border-radius:var(--hk-radius-btn);background:var(--hk-paper);min-width:0}.hk-sendung__produktbild{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.hk-sendung__produktlink{display:grid;gap:var(--hk-space-1);color:var(--hk-ink);text-decoration:none;min-height:44px}.hk-sendung__produktname{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.hk-sendung__preis{font-weight:700;font-variant-numeric:tabular-nums}.hk-sendung__kartenauswahl{display:flex;align-items:center;gap:var(--hk-space-1);min-height:44px;font-size:13px;cursor:pointer}.hk-sendung__artikel{display:grid;grid-template-columns:112px minmax(0,1fr);gap:var(--hk-space-2);align-items:start}.hk-sendung__artikelbild{width:112px;height:84px;object-fit:cover}.hk-sendung__artikeltext{display:grid;gap:var(--hk-space-1);min-width:0}.hk-sendung__hinweis,.hk-sendung__fehler{margin:0;padding:var(--hk-space-2);background:var(--hk-surface);border:1px solid var(--hk-line);border-radius:var(--hk-radius-btn);font-size:14px;line-height:1.6}.hk-sendung__fehler{color:var(--hk-brand-text);border-color:var(--hk-brand)}
.hk-sendung--tor{max-width:480px;gap:var(--hk-space-3)}.hk-sendung__torbild{justify-self:center}.hk-sendung__feld{width:100%;min-height:44px;padding:var(--hk-space-1) var(--hk-space-2);border:1px solid var(--hk-line);border-radius:var(--hk-radius-btn);background:var(--hk-paper);color:var(--hk-ink);font:400 16px/1.4 var(--hk-font)}.hk-sendung__label{font-size:14px}.hk-sendung__formular{position:relative;min-height:148px}.hk-sendung__auswahl{position:relative;display:grid;gap:var(--hk-space-3);min-height:88px}
@media(max-width:860px){.hk-sendung__raster{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.hk-sendung__stufe{font-size:11px;padding-inline:0}.hk-sendung__status,.hk-sendung__block,.hk-sendung__fach{padding:var(--hk-space-2)}.hk-sendung__titel{font-size:24px}.hk-sendung__pixel--gross{display:none}.hk-sendung__pixel--klein{display:block}.hk-sendung__figur{width:48px;height:40px;top:72px}.hk-sendung__daten{grid-template-columns:minmax(0,1fr);gap:var(--hk-space-05)}.hk-sendung__artikel{grid-template-columns:minmax(0,1fr)}.hk-sendung__artikelbild{width:100%;height:auto;aspect-ratio:4/3}.hk-sendung__zeile .hk-sendung__knopf{width:100%}}
@media(prefers-reduced-motion:reduce){.hk-sendung__stufen:after,.hk-sendung__figur--bewegt,.hk-sendung__figur--bewegt .hk-sendung__figurrahmen--a,.hk-sendung__figur--bewegt .hk-sendung__figurrahmen--b{animation:none}.hk-sendung__figurrahmen--a{opacity:1}.hk-sendung__figurrahmen--b{opacity:0}}

/* Die umgebende Sendungsfläche besitzt den Bildschalter; native Texte/Daten bleiben erhalten. */
[data-hk-sendung-atlaszeichen="false"] img,[data-hk-sendung-vipzeichen="false"] img,[data-hk-sendung-vipzeichen="false"] svg{display:none}

/* Eigene Verbrauchsgruppen: lokale Wahl, echte Karten behalten ihre Auswahl. */
.hk-sendung__gruppen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,128px),1fr));gap:var(--hk-space-1);min-width:0}
.hk-sendung__gruppe{display:grid;justify-items:center;align-content:center;gap:var(--hk-space-1);min-height:var(--hk-tap);min-width:0;padding:var(--hk-space-1);border:1px solid var(--hk-line);border-radius:var(--hk-radius-pill);background:var(--hk-paper);color:var(--hk-ink);font:var(--hk-fw-medium) var(--hk-fs-btn)/1.25 var(--hk-font);text-align:center;cursor:pointer}
.hk-sendung__gruppe[aria-pressed="true"]{background:var(--hk-ink);color:var(--hk-paper);border-color:var(--hk-ink)}
.hk-sendung__gruppe[aria-pressed="true"] .hk-sendung__klein{color:inherit}
.hk-sendung__gruppe:focus-visible{outline:2px solid var(--hk-focus);outline-offset:2px}
.hk-sendung__gruppenbild{display:block;image-rendering:pixelated;width:36px;height:36px;max-width:none}
.hk-sendung__gruppenname{overflow-wrap:anywhere}
.hk-sendung__karte[hidden]{display:none}
.hk-sendung__preis--sale{color:var(--hk-sale)}
.hk-sendung__vergleichspreis{font-size:var(--hk-fs-s);line-height:var(--hk-lh-s);color:var(--hk-ink-3);font-variant-numeric:tabular-nums}
.hk-sendung-einstieg,body.hk-relaunch a.hk-sendung-einstieg,body.hk-relaunch .footer-column a.hk-sendung-einstieg,body.hk-relaunch .header-account-menu a.hk-sendung-einstieg{display:inline-flex;align-items:center;min-height:var(--hk-tap,44px);margin:0}
