/* Adventskalender-Banner über dem Hero (Codex, überarbeitet von Claude 11.11.: Etikett „Adventskalender“, Rahmen ringsum,
   Textfarben an allen Kindelementen erzwungen – das Theme färbt Spans im Dunkelmodus sonst hellblau). Kontrast: #141014 auf
   #E1AD01 ≈ 9:1, #F6E7B0 auf #141014 ≈ 15:1. */
html body a.dp-advent-banner{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:76px;margin:0;padding:8px 18px;background:#E1AD01;color:#141014!important;border:3px solid #141014;border-radius:14px;box-shadow:4px 4px 0 #141014;text-decoration:none!important;font:800 clamp(16px,2vw,24px)/1.2 var(--dp-font-headline,'Figtree','Segoe UI',sans-serif);isolation:isolate;-webkit-tap-highlight-color:transparent}
html body a.dp-advent-banner *{box-sizing:border-box;color:#141014!important;text-decoration:none!important}
html body a.dp-advent-banner:hover .dp-advent-banner__zeile,html body a.dp-advent-banner:focus-visible .dp-advent-banner__zeile{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px}
html body a.dp-advent-banner:focus-visible{outline:4px solid #141014;outline-offset:3px}
.dp-advent-banner__text{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center;word-spacing:.1em;overflow-wrap:normal;hyphens:auto}
html body a.dp-advent-banner .dp-advent-banner__kicker{display:inline-block;padding:2px 9px 3px;background:#141014;color:#F6E7B0!important;font-size:clamp(11px,1.1vw,13px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1.25;transform:rotate(-1.5deg);border-radius:2px}
html body a.dp-advent-banner .dp-advent-banner__kicker *{color:#F6E7B0!important}
.dp-advent-banner__pfeil{flex-shrink:0}
.dp-advent-banner__figur{display:flex;flex-shrink:0;height:60px}.dp-advent-banner__figur svg{height:100%;width:46px;animation:dp-advent-wackel 2s ease-in-out infinite alternate}.dp-advent-banner__rechts svg:last-child{animation-delay:-1s}
.dp-advent-banner .mittel,.dp-advent-banner .kurz,.dp-advent-banner .mini,.dp-advent-banner__advent{display:none}
.dp-advent-banner .dp-advent-banner__kicker .lang{display:inline}
.dp-advent-banner.is-advent .dp-advent-banner__aufruf{display:none}.dp-advent-banner.is-advent .dp-advent-banner__advent{display:inline}
/* Dunkelmodus: Fläche bleibt Senf, Rahmen + Schatten hell, damit die Kante auf dunklem Grund sichtbar ist */
html.dp-dark body a.dp-advent-banner{border-color:#F6E7B0;box-shadow:4px 4px 0 #F6E7B0}
html.dp-dark body a.dp-advent-banner:focus-visible{outline-color:#F6E7B0}
@keyframes dp-advent-wackel{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
@media(max-width:1000px){.dp-advent-banner .dp-advent-banner__zeile .lang{display:none}.dp-advent-banner .dp-advent-banner__zeile .mittel{display:inline}}
@media(max-width:600px){html body a.dp-advent-banner{gap:8px;padding:6px 10px;min-height:68px;border-radius:12px;box-shadow:3px 3px 0 #141014}html.dp-dark body a.dp-advent-banner{box-shadow:3px 3px 0 #F6E7B0}.dp-advent-banner .dp-advent-banner__zeile .mittel{display:none}.dp-advent-banner .dp-advent-banner__zeile .kurz{display:inline}.dp-advent-banner__figur{height:44px}.dp-advent-banner__figur svg{width:32px}.dp-advent-banner__rechts svg:first-child{display:none}}
@media(max-width:360px){.dp-advent-banner .dp-advent-banner__zeile .kurz{display:none}.dp-advent-banner .dp-advent-banner__zeile .mini{display:inline}.dp-advent-banner .dp-advent-banner__kicker .lang{display:none}.dp-advent-banner .dp-advent-banner__kicker .mini{display:inline}}
@media(prefers-reduced-motion:reduce){.dp-advent-banner__figur svg,.dp-advent-banner__kicker{animation:none}}