/* Lineva – Markenauftritt der Oberfläche (9.0). Wird nach cockpit.css geladen und setzt Farben, Schriften und Logo-Bereiche.
   Farben: Electric Indigo #695EE9 (Hauptfarbe), Midnight Navy #15253D (Überschriften, Menü), Bright Aqua Mint #00D6A3 (nur Akzent, nie Text auf Weiß),
   Grau #515151 (Fließtext). Schriften: MuseoModerno (Überschriften, Kennzahlen), Lexend (Text, Formulare, Tabellen) – lokal ausgeliefert (SIL OFL 1.1). */
@font-face { font-family: "Lexend"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/lexend-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Lexend"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/lexend-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Lexend"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/lexend-latin-500-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Lexend"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/lexend-latin-ext-500-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Lexend"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/lexend-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Lexend"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/lexend-latin-ext-600-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "MuseoModerno"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/museomoderno-latin-500-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "MuseoModerno"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/museomoderno-latin-ext-500-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "MuseoModerno"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/museomoderno-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "MuseoModerno"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/museomoderno-latin-ext-600-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  --indigo: #695EE9; --indigo-dunkel: #5247D8; --indigo-hg: #F0EFFD; --navy: #15253D; --navy-2: #1E3150; --mint: #00D6A3; --mint-hg: #E3FBF4; --grau: #515151;
  --primaer: #695EE9; --dunkel: #15253D; --akzent: #00D6A3;
  --text: #15253D; --leise: #515151; --schwach: #8A8F98; --hg: #F6F6FB; --linie: #E4E4EE; --grau-hg: #F1F1F7;
  --schrift: "Lexend", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --titel: "MuseoModerno", "Lexend", -apple-system, "Segoe UI", Roboto, sans-serif;
  --radius: 12px; --schatten: 0 1px 2px rgba(21, 37, 61, .05), 0 2px 6px rgba(21, 37, 61, .06);
}
body { font-size: 14px; letter-spacing: 0; color: var(--text); }
a { color: var(--indigo-dunkel); }
h1, h2, .seitenkopf h1 { font-family: var(--titel); color: var(--navy); font-weight: 600; letter-spacing: 0; }
h1 { font-size: 1.6rem; }
h2 { font-size: 1.12rem; }
h3 { font-weight: 600; color: var(--navy); }
.seitenkopf p, p.leise { color: var(--grau); }

/* Kopfleiste mit Lineva-Wortmarke und dem Logo des Betriebs */
.kopfleiste { background: #fff; border-bottom: 1px solid var(--linie); }
.marke { gap: 14px; }
.marke .lineva-logo { height: 26px; width: auto; display: block; }
.marke .mandant-teil { display: flex; align-items: center; gap: 10px; padding-left: 14px; border-left: 1px solid var(--linie); }
.marke .logo { height: 30px; }
.marke .logo-text { font-family: var(--schrift); font-weight: 600; font-size: .95rem; color: var(--navy); }
.produkt { display: none; }
.avatar { background: var(--indigo); }
.kopf-suche input:focus { box-shadow: 0 0 0 3px rgba(105, 94, 233, .18); }

/* Seitenleiste in Midnight Navy, aktive Einträge in Electric Indigo */
.rahmen { background: linear-gradient(to right, var(--navy) 248px, transparent 248px); }
.rahmen.ohne-menue { background: none; }   /* 9.1: Seiten ohne Menü (z. B. Plattform) ohne dunklen Streifen */
.seitenleiste { background: var(--navy); color: #C9D1DE; }
.nav-abschnitt { color: #8C9BB3; }
.nav-eintrag { color: #E6EAF1; }
.nav-eintrag:hover { background: rgba(255, 255, 255, .07); }
.nav-eintrag.aktiv { background: var(--indigo); color: #fff; box-shadow: inset 3px 0 0 var(--mint); }
.reiter-leiste .reiter.aktiv { background: var(--indigo); color: #fff; }
.reiter-titel { font-family: var(--titel); }

/* Knöpfe, Fokus, Auswahl */
.knopf { border-radius: 10px; font-weight: 500; }
.knopf.primaer { background: var(--indigo); border-color: var(--indigo); }
.knopf.primaer:hover { background: var(--indigo-dunkel); border-color: var(--indigo-dunkel); filter: none; }
:focus-visible { outline: 2px solid var(--indigo); outline-offset: 2px; }
.eingabe:focus, .auswahl:focus, textarea:focus, select:focus { border-color: var(--indigo); box-shadow: 0 0 0 3px rgba(105, 94, 233, .15); outline: none; }
.ls-option.gewaehlt, .ls-option:has(input:checked) { box-shadow: 0 0 0 2px rgba(105, 94, 233, .18); }
.segment input:checked + span, .dm-tag.heute { background: var(--indigo); }
.kb-weg:has(input:checked) { background: var(--indigo-hg); }
ol.werdegang li.aktuell::before { border-color: var(--indigo); background: var(--indigo); }
.sb-neu circle { fill: rgba(105, 94, 233, .18); }

/* Karten und Kennzahlen */
.karte { border-radius: var(--radius); border-color: var(--linie); }
.kachel .wert, .kpi .wert, .kennzahl .wert, .lage-kachel .wert { font-family: var(--titel); font-weight: 600; color: var(--navy); }
.fuss { color: var(--schwach); }

/* „Erledigt“ – der einzige Einsatz von Mint als Fläche */
.badge.erledigt, .lv-erledigt { background: var(--mint-hg); color: #046B53; }

/* Anmeldung: dunkle Variante (Primär dunkel) */
body.leer-seite { background: radial-gradient(1200px 600px at 15% 0%, #23365A 0%, transparent 60%), var(--navy); flex-direction: column; gap: 22px; }
.anmelde-marke { text-align: center; color: #fff; }
.anmelde-marke img { height: 46px; width: auto; display: block; margin: 0 auto 10px; }
.anmelde-marke .claim { font-family: var(--titel); font-size: 1.02rem; color: #DCE2EE; letter-spacing: .01em; }
.anmelde-karte { border-radius: 18px; box-shadow: 0 24px 60px rgba(0, 0, 0, .35); }
.anmelde-karte h1 { font-family: var(--titel); }
.anmelde-vertrauen { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; font-size: .74rem; color: #AFB9CB; max-width: 520px; }
.anmelde-vertrauen span::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--mint); margin-right: 6px; vertical-align: middle; }

@media (max-width: 860px) {
  .rahmen { background: none; }
  .marke .mandant-teil { display: none; }
}

/* Lexend läuft breiter als die Systemschrift: Tabellen etwas kompakter, damit sie in die Seite passen */
.tabelle { font-size: 13.3px; }
.tabelle th { font-size: 11px; letter-spacing: .03em; }
.tabelle td, .tabelle th { padding-left: 9px; padding-right: 9px; }