/* AUTOMATISCH ERZEUGT von daten/css_hell.py aus tipps.css — nicht von Hand ändern, sondern das Skript anpassen. */
html[data-theme="hell"] .form-remis { background: rgba(20,20,40,0.06); }
html[data-theme="hell"] .waage-u { background: rgba(20,20,40,0.136); }
html[data-theme="hell"] .z-u::before { background: rgba(20,20,40,0.221); }
html[data-theme="hell"] .suche-taste { background: rgba(20,20,40,0.043); }
html[data-theme="hell"] .ten-tour { border: 1px solid var(--line, rgba(20,20,40,0.102)); }
html[data-theme="hell"] .ten-satz { border: 1px solid var(--line, rgba(20,20,40,0.102)); }
html[data-theme="hell"] .kopf { background: linear-gradient(180deg, #EFEFEC 0%, #F4F4F2 100%); }
html[data-theme="hell"] .kopf-suche input { background: rgba(20,20,40,0.034); }
html[data-theme="hell"] .kopf-suche input:hover { background: rgba(20,20,40,0.051); }
html[data-theme="hell"] .kopf-suche input:focus { background: rgba(20,20,40,0.06); }
html[data-theme="hell"] .baum-kopf:hover { background: rgba(20,20,40,0.043); }
html[data-theme="hell"] .baum-link:hover { background: rgba(20,20,40,0.043); }
@media (max-width: 959px) {
html[data-theme="hell"] .kopf-suchknopf { background: rgba(20,20,40,0.034); }
html[data-theme="hell"] .tabbar { background: color-mix(in srgb, #F2F2F0 92%, transparent); }
}
html[data-theme="hell"] .wappen img { filter: drop-shadow(0 2px 5px rgba(20,24,60,0.22)); }
html[data-theme="hell"] .wappen-leer,
html[data-theme="hell"] .foto-leer { box-shadow: inset 0 0 0 1px hsl(var(--farbe) 50% 45% / .35), 0 4px 10px -4px rgba(20,24,60,0.28); }
html[data-theme="hell"] .foto { background: radial-gradient(circle at 50% 30%, #D5D5CE, #E8E8E4); box-shadow: 0 0 0 2px rgba(20,20,40,0.085), 0 8px 18px -8px rgba(20,24,60,0.36); }
html[data-theme="hell"] .foto-leer { box-shadow: 0 0 0 2px rgba(20,20,40,0.085), 0 8px 18px -8px rgba(20,24,60,0.36); }
html[data-theme="hell"] .spiel,
html[data-theme="hell"] .verl-karte,
html[data-theme="hell"] .blacklist-karte,
html[data-theme="hell"] .heute-karte { background: linear-gradient(180deg, rgba(20,20,40,0.034) 0%, rgba(20,20,40,0.0) 46%), var(--panel); box-shadow: inset 0 1px 0 rgba(20,20,40,0.043), 0 12px 32px -16px rgba(20,24,60,0.34); }
html[data-theme="hell"] .spiel:hover,
html[data-theme="hell"] .verl-karte:hover,
html[data-theme="hell"] .heute-karte:hover { box-shadow: inset 0 1px 0 rgba(20,20,40,0.06), 0 18px 40px -16px rgba(20,24,60,0.38); }
html[data-theme="hell"] .waage { box-shadow: inset 0 1px 2px rgba(20,24,60,0.2); }
html[data-theme="hell"] .waage-h,
html[data-theme="hell"] .waage-a,
html[data-theme="hell"] .waage-u { background-image: linear-gradient(180deg, rgba(20,20,40,0.187), rgba(20,20,40,0.0) 60%); }
html[data-theme="hell"] .such-feld input { box-shadow: inset 0 1px 0 rgba(20,20,40,0.043), 0 12px 32px -18px rgba(20,24,60,0.36); }
html[data-theme="hell"] .such-treffer { background: linear-gradient(180deg, rgba(20,20,40,0.03), rgba(20,20,40,0.0) 50%), var(--panel); }
html[data-theme="hell"] body::before { background-image: radial-gradient(rgba(20,20,40,0.047) 1px, transparent 1.2px); -webkit-mask-image: linear-gradient(180deg, #FFFFFF, transparent 70%); mask-image: linear-gradient(180deg, #FFFFFF, transparent 70%); }
html[data-theme="hell"] .spiel::before,
html[data-theme="hell"] .heute-karte::before,
html[data-theme="hell"] .verl-karte::before,
html[data-theme="hell"] .blacklist-karte::before,
html[data-theme="hell"] .such-treffer::before { background: radial-gradient(380px circle at var(--mx, 50%) var(--my, 0%), rgba(20,20,40,0.064), transparent 55%); }
html[data-theme="hell"] .kopf { background: linear-gradient(180deg, rgba(235,235,231,.92) 0%, rgba(245,245,243,.96) 100%); box-shadow: 1px 0 0 rgba(20,20,40,0.034), 14px 0 40px -24px rgba(20,24,60,0.36); }
html[data-theme="hell"] .kopf-suche input { background: rgba(20,20,40,0.038); }
html[data-theme="hell"] .ticker { background: linear-gradient(180deg, rgba(241,241,238,.94), rgba(245,245,243,.88)); -webkit-mask-image: linear-gradient(90deg, transparent, #FFFFFF 4%, #FFFFFF 96%, transparent); mask-image: linear-gradient(90deg, transparent, #FFFFFF 4%, #FFFFFF 96%, transparent); }
html[data-theme="hell"] .ticker-eintrag { border-right: 1px solid rgba(20,20,40,0.043); }
html[data-theme="hell"] .ticker-eintrag:hover { background: rgba(20,20,40,0.043); }
html[data-theme="hell"] .ticker-p { background: rgba(20,20,40,0.06); }
html[data-theme="hell"] .spiel-zeit { background: rgba(20,20,40,0.06); }
html[data-theme="hell"] .liga-logo { filter: drop-shadow(0 1px 3px rgba(20,24,60,0.24)); }
html[data-theme="hell"] .wappen img { filter: drop-shadow(0 6px 10px rgba(20,24,60,0.24)); }
html[data-theme="hell"] .spiel .wappen,
html[data-theme="hell"] .spiel .foto { background: radial-gradient(circle at 50% 30%, rgba(20,20,40,0.085), rgba(20,20,40,0.021) 70%); box-shadow: inset 0 0 0 1px rgba(20,20,40,0.051); }
html[data-theme="hell"] .waage-u { background: linear-gradient(90deg, rgba(20,20,40,0.119), rgba(20,20,40,0.187)); }
html[data-theme="hell"] .doppel-chip { background: rgba(20,20,40,0.03); }
html[data-theme="hell"] .doppel-chip:hover { background: rgba(20,20,40,0.068); }
html[data-theme="hell"] .spiel-pfeil { background: rgba(20,20,40,0.043); }
html[data-theme="hell"] .spiel:hover .spiel-pfeil { background: rgba(20,20,40,0.085); }
html[data-theme="hell"] .fi-form .filter-knopf { box-shadow: 0 10px 24px -10px rgba(217,57,62,.9), inset 0 1px 0 rgba(20,20,40,0.212); }
html[data-theme="hell"] .liga th { background: rgba(20,20,40,0.025); }
html[data-theme="hell"] .held { background: radial-gradient(700px 320px at 92% 0%, rgba(217,57,62,.34), transparent 65%),
          radial-gradient(520px 300px at 8% 110%, rgba(140,124,245,.20), transparent 70%),
          linear-gradient(135deg, #E8E8E3, #F2F2EF 70%); }
html[data-theme="hell"] .held-linien * { stroke: rgba(20,20,40,0.111); }
html[data-theme="hell"] .held-zahlen > div { background: linear-gradient(180deg, rgba(235,235,231,.9), rgba(243,243,240,.94)); }
html[data-theme="hell"] .top-karte::before { background: radial-gradient(420px 220px at var(--mx, 50%) -10%, rgba(20,20,40,0.076), transparent 60%), radial-gradient(340px 200px at 100% 100%, var(--ton, rgba(217,57,62,.18)), transparent 70%); }
html[data-theme="hell"] .top-team .wappen,
html[data-theme="hell"] .top-team .foto { background: radial-gradient(circle at 50% 25%, rgba(20,20,40,0.119), rgba(20,20,40,0.025) 72%); box-shadow: inset 0 0 0 1px rgba(20,20,40,0.068), 0 14px 28px -14px rgba(20,24,60,0.36); }
html[data-theme="hell"] .top-wahr .balken .u { background: rgba(20,20,40,0.17); }
html[data-theme="hell"] .top-fuss .pfeil { background: rgba(20,20,40,0.068); }
html[data-theme="hell"] .sport-kopf .symbol { background: linear-gradient(145deg, rgba(20,20,40,0.102), rgba(20,20,40,0.025)); box-shadow: inset 0 0 0 1px rgba(20,20,40,0.085); }
html[data-theme="hell"] .ring .spur { stroke: rgba(20,20,40,0.068); }
html[data-theme="hell"] .sport-links a { background: rgba(20,20,40,0.043); }
html[data-theme="hell"] .zeitleiste::before { background: linear-gradient(180deg, var(--accent), rgba(20,20,40,0.068) 40%, rgba(20,20,40,0.034)); }
html[data-theme="hell"] .zl-p .balken .u { background: rgba(20,20,40,0.187); }
html[data-theme="hell"] .ueb-karte { background: linear-gradient(160deg, rgba(217,57,62,.16), rgba(235,235,233,.95) 60%); }
html[data-theme="hell"] .kopf-suche kbd,
html[data-theme="hell"] .pal kbd { background: rgba(20,20,40,0.06); box-shadow: inset 0 -1px 0 rgba(20,20,40,0.068); }
html[data-theme="hell"] .pal { background: rgba(250,250,248,.62); }
html[data-theme="hell"] .pal-flaeche { background: linear-gradient(180deg, #E6E6E2, #EEEEEB); box-shadow: 0 40px 90px -20px rgba(20,24,60,0.38), 0 0 0 1px rgba(20,24,60,0.24), 0 0 80px -30px rgba(217,57,62,.5); }
html[data-theme="hell"] .an-grafik { background: rgba(20,20,40,0.021); box-shadow: inset 0 0 0 1px rgba(20,20,40,0.043); }
html[data-theme="hell"] .an-torbalken .mitte { stroke: rgba(20,20,40,0.153); }
html[data-theme="hell"] .an-torbalken .k { fill: rgba(20,20,40,0.187); }
html[data-theme="hell"] .an-grafik-text .kk::before { background: rgba(20,20,40,0.255); }
html[data-theme="hell"] .tab-held { background: radial-gradient(520px 260px at 0% 0%, rgba(217,57,62,.18), transparent 65%), linear-gradient(180deg, rgba(20,20,40,0.034), rgba(20,20,40,0.009)), var(--panel); }
html[data-theme="hell"] .tab-held-name .liga-logo { filter: drop-shadow(0 10px 20px rgba(20,24,60,0.28)); }
html[data-theme="hell"] .podest-platz { background: linear-gradient(180deg, rgba(20,20,40,0.06), rgba(20,20,40,0.013)); }
html[data-theme="hell"] .held { background: radial-gradient(700px 320px at 92% 0%, rgba(217,57,62,.36), transparent 65%),
          linear-gradient(100deg, rgba(245,245,243,.94) 0%, rgba(245,245,243,.78) 46%, rgba(245,245,243,.5) 100%),
          url('bilder/foto/stadion.jpg') center 38% / cover no-repeat, #F2F2EF; }
html[data-theme="hell"] .sport-karte::after { -webkit-mask-image: linear-gradient(115deg, transparent 8%, #FFFFFF 100%); mask-image: linear-gradient(115deg, transparent 8%, #FFFFFF 100%); }
html[data-theme="hell"] .foto-band { -webkit-mask-image: linear-gradient(180deg, #FFFFFF 0%, transparent 100%); mask-image: linear-gradient(180deg, #FFFFFF 0%, transparent 100%); }
html[data-theme="hell"] .kurve .null { stroke: rgba(20,20,40,0.119); }
html[data-theme="hell"] .sport-karte > * { text-shadow: 0 1px 12px rgba(20,24,60,0.22); }
html[data-theme="hell"] .kopf-quoten b { background: rgba(20,20,40,0.06); box-shadow: inset 0 0 0 1px rgba(20,20,40,0.051); }
html[data-theme="hell"] .vorher-quoten b { background: rgba(20,20,40,0.06); box-shadow: inset 0 0 0 1px rgba(20,20,40,0.051); }
html[data-theme="hell"] .an-qb-gruppe b { background: rgba(20,20,40,0.06); box-shadow: inset 0 0 0 1px rgba(20,20,40,0.051); }
html[data-theme="hell"] .bk-quote b { background: rgba(20,20,40,0.06); }
html[data-theme="hell"] .q-mini { background: rgba(20,20,40,0.068); }
html[data-theme="hell"] .rolle-quote { background: rgba(20,20,40,0.068); }
html[data-theme="hell"] .nba-chip-tr { background: rgba(20,20,40,0.051); }
@media (max-width: 959px) {
html[data-theme="hell"] .kopf-konto { background: rgba(20,20,40,0.034); }
}
html[data-theme="hell"] .kto-zeigen { background: rgba(20,20,40,0.051); }
html[data-theme="hell"].tor-html { background: #F5F5F4; }
html[data-theme="hell"] .tor-seite { background: #F5F5F4 !important; }
html[data-theme="hell"] .tor-hg { background: #F5F5F4; }
html[data-theme="hell"] .tor-linien * { stroke: rgba(20,20,40,0.17); }
html[data-theme="hell"] .tor-geist { border: 1px solid rgba(20,20,40,0.187); background: rgba(20,20,40,0.085); box-shadow: 0 18px 40px rgba(20,24,60,0.12); }
html[data-theme="hell"] .tor-geist i { background: rgba(20,20,40,0.17); }
html[data-theme="hell"] .tor-geist b { background: rgba(20,20,40,0.238); }
html[data-theme="hell"] .tor-geist span + span { background: rgba(20,20,40,0.119); }
html[data-theme="hell"] .tor-schleier { background: radial-gradient(900px 520px at 88% -8%, rgba(217,57,62,.3), transparent 65%), radial-gradient(700px 420px at 0% 100%, rgba(140,124,245,.14), transparent 70%), linear-gradient(90deg, rgba(245,245,243,.5) 0%, rgba(245,245,243,.12) 60%, rgba(245,245,243,.04) 100%), linear-gradient(180deg, rgba(245,245,243,.18), rgba(245,245,243,.08) 45%, rgba(245,245,243,.4)); }
html[data-theme="hell"] .tor-lead { color: rgba(20,20,40,0.612); }
html[data-theme="hell"] .tor-liste li { color: rgba(20,20,40,0.731); }
html[data-theme="hell"] .tor-tabs { border: 1px solid rgba(20,20,40,0.102); background: rgba(241,241,237,.6); }
html[data-theme="hell"] .tor-tabs a { color: rgba(20,20,40,0.595); }
html[data-theme="hell"] .tor .kto-karte { background: rgba(241,241,237,.76); border-color: rgba(20,20,40,0.119); box-shadow: 0 30px 80px rgba(20,24,60,0.22); }
html[data-theme="hell"] .tor-fuss { color: rgba(20,20,40,0.425); }
html[data-theme="hell"] .tor-hg-seite img.tor-bild { background: rgba(20,20,40,0.238); }
html[data-theme="hell"] .rechtstext code { background: rgba(20,20,40,0.06); }
html[data-theme="hell"] .foto-nachweis a { text-decoration-color: rgba(20,20,40,0.212); }
html[data-theme="hell"] .verl-karte > .verl-overlay { background: rgba(247,247,245,.28); }
html[data-theme="hell"] .verl-overlay span { box-shadow: 0 10px 28px -10px rgba(20,24,60,0.32); }
html[data-theme="hell"] .sa-pause { background: rgba(20,20,40,0.051); }
html[data-theme="hell"] .lg-u { background: rgba(20,20,40,0.043); }
html[data-theme="hell"] .lg-datum em { background: rgba(20,20,40,0.076); }
html[data-theme="hell"] .wg-bar { background: rgba(20,20,40,0.076); }
html[data-theme="hell"] .tk-bar { background: rgba(20,20,40,0.068); }
html[data-theme="hell"] .vg-treffer { box-shadow: 0 12px 30px rgba(20,24,60,0.18); }
html[data-theme="hell"] .vg-bar { background: rgba(20,20,40,0.06); }

/* ── Von Hand (HAND_CSS im Skript) ── */
html[data-theme="hell"] {
    color-scheme: light;
    --ink: #EEF0F4; --ink-raised: #F6F7FA; --panel: #FFFFFF; --panel-hover: #F2F4F8;
    --border: rgba(20,20,40,.10); --border-strong: rgba(20,20,40,.20);
    --paper: #14151B; --muted: #565866; --muted-dim: #5E6070;
    --accent: #D2343A; --accent-hover: #B3262C; --accent-soft: rgba(217,57,62,.10); --accent-border: rgba(217,57,62,.38); --accent-ink: #FFFFFF;
    --heim: #1F9D55; --heim-hell: #15803D; --ok: #15803D; --warn: #8F5A08; --down: #C22F34; --violett: #5B49D8;
    --flaeche: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.7));
    --kante: rgba(20,20,40,.10); --kante-hell: rgba(20,20,40,.22);
    --licht: inset 0 1px 0 rgba(255,255,255,.95);
    --tiefe: 0 1px 2px rgba(20,24,50,.08), 0 16px 34px -22px rgba(20,24,60,.28);
    --tiefe-hoch: 0 2px 4px rgba(20,24,50,.10), 0 26px 50px -24px rgba(20,24,60,.38);
}
html[data-theme="hell"] body { background:
    radial-gradient(1100px 520px at 88% -140px, rgba(217,57,62,.10), transparent 62%),
    radial-gradient(900px 520px at -8% 18%, rgba(110,96,230,.07), transparent 60%), var(--ink); }
html[data-theme="hell"] body::before { opacity: .5; background-image: radial-gradient(rgba(20,20,40,.07) 1px, transparent 1.2px); }
html[data-theme="hell"] ::selection { background: rgba(217,57,62,.28); color: #14151B; }

/* Kopf der Heute-Seite, Treppchen-Kopf und Palette bleiben dunkel — sie tragen Fotos bzw. sind Overlays */
html[data-theme="hell"] .held, html[data-theme="hell"] .pal-flaeche, html[data-theme="hell"] .ueb-karte {
    --paper: #F2F2F3; --muted: #A9A9B3; --muted-dim: #8E8E99; --kante: rgba(255,255,255,.075); --kante-hell: rgba(255,255,255,.16); color: #F2F2F3;
}
html[data-theme="hell"] .held-zahlen > div { background: linear-gradient(180deg, rgba(20,20,24,.9), rgba(12,12,15,.94)); }
html[data-theme="hell"] .held-zahlen { background: rgba(255,255,255,.075); border-color: rgba(255,255,255,.075); }
html[data-theme="hell"] .held-linien * { stroke: rgba(255,255,255,.13); }
html[data-theme="hell"] .held-linien .rot { stroke: rgba(217,57,62,.55); }
html[data-theme="hell"] .ueb-karte { background: linear-gradient(160deg, rgba(217,57,62,.2), rgba(24,24,28,.96) 60%); }
html[data-theme="hell"] .pal-flaeche { background: linear-gradient(180deg, #19191d, #111114); }
html[data-theme="hell"] .pal-liste li a, html[data-theme="hell"] .pal-eingabe { color: #F2F2F3; }
html[data-theme="hell"] .pal kbd { color: #A9A9B3; }
html[data-theme="hell"] .pal { background: rgba(10,10,14,.5); }

html[data-theme="hell"] .held { background:
          radial-gradient(700px 320px at 92% 0%, rgba(217,57,62,.36), transparent 65%),
          linear-gradient(100deg, rgba(10,10,12,.94) 0%, rgba(10,10,12,.78) 46%, rgba(10,10,12,.5) 100%),
          url('bilder/foto/stadion.jpg') center 38% / cover no-repeat, #0d0d10; border-color: rgba(255,255,255,.1); }
html[data-theme="hell"] .held h1, html[data-theme="hell"] .held-uhr b, html[data-theme="hell"] .held-zahlen b { color: #F2F2F3; }
html[data-theme="hell"] .held h1 em { color: transparent; }
html[data-theme="hell"] .held-zahlen > div > span, html[data-theme="hell"] .held-uhr span { color: #A9A9B3; }
/* Logos der Wettbewerbe sind für dunklen Grund gezeichnet (weiss) — im hellen Design auf einem dunklen Teller */
html[data-theme="hell"] .liga-logo { background: #17171b; border-radius: 7px; padding: 2px; box-sizing: border-box; filter: none; }
html[data-theme="hell"] .tab-held-name .liga-logo { padding: 8px; border-radius: 16px; }
html[data-theme="hell"] .foto-leer, html[data-theme="hell"] .wappen-leer { background: radial-gradient(circle at 30% 25%, hsl(var(--farbe) 48% 36%), hsl(var(--farbe) 50% 18%)); }
html[data-theme="hell"] .spiel .wappen, html[data-theme="hell"] .spiel .foto, html[data-theme="hell"] .top-team .wappen, html[data-theme="hell"] .top-team .foto { background: radial-gradient(circle at 50% 30%, #FFFFFF, #E9EBF1 75%); box-shadow: inset 0 0 0 1px rgba(20,20,40,.08), 0 8px 18px -10px rgba(20,24,60,.35); }
html[data-theme="hell"] .spiel .wappen-leer, html[data-theme="hell"] .top-team .wappen-leer, html[data-theme="hell"] .spiel .foto-leer, html[data-theme="hell"] .top-team .foto-leer { background: radial-gradient(circle at 30% 25%, hsl(var(--farbe) 48% 36%), hsl(var(--farbe) 50% 18%)); }

/* Fotos: hell abgetönt statt dunkel */
html[data-theme="hell"] .foto-band { opacity: .26; }
html[data-theme="hell"] .sport-karte::after { opacity: .30; }
html[data-theme="hell"] .sport-karte > * { text-shadow: 0 1px 10px rgba(255,255,255,.7); }

/* Chips und Balken auf Farbe */
html[data-theme="hell"] .an-chip { color: #fff; }
html[data-theme="hell"] .an-chip.an-u { color: #14151B; background: #C9CBD3; }
html[data-theme="hell"] .an-s { background: #178545; } html[data-theme="hell"] .an-n { background: #C22F34; }
html[data-theme="hell"] .form-sieg { background: rgba(31,157,85,.16); color: #136A38; }
html[data-theme="hell"] .form-niederlage { background: rgba(194,47,52,.14); color: #A8242A; }
html[data-theme="hell"] .form-remis { background: rgba(20,20,40,.08); color: #565866; }
html[data-theme="hell"] .waage-u, html[data-theme="hell"] .top-wahr .balken .u, html[data-theme="hell"] .zl-p .balken .u { background: rgba(20,20,40,.18); }
html[data-theme="hell"] .waage-h, html[data-theme="hell"] .top-wahr .balken .h { background: linear-gradient(90deg, #1F9D55, #35BE73); box-shadow: none; }
html[data-theme="hell"] .waage-a, html[data-theme="hell"] .top-wahr .balken .a { background: linear-gradient(90deg, #5B49D8, #7C6BF0); box-shadow: none; }
html[data-theme="hell"] .z-h b, html[data-theme="hell"] .top-wahr .zahlen .h { color: #15803D; }
html[data-theme="hell"] .z-a b, html[data-theme="hell"] .waage-zahlen .z-a b, html[data-theme="hell"] .top-wahr .zahlen .a { color: #5B49D8; }
html[data-theme="hell"] .an-wh { background: rgba(31,157,85,.16); color: #136A38; }
html[data-theme="hell"] .an-wa { background: rgba(168,104,10,.14); color: #8A5509; }
html[data-theme="hell"] .an-wu { color: #565866; }
html[data-theme="hell"] .kurve .null { stroke: rgba(20,20,40,.18); }
html[data-theme="hell"] .kurve.k-auf polyline { stroke: #15803D; } html[data-theme="hell"] .kurve.k-auf circle { fill: #15803D; filter: none; }
html[data-theme="hell"] .kurve.k-ab polyline { stroke: #C22F34; } html[data-theme="hell"] .kurve.k-ab circle { fill: #C22F34; filter: none; }
html[data-theme="hell"] .an-torbalken .k { fill: rgba(20,20,40,.22); }
html[data-theme="hell"] .an-torbalken .e-s { fill: #1F9D55; } html[data-theme="hell"] .an-torbalken .e-n { fill: #C22F34; }
html[data-theme="hell"] .an-torbalken .mitte { stroke: rgba(20,20,40,.22); }
html[data-theme="hell"] .podest-platz.platz-1 { background: linear-gradient(180deg, rgba(229,169,61,.34), rgba(229,169,61,.06)); }
html[data-theme="hell"] .platz-1 .podest-rang { color: #9A6A00; }
html[data-theme="hell"] .nba-status, html[data-theme="hell"] .nba-aus .nba-status { color: #C22F34 !important; }
html[data-theme="hell"] .ticker-live { color: #fff; background: #C22F34; }
html[data-theme="hell"] .blacklist-marke.sensation, html[data-theme="hell"] .blacklist-stempel.sensation { color: #000; background: #F2C25F; border-color: transparent; }
html[data-theme="hell"] .marke-preis.preis-schlecht, html[data-theme="hell"] .form-alt, html[data-theme="hell"] .zeit-offen, html[data-theme="hell"] .b2b-marke { color: #8F5A08; }
html[data-theme="hell"] .baum-kopf.an { color: #B3262C; }
html[data-theme="hell"] .fi-form .filter-knopf, html[data-theme="hell"] .app-hinweis-ja { color: #fff; }
html[data-theme="hell"] .filter-knopf.an { color: #8F1D22; }

/* Schalter Hell/Dunkel */
.thema-knopf { display: inline-grid; place-items: center; width: 36px; height: 36px; padding: 0; border-radius: 11px; cursor: pointer; color: var(--muted); background: rgba(255,255,255,.05); border: 1px solid var(--border); transition: all .2s var(--ease); }
html[data-theme="hell"] .thema-knopf { background: rgba(20,20,40,.05); }
.thema-knopf:hover { color: var(--paper); border-color: var(--border-strong); transform: rotate(-12deg); }
.thema-knopf svg { width: 18px; height: 18px; }
.thema-knopf .mond { display: none; } html[data-theme="hell"] .thema-knopf .sonne { display: none; } html[data-theme="hell"] .thema-knopf .mond { display: block; }
html[data-theme="hell"] .held-datum { color: #FF9A9D; }   /* Datum im dunklen Hero: der Standard-Rot ist auf dem Foto kaum lesbar */