/* Herbstferien-Banner – schmale Linkzeile über dem Hero. Präfix dp-hf-. Dunkelmodus über html.dp-dark.
   Palette: Burgunder #7a1f2b, Kürbis #e8801a, Bernstein #f2b134, Laubbraun #5a3a22, Creme #fff4e0, Akzent #e83d9f. */
a.dp-hf-banner{
  --hf-bg:linear-gradient(90deg,#f7d4a0 0%,#fff1d8 22%,#fff4e0 50%,#fff1d8 78%,#f7d4a0 100%);
  --hf-titel:#7a1f2b;--hf-text:#5a3a22;--hf-pfeil:#7a1f2b;--hf-kante:#e8801a;--hf-fokus:#7a1f2b;
  --hf-blatt-1:#e8801a;--hf-blatt-2:#a0522d;--hf-blatt-3:#d99a1e;--hf-blatt-4:#7a1f2b;--hf-blatt-5:#c8862c;--hf-blatt-6:#c0561b;
  position:relative;z-index:1;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:14px;
  width:100%;max-width:100%;min-height:52px;margin:0;padding:4px 16px;overflow:hidden;
  background:var(--hf-bg);border-bottom:2px solid var(--hf-kante);
  color:var(--hf-text);font-family:var(--dp-font-headline,'Figtree','Inter',system-ui,sans-serif);
  line-height:1.2;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;
}
a.dp-hf-banner *,a.dp-hf-banner *::before,a.dp-hf-banner *::after{box-sizing:border-box}
a.dp-hf-banner:visited{color:var(--hf-text)}
a.dp-hf-banner:hover,a.dp-hf-banner:focus{color:var(--hf-text);text-decoration:none}
a.dp-hf-banner:hover .dp-hf-banner__zusatz,a.dp-hf-banner:focus-visible .dp-hf-banner__zusatz{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
a.dp-hf-banner:hover .dp-hf-banner__pfeil{transform:translateX(3px)}
a.dp-hf-banner:focus{outline:none}
a.dp-hf-banner:focus-visible{outline:3px solid var(--hf-fokus);outline-offset:-5px;box-shadow:inset 0 0 0 7px #e83d9f55}

.dp-hf-banner__text{position:relative;z-index:2;display:flex;align-items:baseline;gap:12px;min-width:0;overflow:hidden}
.dp-hf-banner__titel{flex:none;color:var(--hf-titel);font-size:21px;font-weight:800;letter-spacing:-.01em}
.dp-hf-banner__zusatz{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--hf-text);font-size:15px;font-weight:700}
.dp-hf-banner__pfeil{display:inline-block;color:var(--hf-pfeil);font-weight:800;transition:transform .15s ease}
.dp-hf-banner__kurz,.dp-hf-banner__mittel,.dp-hf-banner__mini{display:none}

.dp-hf-banner__kuerbis{position:relative;z-index:2;flex:none;display:block;width:42px;height:41px}
.dp-hf-banner__kuerbis svg{display:block;width:100%;height:100%;overflow:visible}
.dp-hf-banner__kuerbis--rechts svg{transform:scaleX(-1)}
.dp-hf-banner .kd-schein{animation:dp-hf-kerze 3.2s ease-in-out infinite}
.dp-hf-banner .kd-glut{animation:dp-hf-glut 3.2s ease-in-out infinite}
.dp-hf-banner__kuerbis--rechts .kd-schein,.dp-hf-banner__kuerbis--rechts .kd-glut{animation-delay:-1.3s}
@keyframes dp-hf-kerze{0%,100%{opacity:.35}30%{opacity:.6}55%{opacity:.42}75%{opacity:.58}}
@keyframes dp-hf-glut{0%,100%{opacity:1}30%{opacity:.86}55%{opacity:1}75%{opacity:.9}}

/* Dezente fallende Blätter im Banner */
.dp-hf-banner__laub{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.dp-hf-banner__blatt{position:absolute;top:-18px;display:block;width:14px;height:14px;opacity:.6;animation:dp-hf-banner-fall 9s linear infinite}
.dp-hf-banner__blatt svg{display:block;width:100%;height:100%;animation:dp-hf-banner-dreh 3s ease-in-out infinite alternate}
.dp-hf-banner__blatt--1{left:6%;color:var(--hf-blatt-1);animation-delay:-1s}
.dp-hf-banner__blatt--2{left:21%;color:var(--hf-blatt-2);width:12px;height:12px;animation-duration:11s;animation-delay:-6s}
.dp-hf-banner__blatt--3{left:37%;color:var(--hf-blatt-3);animation-duration:10s;animation-delay:-3s}
.dp-hf-banner__blatt--4{left:63%;color:var(--hf-blatt-4);width:16px;height:16px;animation-duration:12s;animation-delay:-8s}
.dp-hf-banner__blatt--5{left:79%;color:var(--hf-blatt-5);width:12px;height:12px;animation-delay:-5s}
.dp-hf-banner__blatt--6{left:93%;color:var(--hf-blatt-6);animation-duration:10.5s;animation-delay:-2s}
@keyframes dp-hf-banner-fall{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(10px,40px) rotate(160deg)}100%{transform:translate(-4px,86px) rotate(320deg)}}
@keyframes dp-hf-banner-dreh{from{transform:rotateY(0)}to{transform:rotateY(65deg)}}

/* Dunkelmodus */
html.dp-dark a.dp-hf-banner{
  --hf-bg:linear-gradient(90deg,#4a1626 0%,#2d1a48 30%,#2d1a48 70%,#4a1626 100%);
  --hf-titel:#fff4e0;--hf-text:#f2d8a8;--hf-pfeil:#f2b134;--hf-kante:#e8801a;--hf-fokus:#f2b134;
  --hf-blatt-1:#e8801a;--hf-blatt-2:#b8653a;--hf-blatt-3:#f2b134;--hf-blatt-4:#c9324a;--hf-blatt-5:#d39a3a;--hf-blatt-6:#e06a2a;
}
html.dp-dark a.dp-hf-banner .dp-hf-banner__blatt{opacity:.5}

/* Tablet/Handy: kurzer Zusatz */
@media (max-width:720px){
  a.dp-hf-banner{gap:10px;min-height:50px;padding:4px 12px}
  .dp-hf-banner__lang{display:none}.dp-hf-banner__kurz{display:inline}
  .dp-hf-banner__titel{font-size:19px}.dp-hf-banner__zusatz{font-size:14px}
  .dp-hf-banner__text{gap:9px}
  .dp-hf-banner__kuerbis{width:38px;height:37px}
}
/* Handy (≤ 480 px): „Eine Woche weg →“ */
@media (max-width:480px){
  .dp-hf-banner__kurz{display:none}.dp-hf-banner__mittel{display:inline}
}
/* Sehr schmal (≤ 360 px): nur „Details →“ */
@media (max-width:360px){
  a.dp-hf-banner{gap:8px;padding:4px 8px}
  .dp-hf-banner__mittel{display:none}.dp-hf-banner__mini{display:inline}
  .dp-hf-banner__titel{font-size:18px}
  .dp-hf-banner__kuerbis{width:34px;height:33px}
}
@media (prefers-reduced-motion:reduce){
  .dp-hf-banner__blatt,.dp-hf-banner__blatt svg,.dp-hf-banner .kd-schein,.dp-hf-banner .kd-glut{animation:none!important}
  .dp-hf-banner__blatt{top:auto;bottom:4px}
  .dp-hf-banner__pfeil{transition:none}
}