/* BerosCheck – Theme v2 (hell, navy + türkis). Gestaltung angelehnt an die Farbwelt eines Vorbilds; eigene Werte, kein fremder Code.
   Wird NUR auf Seiten geladen, die in src/site.config.mjs unter v2Pages stehen (html.v2). Alle anderen Seiten bleiben unverändert.
   Versionsnummer im Link (?v=) bei jeder Änderung hochzählen (Cloudflare cacht .css 24 h). */

/* ═══ SCHRIFTEN (lokal, OFL; Ausschnitt "latin" enthält ä ö ü ß €) ═══ */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('/fonts/inter-latin-var.woff2') format('woff2'); }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('/fonts/sora-latin-var.woff2') format('woff2'); }

/* ═══ DESIGN TOKENS ═══ */
:root {
  --v2-navy: #07234a;
  --v2-navy-mid: #00375b;
  --v2-teal: #00bfc0;
  --v2-teal-light: #1ad1d1;
  --v2-teal-ink: #055f62;      /* Textlinks auf Weiß: 7,4 : 1 */
  --v2-wa: #4db155;
  --v2-wa-dark: #3e9a46;
  --v2-text: #071727;
  --v2-muted: #515f6e;
  --v2-surface: #ecf5fa;
  --v2-border: #dde6eb;
  --v2-soft-a: #ebfcff;
  --v2-soft-b: #d6f5ff;
  --v2-white: #ffffff;
  --v2-radius: 0.75rem;
  --v2-shadow-soft: 0 8px 30px -12px rgba(7, 35, 74, 0.35);
  --v2-shadow-elegant: 0 20px 60px -20px rgba(7, 35, 74, 0.35);
  --v2-gradient-hero: linear-gradient(135deg, var(--v2-navy) 0%, var(--v2-navy-mid) 55%, #0a9aa3 130%);
  --v2-gradient-band: linear-gradient(135deg, var(--v2-navy) 0%, #0a5d7a 60%, var(--v2-teal) 140%);
  --v2-font-display: 'Sora', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --v2-font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

html.v2 { scroll-padding-top: 5rem; }
@media (prefers-reduced-motion: no-preference) { html.v2 { scroll-behavior: smooth; } }
html.v2 body { font-family: var(--v2-font-body); background: var(--v2-white); color: var(--v2-text); overflow-x: hidden; }
html.v2 strong { font-weight: 700; }
.v2-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
html.v2 :focus-visible { outline: 3px solid var(--v2-teal); outline-offset: 2px; }

/* ═══ BAUSTEINE: Behälter, Abschnitte, Überschriften ═══ */
.v2-container { width: 100%; max-width: 72rem; margin: 0 auto; padding: 0 1rem; }
.v2-section { padding: 5rem 0; background: var(--v2-white); color: var(--v2-text); }
.v2-section--surface { background: var(--v2-surface); }
.v2-section--soft { background: linear-gradient(var(--v2-soft-a) 0%, var(--v2-soft-b) 100%); }
.v2-section--navy { background: var(--v2-navy); color: #f4f9ff; }
.v2-section--navy .v2-muted { color: rgba(244, 249, 255, 0.72); }
.v2-h1, .v2-h2, .v2-h3 { font-family: var(--v2-font-display); font-weight: 700; color: var(--v2-navy); margin: 0; }
.v2-h1 { font-size: clamp(2.1rem, 5.2vw, 3.75rem); line-height: 1.06; letter-spacing: -0.02em; color: #fff; }
.v2-h2 { font-size: clamp(1.6rem, 3.4vw, 2.25rem); line-height: 1.15; letter-spacing: -0.01em; }
.v2-h3 { font-size: 1.125rem; line-height: 1.3; }
.v2-section--navy .v2-h2, .v2-section--navy .v2-h3 { color: #fff; }
.v2-accent { color: var(--v2-teal); }
.v2-lead { font-size: 1.125rem; line-height: 1.65; color: var(--v2-muted); max-width: 42rem; }
.v2-muted { color: var(--v2-muted); }
.v2-center { text-align: center; }
.v2-center .v2-lead { margin-left: auto; margin-right: auto; }
.v2-eyebrow { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0.8rem; border-radius: 999px; font-size: 0.75rem; font-weight: 600; background: rgba(0, 191, 192, 0.12); color: var(--v2-teal-ink); border: 1px solid rgba(0, 191, 192, 0.28); margin-bottom: 1rem; }
.v2-section--navy .v2-eyebrow, .v2-hero .v2-eyebrow { color: #5eead4; background: rgba(0, 191, 192, 0.12); border-color: rgba(0, 191, 192, 0.35); }

/* ═══ BAUSTEINE: Buttons ═══ */
.v2-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 44px; padding: 0.65rem 1.5rem; border-radius: 10px; font-family: var(--v2-font-body); font-size: 0.9375rem; font-weight: 600; line-height: 1.2; text-decoration: none; border: 1px solid transparent; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s, background 0.15s, color 0.15s; }
.v2-btn:hover { transform: translateY(-1px); }
.v2-btn--teal { background: var(--v2-teal); color: var(--v2-navy); box-shadow: var(--v2-shadow-soft); }   /* Navy auf Türkis: 6,8 : 1 (Weiß wäre nur 2,2 : 1) */
.v2-btn--teal:hover { background: var(--v2-teal-light); }
.v2-btn--wa { background: var(--v2-wa); color: #06210a; box-shadow: var(--v2-shadow-soft); }
.v2-btn--wa:hover { background: #5cc364; }
.v2-btn--navy { background: var(--v2-navy); color: #fff; }
.v2-btn--navy:hover { background: var(--v2-navy-mid); }
.v2-btn--ghost { background: #fff; color: var(--v2-navy); border-color: var(--v2-border); }
.v2-btn--ghost:hover { background: var(--v2-surface); }
.v2-btn--ghost-dark { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.4); }
.v2-btn--ghost-dark:hover { background: rgba(255, 255, 255, 0.1); }
.v2-btn--sm { min-height: 36px; padding: 0.4rem 0.9rem; font-size: 0.8125rem; }
.v2-link { color: var(--v2-teal-ink); font-weight: 600; text-decoration: none; display: inline-block; padding: 0.3rem 0; }
.v2-link:hover { text-decoration: underline; }

/* ═══ BAUSTEINE: Karten, Icon-Kacheln, Pills ═══ */
.v2-grid { display: grid; gap: 1.25rem; }
@media (min-width: 640px) { .v2-grid--2, .v2-grid--3 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .v2-grid--3 { grid-template-columns: repeat(3, 1fr); } .v2-grid--5 { grid-template-columns: repeat(5, 1fr); } }
@media (min-width: 640px) { .v2-grid--5 { grid-template-columns: repeat(2, 1fr); } }
.v2-card { background: #fff; color: var(--v2-text); border: 1px solid var(--v2-border); border-radius: 1rem; padding: 1.5rem; box-shadow: 0 1px 2px rgba(7, 35, 74, 0.05); transition: box-shadow 0.2s, transform 0.2s; }
a.v2-card { text-decoration: none; display: block; }
.v2-card:hover { box-shadow: var(--v2-shadow-soft); transform: translateY(-2px); }
.v2-card--dark { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.14); color: #f4f9ff; box-shadow: none; }
.v2-icon { width: 3rem; height: 3rem; border-radius: 0.8rem; display: inline-flex; align-items: center; justify-content: center; background: var(--v2-navy); color: #fff; font-size: 1.25rem; margin-bottom: 1rem; }
.v2-icon--soft { background: var(--v2-soft-a); color: var(--v2-navy); border: 1px solid var(--v2-soft-b); }
.v2-pill { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.3rem 0.75rem; border-radius: 999px; font-size: 0.8125rem; font-weight: 600; background: var(--v2-surface); color: var(--v2-navy); border: 1px solid var(--v2-border); text-decoration: none; }
a.v2-pill:hover { background: var(--v2-soft-b); }

/* ═══ BAUSTEINE: Hero, Akkordeon, Angebots-Band ═══ */
.v2-hero { position: relative; overflow: hidden; background: var(--v2-gradient-hero); color: #f4f9ff; }
.v2-hero::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px); background-size: 44px 44px; mask-image: radial-gradient(ellipse at 60% 40%, #000 20%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse at 60% 40%, #000 20%, transparent 75%); pointer-events: none; }
.v2-hero > * { position: relative; }
.v2-accordion details { background: #fff; border: 1px solid var(--v2-border); border-radius: 0.9rem; margin-bottom: 0.75rem; box-shadow: 0 1px 2px rgba(7, 35, 74, 0.05); }
.v2-accordion summary { list-style: none; cursor: pointer; padding: 1.1rem 1.25rem; font-weight: 600; color: var(--v2-navy); display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.v2-accordion summary::-webkit-details-marker { display: none; }
.v2-accordion summary::after { content: '+'; font-size: 1.4rem; line-height: 1; color: var(--v2-teal-ink); transition: transform 0.2s; }
.v2-accordion details[open] summary::after { transform: rotate(45deg); }
.v2-accordion .v2-answer { padding: 0 1.25rem 1.2rem; color: var(--v2-muted); line-height: 1.7; }
.v2-band { background: var(--v2-gradient-band); color: #fff; border-radius: 1.5rem; padding: 2.5rem 2rem; box-shadow: var(--v2-shadow-elegant); display: flex; flex-direction: column; gap: 1.5rem; }
@media (min-width: 768px) { .v2-band { flex-direction: row; align-items: center; justify-content: space-between; padding: 3rem; } }
.v2-band .v2-h2 { color: #fff; }

/* ═══ HEADER (neu) – Klasse nav-glass bleibt, weil der Build/Prüfer genau einen <header class="nav-glass"> erwartet ═══ */
.v2-header.nav-glass { background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid rgba(221, 230, 235, 0.9); }
.v2-header__in { max-width: 76rem; margin: 0 auto; padding: 0.55rem 1rem; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; min-height: 65px; }
.v2-logo { display: flex; align-items: center; gap: 0.6rem; text-decoration: none; flex-shrink: 0; }
.v2-logo__mark { width: 2.4rem; height: 2.4rem; border-radius: 0.7rem; background: var(--v2-navy); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 1.15rem; }
.v2-logo__text { display: flex; flex-direction: column; line-height: 1.1; }
.v2-logo__name { font-family: var(--v2-font-display); font-weight: 700; font-size: 1.125rem; color: var(--v2-navy); }
.v2-logo__name span { color: var(--v2-teal-ink); }
.v2-logo__sub { font-size: 0.625rem; letter-spacing: 0.14em; font-weight: 600; color: var(--v2-muted); }
.v2-header .nav-link { color: var(--v2-muted); font-weight: 500; font-size: 0.875rem; border-radius: 0.6rem; padding: 0.45rem 0.62rem; background: transparent; border-color: transparent; }
.v2-header .nav-link:hover { color: var(--v2-navy); background: var(--v2-surface); }
.v2-header .nav-link.active { color: var(--v2-navy); background: var(--v2-soft-b); border-color: transparent; font-weight: 600; }
.v2-header__cta { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; }
.v2-burger { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.7rem; background: transparent; border: 1px solid var(--v2-border); color: var(--v2-navy); cursor: pointer; }
.v2-header .mobile-menu { background: #fff; border-color: var(--v2-border); padding: 0.75rem 1rem 1rem; }
.v2-header .mobile-menu .nav-link { font-size: 1rem; padding: 0.7rem 0.9rem; color: var(--v2-muted); }
.v2-header .mobile-menu .nav-link.active { background: var(--v2-soft-b); color: var(--v2-navy); }

/* Menü-Umschaltung (eigene Breakpoints, weil das kompilierte Tailwind keine neuen Klassen kennt): ab 1200 px Desktop-Navigation */
.v2-nav { display: none; align-items: center; gap: 0.1rem; }
.v2-cta { display: none; }
@media (min-width: 1200px) { .v2-nav { display: flex; } .v2-cta { display: inline-flex; } .v2-burger { display: none; } .v2-header .mobile-menu { display: none !important; } }

/* ═══ FOOTER (neu) ═══ */
.v2-footer { background: var(--v2-navy); color: rgba(244, 249, 255, 0.78); padding: 4rem 0 0; font-size: 0.9rem; }
.v2-footer a { color: inherit; text-decoration: none; }
.v2-footer a:hover { color: #fff; text-decoration: underline; }
.v2-footer__grid p a, .v2-footer__legal a { display: inline-block; padding: 0.3rem 0; }
.v2-footer__grid { display: grid; gap: 2rem; grid-template-columns: 1fr 1fr; padding-bottom: 2.5rem; }
@media (min-width: 768px) { .v2-footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr; } }
.v2-footer__brand { grid-column: 1 / -1; }
@media (min-width: 768px) { .v2-footer__brand { grid-column: auto; } }
.v2-footer h3 { font-family: var(--v2-font-display); font-size: 0.95rem; font-weight: 700; color: var(--v2-teal); margin: 0 0 0.8rem; }
.v2-footer p { margin: 0 0 0.45rem; line-height: 1.55; }
.v2-footer__bottom { border-top: 1px solid rgba(255, 255, 255, 0.12); padding: 1.25rem 0 5.5rem; display: flex; flex-direction: column; gap: 0.75rem; align-items: center; justify-content: space-between; font-size: 0.8rem; }
@media (min-width: 768px) { .v2-footer__bottom { flex-direction: row; padding-bottom: 1.5rem; } }
.v2-footer__legal { display: flex; flex-wrap: wrap; gap: 0.4rem 1rem; justify-content: center; }
.v2-footer .v2-logo__name, .v2-footer .v2-logo__name span { color: #fff; }
.v2-footer .v2-logo__name span { color: var(--v2-teal); }
.v2-footer .v2-logo__mark { background: rgba(255, 255, 255, 0.1); }

/* ═══ WhatsApp-Float und Sticky-CTA im neuen Look ═══ */
html.v2 .wa-float { background: var(--v2-wa); box-shadow: 0 8px 30px rgba(77, 177, 85, 0.45); }
html.v2 .sticky-cta { background: rgba(255, 255, 255, 0.96); border-top: 1px solid var(--v2-border); }
html.v2 .sticky-cta .btn-wa { background: var(--v2-wa); color: #06210a; border-radius: 10px; }

/* ═══ Einwilligungs-Banner im neuen Look (Funktion bleibt in analytics.js) ═══ */
html.v2 #bc-consent { background: #fff; color: var(--v2-text); border: 1px solid var(--v2-border); box-shadow: 0 16px 50px rgba(7, 35, 74, 0.25); font-family: var(--v2-font-body); }
html.v2 #bc-consent h2 { color: var(--v2-navy); font-family: var(--v2-font-display); }
html.v2 #bc-consent p { color: var(--v2-muted); }
html.v2 #bc-consent a, html.v2 #bc-consent .bc-link { color: var(--v2-teal-ink); }
html.v2 #bc-consent button { background: var(--v2-navy); border-color: var(--v2-navy); color: #fff; border-radius: 10px; }
html.v2 #bc-consent button:hover { background: var(--v2-navy-mid); border-color: var(--v2-navy-mid); }
html.v2 #bc-consent .bc-link { background: none; border: 0; color: var(--v2-teal-ink); }
html.v2 #bc-consent .bc-link:hover { background: none; }
html.v2 #bc-consent label { border-color: var(--v2-border); }
html.v2 #bc-consent label small { color: var(--v2-muted); }
html.v2 #bc-consent button:focus-visible, html.v2 #bc-consent a:focus-visible, html.v2 #bc-consent input:focus-visible { outline-color: var(--v2-teal); }


/* ═══ KOMPATIBILITÄT: Seiten im bisherigen Markup (Stadt, Blog, Gewerbe, Hausverwaltung, Rechtliches …) ═══
   Diese Seiten lesen ihre Farben aus --bg, --bg-card, --text … (früher dunkel). Hier werden dieselben Variablen hell belegt;
   html.v2 hat höhere Spezifität als das :root der Seite. Feste Farben im HTML werden darunter gezielt überschrieben. */
html.v2 {
  --bg: #ffffff; --bg-card: #ffffff; --bg-card2: var(--v2-surface);
  --text: var(--v2-text); --muted: var(--v2-muted); --dim: #5b6877; --border: var(--v2-border);
  --accent: var(--v2-navy); --accent-light: var(--v2-teal-ink); --accent-glow: rgba(7, 35, 74, 0.07);
  --green: var(--v2-wa); --green-dark: var(--v2-wa-dark); --red-glow: rgba(180, 35, 24, 0.08);
  --text-primary: var(--v2-text); --text-body: var(--v2-muted); --text-muted: #5b6877; --accent-muted: var(--v2-soft-b);
}

/* ═══ STARTSEITE: Hero ═══ */
.v2-section--hero { padding: 3.5rem 0 4.5rem; }
.v2-hero__grid { display: grid; gap: 2.5rem; align-items: center; }
@media (min-width: 960px) { .v2-hero__grid { grid-template-columns: 1.15fr 0.85fr; gap: 3rem; } .v2-section--hero { padding: 5rem 0 6rem; } }
.v2-hero .v2-h1 { font-size: clamp(2rem, 4.6vw, 3.4rem); }
.v2-hero__lead { font-size: 1.125rem; line-height: 1.65; color: rgba(244, 249, 255, 0.86); margin: 1.1rem 0 1.6rem; max-width: 36rem; }
.v2-hero__lead strong { color: #fff; }
.v2-hero__cta { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.v2-btn--lg { min-height: 52px; padding: 0.8rem 1.6rem; font-size: 1rem; }
.v2-hero__flow { margin: 1.1rem 0 0; font-size: 0.875rem; color: rgba(244, 249, 255, 0.72); }
.v2-checks { list-style: none; padding: 0; margin: 1.2rem 0 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.v2-checks li { font-size: 0.8125rem; padding: 0.35rem 0.8rem; border-radius: 999px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); color: rgba(244, 249, 255, 0.92); }
.v2-hero__proof { margin: 1.1rem 0 0; font-size: 0.8125rem; color: rgba(244, 249, 255, 0.66); }
.v2-stars { color: #fbbf24; letter-spacing: 0.08em; }
.v2-hero__media { position: relative; max-width: 22rem; margin: 0 auto; width: 100%; }
.v2-photo { border-radius: 1.5rem; padding: 0.6rem; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.22); box-shadow: var(--v2-shadow-elegant); }
.v2-photo img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; object-position: top; border-radius: 1.1rem; }
.v2-float { position: absolute; background: #fff; color: var(--v2-navy); border-radius: 0.9rem; padding: 0.55rem 0.9rem; box-shadow: var(--v2-shadow-soft); display: flex; flex-direction: column; line-height: 1.2; }
.v2-float strong { font-family: var(--v2-font-display); font-size: 1.05rem; }
.v2-float span { font-size: 0.7rem; color: var(--v2-muted); }
.v2-float--a { top: -0.9rem; left: -0.6rem; }
.v2-float--b { bottom: 1.2rem; right: -0.6rem; }
@media (min-width: 960px) { .v2-float--a { left: -1.6rem; } .v2-float--b { right: -1.6rem; } }

/* ═══ STARTSEITE: Schritte, Vorher/Nachher, Fakten, Tabelle, Stimmen, Rechner, Listen ═══ */
.v2-steps { list-style: none; padding: 0; margin: 0; counter-reset: s; }
.v2-steps .v2-card { position: relative; }
.v2-step__n { position: absolute; top: 1.1rem; right: 1.2rem; font-family: var(--v2-font-display); font-weight: 800; font-size: 2.2rem; color: var(--v2-soft-b); line-height: 1; }
.v2-ba { margin: 0; padding: 0; overflow: hidden; }
.v2-ba img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.v2-ba figcaption { display: flex; flex-direction: column; gap: 0.25rem; padding: 1.1rem 1.25rem 1.3rem; }
.v2-ba--before { border-color: rgba(230, 44, 44, 0.35); }
.v2-ba--after { border-color: rgba(0, 150, 100, 0.4); }
.v2-tag { display: inline-flex; width: fit-content; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; padding: 0.2rem 0.6rem; border-radius: 6px; }
.v2-tag--bad { background: #fde8e8; color: #9b1c1c; }
.v2-tag--good { background: #dcf7e8; color: #0b5d36; }
.v2-fineprint { margin: 1.5rem auto 0; max-width: 46rem; text-align: center; font-size: 0.78rem; line-height: 1.6; color: var(--v2-muted); }
.v2-facts { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; padding: 0; margin: 2rem 0 0; }
@media (min-width: 768px) { .v2-facts { grid-template-columns: repeat(4, 1fr); } }
.v2-facts li { background: rgba(255, 255, 255, 0.7); border: 1px solid var(--v2-soft-b); border-radius: 0.9rem; padding: 0.8rem 1rem; font-size: 0.85rem; color: var(--v2-muted); display: flex; flex-direction: column; }
.v2-facts strong { font-family: var(--v2-font-display); font-size: 1.15rem; color: var(--v2-navy); }
.v2-tablewrap { overflow-x: auto; border: 1px solid var(--v2-border); border-radius: 1rem; background: #fff; }
.v2-table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.v2-table th, .v2-table td { padding: 0.85rem 1rem; text-align: center; border-bottom: 1px solid var(--v2-border); }
.v2-table tbody tr:last-child th, .v2-table tbody tr:last-child td { border-bottom: 0; }
.v2-table thead th { background: var(--v2-surface); color: var(--v2-navy); font-weight: 700; }
.v2-table tbody th { text-align: left; font-weight: 500; color: var(--v2-text); }
.v2-yes { color: #0a6c3f; font-weight: 800; }
.v2-no { color: #b42318; font-weight: 800; }
.v2-quote { margin: 0; }
.v2-quote__head { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; font-size: 0.9rem; }
.v2-avatar { width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--v2-teal); color: var(--v2-navy); font-weight: 800; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.v2-quote__saved { margin: 0.6rem 0; font-weight: 600; color: #5eead4; font-size: 0.9rem; }
.v2-quote blockquote { margin: 0; line-height: 1.65; color: rgba(244, 249, 255, 0.9); }
.v2-calc .v2-grid { margin-bottom: 1rem; }
.v2-field label { display: block; font-size: 0.8rem; font-weight: 600; color: var(--v2-muted); margin-bottom: 0.4rem; }
.v2-field input { width: 100%; min-height: 48px; padding: 0.6rem 0.9rem; border-radius: 10px; border: 1px solid var(--v2-border); background: #fff; color: var(--v2-navy); font: 700 1.1rem var(--v2-font-body); }
.v2-field input:focus-visible { outline: 3px solid var(--v2-teal); outline-offset: 1px; }
.v2-calc__result { display: flex; flex-direction: column; align-items: center; gap: 0.2rem; text-align: center; background: var(--v2-soft-a); border: 1px solid var(--v2-soft-b); border-radius: 1rem; padding: 1.2rem; margin-bottom: 1rem; font-size: 0.8rem; }
.v2-calc__result strong { font-family: var(--v2-font-display); font-size: 2.4rem; line-height: 1.1; color: var(--v2-navy); }
.v2-linklist { list-style: none; padding: 0; margin: 1rem 0 0; display: flex; flex-direction: column; gap: 0.6rem; }
.v2-linklist a { display: block; padding: 0.75rem 1rem; border: 1px solid var(--v2-border); border-radius: 0.8rem; color: var(--v2-navy); text-decoration: none; background: #fff; font-weight: 500; }
.v2-linklist a:hover { background: var(--v2-soft-a); border-color: var(--v2-soft-b); }
.v2-city { text-align: center; display: flex !important; flex-direction: column; gap: 0.2rem; padding: 1.1rem; }
.v2-city strong { font-family: var(--v2-font-display); color: var(--v2-navy); }
.v2-city span { font-size: 0.8rem; }
.v2-band__cta { display: flex; flex-direction: column; gap: 0.5rem; align-items: flex-start; flex-shrink: 0; }
.v2-band__cta small { opacity: 0.85; }
@media (min-width: 768px) { .v2-band__cta { align-items: center; } }

/* ═══ KOMPATIBILITÄT (Teil 2): feste Farben im alten Markup ═══ (erzeugt, siehe docs/REDESIGN.md) */
html.v2 [style^="color:#4ade80"],
html.v2 [style*=";color:#4ade80"],
html.v2 [style*="; color:#4ade80"],
html.v2 [style*=" color:#4ade80"],
html.v2 [style^="color: #4ade80"],
html.v2 [style*=";color: #4ade80"],
html.v2 [style*="; color: #4ade80"],
html.v2 [style*=" color: #4ade80"],
html.v2 [style^="color:#34d399"],
html.v2 [style*=";color:#34d399"],
html.v2 [style*="; color:#34d399"],
html.v2 [style*=" color:#34d399"],
html.v2 [style^="color: #34d399"],
html.v2 [style*=";color: #34d399"],
html.v2 [style*="; color: #34d399"],
html.v2 [style*=" color: #34d399"],
html.v2 [style^="color:#6ee7b7"],
html.v2 [style*=";color:#6ee7b7"],
html.v2 [style*="; color:#6ee7b7"],
html.v2 [style*=" color:#6ee7b7"],
html.v2 [style^="color: #6ee7b7"],
html.v2 [style*=";color: #6ee7b7"],
html.v2 [style*="; color: #6ee7b7"],
html.v2 [style*=" color: #6ee7b7"],
html.v2 .text-green-400,
html.v2 .text-green-300,
html.v2 .text-green-500,
html.v2 .t-check { color: #0a6c3f !important; }
html.v2 [style^="color:#93c5fd"],
html.v2 [style*=";color:#93c5fd"],
html.v2 [style*="; color:#93c5fd"],
html.v2 [style*=" color:#93c5fd"],
html.v2 [style^="color: #93c5fd"],
html.v2 [style*=";color: #93c5fd"],
html.v2 [style*="; color: #93c5fd"],
html.v2 [style*=" color: #93c5fd"],
html.v2 [style^="color:#60a5fa"],
html.v2 [style*=";color:#60a5fa"],
html.v2 [style*="; color:#60a5fa"],
html.v2 [style*=" color:#60a5fa"],
html.v2 [style^="color: #60a5fa"],
html.v2 [style*=";color: #60a5fa"],
html.v2 [style*="; color: #60a5fa"],
html.v2 [style*=" color: #60a5fa"],
html.v2 [style^="color:#3b82f6"],
html.v2 [style*=";color:#3b82f6"],
html.v2 [style*="; color:#3b82f6"],
html.v2 [style*=" color:#3b82f6"],
html.v2 [style^="color: #3b82f6"],
html.v2 [style*=";color: #3b82f6"],
html.v2 [style*="; color: #3b82f6"],
html.v2 [style*=" color: #3b82f6"],
html.v2 [style^="color:#7dd3fc"],
html.v2 [style*=";color:#7dd3fc"],
html.v2 [style*="; color:#7dd3fc"],
html.v2 [style*=" color:#7dd3fc"],
html.v2 [style^="color: #7dd3fc"],
html.v2 [style*=";color: #7dd3fc"],
html.v2 [style*="; color: #7dd3fc"],
html.v2 [style*=" color: #7dd3fc"],
html.v2 [style^="color:#bfdbfe"],
html.v2 [style*=";color:#bfdbfe"],
html.v2 [style*="; color:#bfdbfe"],
html.v2 [style*=" color:#bfdbfe"],
html.v2 [style^="color: #bfdbfe"],
html.v2 [style*=";color: #bfdbfe"],
html.v2 [style*="; color: #bfdbfe"],
html.v2 [style*=" color: #bfdbfe"],
html.v2 .text-blue-400,
html.v2 .text-blue-300,
html.v2 .text-blue-200,
html.v2 .text-blue-500 { color: var(--v2-teal-ink) !important; }
html.v2 [style^="color:#f87171"],
html.v2 [style*=";color:#f87171"],
html.v2 [style*="; color:#f87171"],
html.v2 [style*=" color:#f87171"],
html.v2 [style^="color: #f87171"],
html.v2 [style*=";color: #f87171"],
html.v2 [style*="; color: #f87171"],
html.v2 [style*=" color: #f87171"],
html.v2 [style^="color:#fca5a5"],
html.v2 [style*=";color:#fca5a5"],
html.v2 [style*="; color:#fca5a5"],
html.v2 [style*=" color:#fca5a5"],
html.v2 [style^="color: #fca5a5"],
html.v2 [style*=";color: #fca5a5"],
html.v2 [style*="; color: #fca5a5"],
html.v2 [style*=" color: #fca5a5"],
html.v2 [style^="color:#ef4444"],
html.v2 [style*=";color:#ef4444"],
html.v2 [style*="; color:#ef4444"],
html.v2 [style*=" color:#ef4444"],
html.v2 [style^="color: #ef4444"],
html.v2 [style*=";color: #ef4444"],
html.v2 [style*="; color: #ef4444"],
html.v2 [style*=" color: #ef4444"],
html.v2 .text-red-400,
html.v2 .text-red-300,
html.v2 .t-cross { color: #b42318 !important; }
html.v2 [style^="color:#f59e0b"],
html.v2 [style*=";color:#f59e0b"],
html.v2 [style*="; color:#f59e0b"],
html.v2 [style*=" color:#f59e0b"],
html.v2 [style^="color: #f59e0b"],
html.v2 [style*=";color: #f59e0b"],
html.v2 [style*="; color: #f59e0b"],
html.v2 [style*=" color: #f59e0b"],
html.v2 [style^="color:#fbbf24"],
html.v2 [style*=";color:#fbbf24"],
html.v2 [style*="; color:#fbbf24"],
html.v2 [style*=" color:#fbbf24"],
html.v2 [style^="color: #fbbf24"],
html.v2 [style*=";color: #fbbf24"],
html.v2 [style*="; color: #fbbf24"],
html.v2 [style*=" color: #fbbf24"],
html.v2 [style^="color:#fcd34d"],
html.v2 [style*=";color:#fcd34d"],
html.v2 [style*="; color:#fcd34d"],
html.v2 [style*=" color:#fcd34d"],
html.v2 [style^="color: #fcd34d"],
html.v2 [style*=";color: #fcd34d"],
html.v2 [style*="; color: #fcd34d"],
html.v2 [style*=" color: #fcd34d"],
html.v2 .text-yellow-400,
html.v2 .text-amber-400 { color: #8a5a00 !important; }
html.v2 [style^="color:#f1f5f9"],
html.v2 [style*=";color:#f1f5f9"],
html.v2 [style*="; color:#f1f5f9"],
html.v2 [style*=" color:#f1f5f9"],
html.v2 [style^="color: #f1f5f9"],
html.v2 [style*=";color: #f1f5f9"],
html.v2 [style*="; color: #f1f5f9"],
html.v2 [style*=" color: #f1f5f9"],
html.v2 [style^="color:#e2e8f0"],
html.v2 [style*=";color:#e2e8f0"],
html.v2 [style*="; color:#e2e8f0"],
html.v2 [style*=" color:#e2e8f0"],
html.v2 [style^="color: #e2e8f0"],
html.v2 [style*=";color: #e2e8f0"],
html.v2 [style*="; color: #e2e8f0"],
html.v2 [style*=" color: #e2e8f0"],
html.v2 .text-white { color: var(--v2-navy) !important; }
html.v2 [style^="color:#94a3b8"],
html.v2 [style*=";color:#94a3b8"],
html.v2 [style*="; color:#94a3b8"],
html.v2 [style*=" color:#94a3b8"],
html.v2 [style^="color: #94a3b8"],
html.v2 [style*=";color: #94a3b8"],
html.v2 [style*="; color: #94a3b8"],
html.v2 [style*=" color: #94a3b8"],
html.v2 [style^="color:#cbd5e1"],
html.v2 [style*=";color:#cbd5e1"],
html.v2 [style*="; color:#cbd5e1"],
html.v2 [style*=" color:#cbd5e1"],
html.v2 [style^="color: #cbd5e1"],
html.v2 [style*=";color: #cbd5e1"],
html.v2 [style*="; color: #cbd5e1"],
html.v2 [style*=" color: #cbd5e1"],
html.v2 [style^="color:#d1d5db"],
html.v2 [style*=";color:#d1d5db"],
html.v2 [style*="; color:#d1d5db"],
html.v2 [style*=" color:#d1d5db"],
html.v2 [style^="color: #d1d5db"],
html.v2 [style*=";color: #d1d5db"],
html.v2 [style*="; color: #d1d5db"],
html.v2 [style*=" color: #d1d5db"],
html.v2 [style^="color:#9ca3af"],
html.v2 [style*=";color:#9ca3af"],
html.v2 [style*="; color:#9ca3af"],
html.v2 [style*=" color:#9ca3af"],
html.v2 [style^="color: #9ca3af"],
html.v2 [style*=";color: #9ca3af"],
html.v2 [style*="; color: #9ca3af"],
html.v2 [style*=" color: #9ca3af"],
html.v2 .text-gray-400,
html.v2 .text-gray-300,
html.v2 .text-gray-500 { color: var(--v2-muted) !important; }
html.v2 [style^="color:#64748b"],
html.v2 [style*=";color:#64748b"],
html.v2 [style*="; color:#64748b"],
html.v2 [style*=" color:#64748b"],
html.v2 [style^="color: #64748b"],
html.v2 [style*=";color: #64748b"],
html.v2 [style*="; color: #64748b"],
html.v2 [style*=" color: #64748b"],
html.v2 [style^="color:#475569"],
html.v2 [style*=";color:#475569"],
html.v2 [style*="; color:#475569"],
html.v2 [style*=" color:#475569"],
html.v2 [style^="color: #475569"],
html.v2 [style*=";color: #475569"],
html.v2 [style*="; color: #475569"],
html.v2 [style*=" color: #475569"],
html.v2 [style^="color:#4b5563"],
html.v2 [style*=";color:#4b5563"],
html.v2 [style*="; color:#4b5563"],
html.v2 [style*=" color:#4b5563"],
html.v2 [style^="color: #4b5563"],
html.v2 [style*=";color: #4b5563"],
html.v2 [style*="; color: #4b5563"],
html.v2 [style*=" color: #4b5563"],
html.v2 [style^="color:#6b7280"],
html.v2 [style*=";color:#6b7280"],
html.v2 [style*="; color:#6b7280"],
html.v2 [style*=" color:#6b7280"],
html.v2 [style^="color: #6b7280"],
html.v2 [style*=";color: #6b7280"],
html.v2 [style*="; color: #6b7280"],
html.v2 [style*=" color: #6b7280"] { color: #5b6877 !important; }
html.v2 .hover\:text-white:hover, html.v2 .hover\:text-blue-400:hover { color: var(--v2-navy) !important; }
html.v2 [style*="background:#0f172a"],
html.v2 [style*="background-color:#0f172a"],
html.v2 [style*="background: #0f172a"],
html.v2 [style*="background-color: #0f172a"],
html.v2 [style*="background:#070c18"],
html.v2 [style*="background-color:#070c18"],
html.v2 [style*="background: #070c18"],
html.v2 [style*="background-color: #070c18"],
html.v2 [style*="background:#0d1526"],
html.v2 [style*="background-color:#0d1526"],
html.v2 [style*="background: #0d1526"],
html.v2 [style*="background-color: #0d1526"],
html.v2 [style*="background:#111e35"],
html.v2 [style*="background-color:#111e35"],
html.v2 [style*="background: #111e35"],
html.v2 [style*="background-color: #111e35"],
html.v2 [style*="background:#040810"],
html.v2 [style*="background-color:#040810"],
html.v2 [style*="background: #040810"],
html.v2 [style*="background-color: #040810"],
html.v2 [style*="background:#0b1628"],
html.v2 [style*="background-color:#0b1628"],
html.v2 [style*="background: #0b1628"],
html.v2 [style*="background-color: #0b1628"],
html.v2 [style*="background:rgba(255,255,255,0.04)"],
html.v2 [style*="background-color:rgba(255,255,255,0.04)"],
html.v2 [style*="background: rgba(255,255,255,0.04)"],
html.v2 [style*="background-color: rgba(255,255,255,0.04)"],
html.v2 [style*="background:rgba(255,255,255,.04)"],
html.v2 [style*="background-color:rgba(255,255,255,.04)"],
html.v2 [style*="background: rgba(255,255,255,.04)"],
html.v2 [style*="background-color: rgba(255,255,255,.04)"],
html.v2 [style*="background:rgba(255,255,255,0.03)"],
html.v2 [style*="background-color:rgba(255,255,255,0.03)"],
html.v2 [style*="background: rgba(255,255,255,0.03)"],
html.v2 [style*="background-color: rgba(255,255,255,0.03)"],
html.v2 [style*="background:rgba(255,255,255,0.05)"],
html.v2 [style*="background-color:rgba(255,255,255,0.05)"],
html.v2 [style*="background: rgba(255,255,255,0.05)"],
html.v2 [style*="background-color: rgba(255,255,255,0.05)"],
html.v2 [style*="background:rgba(255,255,255,0.06)"],
html.v2 [style*="background-color:rgba(255,255,255,0.06)"],
html.v2 [style*="background: rgba(255,255,255,0.06)"],
html.v2 [style*="background-color: rgba(255,255,255,0.06)"] { background: var(--v2-surface) !important; }
html.v2 [style*="background:#1e3a5f"],
html.v2 [style*="background-color:#1e3a5f"],
html.v2 [style*="background: #1e3a5f"],
html.v2 [style*="background-color: #1e3a5f"],
html.v2 [style*="background:#1e293b"],
html.v2 [style*="background-color:#1e293b"],
html.v2 [style*="background: #1e293b"],
html.v2 [style*="background-color: #1e293b"] { background: var(--v2-soft-b) !important; }
html.v2 [style*="background:#3b82f6"],
html.v2 [style*="background-color:#3b82f6"],
html.v2 [style*="background: #3b82f6"],
html.v2 [style*="background-color: #3b82f6"],
html.v2 [style*="background:#2563eb"],
html.v2 [style*="background-color:#2563eb"],
html.v2 [style*="background: #2563eb"],
html.v2 [style*="background-color: #2563eb"] { background: var(--v2-navy) !important; color: #fff !important; }
html.v2 .bg-blue-600, html.v2 .bg-blue-500 { background: var(--v2-navy) !important; color: #fff !important; }
html.v2 [style*="linear-gradient(135deg,#0d1526,#111e35)"], html.v2 [style*="linear-gradient(135deg, #0d1526, #111e35)"] { background: var(--v2-surface) !important; }
html.v2 [style*="1px solid #1e293b"], html.v2 [style*="1px solid #1e3a5f"] { border-color: var(--v2-border) !important; }
html.v2 [style*="border-left:3px solid var(--accent)"] { border-left-color: var(--v2-teal) !important; }
html.v2 .prose blockquote { color: var(--v2-muted); }
html.v2 .prose a:hover { color: var(--v2-navy); }
html.v2 .prose th { background: var(--v2-soft-b); color: var(--v2-navy); }
html.v2 .chevron { color: var(--v2-teal-ink); }
html.v2 .btn-wa, html.v2 .btn-wa-nav, html.v2 .wa-float { background: var(--v2-wa); color: #06210a !important; }
html.v2 .btn-wa:hover, html.v2 .btn-wa-nav:hover { background: #5cc364; }
html.v2 .btn-wa *, html.v2 .btn-wa .text-white { color: inherit !important; }
/* Dunkle Zonen: bisherige Hero-/CTA-Verläufe werden zum Navy-Verlauf, Variablen lokal wieder hell auf dunkel */
html.v2 [style*="linear-gradient(155deg,#070c18"],
html.v2 [style*="linear-gradient(135deg,#091525"],
html.v2 [style*="linear-gradient(155deg, #070c18"],
html.v2 [style*="linear-gradient(135deg, #091525"] {
  background: var(--v2-gradient-hero) !important; color: #f4f9ff;
  --bg: transparent; --bg-card: rgba(255,255,255,0.08); --bg-card2: rgba(255,255,255,0.12);
  --text: #fff; --muted: rgba(244,249,255,0.86); --dim: rgba(244,249,255,0.88); --border: rgba(255,255,255,0.22);
  --accent: #5eead4; --accent-light: #5eead4; --accent-glow: rgba(255,255,255,0.1);
  --text-primary: #fff; --text-body: rgba(244,249,255,0.86); --text-muted: rgba(244,249,255,0.72);
}
html.v2 [style*="linear-gradient(155deg,#070c18"] .text-white,
html.v2 [style*="linear-gradient(135deg,#091525"] .text-white,
html.v2 [style*="linear-gradient(155deg, #070c18"] .text-white,
html.v2 [style*="linear-gradient(135deg, #091525"] .text-white,
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color:#f1f5f9"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color: #f1f5f9"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color:#e2e8f0"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color: #e2e8f0"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color:#fff"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color: #fff"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color:#f1f5f9"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color: #f1f5f9"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color:#e2e8f0"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color: #e2e8f0"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color:#fff"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color: #fff"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color:#f1f5f9"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color: #f1f5f9"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color:#e2e8f0"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color: #e2e8f0"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color:#fff"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color: #fff"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color:#f1f5f9"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color: #f1f5f9"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color:#e2e8f0"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color: #e2e8f0"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color:#fff"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color: #fff"] { color: #fff !important; }
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color:#93c5fd"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color: #93c5fd"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color:#60a5fa"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color: #60a5fa"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color:#3b82f6"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color: #3b82f6"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color:#7dd3fc"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color: #7dd3fc"],
html.v2 [style*="linear-gradient(155deg,#070c18"] .text-blue-400,
html.v2 [style*="linear-gradient(155deg,#070c18"] .text-blue-300,
html.v2 [style*="linear-gradient(155deg,#070c18"] .text-blue-200,
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color:#93c5fd"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color: #93c5fd"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color:#60a5fa"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color: #60a5fa"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color:#3b82f6"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color: #3b82f6"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color:#7dd3fc"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color: #7dd3fc"],
html.v2 [style*="linear-gradient(135deg,#091525"] .text-blue-400,
html.v2 [style*="linear-gradient(135deg,#091525"] .text-blue-300,
html.v2 [style*="linear-gradient(135deg,#091525"] .text-blue-200,
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color:#93c5fd"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color: #93c5fd"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color:#60a5fa"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color: #60a5fa"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color:#3b82f6"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color: #3b82f6"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color:#7dd3fc"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color: #7dd3fc"],
html.v2 [style*="linear-gradient(155deg, #070c18"] .text-blue-400,
html.v2 [style*="linear-gradient(155deg, #070c18"] .text-blue-300,
html.v2 [style*="linear-gradient(155deg, #070c18"] .text-blue-200,
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color:#93c5fd"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color: #93c5fd"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color:#60a5fa"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color: #60a5fa"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color:#3b82f6"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color: #3b82f6"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color:#7dd3fc"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color: #7dd3fc"],
html.v2 [style*="linear-gradient(135deg, #091525"] .text-blue-400,
html.v2 [style*="linear-gradient(135deg, #091525"] .text-blue-300,
html.v2 [style*="linear-gradient(135deg, #091525"] .text-blue-200 { color: #7ee8ff !important; }
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color:#4ade80"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color: #4ade80"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color:#34d399"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color: #34d399"],
html.v2 [style*="linear-gradient(155deg,#070c18"] .text-green-400,
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color:#4ade80"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color: #4ade80"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color:#34d399"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color: #34d399"],
html.v2 [style*="linear-gradient(135deg,#091525"] .text-green-400,
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color:#4ade80"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color: #4ade80"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color:#34d399"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color: #34d399"],
html.v2 [style*="linear-gradient(155deg, #070c18"] .text-green-400,
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color:#4ade80"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color: #4ade80"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color:#34d399"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color: #34d399"],
html.v2 [style*="linear-gradient(135deg, #091525"] .text-green-400 { color: #86efac !important; }
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color:#94a3b8"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color: #94a3b8"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color:#cbd5e1"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color: #cbd5e1"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color:#64748b"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color: #64748b"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color:#475569"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color: #475569"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color:#4b5563"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color: #4b5563"],
html.v2 [style*="linear-gradient(155deg,#070c18"] .text-gray-400,
html.v2 [style*="linear-gradient(155deg,#070c18"] .text-gray-300,
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color:#94a3b8"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color: #94a3b8"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color:#cbd5e1"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color: #cbd5e1"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color:#64748b"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color: #64748b"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color:#475569"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color: #475569"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color:#4b5563"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color: #4b5563"],
html.v2 [style*="linear-gradient(135deg,#091525"] .text-gray-400,
html.v2 [style*="linear-gradient(135deg,#091525"] .text-gray-300,
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color:#94a3b8"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color: #94a3b8"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color:#cbd5e1"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color: #cbd5e1"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color:#64748b"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color: #64748b"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color:#475569"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color: #475569"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color:#4b5563"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color: #4b5563"],
html.v2 [style*="linear-gradient(155deg, #070c18"] .text-gray-400,
html.v2 [style*="linear-gradient(155deg, #070c18"] .text-gray-300,
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color:#94a3b8"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color: #94a3b8"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color:#cbd5e1"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color: #cbd5e1"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color:#64748b"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color: #64748b"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color:#475569"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color: #475569"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color:#4b5563"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color: #4b5563"],
html.v2 [style*="linear-gradient(135deg, #091525"] .text-gray-400,
html.v2 [style*="linear-gradient(135deg, #091525"] .text-gray-300 { color: rgba(244,249,255,0.84) !important; }
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="color:#f87171"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="color:#f87171"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="color:#f87171"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="color:#f87171"] { color: #fda4a4 !important; }

/* ═══ KOMPATIBILITÄT (Teil 3): Zonen, Chat-Blasen, Klassen-Farben der Seiten ═══ */
html.v2 .cover { background: var(--v2-gradient-hero) !important; color: #f4f9ff; --bg-card: rgba(255,255,255,0.08); --bg-card2: rgba(255,255,255,0.12); --text: #fff; --muted: rgba(244,249,255,0.86); --dim: rgba(244,249,255,0.88); --border: rgba(255,255,255,0.22); --accent-light: #5eead4; }
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background:#0f172a"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background: #0f172a"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background:#070c18"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background: #070c18"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background:#0d1526"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background: #0d1526"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background:#111e35"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background: #111e35"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background:rgba(255,255,255,0.04)"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background: rgba(255,255,255,0.04)"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background:rgba(255,255,255,.04)"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background: rgba(255,255,255,.04)"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background:rgba(255,255,255,0.05)"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background: rgba(255,255,255,0.05)"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background:rgba(255,255,255,0.06)"],
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background: rgba(255,255,255,0.06)"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background:#0f172a"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background: #0f172a"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background:#070c18"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background: #070c18"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background:#0d1526"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background: #0d1526"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background:#111e35"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background: #111e35"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background:rgba(255,255,255,0.04)"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background: rgba(255,255,255,0.04)"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background:rgba(255,255,255,.04)"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background: rgba(255,255,255,.04)"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background:rgba(255,255,255,0.05)"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background: rgba(255,255,255,0.05)"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background:rgba(255,255,255,0.06)"],
html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background: rgba(255,255,255,0.06)"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background:#0f172a"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background: #0f172a"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background:#070c18"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background: #070c18"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background:#0d1526"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background: #0d1526"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background:#111e35"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background: #111e35"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background:rgba(255,255,255,0.04)"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background: rgba(255,255,255,0.04)"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background:rgba(255,255,255,.04)"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background: rgba(255,255,255,.04)"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background:rgba(255,255,255,0.05)"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background: rgba(255,255,255,0.05)"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background:rgba(255,255,255,0.06)"],
html.v2 [style*="linear-gradient(155deg, #070c18"] [style*="background: rgba(255,255,255,0.06)"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background:#0f172a"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background: #0f172a"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background:#070c18"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background: #070c18"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background:#0d1526"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background: #0d1526"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background:#111e35"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background: #111e35"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background:rgba(255,255,255,0.04)"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background: rgba(255,255,255,0.04)"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background:rgba(255,255,255,.04)"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background: rgba(255,255,255,.04)"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background:rgba(255,255,255,0.05)"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background: rgba(255,255,255,0.05)"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background:rgba(255,255,255,0.06)"],
html.v2 [style*="linear-gradient(135deg, #091525"] [style*="background: rgba(255,255,255,0.06)"],
html.v2 .cover [style*="background:#0f172a"],
html.v2 .cover [style*="background: #0f172a"],
html.v2 .cover [style*="background:#070c18"],
html.v2 .cover [style*="background: #070c18"],
html.v2 .cover [style*="background:#0d1526"],
html.v2 .cover [style*="background: #0d1526"],
html.v2 .cover [style*="background:#111e35"],
html.v2 .cover [style*="background: #111e35"],
html.v2 .cover [style*="background:rgba(255,255,255,0.04)"],
html.v2 .cover [style*="background: rgba(255,255,255,0.04)"],
html.v2 .cover [style*="background:rgba(255,255,255,.04)"],
html.v2 .cover [style*="background: rgba(255,255,255,.04)"],
html.v2 .cover [style*="background:rgba(255,255,255,0.05)"],
html.v2 .cover [style*="background: rgba(255,255,255,0.05)"],
html.v2 .cover [style*="background:rgba(255,255,255,0.06)"],
html.v2 .cover [style*="background: rgba(255,255,255,0.06)"] { background: rgba(255,255,255,0.1) !important; }
html.v2 .bubble-me, html.v2 .bubble-me *, html.v2 .bubble-right, html.v2 .bubble-right * { color: #fff !important; }
html.v2 .bubble-right p.text-xs, html.v2 .bubble-me p.text-xs { color: rgba(255,255,255,0.82) !important; }
html.v2 .bubble-left, html.v2 .bubble-left * { color: var(--v2-text); }
html.v2 [style*="background:var(--accent)"], html.v2 [style*="background: var(--accent)"], html.v2 [style*="background:var(--accent);"], html.v2 .step-num, html.v2 .section-num, html.v2 .check-num, html.v2 .filter-btn.active, html.v2 .btn-dl, html.v2 .btn-mail, html.v2 .btn-submit, html.v2 .play-btn { color: #fff !important; }
html.v2 .btn-dl, html.v2 .check-num { background: var(--v2-navy) !important; }
html.v2 .btn-mail:hover { background: var(--v2-navy-mid); }
html.v2 td.green, html.v2 .check-yes, html.v2 .t-check, html.v2 .good-box strong { color: #0a6c3f !important; }
html.v2 td.red, html.v2 .check-no, html.v2 .t-cross { color: #b42318 !important; }
html.v2 .local-stats-value, html.v2 .segment-badge { color: var(--v2-teal-ink) !important; }
html.v2 .segment-badge { background: var(--v2-soft-a) !important; border-color: var(--v2-soft-b) !important; }
html.v2 .prose em, html.v2 .prose blockquote { color: var(--v2-muted) !important; }
html.v2 .cover-badge { color: #86efac; }
html.v2 a[href] { text-decoration-thickness: from-font; }
html.v2 select.form-input option { background: #fff; color: var(--v2-text); }
html.v2 .info-box, html.v2 .tip-box, html.v2 .local-stats-card { background: var(--v2-soft-a); }
html.v2 .warn-box { background: #fff7e0; }
html.v2 .danger-box, html.v2 .risk-card { background: #fff0ef; }
html.v2 .good-box, html.v2 .success-box, html.v2 .tip-box-green, html.v2 .check-box { background: #eefaf2; }
html.v2 [style^="color:#22c55e"],
html.v2 [style*=";color:#22c55e"],
html.v2 [style*="; color:#22c55e"],
html.v2 [style*=" color:#22c55e"],
html.v2 [style^="color: #22c55e"],
html.v2 [style*=";color: #22c55e"],
html.v2 [style*="; color: #22c55e"],
html.v2 [style*=" color: #22c55e"],
html.v2 [style^="color:#10b981"],
html.v2 [style*=";color:#10b981"],
html.v2 [style*="; color:#10b981"],
html.v2 [style*=" color:#10b981"],
html.v2 [style^="color: #10b981"],
html.v2 [style*=";color: #10b981"],
html.v2 [style*="; color: #10b981"],
html.v2 [style*=" color: #10b981"] { color: #0a6c3f !important; }
html.v2 [style^="color:#a78bfa"],
html.v2 [style*=";color:#a78bfa"],
html.v2 [style*="; color:#a78bfa"],
html.v2 [style*=" color:#a78bfa"],
html.v2 [style^="color: #a78bfa"],
html.v2 [style*=";color: #a78bfa"],
html.v2 [style*="; color: #a78bfa"],
html.v2 [style*=" color: #a78bfa"],
html.v2 [style^="color:#8b5cf6"],
html.v2 [style*=";color:#8b5cf6"],
html.v2 [style*="; color:#8b5cf6"],
html.v2 [style*=" color:#8b5cf6"],
html.v2 [style^="color: #8b5cf6"],
html.v2 [style*=";color: #8b5cf6"],
html.v2 [style*="; color: #8b5cf6"],
html.v2 [style*=" color: #8b5cf6"] { color: #5b3fa8 !important; }
html.v2 [style^="color:#fbbf24"],
html.v2 [style*=";color:#fbbf24"],
html.v2 [style*="; color:#fbbf24"],
html.v2 [style*=" color:#fbbf24"],
html.v2 [style^="color: #fbbf24"],
html.v2 [style*=";color: #fbbf24"],
html.v2 [style*="; color: #fbbf24"],
html.v2 [style*=" color: #fbbf24"],
html.v2 [style^="color:#f59e0b"],
html.v2 [style*=";color:#f59e0b"],
html.v2 [style*="; color:#f59e0b"],
html.v2 [style*=" color:#f59e0b"],
html.v2 [style^="color: #f59e0b"],
html.v2 [style*=";color: #f59e0b"],
html.v2 [style*="; color: #f59e0b"],
html.v2 [style*=" color: #f59e0b"] { color: #8a5a00 !important; }
html.v2 [style^="color:#fb923c"],
html.v2 [style*=";color:#fb923c"],
html.v2 [style*="; color:#fb923c"],
html.v2 [style*=" color:#fb923c"],
html.v2 [style^="color: #fb923c"],
html.v2 [style*=";color: #fb923c"],
html.v2 [style*="; color: #fb923c"],
html.v2 [style*=" color: #fb923c"],
html.v2 [style^="color:#f97316"],
html.v2 [style*=";color:#f97316"],
html.v2 [style*="; color:#f97316"],
html.v2 [style*=" color:#f97316"],
html.v2 [style^="color: #f97316"],
html.v2 [style*=";color: #f97316"],
html.v2 [style*="; color: #f97316"],
html.v2 [style*=" color: #f97316"] { color: #a14a00 !important; }
html.v2 [style^="color:#38bdf8"],
html.v2 [style*=";color:#38bdf8"],
html.v2 [style*="; color:#38bdf8"],
html.v2 [style*=" color:#38bdf8"],
html.v2 [style^="color: #38bdf8"],
html.v2 [style*=";color: #38bdf8"],
html.v2 [style*="; color: #38bdf8"],
html.v2 [style*=" color: #38bdf8"],
html.v2 [style^="color:#22d3ee"],
html.v2 [style*=";color:#22d3ee"],
html.v2 [style*="; color:#22d3ee"],
html.v2 [style*=" color:#22d3ee"],
html.v2 [style^="color: #22d3ee"],
html.v2 [style*=";color: #22d3ee"],
html.v2 [style*="; color: #22d3ee"],
html.v2 [style*=" color: #22d3ee"] { color: var(--v2-teal-ink) !important; }

/* ═══ KOMPATIBILITÄT (Teil 4): Statusfarben, Buttons, Zonen-Feinheiten, mobile Grids ═══ */
html.v2 { --yellow: #8a5a00; --red: #b42318; --orange: #a14a00; }
html.v2 td.yellow { color: #8a5a00 !important; }
html.v2 [style*="background:var(--green)"], html.v2 [style*="background: var(--green)"], html.v2 .ba-label.right-3 { color: #06210a !important; }
html.v2 .ba-label.left-3 { background: #b42318 !important; color: #fff !important; }
html.v2 .video-wrap, html.v2 .video-wrap *, html.v2 video { color: #fff !important; }
html.v2 [style*="color:white"], html.v2 [style*="color: white"] { color: var(--v2-navy) !important; }
html.v2 .btn-wa[style*="color:white"], html.v2 [style*="background:var(--accent)"][style*="color:white"], html.v2 .step-num, html.v2 .section-num { color: #fff !important; }
html.v2 .btn-outline { color: var(--v2-teal-ink); border-color: var(--v2-teal-ink); }
html.v2 .btn-outline:hover { background: var(--v2-soft-a); }
/* in dunklen Zonen: Akzent-Buttons dunkel auf Türkis, Umrandungs-Buttons hell */
html.v2 [style*="linear-gradient(155deg,#070c18"] [style*="background:var(--accent)"], html.v2 [style*="linear-gradient(135deg,#091525"] [style*="background:var(--accent)"], html.v2 .cover [style*="background:var(--accent)"] { color: var(--v2-navy) !important; }
html.v2 [style*="linear-gradient(155deg,#070c18"] .btn-outline, html.v2 [style*="linear-gradient(135deg,#091525"] .btn-outline, html.v2 .cover .btn-outline { color: #fff; border-color: rgba(255,255,255,0.55); }
html.v2 [style*="background:#080e1d"], html.v2 [style*="background:#0a1020"], html.v2 [style*="background:rgba(7,12,24,0.97)"], html.v2 [style*="background:rgba(7,12,24,0.95)"], html.v2 [style*="background:rgba(7,12,24,0.92)"] { background: var(--v2-surface) !important; }
html.v2 h1[style*="color:#fff"], html.v2 h2[style*="color:#fff"], html.v2 h3[style*="color:#fff"], html.v2 h4[style*="color:#fff"], html.v2 summary[style*="color:#fff"], html.v2 summary.text-white, html.v2 summary.text-white * { color: var(--v2-navy) !important; }
html.v2 footer.v2-footer p, html.v2 footer.v2-footer address, html.v2 footer.v2-footer a, html.v2 footer.v2-footer span { color: rgba(244, 249, 255, 0.84); }
html.v2 footer.v2-footer h3 { color: var(--v2-teal); }
html.v2 footer.v2-footer .v2-logo__name { color: #fff; }
html.v2 footer.v2-footer .v2-logo__name span { color: var(--v2-teal); }
html.v2 .mobile-cta { background: rgba(255, 255, 255, 0.96) !important; }
html.v2 .accent-text { background-image: linear-gradient(135deg, var(--v2-navy), var(--v2-teal-ink)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html.v2 [style*="linear-gradient(155deg,#070c18"] .accent-text,
html.v2 [style*="linear-gradient(135deg,#091525"] .accent-text,
html.v2 [style*="linear-gradient(135deg, #070c18"] .accent-text,
html.v2 [style*="linear-gradient(135deg,#070c18"] .accent-text,
html.v2 [style*="linear-gradient(135deg,#0f172a 0%,#1e3a5f"] .accent-text { background-image: linear-gradient(135deg, #7ee8ff, #a7f3d0) !important; background-color: transparent !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent; }
/* Kachel-Raster mit festen 3 Spalten dürfen am Handy nicht überlaufen */
html.v2 [style*="grid-template-columns:repeat(3,1fr)"], html.v2 [style*="grid-template-columns: repeat(3, 1fr)"], html.v2 .local-stats-grid, html.v2 .stats-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr)) !important; }
html.v2 .local-stats-item, html.v2 .stats-card > div { min-width: 0; overflow-wrap: anywhere; }
html.v2 .prose .table-wrap, html.v2 .prose table { max-width: 100%; }
html.v2 .prose table { display: block; overflow-x: auto; }
html.v2 .prose, html.v2 main { overflow-wrap: break-word; }

/* ═══ KOMPATIBILITÄT (Teil 5): weitere Zonen, Avatare, Feinschliff ═══ */
html.v2 [style*="linear-gradient(135deg, #070c18"],
html.v2 [style*="linear-gradient(135deg,#070c18"],
html.v2 [style*="linear-gradient(135deg,#0f172a 0%,#1e3a5f"],
html.v2 [style*="linear-gradient(135deg, #0f172a 0%, #1e3a5f"] {
  background: var(--v2-gradient-hero) !important; color: #f4f9ff;
  --bg: transparent; --bg-card: rgba(255,255,255,0.08); --bg-card2: rgba(255,255,255,0.12);
  --text: #fff; --muted: rgba(244,249,255,0.86); --dim: rgba(244,249,255,0.88); --border: rgba(255,255,255,0.22);
  --accent: #5eead4; --accent-light: #5eead4; --accent-glow: rgba(255,255,255,0.1);
  --text-primary: #fff; --text-body: rgba(244,249,255,0.86); --text-muted: rgba(244,249,255,0.8);
}
html.v2 [style*="linear-gradient(135deg, #070c18"] .text-white,
html.v2 [style*="linear-gradient(135deg, #070c18"] h1,
html.v2 [style*="linear-gradient(135deg, #070c18"] h2,
html.v2 [style*="linear-gradient(135deg, #070c18"] [style*="color:var(--text)"],
html.v2 [style*="linear-gradient(135deg,#070c18"] .text-white,
html.v2 [style*="linear-gradient(135deg,#070c18"] h1,
html.v2 [style*="linear-gradient(135deg,#070c18"] h2,
html.v2 [style*="linear-gradient(135deg,#070c18"] [style*="color:var(--text)"],
html.v2 [style*="linear-gradient(135deg,#0f172a 0%,#1e3a5f"] .text-white,
html.v2 [style*="linear-gradient(135deg,#0f172a 0%,#1e3a5f"] h1,
html.v2 [style*="linear-gradient(135deg,#0f172a 0%,#1e3a5f"] h2,
html.v2 [style*="linear-gradient(135deg,#0f172a 0%,#1e3a5f"] [style*="color:var(--text)"],
html.v2 [style*="linear-gradient(135deg, #0f172a 0%, #1e3a5f"] .text-white,
html.v2 [style*="linear-gradient(135deg, #0f172a 0%, #1e3a5f"] h1,
html.v2 [style*="linear-gradient(135deg, #0f172a 0%, #1e3a5f"] h2,
html.v2 [style*="linear-gradient(135deg, #0f172a 0%, #1e3a5f"] [style*="color:var(--text)"] { color: #fff !important; }
html.v2 [style*="linear-gradient(135deg, #070c18"] [style*="color:var(--accent-light)"],
html.v2 [style*="linear-gradient(135deg,#070c18"] [style*="color:var(--accent-light)"],
html.v2 [style*="linear-gradient(135deg,#0f172a 0%,#1e3a5f"] [style*="color:var(--accent-light)"],
html.v2 [style*="linear-gradient(135deg, #0f172a 0%, #1e3a5f"] [style*="color:var(--accent-light)"],
html.v2 [style*="linear-gradient(135deg, #070c18"] .accent-text,
html.v2 [style*="linear-gradient(135deg,#070c18"] .accent-text,
html.v2 [style*="linear-gradient(135deg,#0f172a 0%,#1e3a5f"] .accent-text,
html.v2 [style*="linear-gradient(135deg, #0f172a 0%, #1e3a5f"] .accent-text { color: #7ee8ff !important; }
html.v2 [style*="linear-gradient(135deg, #070c18"] [style*="color:var(--muted)"], html.v2 [style*="linear-gradient(135deg, #070c18"] p,
html.v2 [style*="linear-gradient(135deg,#070c18"] [style*="color:var(--muted)"], html.v2 [style*="linear-gradient(135deg,#070c18"] p,
html.v2 [style*="linear-gradient(135deg,#0f172a 0%,#1e3a5f"] [style*="color:var(--muted)"], html.v2 [style*="linear-gradient(135deg,#0f172a 0%,#1e3a5f"] p,
html.v2 [style*="linear-gradient(135deg, #0f172a 0%, #1e3a5f"] [style*="color:var(--muted)"], html.v2 [style*="linear-gradient(135deg, #0f172a 0%, #1e3a5f"] p { color: rgba(244,249,255,0.88); }
html.v2 [style*="linear-gradient(135deg,#3b82f6,#7c3aed)"], html.v2 [style*="linear-gradient(135deg,#f59e0b,#ef4444)"], html.v2 [style*="linear-gradient(135deg,#10b981,#3b82f6)"], html.v2 [style*="linear-gradient(135deg,#f59e0b,#d97706)"], html.v2 [style*="linear-gradient(135deg,var(--accent),#7c3aed)"] { background: var(--v2-navy) !important; color: #fff !important; }
html.v2 [style*="linear-gradient(135deg,#3b82f6,#7c3aed)"] *, html.v2 [style*="linear-gradient(135deg,#f59e0b,#ef4444)"] *, html.v2 [style*="linear-gradient(135deg,#10b981,#3b82f6)"] *, html.v2 [style*="linear-gradient(135deg,#f59e0b,#d97706)"] * { color: #fff !important; }
html.v2 .saving-badge { color: #86efac !important; }
html.v2 .cta-section { background: linear-gradient(135deg, var(--v2-soft-a), var(--v2-soft-b)) !important; border-color: var(--v2-soft-b) !important; }
html.v2 [style*="rgba(15,23,42,0.82)"], html.v2 [style*="rgba(15,23,42,0.8)"], html.v2 [style*="rgba(15,23,42,0.6)"] { background: var(--v2-surface) !important; border-color: var(--v2-border) !important; }

html.v2 [style^="color:#86efac"],
html.v2 [style*=";color:#86efac"],
html.v2 [style*="; color:#86efac"],
html.v2 [style*=" color:#86efac"],
html.v2 [style^="color: #86efac"],
html.v2 [style*=";color: #86efac"],
html.v2 [style*="; color: #86efac"],
html.v2 [style*=" color: #86efac"],
html.v2 [style^="color:#bbf7d0"],
html.v2 [style*=";color:#bbf7d0"],
html.v2 [style*="; color:#bbf7d0"],
html.v2 [style*=" color:#bbf7d0"],
html.v2 [style^="color: #bbf7d0"],
html.v2 [style*=";color: #bbf7d0"],
html.v2 [style*="; color: #bbf7d0"],
html.v2 [style*=" color: #bbf7d0"] { color: #0a6c3f !important; }

@media (prefers-reduced-motion: reduce) { .v2-btn, .v2-card { transition: none; } .v2-btn:hover, .v2-card:hover { transform: none; } }

/* Artikeltext: Aufzählungspunkte/Nummern wieder sichtbar (Tailwind-Preflight setzt list-style: none) */
html.v2 .prose ul { list-style: disc; }
html.v2 .prose ol { list-style: decimal; }
html.v2 .prose ul li::marker, html.v2 .prose ol li::marker { color: var(--v2-teal-ink); }