/* mund · Magazin-Design v2 — gemeinsame Bausteine (B-WEB Designpaket Stufe 2, 04.11.2026)
   Anfrage (Formular mit allen Zuständen, Ansprechperson), Gesellschaften, Zitat/Stimmen, CTA-Band, Indexliste, Lesespalte.
   Nur Gestaltung auf bestehenden Klassen; Texte, Felder, Namen, versteckte Felder und Messung bleiben unverändert.
   Werte aus „Anfrage“, „BWEB Kontakt“, „BWEB Vorlage“ und „04 Designsystem“. Seitentyp-Dateien (start.css, inhalt.css …) laden danach und bauen darauf auf. */

/* ---------- 1 · Anfrage-Block: Titel, Lead und Formular links, Ansprechperson rechts oben (Variante „kontakt“) ---------- */
/* Das Raster aus mund.css (Flex) wird aufgelöst: Titel, Lead, Formular und Person liegen in einem Raster des Abschnitts */
.mund-magazin #anfrage > .wp-block-group:has(> .mund-anfrage-raster) {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 340px); grid-template-rows: auto auto 1fr; column-gap: 72px; row-gap: 20px; align-items: start; }
.mund-magazin #anfrage > .wp-block-group:has(> .mund-anfrage-raster) > * { margin: 0 !important; grid-column: 1; }
.mund-magazin #anfrage .mund-anfrage-raster { display: contents !important; }
.mund-magazin #anfrage .mund-anfrage-raster > :first-child { grid-column: 1; grid-row: 3; margin-top: 8px; min-width: 0; }
.mund-magazin #anfrage .mund-anfrage-raster > .mund-person { grid-column: 2; grid-row: 1 / span 3; align-self: start; }
.mund-magazin #anfrage h2 { font-size: clamp(36px, 5vw, 64px) !important; font-weight: 500; line-height: 1.02; letter-spacing: -.022em; text-wrap: wrap; }
.mund-magazin #anfrage h2 em { font-weight: 400; }
.mund-magazin .mund-anfrage__lead { hyphens: manual; font-size: 18px; line-height: 1.55; color: var(--mund-blau); max-width: 600px; margin-top: 0 !important; }
@media (max-width: 1139px) {
  .mund-magazin #anfrage > .wp-block-group:has(> .mund-anfrage-raster) { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; row-gap: 20px; }
  .mund-magazin #anfrage .mund-anfrage-raster > :first-child { grid-row: auto; }
  .mund-magazin #anfrage .mund-anfrage-raster > .mund-person { grid-column: 1; grid-row: auto; margin-top: 28px; max-width: 520px; }
}

/* ---------- 2 · Anfrageformular (Startseite, Leistungen, Kontakt): Ruhe, Fokus, Vorbelegt, Fehler, Senden, Gesendet ---------- */
.mund-magazin .mund-formular { gap: 20px; }
.mund-magazin .mund-formular__reihe { gap: 20px 24px; align-items: start; }
.mund-magazin .mund-formular__legende { margin: 0 !important; font: 400 14px/1.4 var(--m-sans); color: var(--mund-blau); }
.mund-magazin .mund-formular .mund-feld textarea { padding: 12px 14px; line-height: 1.5; resize: vertical; }
/* Meldung unter dem Feld: nur wenn vorhanden, mit vorangestelltem Zeichen (Text aus mund-anfrage) */
.mund-magazin .mund-formular .mund-feld__fehler:empty { display: none; }
.mund-magazin .mund-formular .mund-feld__fehler { display: flex; gap: 6px; font: 500 14px/1.4 var(--m-sans); color: var(--mund-fehler); }
.mund-magazin .mund-formular .mund-feld__fehler::before { content: "!"; font-weight: 700; }
/* Fehlerliste oben: Rahmen 2 px, Fokus 3 px nach dem Absenden (mund.js setzt den Fokus) */
.mund-magazin .mund-formular :is(.mund-fehlerliste, .mund-meldung--fehler) {
  display: flex; flex-direction: column; gap: 8px; padding: 16px 18px; border: 2px solid var(--mund-fehler); border-radius: 0; background: #fff; color: var(--mund-fehler); font-size: 15px; line-height: 1.5; }
.mund-magazin .mund-formular :is(.mund-fehlerliste, .mund-meldung--fehler) strong { font: 700 16px/1.4 var(--m-sans); color: var(--mund-fehler); }
.mund-magazin .mund-formular .mund-meldung--fehler span { color: var(--mund-blau); }
.mund-magazin .mund-formular .mund-fehlerliste a { display: list-item; list-style: disc; margin-left: 18px; color: var(--mund-fehler); text-decoration: underline; text-underline-offset: 3px; }
.mund-magazin .mund-formular :is(.mund-fehlerliste, .mund-meldung--fehler):focus { outline: 3px solid var(--mund-blau); outline-offset: 3px; }
/* Fuß: Aktion und Hinweis nebeneinander, mobil untereinander */
.mund-magazin .mund-formular__fuss { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.mund-magazin .mund-formular__fuss > span { flex: 1 1 280px; font-size: 15px; line-height: 1.5; color: var(--mund-blau); }
.mund-magazin .mund-formular__fuss button:focus-visible { outline: 3px solid var(--mund-blau); outline-offset: 3px; }
/* Wird gesendet …: Aktion bleibt in der Akzentfarbe, abgeschwächt und inaktiv */
.mund-magazin .mund-formular__fuss button[disabled], .mund-magazin .mund-formular__fuss button[disabled]:hover {
  opacity: .7; background: var(--mund-akzent); color: var(--mund-akzent-text); cursor: default; transform: none; box-shadow: none; }
.mund-magazin .mund-formular .mund-feld__hilfe { margin: 0 !important; font-size: 14px; line-height: 1.5; color: var(--mund-grau); }
/* Gesendet: helle Fläche mit Navy-Linie oben und Kennmarke (statt Navy-Fläche – sonst zweite dunkle Fläche) */
.mund-magazin .mund-erfolg { display: flex; flex-direction: column; gap: 12px; padding: 28px; border: 0; border-top: 3px solid var(--mund-blau); border-radius: 0; background: #fff; color: var(--mund-text); }
.mund-magazin .mund-erfolg__haken { width: 10px; height: 10px; border-radius: 0; background: var(--mund-akzent); font-size: 0; line-height: 0; color: transparent; }
.mund-magazin .mund-erfolg h3 { margin: 0; font: 400 30px/1.15 var(--m-serif); letter-spacing: 0; color: var(--mund-blau); }
.mund-magazin .mund-erfolg p { margin: 0; max-width: 600px; font-size: 16px; line-height: 1.55; color: var(--mund-text); }
.mund-magazin .mund-erfolg a { color: var(--mund-blau); font-weight: 600; }
.mund-magazin .mund-erfolg .mund-erfolg__vorgang { font: 500 14px/1.4 var(--m-sans); letter-spacing: .04em; font-variant-numeric: tabular-nums; color: var(--mund-grau) !important; }
.mund-magazin .mund-erfolg:focus { outline: 3px solid var(--mund-blau); outline-offset: 3px; }
/* Startseite (mund-anfrage2): die Felder des Bestands sind für die frühere Navy-Fläche gesetzt – hier gilt dieselbe helle Feldform */
.mund-magazin .mund-anfrage2 .mund-feld label { font: 600 15px/1.35 var(--m-sans); color: var(--mund-blau); }
.mund-magazin .mund-anfrage2 .mund-feld label .mund-optional { font-weight: 400; color: var(--mund-grau); }
.mund-magazin .mund-anfrage2 .mund-feld :is(input, select, textarea) { height: 52px; min-height: 52px; border: 1px solid var(--mund-ziffer); border-radius: 0; background-color: #fff; color: var(--mund-blau); box-shadow: none; }
.mund-magazin .mund-anfrage2 .mund-feld textarea { height: auto; min-height: 140px; }
.mund-magazin .mund-anfrage2 .mund-feld :is(input, select, textarea):focus, .mund-magazin .mund-anfrage2 .mund-feld :is(input, select, textarea):focus-visible { border-color: var(--mund-blau); outline: 3px solid var(--mund-blau); outline-offset: 0; box-shadow: none; }
.mund-magazin .mund-anfrage2 .mund-feld select.is-vorbelegt { border-color: var(--mund-blau); box-shadow: inset 4px 0 0 var(--mund-akzent); }
.mund-magazin .mund-anfrage2 .mund-feld [aria-invalid=true] { border: 2px solid var(--mund-fehler); box-shadow: none; }
.mund-magazin .mund-anfrage2 .mund-formular :is(.mund-feld__fehler, .mund-fehlerliste a) { color: var(--mund-fehler); }
.mund-magazin .mund-anfrage2 .mund-formular :is(.mund-formular__fuss a, .mund-erfolg a) { color: var(--mund-blau); }
.mund-magazin .mund-anfrage2 .mund-formular__fuss > span { font-size: 15px; color: var(--mund-blau); }
.mund-magazin .mund-anfrage2 .mund-feld__hilfe { font-size: 14px; color: var(--mund-grau); }
.mund-magazin .mund-anfrage2 .mund-erfolg { border: 0; border-top: 3px solid var(--mund-blau); background: #fff; }
body.mund-start.mund-magazin .mund-anfrage2 .mund-formular__fuss button { min-height: 52px; padding: 0 26px; border-radius: 0; background: var(--mund-akzent); color: var(--mund-akzent-text); font: 600 17px/1.2 var(--m-sans); }
body.mund-start.mund-magazin .mund-anfrage2 .mund-formular__fuss button:hover { background: var(--mund-akzent); color: var(--mund-akzent-text); box-shadow: 3px 3px 0 var(--mund-blau); transform: translate(-2px, -2px); }
body.mund-start.mund-magazin .mund-anfrage2 .mund-formular__fuss button[disabled] { opacity: .7; box-shadow: none; transform: none; cursor: default; }
@media (max-width: 599px) {
  .mund-magazin .mund-formular__fuss { flex-direction: column; align-items: flex-start; }
  .mund-magazin .mund-formular__fuss > span { flex: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.mund-start.mund-magazin .mund-anfrage2 .mund-formular__fuss button:hover { transform: none; }
}

/* ---------- 3 · Ansprechperson (mund-person): Linie oben, Porträtfläche 4:5, Name Serif, Funktion, Wege als Zeilen ---------- */
.mund-magazin .mund-person { display: flex; flex-direction: column; gap: 14px; padding-top: 20px; border-top: 1px solid var(--mund-blau); }
.mund-magazin .mund-person > * { margin: 0 !important; }
.mund-magazin .mund-person__kopf { display: flex; flex-direction: column; align-items: stretch; gap: 14px; }
.mund-magazin .mund-person__kopf .mund-blase--klein { width: 100%; max-width: 240px; aspect-ratio: 4 / 5; border: 1px solid var(--mund-linie); background: none; }
.mund-magazin .mund-person__kopf .mund-blase--klein :is(.mund-bildflaeche, .mund-blase__flaeche, img) { position: static; width: 100% !important; height: 100% !important; border-radius: 0; object-fit: cover; -webkit-mask: none; mask: none; transform: none; }
.mund-magazin .mund-person__kopf .mund-blase--klein .mund-blase__inhalt { display: none; } /* keine Beschriftung auf der Bildfläche (E3) */
.mund-magazin .mund-person__name { display: flex; flex-direction: column; gap: 14px; }
.mund-magazin .mund-person__name strong { font: 400 30px/1.1 var(--m-serif); letter-spacing: 0; color: var(--mund-blau); }
.mund-magazin .mund-person__name span { font-size: 15px; line-height: 1.5; color: var(--mund-text); }
.mund-magazin .mund-person > p { font-size: 16px; line-height: 1.5; color: var(--mund-blau); }
.mund-magazin .mund-person__wege { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--mund-linie); }
.mund-magazin .mund-person__wege li { margin: 0; }
.mund-magazin .mund-person__wege a { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; min-height: 44px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--mund-linie); font-size: 16px; color: var(--mund-blau); text-decoration: none; }
.mund-magazin .mund-person__wege a > span:first-child { font-weight: 600; }
.mund-magazin .mund-person__wege a > span:last-child { font-weight: 400; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; text-align: right; }
.mund-magazin .mund-person__wege a:hover > span:last-child { text-decoration-thickness: 2px; }
.mund-magazin .mund-person__wege a:focus-visible { outline-offset: 0; }

/* Ansprechpartner „Über mund“ (mund-ap) – Grundform: Porträtfläche 4:5 mit feiner Linie, Name Serif, Rollen, Gesellschaften mit Linie oben */
.mund-magazin .mund-ap__bild { aspect-ratio: 4 / 5; max-width: 240px; border: 1px solid var(--mund-linie); background: none; }
.mund-magazin .mund-ap__name { font: 400 clamp(28px, 2.6vw, 36px)/1.1 var(--m-serif); color: var(--mund-blau); }
.mund-magazin .mund-ap__rollen { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 2px; font-size: 15px; line-height: 1.5; color: var(--mund-text); }
.mund-magazin .mund-ap__gesellschaft { border-top: 1px solid var(--mund-blau); padding-top: 16px; }
.mund-magazin .mund-ap__firma { font: 400 clamp(21px, 2.2vw, 26px)/1.2 var(--m-serif); }
.mund-magazin .mund-ap__kontakt a { min-height: 32px; display: inline-flex; align-items: center; }
/* Kennmarken der Gesellschaften: DE Lime, CH Rot – unabhängig vom Markt der Seite */
.mund-magazin .mund-marke-de { background: #E6F21A; box-shadow: none; }
.mund-magazin .mund-marke-ch { background: #D81117; }

/* ---------- 4 · Gesellschaften DE/CH (Kontakt): ruhige Liste mit Linie oben, keine Karten ---------- */
.mund-magazin .mund-karten:has(> * > .mund-mehr a[href*="/kontakt/"]) { grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 24px 64px; }
.mund-magazin .mund-karten > :has(> .mund-mehr a[href*="/kontakt/"]) {
  gap: 8px; padding: 16px 0 0 !important; background: none !important; border: 0 !important; border-top: 1px solid var(--mund-blau) !important; font-size: 16px; line-height: 1.55; color: var(--mund-blau); }
.mund-magazin .mund-karten > :has(> .mund-mehr a[href*="/kontakt/"]):hover { box-shadow: none !important; }
.mund-magazin .mund-karten > :has(> .mund-mehr a[href*="/kontakt/"]) h3 { display: flex; align-items: center; gap: 12px; font: 400 clamp(23px, 2.4vw, 28px)/1.2 var(--m-serif); color: var(--mund-blau); }
.mund-magazin .mund-karten > :has(> .mund-mehr a[href*="/kontakt/"]) h3::before { content: ""; flex: none; width: 10px; height: 10px; background: #E6F21A; }
.mund-magazin .mund-karten > :has(> .mund-mehr a[href*="/kontakt/"]):nth-child(2) h3::before { background: #D81117; } /* Reihenfolge des Bestands: AG, dann Suisse GmbH */
.mund-magazin .mund-karten > :has(> .mund-mehr a[href*="/kontakt/"]) p { color: var(--mund-blau); line-height: 1.55; }
.mund-magazin .mund-karten > :has(> .mund-mehr a[href*="/kontakt/"]) p br { display: block; content: ""; margin-bottom: 8px; }
.mund-magazin .mund-karten > :has(> .mund-mehr a[href*="/kontakt/"]) .mund-mehr { margin-top: 0 !important; line-height: 1.3; }
.mund-magazin .mund-karten > * > .mund-mehr a[href*="/kontakt/"] { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; color: var(--mund-blau); text-decoration: none; border-bottom: 1px solid var(--mund-blau); }
.mund-magazin .mund-karten > * > .mund-mehr a[href*="/kontakt/"]:hover { border-bottom-width: 2px; }
.mund-magazin .mund-karten > :has(> .mund-mehr a[href*="/kontakt/"]) .mund-mehr::after { content: none; }
.mund-magazin .mund-karten > * > .mund-mehr a[href*="/kontakt/"]::after { content: "→"; position: static; margin-left: 2px; }

/* ---------- 5 · Zitat / Stimmen: Etikett links, ein Zitat groß (Serif 23→38 px), weitere klein darunter, Name + Rolle ---------- */
.mund-magazin :is(.mund-stimmen, .mund-stimme2 .mund-s__raster) {
  display: grid !important; grid-template-columns: 200px minmax(0, 1fr); gap: 16px 64px; align-items: start; padding: 0 !important; border: 0 !important; }
.mund-magazin :is(.mund-stimmen > .mund-kicker, .mund-stimme2 .mund-s-label) { margin: 0 !important; padding-top: 10px; font: 700 12px/1.5 var(--m-sans) !important; letter-spacing: .16em; text-transform: uppercase; color: var(--mund-grau); }
.mund-magazin :is(.mund-stimme .mund-stimmen__liste, .mund-stimme2__liste) { display: flex !important; flex-direction: column; gap: 36px; margin: 0 !important; padding: 0; list-style: none; }
.mund-magazin :is(.mund-stimmen__liste > li, .mund-stimme2__liste > *) { margin: 0 !important; padding: 0; border: 0; }
.mund-magazin :is(.mund-stimmen__liste > li + li, .mund-stimme2__liste > * + *) { border-top: 1px solid var(--mund-linie); padding-top: 26px; max-width: 760px; }
.mund-magazin :is(.mund-stimmen .mund-stimme__inhalt, .mund-stimme2__zitat) { display: flex; flex-direction: column; gap: 16px; margin: 0; padding: 0; border: 0; }
.mund-magazin :is(.mund-stimmen .mund-stimme__zitat, .mund-stimme2__zitat > p) {
  margin: 0; padding: 0; border: 0; font: 400 clamp(23px, 3vw, 38px)/1.22 var(--m-serif) !important; letter-spacing: -.012em; font-style: normal; color: var(--mund-blau); text-wrap: pretty; }
.mund-magazin :is(.mund-stimmen__liste > li + li .mund-stimme__zitat, .mund-stimme2__liste > * + * > p) { font-size: clamp(18px, 1.7vw, 21px) !important; line-height: 1.5 !important; letter-spacing: 0; }
.mund-magazin :is(.mund-stimmen .mund-stimme__quelle, .mund-stimme2__zitat cite) { display: block; margin: 0; font: 400 15px/1.45 var(--m-sans); font-style: normal; color: var(--mund-grau); }
.mund-magazin :is(.mund-stimmen .mund-stimme__quelle, .mund-stimme2__zitat cite) strong { font-weight: 600; color: var(--mund-blau); }
.mund-magazin .mund-stimmen__vermerk { grid-column: 2; }
/* Kundenstimmen (kundenstimmen.php): Leitzitat fest, darunter wechselnde Stimmen; ohne JS alle untereinander mit Linie */
.mund-magazin .mund-ks__inhalt { display: flex; flex-direction: column; gap: 40px; min-width: 0; }
.mund-magazin .mund-ks figure { display: flex; flex-direction: column; margin: 0; }
.mund-magazin .mund-ks blockquote { margin: 0; padding: 0; border: 0; }
.mund-magazin .mund-ks blockquote p { margin: 0; max-width: none; font-family: var(--m-serif); font-weight: 400; font-style: normal; color: var(--mund-blau); hyphens: manual; }
.mund-magazin .mund-ks figcaption { font: 400 14px/1.45 var(--m-sans); color: var(--mund-grau); }
.mund-magazin .mund-ks figcaption strong { font-weight: 600; color: var(--mund-blau); }
.mund-magazin .mund-ks__leit { gap: 18px; }
.mund-magazin .mund-ks__leit blockquote p { font-size: clamp(24px, 3.4vw, 44px); line-height: 1.2; letter-spacing: -.015em; text-wrap: balance; }
.mund-magazin .mund-ks__wechsel { max-width: 760px; border-top: 1px solid var(--mund-linie); padding-top: 28px; display: flex; flex-direction: column; gap: 20px; }
.mund-magazin .mund-ks__buehne { display: flex; flex-direction: column; gap: 28px; }
.mund-magazin .mund-ks__stimme { gap: 14px; }
.mund-magazin .mund-ks__stimme + .mund-ks__stimme { border-top: 1px solid var(--mund-linie); padding-top: 28px; }
.mund-magazin .mund-ks__stimme blockquote p { font-size: clamp(19px, 1.7vw, 22px); line-height: 1.5; }
.mund-magazin .mund-ks__stimme[hidden] { display: none; }
.mund-magazin .mund-ks__wechsel.ist-aktiv .mund-ks__stimme { border-top: 0; padding-top: 0; transition: opacity 400ms ease, transform 400ms ease; }
.mund-magazin .mund-ks .mund-ks__stimme.ist-weg { opacity: 0; transform: translateY(6px); }
.mund-magazin .mund-ks__steuerung { display: flex; align-items: center; gap: 16px; }
.mund-magazin .mund-ks__steuerung[hidden] { display: none; }
.mund-magazin .mund-ks__pfeil { flex: 0 0 44px; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--mund-blau); border-radius: 0; background: transparent; color: var(--mund-blau); font: 400 18px/1 var(--m-sans); cursor: pointer; transition: background-color 180ms, color 180ms; }
.mund-magazin .mund-ks__pfeil:is(:hover, :focus-visible) { background: var(--mund-blau); color: #fff; }
.mund-magazin .mund-ks__balken { flex: 1 1 auto; max-width: 220px; display: flex; gap: 6px; }
.mund-magazin .mund-ks__balken button { flex: 1 1 0; min-width: 0; height: 24px; padding: 0; border: 0; background: none; cursor: pointer; display: flex; align-items: center; }
.mund-magazin .mund-ks__balken span { display: block; width: 100%; height: 3px; background: #E3DED3; transition: background-color 180ms; }
.mund-magazin .mund-ks__balken [aria-current="true"] span { background: var(--mund-blau); }
.mund-magazin .mund-ks__zaehler { font: 400 13px/1 var(--m-sans); color: var(--mund-grau); font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
  .mund-magazin .mund-ks .mund-ks__stimme, .mund-magazin .mund-ks__pfeil, .mund-magazin .mund-ks__balken span { transition: none !important; }
}
/* Einzelzitat (mund-stimme ohne Liste): gleiche Form, ein Zitat groß */
.mund-magazin .mund-stimme:not(.mund-stimmen) { grid-template-columns: 200px minmax(0, 1fr); gap: 16px 64px; border: 0; padding: 0 !important; }
.mund-magazin .mund-stimme:not(.mund-stimmen) .mund-stimme__zitat { font: 400 clamp(23px, 3vw, 38px)/1.22 var(--m-serif) !important; letter-spacing: -.012em; font-style: normal; }
.mund-magazin .mund-stimme:not(.mund-stimmen) .mund-stimme__quelle { font-size: 15px; }
@media (max-width: 899px) {
  .mund-magazin :is(.mund-stimmen, .mund-stimme2 .mund-s__raster, .mund-stimme:not(.mund-stimmen)) { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .mund-magazin :is(.mund-stimmen > .mund-kicker, .mund-stimme2 .mund-s-label) { padding-top: 0; }
  .mund-magazin .mund-stimmen__vermerk { grid-column: 1; }
}

/* ---------- 6 · CTA-Band „Sprechen wir über Ihr Vorhaben.“: Navy-Band, Titel links, Primäraktion rechts ---------- */
/* Zählt als die eine dunkle Fläche der Seite. Erkannt am Bestand: Navy-Abschnitt, dessen Abschnittskopf nur Titel und Aktion trägt */
.mund-magazin :is(.has-blau-background-color, .has-navy-background-color).mund-abschnitt.is-knapp:has(> .mund-abschnittskopf > .wp-block-buttons) {
  padding-top: clamp(40px, 5vw, 64px) !important; padding-bottom: clamp(40px, 5vw, 64px) !important; }
.mund-magazin :is(.has-blau-background-color, .has-navy-background-color) > .mund-abschnittskopf:has(> .wp-block-buttons) {
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px 40px; margin: 0 auto !important; padding: 0; border: 0; }
.mund-magazin :is(.has-blau-background-color, .has-navy-background-color) > .mund-abschnittskopf:has(> .wp-block-buttons) h2 {
  font: 400 clamp(30px, 4.4vw, 56px)/1.05 var(--m-serif); letter-spacing: -.02em; color: #fff; }
.mund-magazin :is(.has-blau-background-color, .has-navy-background-color) > .mund-abschnittskopf > .wp-block-buttons .wp-block-button__link {
  min-height: 52px; padding: 0 24px; font-size: 17px; background: var(--mund-akzent); color: var(--mund-akzent-text); }
.mund-magazin :is(.has-blau-background-color, .has-navy-background-color) > .mund-abschnittskopf > .wp-block-buttons .wp-block-button__link:hover { box-shadow: 3px 3px 0 #fff; }
.mund-magazin :is(.has-blau-background-color, .has-navy-background-color) > .mund-abschnittskopf > .wp-block-buttons .wp-block-button__link:focus-visible { outline-color: #fff; }

/* ---------- 7 · Indexliste: nummerierte Zeilen mit feinen Linien statt Kartenraster (Ablauf, Schritte, Wege) ---------- */
/* Ziffer als eigene Zeile über dem Titel (Serif, Farbe Ziffer); „Methode“ (Zusammenarbeit) bleibt ohne Ziffer */
.mund-magazin .mund-schritte:where(:not(.mund-methode .mund-schritte)) { counter-reset: schritt; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 0 clamp(24px, 3vw, 40px); }
.mund-magazin .mund-schritte:where(:not(.mund-methode .mund-schritte)) > * { display: flex; flex-direction: column; gap: 10px; padding: 24px 0 !important; border-top: 0; border-bottom: 1px solid var(--mund-linie); }
.mund-magazin .mund-schritte:where(:not(.mund-methode .mund-schritte)) > * > * { margin: 0 !important; }
.mund-magazin .mund-schritte:where(:not(.mund-methode .mund-schritte)) > *::before { content: counter(schritt, decimal-leading-zero); font: 400 clamp(40px, 4.4vw, 56px)/.85 var(--m-serif); color: var(--mund-ziffer); }
.mund-magazin .mund-schritte > * > :first-child::before { content: none; }
.mund-magazin .mund-schritte:where(:not(.mund-methode .mund-schritte)) h3 { font: 500 22px/1.25 var(--m-serif) !important; color: var(--mund-blau); }
.mund-magazin .mund-schritte:where(:not(.mund-methode .mund-schritte)) p { font-size: 16px; line-height: 1.55; color: var(--mund-text); }
.mund-magazin .mund-abschnittskopf:has(+ .mund-schritte) { margin-bottom: 0 !important; }
.mund-magazin .mund-ablauf__liste li { padding: 18px 0; border-bottom: 1px solid var(--mund-linie); font-size: 16px; }
.mund-magazin .mund-ablauf__liste li::before { font: 400 28px/1 var(--m-serif); color: var(--mund-ziffer); }

/* ---------- 8 · Lesespalte (Beitrag, Rechtsseite): Etikettspalte 200 px frei, Text höchstens 700 px, H2 Serif ---------- */
.mund-magazin .mund-text-inhalt { font-size: 17px; line-height: 1.7; color: var(--mund-text); }
.mund-magazin :not(.mund-projekt-detail) > .mund-text-inhalt > :not(.alignfull):not(.alignwide) { max-width: 700px; margin-left: calc(200px + 64px) !important; margin-right: auto !important; }
.mund-magazin .mund-text-inhalt > * + * { margin-top: 18px; }
.mund-magazin .mund-text-inhalt h2 { margin-top: 40px !important; font: 500 clamp(23px, 2.4vw, 30px)/1.2 var(--m-serif) !important; letter-spacing: 0; color: var(--mund-blau); text-wrap: pretty; }
.mund-magazin .mund-text-inhalt h3 { margin-top: 32px !important; font: 500 clamp(19px, 1.8vw, 22px)/1.3 var(--m-serif); color: var(--mund-blau); }
.mund-magazin .mund-text-inhalt :is(ul, ol):not([class*="mund-"]) { padding-left: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.mund-magazin .mund-text-inhalt ul:not([class*="mund-"]) > li { display: block; position: relative; padding-left: 22px; margin: 0; } /* Block statt Flex: Fettdruck und Links bleiben im Satz */
.mund-magazin .mund-text-inhalt ul:not([class*="mund-"]) > li::before { content: "–"; position: absolute; left: 0; color: var(--mund-blau); }
.mund-magazin .mund-text-inhalt ol:not([class*="mund-"]) { counter-reset: lese; }
.mund-magazin .mund-text-inhalt ol:not([class*="mund-"]) > li { counter-increment: lese; display: block; position: relative; padding-left: 2em; margin: 0; }
.mund-magazin .mund-text-inhalt ol:not([class*="mund-"]) > li::before { content: counter(lese) "."; position: absolute; left: 0; color: var(--mund-blau); font-weight: 600; }
.mund-magazin .mund-text-inhalt blockquote { margin: 10px 0; padding: 6px 0 6px 22px; border-left: 3px solid var(--mund-blau); font: 400 21px/1.5 var(--m-serif); color: var(--mund-blau); }
.mund-magazin .mund-text-inhalt a { font-weight: 600; }
@media (max-width: 951px) {
  .mund-magazin :not(.mund-projekt-detail) > .mund-text-inhalt > :not(.alignfull):not(.alignwide) { margin-left: 0 !important; }
}