/* ==========================================================================
   Light-Theme (index-light.html)
   Seite und alle Grafiken hell; nur der Video-Player bleibt dunkel.
   ========================================================================== */

.theme-light {
  --bg: #f6f7f9;
  --bg-2: #eef1f5;
  --surface: #ffffff;
  --surface-2: #f3f5f8;
  --surface-3: #e9edf3;
  --line: rgba(15, 23, 42, 0.08);
  --line-2: rgba(15, 23, 42, 0.12);
  --line-3: rgba(15, 23, 42, 0.2);
  --text: #0b1220;
  --muted: #566074;
  --dim: #8a93a4;
  --accent: #0a84ff;
  --accent-2: #2f5bff;
  --accent-bg: rgba(10, 132, 255, 0.08);
  --accent-line: rgba(10, 132, 255, 0.3);
  --ios-off: #d7dbe2;
  color-scheme: light;
}

/* Video-Player bleibt dunkel */
.theme-light .modal {
  --bg: #050506; --surface: #0c0c0e; --surface-2: #111114; --surface-3: #17171b;
  --line: rgba(255,255,255,.07); --line-2: rgba(255,255,255,.11); --line-3: rgba(255,255,255,.18);
  --text: #f4f4f5; --muted: #9a9aa3; --dim: #63636c;
  --accent: #5cc8ff; --accent-2: #2f7bff; --accent-bg: rgba(92,200,255,.08); --accent-line: rgba(92,200,255,.34);
  --ios-off: #3a3a3f;
  color: var(--text);
}
.theme-light .shopwin { --text: #111; color: #111; }

/* Grundfläche */
.theme-light body { background: var(--bg); color: var(--text); }
.theme-light body::before { background-image: linear-gradient(rgba(15,23,42,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.045) 1px, transparent 1px); }
.theme-light body::after { background: radial-gradient(900px 500px at 85% -10%, rgba(10,132,255,.1), transparent 70%), radial-gradient(700px 400px at 5% 0%, rgba(92,200,255,.08), transparent 70%); }
.theme-light ::selection { background: #0b1220; color: #fff; }

/* Logos (weiße PNGs) dunkel einfärben */
.theme-light :is(.brandlock img, .phase-logo, .bk-brand img, .qlogo-top, .press-logo img, .pl-ico, .pl-word, .cl) { filter: invert(1) brightness(.15); }
.theme-light .cl { opacity: .55; }
.theme-light .cl:hover { opacity: .9; }
.theme-light .press-logo img { opacity: .75; }

/* Navigation */
.theme-light .nav.scrolled { background: rgba(246,247,249,.82); }
.theme-light .mobile-menu { background: rgba(255,255,255,.97); }
.theme-light .clock { background: #fff; }

/* Karten & Flächen */
.theme-light .card { background: #fff; border-color: var(--line); box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 18px 40px -28px rgba(15,23,42,.25); }
.theme-light .tag { background: #fff; box-shadow: 0 1px 2px rgba(15,23,42,.05); }
.theme-light .chip { background: #fff; }
.theme-light .band { background: linear-gradient(180deg, transparent, rgba(15,23,42,.025) 12%, rgba(15,23,42,.025) 88%, transparent); }
.theme-light .tab.on { background: #fff; }
.theme-light .formula span, .theme-light .duo > div, .theme-light .rev, .theme-light .ba > div, .theme-light .steps li, .theme-light .stat { background: #fff; }
.theme-light .fz-list { background: #f3f5f8; }
.theme-light .fz-off .fz-ico { background: #e5e8ee; color: #3b4455; }
.theme-light .st-stack { background: #e5e8ee; }
.theme-light .field-box { background: #f6f7f9; }
.theme-light .faq details { background: #fff; }
.theme-light .faq details[open] { background: #fff; }
.theme-light .orbit .ring { border-color: rgba(15,23,42,.08); }
.theme-light .footer-giant { background: linear-gradient(180deg, rgba(15,23,42,.1), rgba(15,23,42,0)); -webkit-background-clip: text; background-clip: text; }
.theme-light .about-year { background: linear-gradient(180deg, rgba(15,23,42,.14), rgba(15,23,42,0) 85%); -webkit-background-clip: text; background-clip: text; }
.theme-light .about-story { background: radial-gradient(520px 280px at 100% 0%, rgba(10,132,255,.08), transparent 70%), #fff; }

/* Textfarben, die im Dark-Theme fest hell waren */
.theme-light .quote p, .theme-light .vbody p, .theme-light .vcs .vbody p, .theme-light .msg-row p { color: #2b3444; }
.theme-light .cs blockquote { color: #1c2433; }
.theme-light .ba .ba-after p { color: #173a66; }
.theme-light .track li { color: #3b4455; }
.theme-light .track li.hi { color: var(--text); }
.theme-light .about-edge p { color: #3b4455; }
.theme-light .about-edge b { color: var(--text); }
.theme-light .vs span:last-child { color: var(--text); }
.theme-light .pb-steps span.on { color: var(--text); }
.theme-light .tp-badge { background: #fff; box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 24px 60px -30px rgba(0,182,122,.45); }
.theme-light :is(.tp-rating, .tp-logo, .tp-meta b, .tp-google b) { color: var(--text); }
.theme-light .tp-stars .tp-part { background: linear-gradient(90deg, #00b67a 0 42%, #dcdce6 42% 100%); }
.theme-light .avatars span { color: var(--text); }

/* Fotos in Zitat-Karten weich nach Weiß auslaufen lassen */
.theme-light .qphoto::after { background: linear-gradient(180deg, rgba(255,255,255,0) 35%, rgba(255,255,255,.98)); }
.theme-light .qlogo { filter: invert(1) brightness(.15); }

/* Buttons */
.theme-light .btn-primary {
  color: #fff;
  background:
    radial-gradient(120px 50px at 0% 50%, rgba(92,200,255,.25), transparent 70%),
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.07) 1px, transparent 1.3px) 0 0 / 9px 9px,
    linear-gradient(180deg, #16213a, #0b1220);
  box-shadow: 0 0 0 1px rgba(15,23,42,.9), 0 14px 36px -14px rgba(10,40,120,.55), inset 0 1px 0 rgba(255,255,255,.12);
}
.theme-light .btn-primary::before { background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.18) 50%, transparent 60%); }
.theme-light .btn-primary .btn-ico { background: #fff; color: #0b1220; }
.theme-light .btn-ghost { background: #fff; }
.theme-light .btn-orbit { color: #fff; border-color: transparent; background: radial-gradient(circle at 1px 1px, rgba(255,255,255,.06) 1px, transparent 1.3px) 0 0 / 9px 9px, #111827; }


/* ==========================================================================
   Helle Varianten aller Grafiken
   ========================================================================== */

/* Fenster & App-Oberflächen */
.theme-light .win { background: linear-gradient(180deg, #ffffff, #f7f9fc); border-color: rgba(15,23,42,.1); box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 40px 90px -44px rgba(15,23,42,.32), inset 0 1px 0 #fff; }
.theme-light .win-bar .dots i { background: #dfe3ea; }
.theme-light .win-bar .dots i:nth-child(1) { background: #ff5f57; }
.theme-light .win-bar .dots i:nth-child(2) { background: #febc2e; }
.theme-light .win-bar .dots i:nth-child(3) { background: #28c840; }
.theme-light .kcol { background: #f5f7fa; }
.theme-light .kcard { background: #fff; box-shadow: 0 1px 2px rgba(15,23,42,.05); }
.theme-light .kcard.done b { text-decoration-color: rgba(15,23,42,.35); }
.theme-light :is(.cr, .integ, .bench-row, .mini, .proto-row) { background: #fff; }
.theme-light .bench-row.hot { background: var(--amber-bg); }
.theme-light .integ .btn-mini { background: #f5f7fa; }
.theme-light .bench-track { background: #e8ecf2; }
.theme-light .bench-track .you { background: linear-gradient(90deg, rgba(15,23,42,.14), rgba(15,23,42,.62)); }
.theme-light .mini-ava { background: #e3e8f0; color: #3b4455; }

/* Creative-Thumbnails: farbig statt schwarz */
.theme-light .g1 { background: radial-gradient(120% 90% at 30% 20%, #8fb4ff, #3f63d8); }
.theme-light .g2 { background: radial-gradient(120% 90% at 70% 30%, #7fdcb4, #2f9e74); }
.theme-light .g3 { background: radial-gradient(120% 90% at 40% 70%, #ffc58f, #d9793a); }
.theme-light .g4 { background: radial-gradient(120% 90% at 60% 20%, #c7a6ff, #7a4fd6); }
.theme-light .g5 { background: radial-gradient(120% 90% at 20% 60%, #8fd6ff, #2f86c9); }
.theme-light .g6 { background: radial-gradient(120% 90% at 80% 80%, #c9ced8, #7b8494); }
.theme-light .cr-thumb .play { background: rgba(255,255,255,.28); border-color: rgba(255,255,255,.5); color: #fff; }
.theme-light .cr-thumb .hook { text-shadow: 0 1px 6px rgba(0,0,0,.35); }
.theme-light .cr.dead { background: #f5f7fa; }
.theme-light .ad-th .ad-type { background: rgba(255,255,255,.3); color: #fff; }
.theme-light .ad-th .ad-face { color: #fff; background: rgba(255,255,255,.25); border-color: rgba(255,255,255,.5); }

/* Berater-Kommentar */
.theme-light .cnote { background: rgba(248,246,255,.97); border-color: rgba(124,108,255,.32); box-shadow: 0 22px 44px -26px rgba(70,50,170,.4); }
.theme-light .cnote::before { background: #efebff; border-color: rgba(124,108,255,.4); color: #5a46d4; }
.theme-light .cnote div > span { color: #3b4455; }

/* Das übliche eCom-Modell ist broken */
.theme-light .pviz { background: linear-gradient(180deg, #f8fafc, #eef2f7); border-color: rgba(15,23,42,.08); }
.theme-light :is(.hop-row, .tk) { background: #fff; }
.theme-light :is(.hop-next, .tk-more) { background: transparent; }
.theme-light .tk-more { color: #e0484f; }
.theme-light .bt { background: rgba(15,23,42,.07); }
.theme-light .bt i { background: rgba(15,23,42,.32); }

/* Puppet: Toasts */
.theme-light .pp-toast { background: rgba(255,255,255,.96); color: #0b1220; border-color: rgba(10,132,255,.3); box-shadow: 0 14px 30px -14px rgba(15,23,42,.35); }
.theme-light .puppet image { filter: invert(1) brightness(.15); }

/* Experten-Brain */
.theme-light .brainviz { background: radial-gradient(420px 340px at 24% 52%, rgba(10,132,255,.1), transparent 70%), linear-gradient(180deg, #ffffff, #f4f7fb); }
.theme-light .bv-dept { background: rgba(255,255,255,.92); box-shadow: 0 1px 2px rgba(15,23,42,.05); }

/* Playbook: helle Bühne, weißes Buch */
.theme-light .pb-back { background: #cfd6e2; box-shadow: 0 50px 90px -24px rgba(15,23,42,.4); }
.theme-light .pb-front {
  background:
    radial-gradient(240px 180px at 80% 10%, rgba(10,132,255,.16), transparent 70%),
    radial-gradient(circle at 1px 1px, rgba(15,23,42,.06) 1px, transparent 1.3px) 0 0 / 10px 10px,
    linear-gradient(145deg, #ffffff, #eef3fa 60%, #e2e9f4);
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.08), inset 10px 0 18px -10px rgba(15,23,42,.22);
  color: var(--text);
}
.theme-light .bc-top img { filter: invert(1) brightness(.15); }
.theme-light .bc-top span { color: rgba(11,18,32,.5); }
.theme-light .bc-title b { background: linear-gradient(180deg, #0b1220, #2f5bff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.theme-light .bc-title em { color: rgba(11,18,32,.55); }
.theme-light .bc-meta { border-top-color: rgba(15,23,42,.12); color: rgba(11,18,32,.6); }
.theme-light .bc-meta b { color: #0b1220; }
.theme-light .pb-front .bc-top .bc-stamp { color: #e0484f; border-color: rgba(224,72,79,.7); }
.theme-light .pb-inside { background: linear-gradient(180deg, #ffffff, #f1f4f9); box-shadow: inset 0 0 0 1px rgba(15,23,42,.08); color: #0b1220; }
.theme-light .pb-inside ol { color: #3b4455; }
.theme-light .pb-chip { color: #0b1220; background: rgba(255,255,255,.94); border-color: rgba(10,132,255,.32); box-shadow: 0 10px 30px -12px rgba(10,132,255,.45); }
.theme-light .pb-tag { color: #0b1220; background: rgba(255,255,255,.88); border-color: rgba(10,132,255,.24); box-shadow: 0 10px 30px -16px rgba(15,23,42,.35); }
.theme-light .pb-note { background: rgba(255,255,255,.9); border-color: rgba(15,23,42,.08); box-shadow: 0 16px 40px -20px rgba(15,23,42,.35); color: #0b1220; }
.theme-light .pb-note small { color: #3b4455; }
.theme-light .pb-note time { color: #8a93a4; }
.theme-light .pb-platform { background: repeating-linear-gradient(0deg, rgba(10,132,255,.12) 0 1px, transparent 1px 34px), repeating-linear-gradient(90deg, rgba(10,132,255,.12) 0 1px, transparent 1px 34px), radial-gradient(closest-side, rgba(10,132,255,.12), transparent); }
.theme-light .pb-glow { background: radial-gradient(closest-side, rgba(10,132,255,.14), transparent); }

/* Problem-Charts: weiße Linien & Balken dunkel */
.theme-light .pv-svg [stroke="rgba(255,255,255,.8)"] { stroke: rgba(15,23,42,.78); }
.theme-light .pv-svg [fill="rgba(255,255,255,0.12)"] { fill: rgba(15,23,42,.09); }
.theme-light .pv-svg [fill="rgba(255,255,255,0.32)"] { fill: rgba(15,23,42,.28); }
.theme-light .pv-svg [stroke="rgba(92,200,255,.6)"] { stroke: rgba(10,132,255,.7); }
.theme-light .lg-white { background: rgba(15,23,42,.78); }
.theme-light .lg-dash { border-top-color: rgba(10,132,255,.7); }

/* Termin-Seiten (termin-*.html) */
.theme-light .bk-nav { background: rgba(246,247,249,.82); }
.theme-light .bk-nav .btn-ghost, .theme-light .bk-nav .btn { color: var(--text); }
.theme-light .bk-secure { color: var(--muted); }
.theme-light .bk-cal { background: #fff; box-shadow: 0 1px 2px rgba(15,23,42,.05), 0 60px 120px -50px rgba(10,60,160,.35), 0 0 0 1px rgba(15,23,42,.08) inset; }
.theme-light .calendly-inline-widget { background: #fff; }

/* Founder-Foto: Name bleibt weiß auf dem dunklen Verlauf */
.theme-light .founder-cap h3 { color: #fff; }
/* Rollen-Badge über dem Namen: weiße Glas-Pille statt blauer Schrift auf dem Foto (besser lesbar) */
.theme-light .founder-cap small { display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px 5px 9px; border-radius: 999px;
  background: rgba(255,255,255,.92); color: #0b1220; font-weight: 600; letter-spacing: .05em;
  box-shadow: 0 1px 2px rgba(0,0,0,.18), 0 6px 18px -8px rgba(0,0,0,.45); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.theme-light .founder-cap small::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #0b1220; }
.theme-light .founder-cap h3 { margin-top: 10px; }

/* Sektion „Das übliche eCom-Modell ist broke(n)“: Akzente blau statt orange */
.theme-light #probleme .pill-amber { color: var(--accent); border-color: var(--accent-line); background: var(--accent-bg); }
.theme-light #probleme .br-real span, .theme-light #probleme .br-real b { color: var(--accent); }
.theme-light #probleme .br-real .bt i { background: var(--accent); }
.theme-light #probleme .g3 { background: radial-gradient(120% 90% at 40% 70%, #8fc4ff, #2f6fe0); }