/* ══════════════════════════════════════════════════════════
   Operintell – Design v4, globale Schicht
   Lädt auf allen Seiten nach style.css und style-design.css.
   Ändert nur das Erscheinungsbild (Farben, Schrift, Flächen,
   Buttons) – keine Struktur, keine Links.
   ══════════════════════════════════════════════════════════ */

/* ── 1. Farbsystem – Operintell Corporate Design 1.0 (26.10.2026) ──
   „Vertraut. Klar. Frischer.“ Blau trägt die Marke, warme Flächen öffnen sie,
   Limette setzt gezielte Akzente. Alle Komponenten lesen aus diesen Variablen.
   Markenfarben: Operintell-Blau #2F63F2 · Warmes Ivory #F6F4EF · Tiefes Marine #111A30
                 Helles Blau #EAF0FF · Limette #D1EF7A · Weiß #FFFFFF
   Verteilung (Richtwert): 60 % helle Basis, 18 % Marine, 15 % Blau, 5 % helles Blau, 2 % Limette.
   Limette nur auf Marine bzw. als kleiner Marker – nie als Text auf hellem Grund.
   Funktionale Farben (Fehler/Warnung/Erfolg) bleiben bewusst getrennt. */
:root,
[data-theme="light"],
:root[data-theme="light"] {
  /* Marke */
  --c-brand:          #2F63F2;   /* Primäre Aktionen, Links, Logo-Bildmarke */
  --c-brand-hover:    #244FD0;   /* Hover laut CD */
  --c-brand-text:     #2F63F2;   /* Textlink (4,6:1 auf Ivory, 5,0:1 auf Weiß) – zusätzlich unterstrichen */
  --c-brand-soft:     #EAF0FF;   /* Helles Blau: leichte Flächen, Icons, aktive Zustände */
  --c-on-brand:       #FFFFFF;
  /* Limette */
  --c-accent:         #D1EF7A;
  --c-accent-hover:   #C2E35E;
  --c-on-accent:      #111A30;   /* 13,5:1 */
  --c-accent-soft:    #EAF0FF;   /* Icon-Hintergründe auf hellem Grund: Blau auf hellem Blau */
  /* Text */
  --c-ink:            #111A30;   /* Überschriften, Text, Wortmarke */
  --c-text:           #111A30;
  --c-muted:          #586178;   /* Sekundärtext */
  /* Flächen */
  --c-bg:             #F6F4EF;   /* Warmes Ivory – große Seitenflächen */
  --c-surface:        #FFFFFF;   /* Karten und Eingabefelder */
  --c-surface-alt:    #FFFFFF;   /* abgesetzte Abschnitte: helle Basis (Weiß) */
  --c-surface-alt2:   #F0F3FA;
  --c-line:           #D5DBE8;
  --c-line-strong:    #B7C1D9;
  --c-line-solid:     #D5DBE8;
  /* Dunkle Abschnitte */
  --c-dark:           #111A30;   /* Tiefes Marine */
  --c-dark-raised:    #1B2540;
  --c-dark-deep:      #0B1222;   /* Footer – trennt sich vom Abschluss-CTA */
  --c-on-dark:        #FFFFFF;
  --c-on-dark-muted:  #C3CADB;
  --c-accent-on-dark: #D1EF7A;
  /* Zustände */
  --c-focus:          #2F63F2;
  --c-focus-ring:     rgba(47,99,242,.28);
  --c-selection:      #EAF0FF;
  --c-disabled-bg:    #DDE2EE;
  --c-disabled-text:  #5A6378;
  /* Funktionale Farben */
  --c-error:          #B42318;  --c-error-bg:   #FBECEA;
  --c-warning:        #9A5B05;  --c-warning-bg: #FBF1DD;
  --c-success:        #1E7A4C;  --c-success-bg: #E3F2E8;
  /* Form */
  --r-button: 12px; --r-card: 16px; --r-field: 10px;
  /* Logo */
  --logo-mark:        var(--c-brand);
  --logo-word:        var(--c-ink);

  /* Alias-Namen der bestehenden Komponenten (v4) */
  --v4-bg: var(--c-bg); --v4-surface: var(--c-surface); --v4-sage: var(--c-surface-alt); --v4-panel: var(--c-brand-soft);
  --v4-ink: var(--c-ink); --v4-text: var(--c-text); --v4-muted: var(--c-muted); --v4-line: var(--c-line-solid);
  --v4-navy: var(--c-dark); --v4-navy-2: var(--c-dark-raised);
  --v4-teal: var(--c-brand-text); --v4-teal-dark: var(--c-brand-hover);
  --v4-lime: var(--c-accent); --v4-lime-soft: var(--c-surface-alt);
  --v4-olive: var(--c-brand-text); --v4-blue: var(--c-brand);
  --v4-font: Arial, Helvetica, sans-serif;

  /* Alias-Namen des älteren Stylesheets (style.css) */
  --bg: var(--c-bg); --panel: var(--c-surface); --panel2: var(--c-surface-alt2);
  --border: var(--c-line); --text: var(--c-ink); --muted: var(--c-muted); --muted2: var(--c-muted);
  --accent: var(--c-brand-text); --blue: var(--c-brand-text);
  --card: var(--c-surface); --card2: var(--c-surface);
  --line: var(--c-line); --line2: var(--c-line-strong);
  --radius: 16px; --r2: 16px; --shadow: none; --shadow2: none;
  --header-bg: rgba(246,244,239,.96); --footer-bg: var(--c-dark-deep);
  --logo-color: var(--c-ink); --social-border: var(--c-line); --client-bg: rgba(17,26,48,.03); --client-border: var(--c-line);
}

/* Dunkelmodus (Umschalter im Header) – gleiche Rollen auf Marine */
:root:not([data-theme="light"]) {
  --c-brand:          #2F63F2;
  --c-brand-hover:    #4A78F5;
  --c-brand-text:     #9DB6FA;
  --c-brand-soft:     #1F2D57;
  --c-accent-soft:    #1F2D57;
  --c-ink:            #F2F4FA;
  --c-text:           #E1E6F2;
  --c-muted:          #A9B3C9;
  --c-bg:             #0B1222;
  --c-surface:        #18233D;
  --c-surface-alt:    #111A30;
  --c-surface-alt2:   #161F38;
  --c-line:           rgba(255,255,255,.14);
  --c-line-strong:    rgba(255,255,255,.30);
  --c-line-solid:     #2B3754;
  --c-dark:           #080E1C;
  --c-dark-raised:    #141E36;
  --c-dark-deep:      #060A15;
  --c-focus:          #9DB6FA;
  --c-focus-ring:     rgba(157,182,250,.35);
  --c-selection:      #2549C4;
  --c-disabled-bg:    #263150;
  --c-disabled-text:  #98A2BA;
  --c-error-bg: #3A1D1B; --c-warning-bg: #3A2C12; --c-success-bg: #133A27;
  --c-error: #F2A097; --c-warning: #F0C374; --c-success: #8FD3AC;
  --logo-mark:        #FFFFFF;
  --logo-word:        #FFFFFF;
  --header-bg: rgba(11,18,34,.96);
}

/* ── 2. Grundlage & Schrift ─────────────────────────────── */
body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--v4-font);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6,
.oi-h1, .oi-h2, .oi-card-title, .oi-mb-headline, .h1 {
  font-family: var(--v4-font);
}
button, input, select, textarea { font-family: inherit; }

.oi-h1, h1 {
  font-weight: 600;
  letter-spacing: -.03em;
  line-height: 1.05;
}
.oi-h2, h2 {
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: 1.15;
}
h3, .oi-card-title { font-weight: 600; letter-spacing: -.01em; }

/* Kicker: ruhig, ohne Akzentstrich */
.oi-kicker {
  color: var(--text);
  opacity: .75;
  font-weight: 600;
  font-size: 11.5px;
  letter-spacing: .1em;
}
.oi-kicker::before { display: none; }

::selection { background: var(--c-selection); color: var(--c-ink); }

/* ── 3. Buttons ─────────────────────────────────────────── */
.btn {
  border-radius: 4px;
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: 0;
  padding: 13px 20px;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.btn-primary,
a.btn-primary {
  background: var(--v4-navy);
  color: #fff !important;
  border-color: transparent;
  box-shadow: none;
  filter: none;
}
.btn-primary::after { display: none; }
.btn-primary:hover,
a.btn-primary:hover {
  background: var(--v4-teal-dark);
  transform: none;
  box-shadow: none;
  filter: none;
}
/* Header-CTA bleibt blau wie im Entwurf */
.nav a.btn-primary,
.header .btn-primary { background: var(--v4-blue); padding: 10px 16px; font-size: 14px; }
.nav a.btn-primary:hover,
.header .btn-primary:hover { background: #244FD0; }

.btn-ghost { border-color: var(--line2); color: var(--text); }
.btn-ghost:hover { background: transparent; border-color: var(--text); opacity: 1; }

:root:not([data-theme="light"]) .nav a.btn-primary { background: var(--v4-blue); color: #fff !important; }

/* ── 4. Header (nur Optik – Links bleiben unverändert) ── */
html .header {
  background: var(--header-bg);
  border-bottom: 1px solid var(--line);
  backdrop-filter: none; -webkit-backdrop-filter: none;
  box-shadow: none;
}
html .header-inner { height: 76px; }
.site-logo { display: inline-flex; align-items: center; color: var(--logo-color); }
.v4-logo-svg { display: block; width: 150px; height: auto; }
.ft-logo { color: #fff; display: inline-flex; }
.ft-logo .v4-logo-svg { width: 150px; }

html .header .nav { background: transparent !important; gap: 30px; }
html .header .nav ul { gap: 30px; }
html .header .nav ul a {
  padding: 8px 0 6px;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0;
  background: none !important;
  color: var(--text);
  font-weight: 500;
  font-size: 14px;
  margin: 0;
}
html .header .nav ul a:hover { color: var(--v4-teal); }
html .header .nav .current-menu-item > a,
html .header .nav .current_page_item > a,
html .header .nav .current-menu-ancestor > a {
  color: var(--text);
  border-bottom-color: var(--v4-teal) !important;
}
html .header .nav a.btn-primary {
  margin-left: 10px;
  background: var(--v4-blue) !important;
  color: #fff !important;
  border-radius: 4px;
  box-shadow: none !important;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
}
html .header .nav a.btn-primary:hover { background: #244FD0 !important; transform: none; }
html .theme-toggle { border-radius: 4px; border-color: var(--line); }
html .theme-toggle:hover { background: transparent; border-color: var(--text); color: var(--text); }
:root:not([data-theme="light"]) .header .nav ul a:hover { color: var(--v4-lime); }
:root:not([data-theme="light"]) .header .nav .current-menu-item > a { border-bottom-color: var(--v4-lime) !important; }

@media (max-width: 768px) {
  html .header .nav { background: var(--bg) !important; backdrop-filter: none; inset: 76px 0 0 0; padding: 12px 16px 24px; }
  html .header .nav ul { gap: 0 !important; align-items: stretch; }
  html .header .nav ul a {
    display: block; padding: 14px 0 !important; font-size: 16px !important;
    border-bottom: 1px solid var(--line) !important;
  }
  html .header .nav .current-menu-item > a { color: var(--v4-teal); }
  html .header .nav a.btn-primary { margin: 16px 0 0; justify-content: center; padding: 14px !important; }
  .v4-logo-svg { width: 132px; }
}

/* ── 5. Flächen, Karten, Sektionen ──────────────────────── */
.card,
.oi-thesis-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: none;
}
.card:hover { transform: none; box-shadow: none; border-color: var(--line2); }
[data-theme="light"] .card,
[data-theme="light"] .oi-thesis-card { background: var(--card); border-color: var(--border); box-shadow: none; }

/* Seitenkopf: keine Glows, ruhige Linie */
.oi-page-hero { border-bottom: 1px solid var(--line); }
.oi-page-hero::before,
.oi-page-hero::after,
.ft::after { display: none !important; }

/* Sektions-Hintergründe auf die neue Palette ziehen */
.oi-sec-accent,
[data-theme="light"] .oi-sec-accent { background: transparent; border-top-color: var(--line); }
.oi-sec-elevated,
[data-theme="light"] .oi-sec-elevated { background: var(--v4-sage); border-color: var(--line); }
.oi-sec-deep,
[data-theme="light"] .oi-sec-deep { background: #F0F3FA; border-color: var(--line); }
:root:not([data-theme="light"]) .oi-sec-elevated,
:root:not([data-theme="light"]) .oi-sec-deep { background: #111A30; }

/* Zahlen in Listen/Schritten im Oliv des Entwurfs */
.oi-leis-num, .oi-deliv-num { color: var(--v4-olive); }

/* Formulare */
input[type="text"], input[type="email"], input[type="tel"], input[type="number"],
input[type="url"], select, textarea {
  border-radius: 4px;
}

/* ── 6. Footer: dunkles Navy wie im Entwurf ─────────────── */
.ft {
  --text:   #EEF2F3;
  --muted:  #A9B8BD;
  --border: rgba(255,255,255,.12);
  --line:   rgba(255,255,255,.10);
  --social-border: rgba(255,255,255,.16);
  --accent: var(--v4-lime);
  background: var(--footer-bg);
  color: var(--muted);
  border-top: 0;
}
html .ft a { color: inherit; }
html .ft .ft-desc, html .ft .ft-meta-item, html .ft .ft-links a, html .ft .ft-bar,
html .ft .ft-bar span, html .ft .ft-legal a, html .ft .ft-bar-legal a { color: #B9C6CA !important; opacity: 1 !important; }
html .ft .ft-col-head { color: #fff !important; opacity: 1 !important; }
html .ft .ft-links a:hover, html .ft .ft-legal a:hover, html .ft .ft-meta-item:hover, html .ft .ft-socials a:hover { color: #fff !important; }
html .ft .ft-meta-item .ft-icon-pin { color: var(--v4-lime) !important; }
html .ft .ft-socials a { color: #D6DCEA !important; border-color: rgba(255,255,255,.18) !important; }
html .ft .ft-links .ft-cta-link { background: var(--c-accent) !important; color: var(--c-on-accent) !important; box-shadow: none !important; border-radius: 4px; }
html .ft .ft-links .ft-cta-link:hover { background: var(--c-accent-hover) !important; }
html .ft .ft-logo, html .ft .ft-logo-name { color: #fff !important; }
html .ft .ft-bar { border-top-color: rgba(255,255,255,.12) !important; }

/* Fokus sichtbar halten */
a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }


/* ══════════════════════════════════════════════════════════
   7. Komponenten & Zustände im Farbsystem „Warmes Petrol“
   ══════════════════════════════════════════════════════════ */

/* Logo: Symbol Petrol, Wortmarke Dunkles Petrol; auf dunklen Flächen weiß */
.v4-logo-mark { fill: var(--logo-mark); }
.v4-logo-word { fill: var(--logo-word); }
.ft, .v4-lpfoot, .v4-dark, .lp-foot { --logo-mark: #FFFFFF; --logo-word: #FFFFFF; }
.v4-logo-svg { display: block; height: auto; }
.site-logo .v4-logo-svg { width: 148px; }
.ft-logo .v4-logo-svg, .v4-lpfoot .v4-logo-svg { width: 140px; }

/* Primäre Buttons: Petrol, weiße Schrift, Hover dezent dunkler */
html .btn-primary, html a.btn-primary, html .header .nav a.btn-primary, html .nav a.btn-primary,
body .v4-btn-dark, body .v4-btn-blue, body .v4-btn.v4-submit {
  background: var(--c-brand) !important; color: var(--c-on-brand) !important;
  border: 1px solid transparent !important; box-shadow: none !important; filter: none !important; transform: none !important;
}
html .btn-primary:hover, html .header .nav a.btn-primary:hover, body .v4-btn-dark:hover, body .v4-btn-blue:hover {
  background: var(--c-brand-hover) !important;
}
html .btn-primary:active, body .v4-btn-dark:active, body .v4-btn-blue:active { background: var(--c-brand-hover) !important; box-shadow: inset 0 2px 0 rgba(0,0,0,.12) !important; }

/* Sekundäre Buttons: transparent, dunkler Petroltext, ruhiger Rahmen */
html .btn-ghost, body .v4-btn-ghost {
  background: transparent !important; color: var(--c-ink) !important; border: 1px solid var(--c-line-strong) !important;
}
html .btn-ghost:hover, body .v4-btn-ghost:hover { background: var(--c-surface-alt2) !important; border-color: var(--c-ink) !important; color: var(--c-ink) !important; }

/* Buttons auf dunklen Flächen: helle Variante */
body .v4-btn-lime, .v4-dark .v4-btn-dark, html .ft .ft-links .ft-cta-link {
  background: var(--c-accent) !important; color: var(--c-on-accent) !important; border-color: transparent !important;
}
body .v4-btn-lime:hover, .v4-dark .v4-btn-dark:hover, html .ft .ft-links .ft-cta-link:hover { background: var(--c-accent-hover) !important; }

/* Deaktiviert */
html button:disabled, html .btn:disabled, body .v4-btn:disabled, html .btn[aria-disabled="true"] {
  background: var(--c-disabled-bg) !important; color: var(--c-disabled-text) !important; border-color: transparent !important; cursor: not-allowed; opacity: 1 !important;
}

/* Links im Fließtext */
.v4-art-body a, .v4-legal-body a, .oi-page-content a { color: var(--c-brand-text); }
.v4-art-body a:hover, .v4-legal-body a:hover { color: var(--c-brand-hover); }

/* Fokus: gut sichtbar, auch auf dunklen Flächen */
html a:focus-visible, html button:focus-visible, html summary:focus-visible, html input:focus-visible,
html select:focus-visible, html textarea:focus-visible, html [tabindex]:focus-visible {
  outline: 2px solid var(--c-focus) !important; outline-offset: 3px;
}
.v4-dark a:focus-visible, .v4-dark button:focus-visible, .ft a:focus-visible, .v4-lpfoot a:focus-visible { outline-color: var(--c-accent-on-dark) !important; }

/* Formularfelder */
html input[type="text"], html input[type="email"], html input[type="tel"], html input[type="number"], html input[type="search"], html input[type="url"], html select, html textarea {
  background-color: var(--c-surface); color: var(--c-ink); border-color: var(--c-line-strong);
}
html input:focus, html select:focus, html textarea:focus { border-color: var(--c-brand) !important; box-shadow: 0 0 0 3px rgba(47,99,242,.18) !important; }
html input[type="radio"], html input[type="checkbox"] { accent-color: var(--c-brand); }

/* Header */
html .header { background: var(--header-bg) !important; }
html .header .nav ul a:hover { color: var(--c-brand-text) !important; }
html .header .nav .current-menu-item > a, html .header .nav .current_page_item > a { border-bottom-color: var(--c-brand) !important; }
:root:not([data-theme="light"]) .header .nav ul a:hover { color: var(--c-brand-text) !important; }
:root:not([data-theme="light"]) .header .nav .current-menu-item > a { border-bottom-color: var(--c-brand-text) !important; }
@media (max-width: 768px) { html .header .nav { background: var(--c-bg) !important; } }
html .nav-toggle span { background: var(--c-ink) !important; }

/* Footer */
html .ft { background: var(--c-dark) !important; }
html .ft .ft-meta-item .ft-icon-pin { color: var(--c-accent-on-dark) !important; }

/* Leuchteffekte und farbige Schatten reduzieren */
html .card, html .card:hover, html .oi-cp-card:hover, html .oi-ref-card:hover { box-shadow: none !important; }
html [class*="glow"] { display: none !important; }

/* Inline-Farben aus Beitrags- und Seiteninhalten (Datenbank) auf das Farbsystem abbilden – Inhalte bleiben unverändert */
.oi-page-content [style*="color: #1D4ED8"],
.oi-page-content [style*="color: #1d4ed8"],
.oi-page-content [style*="color:#1D4ED8"],
.oi-page-content [style*="color:#1d4ed8"],
.v4-art-body [style*="color: #1D4ED8"],
.v4-art-body [style*="color: #1d4ed8"],
.v4-art-body [style*="color:#1D4ED8"],
.v4-art-body [style*="color:#1d4ed8"],
.v4-legal-body [style*="color: #1D4ED8"],
.v4-legal-body [style*="color: #1d4ed8"],
.v4-legal-body [style*="color:#1D4ED8"],
.v4-legal-body [style*="color:#1d4ed8"] { color: var(--c-brand-text) !important; }
.oi-page-content [style*="border-left: 3px solid #1D4ED8"],
.oi-page-content [style*="border-left: 3px solid #1d4ed8"],
.oi-page-content [style*="border-left:3px solid #1D4ED8"],
.oi-page-content [style*="border-left:3px solid #1d4ed8"],
.oi-page-content [style*="border: #1D4ED8"],
.oi-page-content [style*="border: #1d4ed8"],
.oi-page-content [style*="border:#1D4ED8"],
.oi-page-content [style*="border:#1d4ed8"],
.v4-art-body [style*="border-left: 3px solid #1D4ED8"],
.v4-art-body [style*="border-left: 3px solid #1d4ed8"],
.v4-art-body [style*="border-left:3px solid #1D4ED8"],
.v4-art-body [style*="border-left:3px solid #1d4ed8"],
.v4-art-body [style*="border: #1D4ED8"],
.v4-art-body [style*="border: #1d4ed8"],
.v4-art-body [style*="border:#1D4ED8"],
.v4-art-body [style*="border:#1d4ed8"],
.v4-legal-body [style*="border-left: 3px solid #1D4ED8"],
.v4-legal-body [style*="border-left: 3px solid #1d4ed8"],
.v4-legal-body [style*="border-left:3px solid #1D4ED8"],
.v4-legal-body [style*="border-left:3px solid #1d4ed8"],
.v4-legal-body [style*="border: #1D4ED8"],
.v4-legal-body [style*="border: #1d4ed8"],
.v4-legal-body [style*="border:#1D4ED8"],
.v4-legal-body [style*="border:#1d4ed8"] { border-color: var(--c-brand) !important; }
.oi-page-content [style*="background: #1D4ED8"],
.oi-page-content [style*="background: #1d4ed8"],
.oi-page-content [style*="background:#1D4ED8"],
.oi-page-content [style*="background:#1d4ed8"],
.v4-art-body [style*="background: #1D4ED8"],
.v4-art-body [style*="background: #1d4ed8"],
.v4-art-body [style*="background:#1D4ED8"],
.v4-art-body [style*="background:#1d4ed8"],
.v4-legal-body [style*="background: #1D4ED8"],
.v4-legal-body [style*="background: #1d4ed8"],
.v4-legal-body [style*="background:#1D4ED8"],
.v4-legal-body [style*="background:#1d4ed8"] { background-color: var(--c-brand) !important; }
.oi-page-content [style*="background: #EFF6FF"],
.oi-page-content [style*="background: #eff6ff"],
.oi-page-content [style*="background:#EFF6FF"],
.oi-page-content [style*="background:#eff6ff"],
.v4-art-body [style*="background: #EFF6FF"],
.v4-art-body [style*="background: #eff6ff"],
.v4-art-body [style*="background:#EFF6FF"],
.v4-art-body [style*="background:#eff6ff"],
.v4-legal-body [style*="background: #EFF6FF"],
.v4-legal-body [style*="background: #eff6ff"],
.v4-legal-body [style*="background:#EFF6FF"],
.v4-legal-body [style*="background:#eff6ff"] { background-color: var(--c-surface-alt) !important; }
.oi-page-content [style*="color: #111827"],
.oi-page-content [style*="color:#111827"],
.v4-art-body [style*="color: #111827"],
.v4-art-body [style*="color:#111827"],
.v4-legal-body [style*="color: #111827"],
.v4-legal-body [style*="color:#111827"] { color: var(--c-ink) !important; }
.oi-page-content [style*="color: #374151"],
.oi-page-content [style*="color:#374151"],
.v4-art-body [style*="color: #374151"],
.v4-art-body [style*="color:#374151"],
.v4-legal-body [style*="color: #374151"],
.v4-legal-body [style*="color:#374151"] { color: var(--c-text) !important; }
.oi-page-content [style*="color: #6B7280"],
.oi-page-content [style*="color: #6b7280"],
.oi-page-content [style*="color:#6B7280"],
.oi-page-content [style*="color:#6b7280"],
.v4-art-body [style*="color: #6B7280"],
.v4-art-body [style*="color: #6b7280"],
.v4-art-body [style*="color:#6B7280"],
.v4-art-body [style*="color:#6b7280"],
.v4-legal-body [style*="color: #6B7280"],
.v4-legal-body [style*="color: #6b7280"],
.v4-legal-body [style*="color:#6B7280"],
.v4-legal-body [style*="color:#6b7280"] { color: var(--c-muted) !important; }
.oi-page-content [style*="border-left: 3px solid #E5E7EB"],
.oi-page-content [style*="border-left: 3px solid #e5e7eb"],
.oi-page-content [style*="border-left:3px solid #E5E7EB"],
.oi-page-content [style*="border-left:3px solid #e5e7eb"],
.oi-page-content [style*="border: #E5E7EB"],
.oi-page-content [style*="border: #e5e7eb"],
.oi-page-content [style*="border:#E5E7EB"],
.oi-page-content [style*="border:#e5e7eb"],
.v4-art-body [style*="border-left: 3px solid #E5E7EB"],
.v4-art-body [style*="border-left: 3px solid #e5e7eb"],
.v4-art-body [style*="border-left:3px solid #E5E7EB"],
.v4-art-body [style*="border-left:3px solid #e5e7eb"],
.v4-art-body [style*="border: #E5E7EB"],
.v4-art-body [style*="border: #e5e7eb"],
.v4-art-body [style*="border:#E5E7EB"],
.v4-art-body [style*="border:#e5e7eb"],
.v4-legal-body [style*="border-left: 3px solid #E5E7EB"],
.v4-legal-body [style*="border-left: 3px solid #e5e7eb"],
.v4-legal-body [style*="border-left:3px solid #E5E7EB"],
.v4-legal-body [style*="border-left:3px solid #e5e7eb"],
.v4-legal-body [style*="border: #E5E7EB"],
.v4-legal-body [style*="border: #e5e7eb"],
.v4-legal-body [style*="border:#E5E7EB"],
.v4-legal-body [style*="border:#e5e7eb"] { border-color: var(--c-line-solid) !important; }
.oi-page-content [style*="background: #E5E7EB"],
.oi-page-content [style*="background: #e5e7eb"],
.oi-page-content [style*="background:#E5E7EB"],
.oi-page-content [style*="background:#e5e7eb"],
.v4-art-body [style*="background: #E5E7EB"],
.v4-art-body [style*="background: #e5e7eb"],
.v4-art-body [style*="background:#E5E7EB"],
.v4-art-body [style*="background:#e5e7eb"],
.v4-legal-body [style*="background: #E5E7EB"],
.v4-legal-body [style*="background: #e5e7eb"],
.v4-legal-body [style*="background:#E5E7EB"],
.v4-legal-body [style*="background:#e5e7eb"] { background-color: var(--c-surface-alt2) !important; }

/* Limettenakzente: Statuspunkte, aktive Markierungen, Fokus auf dunklen Flächen */
html .header .nav .current-menu-item > a, html .header .nav .current_page_item > a { border-bottom-color: var(--c-brand) !important; }
.v4-dark a:focus-visible, .v4-dark button:focus-visible, .ft a:focus-visible, .v4-lpfoot a:focus-visible { outline-color: var(--c-accent) !important; }
.v4-icircle-lime, .v4-icircle-limefill { background: var(--c-accent-soft) !important; }
.v4-dark .v4-icircle-limefill { background: var(--c-accent) !important; }
:root:not([data-theme="light"]) { --c-accent-soft: #2B3420; --c-selection: #2E3A20; }
/* Kleine Statuspunkte auf hellen Flächen: Limette mit dunklem Rand (bleibt erkennbar) */
.v4-chip-dot, .v4-chiprow li::before, .v4-badge::before, .v4-dots li::before { fill: var(--c-accent); background: var(--c-accent) !important; stroke: var(--c-ink); stroke-width: 1.2; box-shadow: 0 0 0 1px var(--c-ink); }