/* ===== Mobiles Menü — Fassung 27.09.2026 (Menüschrift wie Desktop: Source Sans Pro) =====
   Unter 1000 px: Vollflächen-Menü unter der Kopfzeile, Schalter wird zum Kreuz,
   Seite dahinter steht still. Unten Kontakt, Dossier, Telefon/Mail und Sprache.
   Unter 620 px: Wortmarke wieder sichtbar, Sprachwahl wandert ins Menü. */
.kopf .menue-fuss{display:none}
.kopf .kopf-nav > a.menue-home{display:none}
@media(max-width:999px){
  .kopf .kopf-nav{position:absolute;top:100%;left:0;right:0;bottom:auto;
    height:calc(100vh - var(--kopf-h,68px) + 1px);height:calc(100dvh - var(--kopf-h,68px) + 1px);
    display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;
    overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    background:#fff;border-top:3px solid var(--mli-magenta);box-shadow:none;
    padding:10px var(--luft) calc(28px + env(safe-area-inset-bottom,0px));
    visibility:hidden;opacity:0;transform:translateY(-10px);
    transition:opacity .22s ease,transform .26s ease,visibility 0s linear .26s;
    counter-reset:menue}
  .kopf.kopf-offen .kopf-nav{visibility:visible;opacity:1;transform:none;
    transition:opacity .22s ease,transform .26s ease,visibility 0s}
  .kopf .kopf-nav > a{position:relative;display:flex;align-items:baseline;gap:16px;
    font-family:var(--text,"Source Sans Pro",sans-serif);font-size:21px;line-height:1.3;font-weight:400;
    color:var(--mli-schiefer);padding:17px 30px 16px 0;white-space:normal;
    border-bottom:1px solid var(--linie);counter-increment:menue;
    opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease,color .14s ease}
  .kopf .kopf-nav > a::before{content:counter(menue,decimal-leading-zero);flex:0 0 auto;
    font-family:var(--text);font-size:12.5px;font-weight:600;letter-spacing:.14em;
    color:var(--mli-magenta);min-width:1.9em}
  .kopf .kopf-nav > a::after{content:"";position:absolute;right:4px;top:50%;width:9px;height:9px;
    margin-top:-5px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;
    transform:rotate(45deg);opacity:.45;transition:opacity .14s ease,right .14s ease}
  .kopf .kopf-nav > a:last-of-type{border-bottom:1px solid var(--linie)}
  .kopf .kopf-nav > a:hover,.kopf .kopf-nav > a:focus-visible{color:var(--mli-magenta);border-bottom-color:var(--linie)}
  .kopf .kopf-nav > a:hover::after{opacity:1;right:0}
  .kopf .kopf-nav > a[aria-current]{color:var(--mli-magenta);font-weight:400;border-bottom-color:var(--linie)}
  .kopf .kopf-nav > a[aria-current]::after{opacity:1}
  .kopf.kopf-offen .kopf-nav > a{opacity:1;transform:none}
  .kopf.kopf-offen .kopf-nav > a:nth-of-type(2){transition-delay:.03s}
  .kopf.kopf-offen .kopf-nav > a:nth-of-type(3){transition-delay:.06s}
  .kopf.kopf-offen .kopf-nav > a:nth-of-type(4){transition-delay:.09s}
  .kopf.kopf-offen .kopf-nav > a:nth-of-type(5){transition-delay:.12s}
  .kopf.kopf-offen .kopf-nav > a:nth-of-type(6){transition-delay:.15s}
  .kopf.kopf-offen .kopf-nav > a:nth-of-type(7){transition-delay:.18s}

  .kopf .kopf-nav > a.menue-home{display:flex;counter-increment:none}
  .kopf .kopf-nav > a.menue-home::before{content:none}
  .kopf .kopf-nav > a.menue-home svg{flex:0 0 auto;width:1.9em;min-width:1.9em;height:18px;align-self:center;
    margin:0 2px 0 -2px;fill:none;stroke:var(--mli-magenta);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;
    font-size:12.5px}
  .kopf .menue-fuss{display:block;margin-top:auto;padding-top:30px}
  .kopf .menue-fuss .menue-augen{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.2em;
    text-transform:uppercase;color:var(--mli-magenta)}
  .kopf .kopf-nav .menue-fuss .menue-knopf{display:block;text-align:center;background:var(--mli-magenta);color:#fff;
    font-family:var(--text);font-weight:600;font-size:17px;padding:15px 20px;text-decoration:none;border:0}
  .kopf .kopf-nav .menue-fuss .menue-knopf:hover{background:#A80040;color:#fff}
  .kopf .kopf-nav .menue-fuss .menue-dossier{display:flex;align-items:center;gap:12px;margin-top:10px;
    padding:13px 16px;border:1px solid var(--linie);border-left:3px solid var(--mli-magenta);
    color:var(--mli-schiefer);text-decoration:none;font-size:15.5px;line-height:1.35}
  .kopf .menue-fuss .menue-dossier small{display:block;font-size:13px;color:var(--mli-grau-text)}
  .kopf .menue-fuss .menue-dossier svg{flex:0 0 auto;width:22px;height:22px;stroke:var(--mli-magenta);fill:none;stroke-width:1.6}
  .kopf .menue-fuss .menue-kontakt{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:20px;font-size:15.5px}
  .kopf .kopf-nav .menue-fuss .menue-kontakt .tel{color:var(--mli-schiefer);padding-bottom:2px}
  .kopf .kopf-nav .menue-fuss .menue-kontakt a{color:var(--mli-schiefer);text-decoration:none;border-bottom:1px solid var(--linie);padding-bottom:2px}
  .kopf .kopf-nav .menue-fuss .menue-kontakt a:hover{color:var(--mli-magenta);border-bottom-color:var(--mli-magenta)}
  .kopf .menue-fuss .kopf-sprache{display:inline-flex;margin:22px 0 0;padding:7px 14px;font-size:15px}
  .kopf .menue-fuss .kopf-sprache .sprache-globus{display:block}
  .kopf .kopf-nav .menue-fuss .kopf-sprache a{font-size:inherit;padding:2px 1px;border-bottom:1px solid transparent}
  .kopf .kopf-nav .menue-fuss a{white-space:normal}

  /* Schalter wird zum Kreuz */
  .kopf-schalter span:not(.nurlesen){transform-origin:center}
  .kopf.kopf-offen .kopf-schalter{border-color:var(--mli-magenta)}
  .kopf.kopf-offen .kopf-schalter span:not(.nurlesen){background:var(--mli-magenta)}
  .kopf.kopf-offen .kopf-schalter .balken1{transform:translateY(6px) rotate(45deg)}
  .kopf.kopf-offen .kopf-schalter .balken2{opacity:0}
  .kopf.kopf-offen .kopf-schalter .balken3{transform:translateY(-6px) rotate(-45deg)}

  html.menue-offen{overflow:hidden}
  html.menue-offen body{overflow:visible}
  html.menue-offen .nach-oben{display:none}
}
@media(max-width:620px){
  .kopf .kopf-logo{gap:10px}
  .kopf .kopf-logo .wortmarke{display:block;font-size:14.5px;line-height:1.1;letter-spacing:.06em}
  .kopf > .rahmen > .kopf-sprache{display:none}
  .kopf .kopf-nav > a{font-size:20px;padding-top:15px;padding-bottom:14px}
}
@media(max-width:379px){
  .kopf .kopf-knopf{display:none}
}
@media(prefers-reduced-motion:reduce){
  .kopf .kopf-nav,.kopf .kopf-nav > a,.kopf-schalter span{transition:none!important}
}

/* ===== Gestaltungsregeln — Fassung 26.09.2026b =====
   1 Erklärtext rechts neben der Headline: Fließtextgröße, fett, oben bündig zur Headline
     (Feinausrichtung per Skript „Gestaltungsregeln").
   2 Sublines direkt unter der Headline laufen über beide Spalten.
   3 Kein Einzelwort in der letzten Zeile von Headlines und Sublines.
   4 Aufzählungen mit kleinen Magenta-Quadraten statt Punkten oder Strichen.
   5 Einheitliche Abschnittsköpfe: Dachzeile, Headline und Subline auf allen Seiten gleich
     (dunkle Flächen: Dachzeile Amber, Subline Weiß 82 %; dunkle Sektionen ohne .dunkel bekommen .dunkelgrund).
   6 Roter Faden durchgängig in MLI-Magenta (Linie, Kreuze, Nummern), auf dunklen Flächen Weiß;
     .faden.durch = Linie ohne Marke.
   7 Telefonnummern ohne Link; nie doppelte Unterstreichung.
   8 Brotkrumenpfad (.krumen) auf allen Seiten gleich: 13 px, grau, Link grau mit feiner Linie.
   9 Angebotskacheln der Startseite in Silber, beim Überfahren Magenta.
  10 Einheitlicher Fließtext: 17,5 px/1,62 für laufenden Text, 16 px/1,6 für Kachel-, Kasten- und FAQ-Text. */
.bandkopf:has(> p.vorspann){align-items:start}
.bandkopf:has(> p.vorspann) > div{align-self:start}
.bandkopf > p.vorspann{align-self:start;font-family:var(--text);font-size:inherit;
  line-height:inherit;font-weight:600;font-style:normal;letter-spacing:normal}
.bandkopf h2 ~ p.vorspann,.rahmen > h2 ~ p.vorspann{max-width:none}
section :is(h1,h2,h3,h4),.vorspann,.anriss{text-wrap:pretty}
.wortpaar{white-space:nowrap}

section ul:not([class]):not(.kasten > ul) > li,
.kachel.nein li,.eignung .nein li{list-style:none;position:relative;padding-left:20px}
section ul:not([class]):not(.kasten > ul){padding-left:0;list-style:none}
section ul:not([class]):not(.kasten > ul) > li::before,
.kachel.nein li::before,.eignung .nein li::before{content:"";position:absolute;left:0;
  top:calc(.5em * var(--quadrat-lh,1.62) - 3px);width:7px;height:7px;margin:0;
  background:var(--mli-magenta,#C8004B);border:0;border-radius:0;transform:none;opacity:1;color:transparent}
.dunkel section ul:not([class]) > li::before,.dunkel ul:not([class]) > li::before{background:var(--mli-magenta,#C8004B)}

section p.marke:has(+ h2){font-family:var(--text,"Source Sans Pro",sans-serif);font-size:13px;font-weight:600;
  font-style:normal;letter-spacing:.16em;text-transform:uppercase;line-height:1.62;margin:0 0 14px!important;
  color:var(--mli-magenta,#C8004B)!important}
:is(.dunkel,.tief,.dunkelgrund,.blickfang,.abschluss:not(.abschluss--magenta)) p.marke:has(+ h2){color:#E0C58B!important}
:is(.band--petrol,.petrol):not(.flaeche-schiefer) p.marke:has(+ h2){color:rgba(255,255,255,.88)!important}
.abschluss--magenta p.marke:has(+ h2){color:#fff!important}
section h2:not(:is(.kachel,.box,.kasten,.abschluss-wege,.personenraster,.faq,details,.st-feld,.stimme,figure,
  .ueberblick,.beitrag,.weg,.zugang,.fall,.coachkarte,.stimmen-drei) h2){font-family:var(--titel,Georgia,serif);
  font-weight:400;font-style:normal;font-size:clamp(28px,3.2vw,37px);line-height:1.16;letter-spacing:-.012em;margin-bottom:14px}
section h2:not(:is(.kachel,.box,.kasten,.abschluss-wege,.personenraster,.faq,details,.st-feld,.stimme,figure,
  .ueberblick,.beitrag,.weg,.zugang,.fall,.coachkarte,.stimmen-drei) h2) + p:not(.marke):not(.fliess){
  font-family:var(--text,"Source Sans Pro",sans-serif);font-size:19.5px;line-height:1.58;font-weight:400;font-style:normal;
  color:var(--mli-grau-text,#5A686E)}
section:is(.dunkel,.tief,.dunkelgrund,.blickfang,.band--petrol,.petrol,.abschluss:not(.abschluss--magenta)) h2 + p:not(.marke):not(.fliess),:is(.dunkel,.tief,.dunkelgrund,.blickfang,.band--petrol,.petrol,.abschluss:not(.abschluss--magenta)) section h2 + p:not(.marke):not(.fliess){color:rgba(255,255,255,.82)}

.faden::before,.faden::after{
  background:repeating-linear-gradient(to bottom,var(--mli-magenta,#C8004B) 0 5px,transparent 5px 11px)}
.faden .marke g{stroke:var(--mli-magenta,#C8004B)!important;opacity:1!important}
.faden .nr{color:var(--mli-magenta,#C8004B);opacity:1}
section:is(.dunkel,.tief,.dunkelgrund,.blickfang,.band--petrol,.petrol,.abschluss:not(.abschluss--magenta)) > .faden::before,section:is(.dunkel,.tief,.dunkelgrund,.blickfang,.band--petrol,.petrol,.abschluss:not(.abschluss--magenta)) > .faden::after{
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.7) 0 5px,transparent 5px 11px)}
section:is(.dunkel,.tief,.dunkelgrund,.blickfang,.band--petrol,.petrol,.abschluss:not(.abschluss--magenta)) > .faden .marke g{stroke:#fff!important;opacity:1!important}
section:is(.dunkel,.tief,.dunkelgrund,.blickfang,.band--petrol,.petrol,.abschluss:not(.abschluss--magenta)) > .faden .nr{color:#fff;opacity:1}
section:has(> .faden){position:relative}
.faden.durch::before{height:auto;bottom:0}
.faden.durch::after{display:none}

.tel{white-space:nowrap}
a[style*="border-bottom"]{text-decoration:none}

.krumen{font-family:var(--text,"Source Sans Pro",sans-serif);font-size:13px;line-height:1.5;
  color:var(--mli-grau-text,#5A686E)!important;padding:14px 0 0;margin:0 0 18px}
.krumen a{color:inherit!important;font-weight:400;text-decoration:none;border-bottom:1px solid var(--linie,#E3E6E8)}
.krumen a:hover{color:var(--mli-schiefer,#354B55)!important;border-bottom-color:var(--mli-magenta,#C8004B)}
.krumen span{padding:0 7px;color:var(--mli-hellgrau,#C7CCCF)}

/* --- 9 Angebotskacheln Startseite: Silberton, 14 px Abstand, nummeriert; beim Überfahren/Antippen Magenta --- */
.gitter.angebot{gap:14px;background:none;border:0;counter-reset:angebot}
.gitter.angebot .kachel{position:relative;counter-increment:angebot;
  background:linear-gradient(150deg,#F6F8F9 0%,#E6EBEE 46%,#D2DADE 100%);
  border:1px solid #CBD4D8;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(53,75,85,.06);
  padding:30px 26px 28px;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease}
.gitter.angebot .kachel::before{content:counter(angebot,decimal-leading-zero);display:block;margin-bottom:16px;
  font-family:var(--text,"Source Sans Pro",sans-serif);font-size:13px;font-weight:600;letter-spacing:.16em;
  color:var(--mli-magenta,#C8004B);transition:color .28s ease}
.gitter.angebot .kachel .lage{font-size:20px;line-height:1.36}
.gitter.angebot .kachel .mehr::after{content:"\00a0\2192";display:inline;padding-left:4px;transition:padding-left .28s ease}
.gitter.angebot .kachel:is(:hover,:focus-within,:active){background:var(--mli-magenta,#C8004B);border-color:var(--mli-magenta,#C8004B);
  box-shadow:0 14px 34px rgba(200,0,75,.28);transform:translateY(-3px)}
.gitter.angebot .kachel:is(:hover,:focus-within,:active)::before,
.gitter.angebot .kachel:is(:hover,:focus-within,:active) :is(.marke,.lage,.mehr){color:#fff!important}
.gitter.angebot .kachel:is(:hover,:focus-within,:active) .mehr{border-bottom-color:rgba(255,255,255,.7)!important}
.gitter.angebot .kachel:is(:hover,:focus-within,:active) .mehr::after{padding-left:9px}
@media(prefers-reduced-motion:reduce){.gitter.angebot .kachel,.gitter.angebot .kachel *{transition:none!important}
  .gitter.angebot .kachel:hover{transform:none}}

/* --- 10 Einheitlicher Fließtext: laufender Text 17,5 px, Kachel-/Kasten-/FAQ-Text 16 px --- */
body{font-size:17.5px;line-height:1.62}
section :is(.satz,.ebenen,.zweispalt,.duo > .ablauf,.duo > div > .ablauf) :is(p,li):not([class]):not(:is(.box,.kachel,.kasten,.quelle) *),
section p.kb-einstieg{font-size:17.5px!important;line-height:1.62}
section:not(.beitrag) :is(.kachel,.antwort,.weg,.feldkarte,.feld,.these,.fallkarte,.kasten,.zugang,.abschluss-wege,
  .hakenliste,.kontakt,.box,.ziele-fuenf,.halt,.fb-text) :is(p,li,dd):not([class]):not(:is(.quelle,.klein) *),
section .autorkasten p:not([class]),
section.kb-rubrik .kachel p.k-anriss{font-size:16px;line-height:1.6}

/* -- Überschriften unterhalb der Abschnittsebene in Textschrift (Fassung 01.10.2026) --
   Georgia bleibt für h1 und h2 (ab rund 37 px). Zwischen- und Kartenüberschriften (h3, h4; 18–24 px) stehen in
   Source Sans Pro fett; h3 in Schiefer, h4 in Magenta. Auf dunklem Grund gelten die dortigen hellen Farben.
   Ausgenommen: Strategy-Story-Modul (.sx) und Serienkasten (.st-kasten) mit eigener Serien-Typografie. */
main h3:not(.sx h3):not(.st-kasten h3),
main h4:not(.sx h4):not(.st-kasten h4){font-family:var(--text,"Source Sans Pro"),"Source Sans Pro",system-ui,sans-serif;font-weight:700;letter-spacing:-.003em;line-height:1.3}
main :where(h4:not(.sx h4):not(.st-kasten h4)){color:var(--mli-magenta,#C8004B)}
main h4:not(.sx h4):not(.st-kasten h4){font-size:21px}
@media (max-width:620px){main h4:not(.sx h4):not(.st-kasten h4){font-size:19.5px}}

/* -- Vier klare Schriftregeln (Fassung 01.10.2026): 1 Überschriften Georgia gerade · 2 Zitate Georgia kursiv ·
      3 Kennzeilen und Zwischenüberschriften Source Sans fett · 4 alles andere Source Sans gerade.
      Einleitungen im Seitenkopf sind deshalb nicht mehr kursiv, sondern größer gesetzte Textschrift. -- */
main :is(.aufschlag,.seitenkopf,.auf,.kb-kopf,.bt-kopf,.navsystem,.rahmen) p:is(.wm-satz,.anriss,.nav-unter),
:is(.seitenkopf,.kb-kopf,.bt-kopf) .rahmen p.lage,:is(.seitenkopf,.kb-kopf,.bt-kopf) p.lage{font-family:var(--text,"Source Sans Pro"),"Source Sans Pro",system-ui,sans-serif;font-style:normal;font-weight:400;letter-spacing:0}
main :is(h1,h2):not(.sx *) em{font-style:normal}
.bt-kopf p.untertitel{font-family:var(--text,"Source Sans Pro"),"Source Sans Pro",system-ui,sans-serif;font-style:normal;font-weight:400;font-size:clamp(18px,1.4vw,20.5px);line-height:1.5}
main :is(.aufschlag,.seitenkopf,.auf,.kb-kopf,.bt-kopf,.rahmen) p:is(.wm-satz,.anriss),:is(.seitenkopf,.kb-kopf,.bt-kopf) .rahmen p.lage,:is(.seitenkopf,.kb-kopf,.bt-kopf) p.lage{font-size:clamp(18px,1.4vw,20.5px);line-height:1.55}

/* -- Lesegrund im Seitenkopf (Fassung 01.10.2026): Artwork tritt hinter Überschrift und Text zurück, nach
      rechts bleibt es voll sichtbar. Nur in Köpfen mit Artwork. -- */
:is(.seitenkopf,.aufschlag,.kb-kopf,.bt-kopf):has(> svg.artwork, > .bw-buehne)::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(242,244,245,.95) 0%,rgba(242,244,245,.9) 36%,rgba(242,244,245,0) 62%)}
.auf:has(> .bw-buehne, > svg.linien)::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.9) 36%,rgba(255,255,255,0) 62%)}
.auf > .rahmen{position:relative;z-index:1}
@media (max-width:760px){
  :is(.seitenkopf,.aufschlag,.kb-kopf,.bt-kopf):has(> svg.artwork, > .bw-buehne)::after{background:rgba(242,244,245,.86)}
  .auf:has(> .bw-buehne, > svg.linien)::after{background:rgba(255,255,255,.86)}
}

/* -- Kundenstimmen siteweit auf dezentem Goldton statt Rosa (Fassung 02.10.2026) -- */
main :is(.stimmen-drei figure,.zitat,.stimmkarte){background:#F7F1E4}

/* -- MLI-Gestaltungssystem (Fassung 03.10.2026) ----------------------------------------------------------------
   Schrift und Farbe je Element:
   Dachzeile      Source Sans Pro 600 · 13 px · Versalien · Sperrung .16em · Magenta (dunkler Grund: Gold hell #E0C58B)
   Kennzeile      Source Sans Pro 600 · 12 px · Versalien · Sperrung .16em · Grau #6E7B82 (in Karten und Editorials)
   H1 / H2        Georgia 400 · Schiefer · Hervorhebung Magenta, gerade (dunkler Grund: Weiß)
   Editorialtitel Georgia 400 · 26 px · Schiefer
   H3 / H4        Source Sans Pro 700 · H3 Schiefer · H4 Magenta
   Einleitung     Source Sans Pro 600 · 17,5 px · Schiefer
   Fließtext      Source Sans Pro 400 · 17 px · Grautext
   Quelle/Methode Source Sans Pro 400 · 13,5 px · Grau #6E7B82
   Zitat          Georgia kursiv · Schiefer; Name Source Sans Pro 600 Magenta, Funktion 400 Grau
   Kennzahl       Georgia 400 · Weiß auf Magenta
   Kacheltypen:   Karte (.k-karte) · Kennzahl (.beleg-feld) · Zitat (.stimmkarte) · Editorial (.ed-bericht) · Band dunkel
   Rechte Spalten und Grafiken beginnen bündig mit der Abschnittsüberschrift, nicht mit der Dachzeile. -- */
@media (min-width:960px){
  .zweispalt:has(> :first-child > .marke:first-child) > :nth-child(2),
  .duo:has(> :first-child > .marke:first-child) > :nth-child(2){margin-top:37px}
  .kopfzeile.mit-kompass{align-items:start}
  .kopfzeile.mit-kompass > .kompassfeld{margin-top:37px}
}
main :is(.bandkopf,.kopfzeile,.zweispalt,.duo) > :first-child > p.marke:first-child{color:var(--mli-magenta,#C8004B)}
main :is(.dunkel,.dunkelgrund,.ws-dunkel,.petrol,.band.dunkel) :is(.bandkopf,.kopfzeile,.zweispalt,.duo) > :first-child > p.marke:first-child{color:#E0C58B}
.k-raster{display:grid;gap:24px}
.k-raster.drei{grid-template-columns:repeat(3,1fr)}
.k-raster.vier{grid-template-columns:repeat(4,1fr)}
.k-karte{display:flex;flex-direction:column;background:#fff;border:1px solid #D5DDE0;border-top:4px solid var(--mli-magenta,#C8004B);padding:28px 28px 30px;border-radius:0;box-shadow:none}
.k-karte .kennzeile{margin:0 0 12px;font:600 12px/1.4 var(--text,"Source Sans Pro"),sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#6E7B82}
.k-karte h3{margin:0 0 12px;font-size:21px;line-height:1.28;color:var(--mli-schiefer,#354B55)}
.k-karte .k-zitat{margin:0 0 18px;font-family:var(--titel,Georgia,serif);font-style:italic;font-size:19px;line-height:1.45;color:var(--mli-schiefer,#354B55)}
.k-karte .k-ergebnis{margin:0 0 20px;padding-top:14px;border-top:1px solid #D5DDE0;font-size:15.5px;line-height:1.5;color:var(--mli-schiefer,#354B55)}
.k-karte .k-ergebnis b{display:block;margin-bottom:4px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#6E7B82}
.k-karte .mehr{margin-top:auto;align-self:flex-start}
/* Editorial-Standard E1 (Fassung 03.10.2026): Dachzeile · Überschrift · Subline (volle Breite, kein Text rechts) ·
   zwei Spalten, je ein Fall · keine Rahmen, keine Linien · fetter Einstieg nennt das Unternehmen · Ergebnis als
   fetter Einstieg des letzten Absatzes · Ordnung über Weißraum. */
.ed-kopf{max-width:760px;margin:0 0 44px}
.ed-kopf h2{margin:6px 0 0}
main .ed-kopf > p.ed-subline{margin:16px 0 0!important;font-size:18px!important;line-height:1.55!important;font-weight:600!important;color:var(--mli-schiefer,#354B55)!important;font-family:var(--text,"Source Sans Pro"),sans-serif!important;font-style:normal!important}
.ed-spalten{display:grid;grid-template-columns:1fr 1fr;gap:40px 72px;align-items:start}
.ed-fall p{margin:0 0 14px;font-size:17px;line-height:1.68;color:var(--mli-grau-text,#4A5A61)}
.ed-fall p:last-child{margin-bottom:0}
.ed-fall p b{font-weight:700;color:var(--mli-schiefer,#354B55)}
.ed-fall p:first-child{font-size:18px;line-height:1.6;color:var(--mli-schiefer,#354B55)}
.ed-quelle{margin:36px 0 0;font-size:13.5px;line-height:1.6;color:#6E7B82}
.ed-quelle a{color:inherit}
@media (max-width:980px){.k-raster.vier{grid-template-columns:repeat(2,1fr)}.k-raster.drei{grid-template-columns:1fr}}
@media (max-width:760px){.k-raster.vier{grid-template-columns:1fr}.ed-spalten{grid-template-columns:1fr;gap:36px}}
/* -- Rosa ersetzt: Akzentkästen und Zitatflächen siteweit im Goldton (Fassung 03.10.2026) -- */
main .box.akzent{background:#F7F1E4!important;border-color:#EADFC6!important}
.ed-spalten > *{min-width:0}

/* -- Zentrale Bauteile, für alle Seiten verbindlich (Fassung 04.10.2026) --------------------------------------
   Farbrollen: Schiefer = Bühne für Grafiken und große Aussagen · Petrol kräftig = Prozesse (höchstens eine Fläche
   je Seite) · Petrol hell = hervorgehobene Textblöcke · Magenta = Akzent. Schiefer- und Petrolflächen stehen nie
   direkt nacheinander. Auf Petrol keine Goldschrift: Dachzeile dort Weiß. -- */
:root{--mli-petrol:#007485;--mli-schiefer:#354B55;--mli-petrol-tint:#E3F0F2;--mli-petrol-hell:#3A9DAA}
html .flaeche-schiefer{background:var(--mli-schiefer)!important;color:#fff}
html .flaeche-petrol{background:var(--mli-petrol)!important;color:#fff}
html .flaeche-tint{background:var(--mli-petrol-tint)!important;color:var(--mli-schiefer)}
html :is(.flaeche-schiefer,.flaeche-petrol) :is(h2,h3,h4){color:#fff}
html :is(.flaeche-schiefer,.flaeche-petrol) p{color:rgba(255,255,255,.88)}
html .flaeche-schiefer :is(.bandkopf,.kopfzeile) > :first-child > p.marke:first-child,html .flaeche-schiefer p.marke{color:#E0C58B!important}
html .flaeche-petrol :is(.bandkopf,.kopfzeile) > :first-child > p.marke:first-child,html .flaeche-petrol p.marke{color:rgba(255,255,255,.85)!important}
html .flaeche-tint :is(h2,h3){color:var(--mli-schiefer)}
html .flaeche-tint p{color:var(--mli-schiefer)}
html .flaeche-tint p.marke{color:var(--mli-petrol)!important}
/* Editorial E1: Überschrift so breit wie möglich, Spitzmarke je Fall in Magenta */
html .ed-kopf{max-width:none}
html .ed-kopf h2{max-width:none}
html .ed-fall .ed-firma{margin:0 0 10px;font:600 18px/1.4 var(--text,"Source Sans Pro"),sans-serif;color:var(--mli-magenta,#C8004B)}
html .ed-fall p:first-child:not(.ed-firma){font-size:17px;color:var(--mli-grau-text,#4A5A61)}
/* Aussage-Band (80 %) */
html .blickfang{position:relative;background:var(--mli-schiefer);color:#fff;padding:clamp(26px,3vw,40px) 0}
html .blickfang .rahmen{display:grid;grid-template-columns:auto 1fr;gap:clamp(34px,5vw,68px);align-items:center}
html .blickfang .bf-zahl{margin:0;padding-right:clamp(28px,4vw,52px);border-right:1px solid rgba(255,255,255,.22)}
html .blickfang .bf-zahl span{display:block;font-family:var(--titel,Georgia,serif);font-weight:400;font-size:clamp(56px,6.4vw,92px);line-height:1;color:#E0C58B}
html .blickfang .bf-satz{margin:0 0 10px;font-family:var(--titel,Georgia,serif);font-style:italic;font-size:clamp(20px,2vw,26px);line-height:1.4;color:#fff;max-width:none}
html .blickfang .bf-quelle{margin:0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.62);max-width:none}
@media (max-width:760px){html .blickfang .rahmen{grid-template-columns:1fr;gap:16px}html .blickfang .bf-zahl{border-right:0;padding-right:0}}
/* Kennzahl-Felder und Messerläuterung */
html .beleg-felder{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:6px 0 20px}
html .beleg-feld{background:var(--mli-magenta,#C8004B);color:#fff;padding:28px 30px 26px;border-radius:0}
html .beleg-feld b{display:flex;align-items:center;gap:.2em;font-family:var(--titel,Georgia,serif);font-weight:400;font-size:clamp(44px,4.4vw,62px);line-height:1;color:#fff;margin:0 0 12px}
html .beleg-feld span{display:block;font-size:16.5px;line-height:1.45;color:#fff}
html .beleg-feld small{display:block;margin-top:4px;font-size:14px;color:rgba(255,255,255,.82)}
html .beleg-messung{margin:0;max-width:1000px}
html .beleg-messung p{margin:0 0 6px;font-size:13.5px;line-height:1.6;color:#6E7B82}
html .beleg-messung strong{font-weight:600;color:var(--mli-schiefer)}
@media (max-width:760px){html .beleg-felder{grid-template-columns:1fr}}
/* Karte für Warum · Wie · Was (gleiche Gestalt wie .k-karte) */
html .lv-karten{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px}
html .lv-karte{background:#fff;border:1px solid #D5DDE0;border-top:4px solid var(--mli-gold,#CC9F3D);padding:28px 28px 30px;border-radius:0;box-shadow:none}
html .lv-karte:nth-child(2){border-top-color:var(--mli-petrol)}
html .lv-karte:nth-child(3){border-top-color:var(--mli-magenta,#C8004B)}
html .lv-karte .marke{color:#6E7B82!important;font-size:12px;margin:0 0 12px}
html .lv-karte h3{margin:0 0 12px;font-size:21px;line-height:1.28;color:var(--mli-schiefer)}
html .lv-karte p:not(.marke){margin:0;font-size:16.5px;line-height:1.6}
@media (max-width:980px){html .lv-karten{grid-template-columns:1fr}}
/* Hervorgehobener Textblock (Petrol hell) */
html .st-teaser,html .k-hinweis{background:var(--mli-petrol-tint);border-left:4px solid var(--mli-petrol);padding:26px 30px}
html .st-teaser .marke,html .k-hinweis .marke{color:var(--mli-petrol)!important}
html .flaeche-schiefer .dyn-leitsatz{color:#E0C58B!important}
html .flaeche-tint .trio .feld{border-top-color:var(--mli-petrol)!important}
html .flaeche-tint .trio .feld p{color:var(--mli-schiefer)!important}
/* -- Kontrast: kleines Grau dunkler, keine Goldschrift auf Petrol, Fließtext auf Petrol kräftiger (Fassung 04.10.2026) -- */
html :is(.k-karte .kennzeile,.lv-karte .marke,.beleg-messung p,.ed-quelle,.k-karte .k-ergebnis b){color:#5B6970!important}
html :is(.petrol,.band--petrol,.flaeche-petrol):not(.flaeche-schiefer) > .rahmen > :is(.bandkopf,.kopfzeile) p.marke,
html :is(.petrol,.band--petrol,.flaeche-petrol):not(.flaeche-schiefer) > .rahmen > :is(.bandkopf,.kopfzeile) > div > p.marke{color:rgba(255,255,255,.88)!important}
html .flaeche-petrol > .rahmen > :is(.bandkopf,.kopfzeile) p:not(.marke){color:rgba(255,255,255,.92)!important}
html .wm-schritt.ziel h3{color:#fff!important}
html .wm-schritt .wm-marke{color:rgba(255,255,255,.85)!important}
html :is(.weg--haupt,.abschluss--magenta,.beleg-feld) :is(p,span,small,li){color:rgba(255,255,255,.95)!important}
html :is(.petrol,.band--petrol) > .rahmen > .bandkopf p.vorspann{color:rgba(255,255,255,.95)!important}
html .k-raster.vier .k-karte{padding:24px 22px 26px}
html .k-raster.vier .k-karte h3{font-size:19px}
html .lv-karte p.lv-text b{display:block;margin-bottom:8px;font-size:20px;line-height:1.3;font-weight:700;color:var(--mli-schiefer)}

/* -- Abschnittsköpfe einspaltig (Fassung 04.10.2026): Überschrift breit über zwei bis drei Spalten, die Erläuterung
      als Subline darunter über die volle Textbreite. Kein Textblock rechts neben der Überschrift. -- */
html .bandkopf{display:block!important;margin-bottom:34px}
html .bandkopf > div:first-child{max-width:none}
html .bandkopf > div:first-child h2,html .bandkopf > h2{max-width:min(100%,72%)}
html .bandkopf > p.vorspann,html .bandkopf > div > p.vorspann{margin:16px 0 0!important;max-width:none!important}
html .kopfzeile:has(h2 + p){display:block!important;max-width:none}
html .kopfzeile:has(h2 + p) > h2{max-width:min(100%,72%)}
html .kopfzeile:has(h2 + p) > p{max-width:none!important;margin:16px 0 0!important}
@media (max-width:760px){html .bandkopf > div:first-child h2,html .bandkopf > h2,html .kopfzeile:has(h2 + p) > h2{max-width:none}}

/* -- Angebotskarte (Fassung 05.10.2026): silberner Verlauf, Linie oben in Gold / Petrol / Magenta / Schiefer,
      beim Überfahren Magenta mit weißer Schrift, weich animiert. Für Leistungen (Startseite) und Wege (Coaching). -- */
html .k-karte.angebot{background:linear-gradient(180deg,#F4F6F7 0%,#E4E8EA 100%);border:1px solid #D5DDE0;border-top:4px solid var(--mli-gold,#CC9F3D);transition:background .35s ease,color .35s ease,transform .25s ease}
html .k-karte.angebot:nth-child(2){border-top-color:var(--mli-petrol)}
html .k-karte.angebot:nth-child(3){border-top-color:var(--mli-magenta,#C8004B)}
html .k-karte.angebot:nth-child(4){border-top-color:var(--mli-schiefer)}
html .k-karte.angebot :is(h3,p,.k-zitat,.k-ergebnis,.kennzeile,.mehr){transition:color .35s ease,border-color .35s ease}
html .k-karte.angebot:is(:hover,:focus-within){background:var(--mli-magenta,#C8004B);border-color:var(--mli-magenta,#C8004B);transform:translateY(-2px)}
html .k-karte.angebot:is(:hover,:focus-within) :is(h3,p,.k-zitat,.k-ergebnis,.k-ergebnis b,.kennzeile,.mehr){color:#fff!important}
html .k-karte.angebot:is(:hover,:focus-within) .k-ergebnis{border-top-color:rgba(255,255,255,.35)}
html .k-karte.angebot:is(:hover,:focus-within) .mehr{border-bottom-color:rgba(255,255,255,.6)}
html a.k-karte{text-decoration:none;color:inherit}
/* Kontaktkarten: leichtes Aufhellen und Anheben beim Überfahren, auf allen Seiten */
html .abschluss-wege .weg{transition:background .25s ease,transform .25s ease}
html .abschluss-wege .weg:not(.weg--haupt):hover{background:#3A4E57}
html .abschluss-wege .weg:hover{transform:translateY(-2px)}
/* Bildleisten: Luft zwischen den Bildern, auf dem Handy untereinander */
html .fotostrecke{gap:18px}
@media (max-width:980px){html .fotostrecke,html .fotostrecke.drei{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){html .fotostrecke,html .fotostrecke.drei{grid-template-columns:1fr;gap:22px}}
/* Editorial E1: nach der Unternehmenszeile beginnt der erste Satz fett */
html .ed-fall .ed-firma + p > b:first-child{font-weight:700;color:var(--mli-schiefer)}
html .k-raster.zwei{grid-template-columns:repeat(2,1fr)}
html .ed-spalten.drei{grid-template-columns:repeat(3,1fr);gap:40px 48px}
html .ed-fall :is(ol,ul){margin:0 0 14px;padding-left:20px}
html .ed-fall li{margin:0 0 6px;font-size:16.5px;line-height:1.6;color:var(--mli-grau-text,#4A5A61)}
html .ed-fall .ed-label{margin:14px 0 6px;font-weight:700;color:var(--mli-schiefer)}
@media (max-width:980px){html .k-raster.zwei{grid-template-columns:1fr}html .ed-spalten.drei{grid-template-columns:1fr;gap:36px}}
/* -- Rosa restlos ersetzen: alle verbliebenen Hell-Magenta-Flächen im Goldton (Fassung 05.10.2026) -- */
html .box.zitat,html .box.pointe,html div.box:has(> blockquote),html .zitatkasten,html .kasten.zitat{background:#F7F1E4!important;border-color:#EADFC6!important}
html .kasten.rose,html #belege div.box,html #beleg div.box{background:#F7F1E4!important;border-color:#EADFC6!important}

/* -- Zielgruppenkarten (Fassung 05.10.2026): eigene Farbe je Karte, Streifen oben und getöntes Feld darunter,
      beim Überfahren Vollfarbe mit weißer Schrift. Karte 1 Petrol, Karte 2 Gold. -- */
html .k-karte.zielgruppe{background:var(--mli-petrol-tint,#E3F0F2);border-color:#CFE1E4;border-top:4px solid var(--mli-petrol);transition:background .35s ease,transform .25s ease}
html .k-karte.zielgruppe:nth-child(2){background:#F7F1E4;border-color:#EADFC6;border-top-color:var(--mli-gold,#CC9F3D)}
html .k-karte.zielgruppe .kennzeile{color:var(--mli-petrol)!important}
html .k-karte.zielgruppe:nth-child(2) .kennzeile{color:#69511C!important}
html .k-karte.zielgruppe :is(h3,p,.k-ergebnis,.k-ergebnis b,.kennzeile,.mehr){transition:color .35s ease,border-color .35s ease}
html .k-karte.zielgruppe:is(:hover,:focus-within){background:var(--mli-petrol);border-color:var(--mli-petrol);transform:translateY(-2px)}
html .k-karte.zielgruppe:nth-child(2):is(:hover,:focus-within){background:#69511C;border-color:#69511C}
html .k-karte.zielgruppe:is(:hover,:focus-within) :is(h3,p,.k-ergebnis,.k-ergebnis b,.kennzeile,.mehr){color:#fff!important}
html .k-karte.zielgruppe:is(:hover,:focus-within) .k-ergebnis{border-top-color:rgba(255,255,255,.35)}
html .k-karte.zielgruppe:is(:hover,:focus-within) .mehr{border-bottom-color:rgba(255,255,255,.6)}
/* Aussage-Band auf leuchtendem Petrol, Zahl in Weiß (kein Gold auf Petrol) */
html .blickfang{background:var(--mli-petrol)}
html .blickfang .bf-zahl span{color:#fff}
html .blickfang .bf-quelle{color:rgba(255,255,255,.78)}
/* Zwei Editorial-Berichte nebeneinander: je Spalte Dachzeile, Überschrift, Subline, Text */
html .ed-doppel{display:grid;grid-template-columns:1fr 1fr;gap:48px 72px;align-items:start}
html .ed-doppel > .ed-kolumne > p.marke{margin:0 0 12px}
html .ed-doppel > .ed-kolumne > h2{font-size:clamp(26px,2.4vw,32px);line-height:1.2;margin:0 0 14px;max-width:none}
html .ed-doppel > .ed-kolumne > .ed-subline{margin:0 0 20px;font-size:17.5px;line-height:1.55;font-weight:600;color:var(--mli-schiefer)}
html .ed-doppel .ed-fall{margin-top:0}
html .ed-doppel .k-hinweis{margin-top:22px}
@media (max-width:980px){html .ed-doppel{grid-template-columns:1fr;gap:56px}}

/* ===== Claim — Fassung 27.09.2026 =====
   „EXPERTEN FÜR STRATEGIEAKTIVIERUNG": Kopfzeile (einzeilig, ab 1280 px), helle Leiste vor der
   Fußzeile, mobiles Menü. STRATEGIE in Schiefer, AKTIVIERUNG in Magenta, ein Wort in Versalien. */
.claim{font-family:var(--text,"Source Sans Pro",sans-serif);text-transform:uppercase;line-height:1.25;white-space:nowrap}
.claim .c-vor{display:block;font-size:11px;font-weight:300;letter-spacing:.2em;color:#8C989E}
.claim .c-wort{display:block;font-size:14px;font-weight:600;letter-spacing:.16em;margin-top:2px}
.claim .c-s{color:var(--mli-schiefer,#354B55)}
.claim .c-a{color:var(--mli-magenta,#C8004B)}
/* Kopf: Haarlinie bündig mit dem Menübeginn, Mittelachse wie Sprachwahl und Kontakt */
.kopf > .rahmen > .claim{display:none;grid-column:2;grid-row:1;justify-self:start;align-self:center;
  margin:0;padding:3px 0 3px 16px;border-left:1px solid var(--linie,#DDE3E5);line-height:1}
.kopf > .rahmen > .claim .c-vor,.kopf > .rahmen > .claim .c-wort{display:inline;margin:0}
.kopf > .rahmen > .claim .c-vor{font-size:13.5px;letter-spacing:.16em;margin-right:.5em}
.kopf > .rahmen > .claim .c-wort{font-size:13.5px}
@media(min-width:1280px){.kopf > .rahmen > .claim{display:flex;align-items:baseline}}
/* Leiste vor der dunklen Fußzeile */
.claimleiste{background:#fff;border-top:1px solid var(--linie,#DDE3E5);padding:30px 0 28px;text-align:center}
.claimleiste .claim{display:inline-flex;align-items:center;gap:20px}
.claimleiste .claim::before,.claimleiste .claim::after{content:"";width:56px;height:1px;background:var(--linie-stark,#BFCBD0)}
.claimleiste .c-vor,.claimleiste .c-wort{display:inline;margin:0}
.claimleiste .c-vor{font-size:15px;letter-spacing:.2em;margin-right:.5em}
.claimleiste .c-wort{font-size:15px;letter-spacing:.2em}
@media(max-width:620px){
  .claimleiste .claim{gap:10px;white-space:normal}
  .claimleiste .claim::before,.claimleiste .claim::after{width:22px}
  .claimleiste .c-text{display:block}
  .claimleiste .c-vor{display:block;font-size:12.5px;margin:0 0 5px}
  .claimleiste .c-wort{font-size:13.5px}}
/* Mobiles Menü: ersetzt die bisherige Dachzeile */
.kopf .menue-fuss .menue-augen{letter-spacing:0;text-transform:none}
.kopf .menue-fuss .menue-augen .c-vor{font-size:11.5px}
.kopf .menue-fuss .menue-augen .c-wort{font-size:14px}
@media print{.claimleiste,.kopf > .rahmen > .claim{display:none!important}}