/* ============================================================
   LIGHTEN-BG OVERRIDE (2026-04-30)
   Pierre's Wunsch: schwarzen Background aufhellen, INHALT bleibt wie war.
   - Body & Hero: dunkles Navy → helleres Premium-Slate-Blau
   - Sun-Gold/CTAs/Pills/Headlines: UNVERÄNDERT
   - Lädt als LETZTES (höchste Spezifität via !important nur wo nötig)
   ============================================================ */

:root {
  /* Aufgehellte Premium-Dark-Palette (nicht schwarz, aber noch Premium-Dark) */
  --bg-deep: #1a2540;        /* war #0a192f — Navy → helleres Premium-Slate */
  --bg-mid: #243352;         /* war #0f2748 — Mid-Layer aufgehellt */
  --bg-elev: #2c3e63;        /* war #0a1020 — Elevated/Card-BG aufgehellt */
  --bg-surface: #1f2b48;     /* Cards/Surfaces */
  --bg-surface-2: #283655;   /* Elevated Cards */
}

html, body {
  background-color: #1a2540 !important;  /* Hauptbackground */
}

/* Hero-Background-Sections aufhellen */
body::after {
  /* App-Starling overlay - dezenter machen */
  opacity: 0.4 !important;
}

/* Hero-Section spezifisch (war oft hardcoded #060b18 oder #0B0F19) */
.hero,
.hero-section,
section[id="start"],
.cw-hero,
.bento-hero,
.wow-bento {
  background-color: transparent !important;
  background-image: linear-gradient(180deg, #1a2540 0%, #243352 50%, #1a2540 100%) !important;
}

/* Sections die hardcoded #0a0f1f / #0a1020 / #060b18 haben */
section[style*="background:#0a"],
section[style*="background: #0a"],
section[style*="background:#06"],
section[style*="background: #06"],
section[style*="background:#0B0F"],
section[style*="background: #0B0F"],
[style*="background-color:#0a0f"],
[style*="background-color:#060b"],
[style*="background-color:#0B0F"] {
  background-color: #243352 !important;
  background-image: none !important;
}

/* Nav/Header - sollte halbtransparent über aufgehelltem BG sein */
.nav,
.header-main,
nav.nav,
header.header-main {
  background-color: rgba(26, 37, 64, 0.92) !important;
  backdrop-filter: blur(14px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
}

/* Cards-Background für besseren Kontrast auf hellerem BG */
.glass-card,
.cw-tile,
.wow-tile,
.pt-card,
.kk-card,
.bento-card {
  background: rgba(40, 54, 85, 0.55) !important;
  backdrop-filter: blur(20px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Premium-Glass-Variation */
.glass-premium {
  background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, rgba(245, 158, 11, 0.04) 100%) !important;
}

/* Footer aufhellen */
footer,
.footer,
.footer-premium {
  background-color: #142035 !important;  /* eine Stufe dunkler als Body für Abgrenzung */
}

/* Cookie-Consent Banner — falls hardcoded dunkel */
#cookieConsentOverlay,
.cookie-banner {
  background-color: rgba(26, 37, 64, 0.96) !important;
}

/* ----- WICHTIG: ALLES UNTEN BLEIBT WIE WAR ----- */
/* CTAs, Buttons, Sun-Gold-Akzente, Pills, Headlines, Pierre/Lisa-Cards
   werden NICHT angepasst. Pierre wollte explizit: Inhalt bleibt gut. */

/* Aber: Falls Brand-Agents was gebrochen haben — Notfall-Restore */
/* Sticky-CTA Sun-Gold-Look bleibt erhalten falls Light-Theme-Agent es geändert hat */
@media (max-width: 767px) {
  .mobile-sticky-cta {
    background-color: rgba(26, 37, 64, 0.96) !important;
    border-top: 1px solid rgba(245, 158, 11, 0.25) !important;
  }
}

/* Text-Kontrast auf aufgehelltem BG sicherstellen */
body { color: #F5F7FA !important; }
p, li, span:not([class]) { color: rgba(245, 247, 250, 0.85); }

/* Accessibility: prefers-reduced-motion bleibt unberührt */