/* ==========================================================================
   dm-theme.css – Hell/Dunkel und die drei Motive (Redesign 10.10.2026)
   Wird NACH allen anderen Stylesheets geladen.
   Dunkel = bisherige Gestaltung (unverändert). Hell = reines Weiß, Navy-Schrift,
   Gold als Akzent. Grafiken, Konsole, Buch und App-Fenster bleiben als dunkle
   „Bildschirme“ stehen (eigene Token-Insel), wie Produktbilder auf heller Seite.
   ========================================================================== */

/* ---------- Umschalter in der Kopfzeile -------------------------------- */
.theme-toggle { display: inline-grid; place-items: center; width: 38px; height: 38px; flex: none;
  border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--text);
  cursor: pointer; margin-left: 4px; transition: border-color .2s, color .2s; }
.theme-toggle:hover { border-color: var(--gold); color: var(--gold); }
.theme-toggle svg { width: 17px; height: 17px; }
.theme-toggle .i-sun { display: none; }
[data-theme="light"] .theme-toggle .i-sun { display: block; }
[data-theme="light"] .theme-toggle .i-moon { display: none; }
@media (max-width: 1100px) { .site-head .theme-toggle { margin-left: auto; } .site-head .nav-toggle { margin-left: 8px; } }
.brand-mark--dark { display: none; }
[data-theme="light"] .brand-mark--light { display: none; }
[data-theme="light"] .brand-mark--dark { display: block; }

/* ---------- Helle Farbwelt ------------------------------------------- */
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #ffffff;
  --gold: #81712f;          /* Gold als Schrift: lesbar auf Weiß */
  --gold-deep: #6f6128;
  --gold-fill: #c9ba77;     /* Gold als Fläche: Original */
  --gold-pale: #faf5e3;
  --ink: #0b1030;
  --text: #333a57;
  --muted: #646b88;
  --line: #e4e6ee;
  --line-2: #d3d7e3;
  --line-soft: rgba(11, 16, 48, .08);
  --shadow: 0 1px 2px rgba(11, 16, 48, .05), 0 12px 32px -14px rgba(11, 16, 48, .18);
  --shadow-lg: 0 2px 6px rgba(11, 16, 48, .06), 0 30px 64px -24px rgba(11, 16, 48, .28);
  --dm-accent: #81712f; --dm-accent-hi: #c9ba77;
}
:root { --gold-fill: #c9ba77; }

[data-theme="light"] html, html[data-theme="light"] { background: #ffffff; }
[data-theme="light"] ::selection { background: var(--gold-fill); color: #070b22; }

/* Flächen, die im Dunkeln Tiefe zeigen, sind im Hellen weiß mit feiner Linie */
[data-theme="light"] .topbar { background: #ffffff; border-bottom-color: var(--line); }
[data-theme="light"] .site-head { background: rgba(255, 255, 255, .9); border-bottom-color: var(--line); }
[data-theme="light"] .nav a:hover { background: #f4f2ea; }
[data-theme="light"] .hero, [data-theme="light"].dm-js .hero { background: radial-gradient(70% 90% at 88% 0%, rgba(201, 186, 119, .07), rgba(201, 186, 119, 0) 60%), rgba(255, 255, 255, .78); }
[data-theme="light"] .hero h1 { color: var(--ink); }
[data-theme="light"] .hero .lead { color: var(--text); }
[data-theme="light"] .hero-proof { border-top-color: var(--line); }
/* Abschnitte im Wechsel: ein Hauch kühles Hellgrau, leicht durchscheinend für das Partikelfeld */
[data-theme="light"] { --soft: rgba(243, 244, 248, .9); }
[data-theme="light"] .bg-soft { background: var(--soft); border-top: 1px solid #eceef3; border-bottom: 1px solid #eceef3; }
[data-theme="light"] .bg-soft + .bg-soft, [data-theme="light"] section + .bg-soft { border-top-color: var(--line); }
[data-theme="light"] .bg-dark { background: var(--soft); border-color: #eceef3; }
[data-theme="light"] .bg-dark .logos .logo { background: #ffffff; border-color: var(--line); }
[data-theme="light"] .marquee::before { background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0)); }
[data-theme="light"] .marquee::after { background: linear-gradient(270deg, #ffffff, rgba(255, 255, 255, 0)); }
[data-theme="light"] .marquee-set .logo-word { background-image: linear-gradient(180deg, #2a3150 0%, #0b1030 100%); opacity: .55; }
[data-theme="light"] .marquee-set .logo-word:hover { background-image: linear-gradient(180deg, #b5a55e 0%, #81712f 100%); }
[data-theme="light"] .marquee-set .logo-word::after { background: var(--gold-fill); }
[data-theme="light"] .cta { background: radial-gradient(90% 120% at 50% 0%, rgba(201, 186, 119, .08), rgba(201, 186, 119, 0) 65%), #ffffff;
  border-color: color-mix(in srgb, var(--gold-fill) 55%, transparent); box-shadow: var(--shadow); }
[data-theme="light"] .site-foot { background: #f3f4f8; border-top-color: #eceef3; }
[data-theme="light"] .foot-bottom { border-top-color: var(--line); }
[data-theme="light"] .cc { background: #ffffff; box-shadow: 0 -10px 30px rgba(11, 16, 48, .12); }
[data-theme="light"] .crumbs li::after { color: var(--line-2); }
[data-theme="light"] .table-scroll::-webkit-scrollbar-thumb { background: var(--line-2); }
[data-theme="light"] .card, [data-theme="light"] .dm-card { box-shadow: var(--shadow); }
[data-theme="light"] .dm-card:hover { background: #ffffff; }
[data-theme="light"] .dm-ghost { color: rgba(201, 186, 119, .07); -webkit-text-stroke-color: rgba(129, 113, 47, .12); }
[data-theme="light"] .dm-cta { background: rgba(255, 255, 255, .97); box-shadow: 0 -12px 34px rgba(11, 16, 48, .12); }

/* Gold als Fläche bleibt das Original-Gold, Schrift darauf dunkel */
[data-theme="light"] .btn-primary,
[data-theme="light"] .btn-dark:hover,
[data-theme="light"] .skip:focus,
[data-theme="light"] .cc-btns button,
[data-theme="light"] .dm-cta__btn,
[data-theme="light"] .dm-btn { background: var(--gold-fill); border-color: var(--gold-fill); color: #070b22; }
[data-theme="light"] .btn-primary:hover { background: #d8ca8e; }
[data-theme="light"] .btn-ghost { color: var(--ink); border-color: var(--line-2); }
[data-theme="light"] .btn-ghost:hover { border-color: var(--ink); }

/* Feste Inline-Farben aus dem dunklen Design */
[data-theme="light"] :is([style*="color:#fff"], [style*="color:#f2f3f8"], .dm-i-ink) { color: var(--ink) !important; }
[data-theme="light"] :is([style*="color:#cdd4e6"], .dm-i-text) { color: var(--text) !important; }
[data-theme="light"] :is([style*="color:#96a0bb"], .dm-i-muted) { color: var(--muted) !important; }
[data-theme="light"] :is([style*="color:#c9ba77"], .dm-i-gold) { color: var(--gold) !important; }
[data-theme="light"] :is([style*="background:rgba(255,255,255,.05)"], [style*="background:rgba(255,255,255,.04)"], [style*="background:#0c1230"], .dm-i-card) { background: #ffffff !important; border-color: var(--line) !important; box-shadow: var(--shadow); }
[data-theme="light"] :is([style*="border:1px solid rgba(255,255,255,.14)"], .dm-i-line) { border-color: var(--line) !important; }
/* In dunklen Inseln greifen automatisch deren eigene --ink/--text-Werte */
/* Konsole: Begleittexte außerhalb der dunklen Fläche */
[data-theme="light"] .dm-konsole-intro { color: var(--text); }
[data-theme="light"] .dm-konsole-fuss { color: var(--muted); }

/* AUTO-HELL-START – erzeugt von redesign-skripte/hell-generator.py, nicht von Hand ändern */
/* aus dm-effects.css */
:root[data-theme="light"] { --dm-bg: #ffffff; --dm-bg-card: #ffffff; --dm-ink: #0b1030; --dm-ink-dim: #646b88; --dm-line: rgba(11, 16, 48, 0.14); }
[data-theme="light"] .dm-progress { background: rgba(11, 16, 48, 0.042); }
[data-theme="light"] .dm-sweep { background: linear-gradient(105deg, transparent, rgba(11, 16, 48, 0.3), transparent); }
[data-theme="light"] .dm-card:hover { background: #ffffff; }
[data-theme="light"] .dm-card__ghost { color: rgba(11, 16, 48, 0.035); }
[data-theme="light"] .dm-btn--ghost { border: 1px solid rgba(11, 16, 48, 0.28); }
[data-theme="light"] .dm-tl__plate { box-shadow: 0 24px 60px rgba(11, 16, 48, 0.0924), inset 0 1px 0 rgba(11, 16, 48, 0.03); }
[data-theme="light"].dm-js .hero, [data-theme="light"] .dm-js .hero { background-image: linear-gradient(170deg,
    rgba(255, 255, 255, 0.88) 0%,
    rgba(255, 255, 255, 0.62) 56%,
    rgba(255, 255, 255, 0.46) 100%); }
/* aus dm-module.css */
[data-theme="light"] .dm-band { background: #ffffff; }
[data-theme="light"] .dm-talk__col--cold { background: #f7f8fb; color: #646b88; border-left: 2px solid #b4bbd1; }
[data-theme="light"] .dm-talk__col--warm { background: #ffffff; color: #0b1030; }
[data-theme="light"] .dm-talk__b--us { background: rgba(11, 16, 48, 0.033); border-left: 2px solid #d3d7e3; }
[data-theme="light"] .dm-talk__b--them { border-right: 2px solid #d3d7e3; }
[data-theme="light"] .dm-talk__col--warm .dm-talk__b--us { background: rgba(11, 16, 48, 0.036); }
[data-theme="light"] .dm-talk__col--warm .dm-talk__b--them { color: #0b1030; }
[data-theme="light"] .dm-talk__end { color: #6b78a3; }
[data-theme="light"] .dm-talk__typing { background: rgba(11, 16, 48, 0.03); }
[data-theme="light"] .dm-vgl__tags span:first-child { color: #4f5b86; }
[data-theme="light"] .dm-vgl__stage { background: #ffffff; }
[data-theme="light"] .dm-vgl__knob { background: #ffffff; box-shadow: 0 6px 18px rgba(11, 16, 48, 0.11); }
[data-theme="light"] .dm-vgl__range:focus-visible ~ .dm-vgl__knob { border-color: #c9ba77; }
[data-theme="light"] .dm-zitat__bar { background: linear-gradient(180deg, #c9ba77 0%, #c9ba77 55%, rgba(181, 165, 94, .35) 100%); }
[data-theme="light"] .dm-cta { background: rgba(255, 255, 255, 0.97); box-shadow: 0 -12px 34px rgba(11, 16, 48, 0.11); }
[data-theme="light"] .dm-cta__btn:hover { background: #c9ba77; }
[data-theme="light"] .dm-cta__close:hover { border-color: #d3d7e3; }
[data-theme="light"] .dm-autor__bild::after { background: radial-gradient(50% 50% at 50% 50%,
              rgba(11, 16, 48, 0.121) 0%, rgba(11, 16, 48, 0) 70%); }
/* aus dm-meta.css */
[data-theme="light"] .dm-mtr__zahl { color: #5f6c99; }
[data-theme="light"] .dm-mtr__zeile { border-bottom: 1px solid rgba(11, 16, 48, 0.09); }
[data-theme="light"] .dm-fen__anruf { background: #ffffff; }
[data-theme="light"] .dm-fen__anruf--treffer { background: #ffffff; }
[data-theme="light"] .dm-kar__fenster { background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%); }
[data-theme="light"] .dm-kar__leiste { background: #ffffff; }
[data-theme="light"] .dm-kar__firma { border-bottom: 1px solid rgba(11, 16, 48, 0.09); }
[data-theme="light"] .dm-kar__wert { background: #ffffff; }
[data-theme="light"] .dm-kar__balken { background: rgba(11, 16, 48, 0.048); }
[data-theme="light"] .dm-kar__balken i { background: #9aa3c0; }
[data-theme="light"] .dm-kar__beleg + .dm-kar__beleg { border-top: 1px solid rgba(11, 16, 48, 0.09); }
[data-theme="light"] .dm-kar__frist { color: #6f6128; }
/* aus dm-konsole.css */
[data-theme="light"] .dm-takt { color: #0b1030; background: #ffffff; border: 1px solid #e4e6ee; }
[data-theme="light"] .dm-takt__ziffer { color: #81712f; }
[data-theme="light"] .dm-takt__kopf { color: #0b1030; }
[data-theme="light"] .dm-takt__text { color: #646b88; }
[data-theme="light"] [data-dm-konsole="js"] .dm-takt.is-aktiv { background: #f7f8fb; }
[data-theme="light"] [data-dm-konsole="js"] .dm-takt.is-aktiv .dm-takt__text { color: #333a57; }
[data-theme="light"] .dm-takt:hover { border-color: #d3d7e3; }
[data-theme="light"] .dm-takt:focus-visible, [data-theme="light"] .dm-takt:focus { outline: 2px solid #c9ba77; }
[data-theme="light"] .dm-konsole { background: #ffffff; border: 1px solid #e4e6ee; box-shadow: 0 6px 20px rgba(11, 16, 48, 0.099); }
[data-theme="light"] .dm-konsole-kopf { background: linear-gradient(180deg, #f7f8fb 0%, #f7f8fb 100%); border-bottom: 1px solid #e4e6ee; color: #646b88; }
[data-theme="light"] .dm-konsole-kopf__titel { color: #0b1030; }
[data-theme="light"] .dm-konsole-marke a { color: #81712f; }
[data-theme="light"] .dm-konsole-marke a:hover { color: #6f6128; border-bottom-color: #c9ba77; }
[data-theme="light"] .dm-konsole-teil { --dm-panel: #ffffff; }
[data-theme="light"] .dm-konsole-teil.is-markiert { --dm-panel: #f7f8fb; }
[data-theme="light"] .dm-konsole-label { color: #6b78a3; }
[data-theme="light"] .dm-feed-fade--oben { background: linear-gradient(180deg, var(--dm-panel) 0%, rgba(255, 255, 255, 0) 100%); }
[data-theme="light"] .dm-feed-fade--unten { background: linear-gradient(0deg,   var(--dm-panel) 0%, rgba(255, 255, 255, 0) 100%); }
[data-theme="light"] .dm-feed-art { color: #81712f; }
[data-theme="light"] .dm-feed-firma { color: #0b1030; }
[data-theme="light"] .dm-feed-fenster { color: #646b88; }
[data-theme="light"] .dm-konsole-auswert { border-top: 1px solid #e4e6ee; }
[data-theme="light"] .dm-konsole-auswertung { color: #333a57; }
[data-theme="light"] .dm-konsole-auswertung b, [data-theme="light"] .dm-konsole-auswertung strong { color: #6f6128; }
[data-theme="light"] .dm-konsole-fuss { color: #646b88; }
[data-theme="light"] .dm-konsole-intro { color: #333a57; }
[data-theme="light"] .dm-konsole-mehr { color: #81712f; }
[data-theme="light"] .dm-konsole-mehr:hover { color: #6f6128; border-bottom-color: #c9ba77; }
[data-theme="light"] .dm-konsole--klein > .dm-konsole-radar { border-right: 1px solid #e4e6ee; }
@media (max-width: 760px) {
[data-theme="light"] .dm-konsole--klein > .dm-konsole-radar { border-bottom: 1px solid #e4e6ee; }
}
/* aus styles.css */
[data-theme="light"] .fig-box, [data-theme="light"] .table-scroll { background-image: linear-gradient(to right,  var(--sc-bg), rgba(255, 255, 255, 0)),
    linear-gradient(to left,   var(--sc-bg), rgba(255, 255, 255, 0)),
    linear-gradient(to right,  rgba(201, 186, 119, .32), rgba(201, 186, 119, 0)),
    linear-gradient(to left,   rgba(201, 186, 119, .32), rgba(201, 186, 119, 0)); }
[data-theme="light"] .fig-box::-webkit-scrollbar-thumb, [data-theme="light"] .table-scroll::-webkit-scrollbar-thumb { background: #d3d7e3; }
[data-theme="light"] .fig-box:hover::-webkit-scrollbar-thumb, [data-theme="light"] .table-scroll:hover::-webkit-scrollbar-thumb { background: #b4bbd1; }
[data-theme="light"] .marquee::before { background: linear-gradient(90deg, var(--surface-2), rgba(255, 255, 255, 0)); }
[data-theme="light"] .marquee::after { background: linear-gradient(270deg, var(--surface-2), rgba(255, 255, 255, 0)); }
[data-theme="light"] .buch-plate { box-shadow: 0 24px 60px rgba(11, 16, 48, 0.0924), inset 0 1px 0 rgba(11, 16, 48, 0.03); }
/* SVG-Grafiken: Attribut-Farben umfärben */
[data-theme="light"] svg [fill="#04061a" i] { fill: #ffffff; }
[data-theme="light"] svg [stop-color="#04061a" i] { stop-color: #ffffff; }
[data-theme="light"] svg [stroke="#04061a" i] { stroke: #ffffff; }
[data-theme="light"] svg [fill="#070b22" i] { fill: #ffffff; }
[data-theme="light"] svg [stop-color="#070b22" i] { stop-color: #ffffff; }
[data-theme="light"] svg [stroke="#070b22" i] { stroke: #ffffff; }
[data-theme="light"] svg [fill="#080d24" i] { fill: #ffffff; }
[data-theme="light"] svg [stop-color="#080d24" i] { stop-color: #ffffff; }
[data-theme="light"] svg [stroke="#080d24" i] { stroke: #ffffff; }
[data-theme="light"] svg [fill="#090e26" i] { fill: #ffffff; }
[data-theme="light"] svg [stop-color="#090e26" i] { stop-color: #ffffff; }
[data-theme="light"] svg [stroke="#090e26" i] { stroke: #ffffff; }
[data-theme="light"] svg [fill="#0c1230" i] { fill: #ffffff; }
[data-theme="light"] svg [stop-color="#0c1230" i] { stop-color: #ffffff; }
[data-theme="light"] svg [stroke="#0c1230" i] { stroke: #ffffff; }
[data-theme="light"] svg [fill="#0d1130" i] { fill: #ffffff; }
[data-theme="light"] svg [stop-color="#0d1130" i] { stop-color: #ffffff; }
[data-theme="light"] svg [stroke="#0d1130" i] { stroke: #ffffff; }
[data-theme="light"] svg [fill="#0d1330" i] { fill: #ffffff; }
[data-theme="light"] svg [stop-color="#0d1330" i] { stop-color: #ffffff; }
[data-theme="light"] svg [stroke="#0d1330" i] { stroke: #ffffff; }
[data-theme="light"] svg [fill="#0a0f2a" i] { fill: #ffffff; }
[data-theme="light"] svg [stop-color="#0a0f2a" i] { stop-color: #ffffff; }
[data-theme="light"] svg [stroke="#0a0f2a" i] { stroke: #ffffff; }
[data-theme="light"] svg [fill="#111838" i] { fill: #f7f8fb; }
[data-theme="light"] svg [stop-color="#111838" i] { stop-color: #f7f8fb; }
[data-theme="light"] svg [stroke="#111838" i] { stroke: #f7f8fb; }
[data-theme="light"] svg [fill="#131836" i] { fill: #f7f8fb; }
[data-theme="light"] svg [stop-color="#131836" i] { stop-color: #f7f8fb; }
[data-theme="light"] svg [stroke="#131836" i] { stroke: #f7f8fb; }
[data-theme="light"] svg [fill="#171a2e" i] { fill: #f7f8fb; }
[data-theme="light"] svg [stop-color="#171a2e" i] { stop-color: #f7f8fb; }
[data-theme="light"] svg [stroke="#171a2e" i] { stroke: #f7f8fb; }
[data-theme="light"] svg [fill="#1c2444" i] { fill: #f2f4f8; }
[data-theme="light"] svg [stop-color="#1c2444" i] { stop-color: #f2f4f8; }
[data-theme="light"] svg [stroke="#1c2444" i] { stroke: #f2f4f8; }
[data-theme="light"] svg [fill="#201d11" i] { fill: #faf5e3; }
[data-theme="light"] svg [stop-color="#201d11" i] { stop-color: #faf5e3; }
[data-theme="light"] svg [stroke="#201d11" i] { stroke: #faf5e3; }
[data-theme="light"] svg [stroke="#222a4d" i] { stroke: #e4e6ee; }
[data-theme="light"] svg [fill="#222a4d" i] { fill: #e4e6ee; }
[data-theme="light"] svg [stroke="#2c355e" i] { stroke: #d3d7e3; }
[data-theme="light"] svg [fill="#2c355e" i] { fill: #d3d7e3; }
[data-theme="light"] svg [stroke="#2c3560" i] { stroke: #d3d7e3; }
[data-theme="light"] svg [fill="#2c3560" i] { fill: #d3d7e3; }
[data-theme="light"] svg [fill="#3e4a75" i] { fill: #b4bbd1; }
[data-theme="light"] svg [stroke="#3e4a75" i] { stroke: #dde1ea; }
[data-theme="light"] svg [stop-color="#3e4a75" i] { stop-color: #b4bbd1; }
[data-theme="light"] svg [fill="#3d4878" i] { fill: #b4bbd1; }
[data-theme="light"] svg [stroke="#3d4878" i] { stroke: #dde1ea; }
[data-theme="light"] svg [stop-color="#3d4878" i] { stop-color: #b4bbd1; }
[data-theme="light"] svg [fill="#4d5a90" i] { fill: #9aa3c0; }
[data-theme="light"] svg [stroke="#4d5a90" i] { stroke: #c9cfdf; }
[data-theme="light"] svg [stop-color="#4d5a90" i] { stop-color: #9aa3c0; }
[data-theme="light"] svg [fill="#57649a" i] { fill: #7d88ad; }
[data-theme="light"] svg [stroke="#57649a" i] { stroke: #b4bbd1; }
[data-theme="light"] svg [stop-color="#57649a" i] { stop-color: #7d88ad; }
[data-theme="light"] svg [fill="#5a6a9a" i] { fill: #6b78a3; }
[data-theme="light"] svg [stroke="#5a6a9a" i] { stroke: #b4bbd1; }
[data-theme="light"] svg [stop-color="#5a6a9a" i] { stop-color: #6b78a3; }
[data-theme="light"] svg [fill="#6b79ad" i] { fill: #5f6c99; }
[data-theme="light"] svg [stroke="#6b79ad" i] { stroke: #9aa3c0; }
[data-theme="light"] svg [stop-color="#6b79ad" i] { stop-color: #5f6c99; }
[data-theme="light"] svg [fill="#6b78a3" i] { fill: #5f6c99; }
[data-theme="light"] svg [stroke="#6b78a3" i] { stroke: #9aa3c0; }
[data-theme="light"] svg [stop-color="#6b78a3" i] { stop-color: #5f6c99; }
[data-theme="light"] svg [fill="#7c8ab5" i] { fill: #4f5b86; }
[data-theme="light"] svg [stroke="#7c8ab5" i] { stroke: #b4bbd1; }
[data-theme="light"] svg [stop-color="#7c8ab5" i] { stop-color: #4f5b86; }
[data-theme="light"] svg [fill="#96a0bb" i] { fill: #646b88; }
[data-theme="light"] svg [stroke="#96a0bb" i] { stroke: #c9cfdf; }
[data-theme="light"] svg [stop-color="#96a0bb" i] { stop-color: #646b88; }
[data-theme="light"] svg [fill="#cdd4e6" i] { fill: #333a57; }
[data-theme="light"] svg [stroke="#cdd4e6" i] { stroke: #333a57; }
[data-theme="light"] svg [stop-color="#cdd4e6" i] { stop-color: #333a57; }
[data-theme="light"] svg [fill="#f2f3f8" i] { fill: #0b1030; }
[data-theme="light"] svg [stroke="#f2f3f8" i] { stroke: #0b1030; }
[data-theme="light"] svg [stop-color="#f2f3f8" i] { stop-color: #0b1030; }
[data-theme="light"] svg [fill^="url(#dmPanel)"] { fill: #f7f8fb; stroke: #e4e6ee; }
[data-theme="light"] svg [fill="url(#dmGoldSoft) #171a2e"], [data-theme="light"] svg [fill="url(#dmGoldSoft) #0c1230"] { fill: #fbf7e8; }
[data-theme="light"] svg [fill="url(#dmGrid) none"] { opacity: .6; }
[data-theme="light"] svg pattern#dmGrid path { stroke: #e4e6ee; }
[data-theme="light"] svg text[fill="#c9ba77"], [data-theme="light"] svg text[fill="#e0d199"], [data-theme="light"] svg text[fill="#b5a55e"], [data-theme="light"] svg text[fill^="url(#dmGold)"], [data-theme="light"] svg text[fill^="url(#dmFade)"], [data-theme="light"] svg [fill="#c9ba77"] text, [data-theme="light"] svg [fill="#e0d199"] text { fill: #81712f; }
[data-theme="light"] svg [fill="#e0d199" i]:not(text) { fill: #c9ba77; }
[data-theme="light"] svg [stroke="#e0d199" i] { stroke: #c9ba77; }
[data-theme="light"] #dmShadow feDropShadow { flood-opacity: .12; flood-color: #0b1030; }
/* AUTO-HELL-END */

/* ---------- Grafiken und Platten im hellen Design: hell, mit feiner Kante -- */
[data-theme="light"] :is(.fig-box, .dm-mtr .fig-box) { background-color: #ffffff; border-color: var(--line); box-shadow: var(--shadow); }
[data-theme="light"] .buch-plate { background: radial-gradient(120% 150% at 16% 0%, rgba(201, 186, 119, .10), rgba(201, 186, 119, 0) 62%), #ffffff;
  border-color: rgba(201, 186, 119, .45); box-shadow: var(--shadow); }

/* ---------- R2 Pipeline ---------------------------------------------- */
.dm-pipe { padding: clamp(36px, 4vw, 56px) 0; }
.dm-pipe__box { position: relative; height: clamp(230px, 24vw, 300px); border: 1px solid var(--line); border-radius: 14px;
  background: var(--surface); overflow: hidden; box-shadow: var(--shadow); }
.dm-pipe__box canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.dm-pipe__cap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; margin-top: 12px; font-size: .9rem; color: var(--muted); }
.dm-pipe__cap b { color: var(--ink); font-weight: 700; }
.dm-pipe .sr-steps { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* ---------- R3 Kalender --------------------------------------------- */
.dm-cal { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(24px, 4vw, 56px); align-items: center; }
.dm-cal__copy { display: grid; gap: 14px; }
.dm-cal__copy h2 { margin: 0; }
.dm-cal__box { position: relative; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); padding: 16px; box-shadow: var(--shadow); }
.dm-cal__head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 10px; }
.dm-cal__head b { font-family: var(--font-head); color: var(--ink); font-size: 1rem; }
.dm-cal__head span { font: 400 11px/1 var(--font-mono); color: var(--muted); letter-spacing: .1em; text-transform: uppercase; }
.dm-cal__grid { display: grid; grid-template-columns: 34px repeat(5, minmax(0, 1fr)); grid-auto-rows: 34px; gap: 4px; }
.dm-cal__d { font: 400 11px/34px var(--font-mono); text-align: center; color: var(--muted); letter-spacing: .08em; }
.dm-cal__t { font: 400 10.5px/34px var(--font-mono); color: var(--muted); }
.dm-cal__c { border-radius: 5px; background: color-mix(in srgb, var(--ink) 5%, transparent); position: relative; }
.dm-chip { position: absolute; inset: 0; border-radius: 5px; padding: 3px 6px; overflow: hidden; cursor: help;
  background: color-mix(in srgb, var(--gold-fill) 18%, transparent); border: 1px solid color-mix(in srgb, var(--gold-fill) 70%, transparent);
  font: 700 10.5px/1.25 var(--font-body); color: var(--ink); transition: opacity .5s var(--ease), transform .5s var(--ease), background .2s; }
.dm-chip small { display: block; font-weight: 400; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dm-chip:hover, .dm-chip:focus-visible { background: var(--gold-fill); color: #070b22; outline: none; }
.dm-chip:hover small, .dm-chip:focus-visible small { color: #070b22; }
.dm-cal.is-anim .dm-chip { opacity: 0; transform: scale(.86); }
.dm-cal.is-anim .dm-chip.on { opacity: 1; transform: none; }
.dm-cal__tip { position: absolute; z-index: 5; pointer-events: none; background: #04061a; color: #f2f3f8; font: 500 12.5px/1.45 var(--font-body);
  padding: 9px 12px; border-radius: 8px; max-width: 250px; opacity: 0; transform: translateY(4px); transition: opacity .15s, transform .15s; box-shadow: var(--shadow-lg); }
.dm-cal__tip.on { opacity: 1; transform: none; }
.dm-cal__tip b { display: block; font: 400 10.5px/1.4 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: #c9ba77; }
.dm-cal__note { font-size: .82rem; color: var(--muted); margin-top: 8px; }
@media (max-width: 900px) { .dm-cal { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 520px) { .dm-cal__grid { grid-auto-rows: 30px; } .dm-chip { font-size: 9.5px; padding: 2px 4px; } .dm-chip small { display: none; } }

@media (prefers-reduced-motion: reduce) {
  .dm-cal.is-anim .dm-chip { opacity: 1; transform: none; }
}

/* Licht: Maus-Spotlight auf Weiß nur als Hauch, sonst wirkt es wie ein beiger Fleck */
[data-theme="light"] .dm-glow { background: radial-gradient(circle, rgba(201, 186, 119, .06), rgba(201, 186, 119, .02) 42%, transparent 66%); }
/* Licht: Kalenderzellen weiß mit Haarlinie statt grauer Flächen */
[data-theme="light"] .dm-cal__c { background: #ffffff; box-shadow: inset 0 0 0 1px #eceef4; }
/* Licht: Zahlenband ohne harte dunkle Fläche, nur feine Goldlinien */
[data-theme="light"] .dm-band { background: rgba(255, 255, 255, .86); border-color: rgba(201, 186, 119, .6); }

/* ---------- Ratgeber: „Für wen“-Kasten und Einstieg nach Lesergruppe ---- */
.rg-fuer { margin: 1.4rem 0 0; padding: 14px 18px; border-left: 2px solid var(--gold-fill, #c9ba77); background: color-mix(in srgb, var(--gold-fill, #c9ba77) 7%, transparent);
  border-radius: 0 8px 8px 0; font-size: .95rem; line-height: 1.6; color: var(--text); max-width: 760px; }
.rg-fuer p { margin: 0; }
.rg-fuer p + p { margin-top: .45rem; }
.rg-fuer b { color: var(--ink); }
.rg-wege { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2.4vw, 28px); margin: 1.6rem 0 2rem; }
.rg-weg { border: 1px solid var(--line); border-radius: 12px; padding: clamp(16px, 2vw, 24px); background: var(--surface); }
.rg-weg h3 { margin: 0 0 .7rem; font-size: 1.1rem; color: var(--ink); }
.rg-weg ul { margin: 0; padding-left: 1.1rem; display: grid; gap: .55rem; font-size: .95rem; line-height: 1.55; }
@media (max-width: 860px) { .rg-wege { grid-template-columns: minmax(0, 1fr); } }

/* Ladebildschirm: im hellen Design das dunkle Logo */
.dm-pre-logo--dark { display: none; }
[data-theme="light"] .dm-pre-logo--light { display: none; }
[data-theme="light"] .dm-pre-logo--dark { display: block; }

/* Google-Bewertung (11.10.2026) */
.topbar .topbar__rating span { color: var(--gold); }
.dm-rating { margin: 1.1rem 0 0; font-size: .95rem; color: var(--muted); }
.dm-rating a { color: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.dm-rating a:hover { color: var(--ink); }
.dm-rating__stars { color: var(--gold); letter-spacing: .14em; font-size: 1.02rem; }
.dm-rating strong { color: var(--ink); }
.cta .dm-rating { text-align: center; }
@media (max-width: 780px) { .topbar .wrap > span:first-child { display: none; } }