/* Temporäres Halloween-Overlay (bis 31.10.2026). Alles unter html.hw: ohne die Klasse passiert nichts.
   Nur Farben (Variablen), ein paar kleine Deko-Elemente (absolut, ohne Platzbedarf) und kurze Textänderungen per JS.
   Keine Layout-, Schrift-, Abstands- oder Komponentenregeln. Datum/Zahlen bleiben grün (--datum unverändert). */
html.hw{
  --nacht:#0F1519; --flaeche:#182128; --flaeche2:#212B34; --linie:#2A3340; --schwarz:#080F12;
  --rot:#7B4DEB; --rot-unten:#5A32C4;
  --suro:#FF8A1F; --suro-unten:#D96A08; --suro-klein:#C8691A;
}
html.hw body{background:radial-gradient(90% 40% at 50% -5%,rgba(123,77,235,.14),transparent 70%) no-repeat,var(--nacht)}
html.hw ::selection{background:#FF8A1F;color:#1A0E00}

/* Deko: nur absolut positioniert, klickt nicht, schiebt nichts */
html.hw .hero,html.hw .hero-text,html.hw .event,html.hw footer{position:relative}
.hw-deko{display:none}
html.hw .hw-deko{display:block;position:absolute;pointer-events:none;z-index:1;line-height:0}
html.hw .hw-deko svg{display:block;width:100%;height:auto;shape-rendering:crispEdges}
/* Netz sitzt oben links, weil rechts oben der Eckenschnitt der Karte sitzt */
html.hw .hw-web{top:0;left:0;width:26px;opacity:.35;transform:scaleX(-1);border-top-right-radius:var(--r-karte)}
html.hw .hw-web svg{shape-rendering:geometricPrecision}
html.hw .hw-kuerbis{top:-8px;right:0;width:38px}
html.hw .hw-fledermaus{top:6px;right:48px;width:40px;animation:hw-flatter 5s ease-in-out infinite alternate}
html.hw .hw-geist{right:16px;top:-34px;width:28px;opacity:.9;animation:hw-schweben 6s ease-in-out infinite alternate}
html.hw .hw-creeper{left:60px;top:-30px;width:28px}
html.hw .hw-skelett{left:16px;top:-30px;width:28px}
@keyframes hw-flatter{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(6px) rotate(4deg)}}
@keyframes hw-schweben{from{transform:translateY(0)}to{transform:translateY(-6px)}}
@media (max-width:560px){
  html.hw .hw-fledermaus{right:44px;width:32px}
  html.hw .hw-kuerbis{width:32px}
}
@media (prefers-reduced-motion:reduce){
  html.hw .hw-fledermaus,html.hw .hw-geist{animation:none}
}