/* mund · Magazin-Design v2 — T1 Startseite (Board D01/C01, Zustände Z2-01 bis Z2-08; Vorlage „BWEB Startseite“)
   Schicht über den Startseiten-Regeln „2a“ in mund.css (body.mund-start, --s-*). Selektoren mit .mund-magazin.mund-start, damit sie
   die ältere Schicht ohne !important übertreffen; !important nur dort, wo mund.css es schon setzt. Texte und Markup-Klassen bleiben. */

/* ---------- 0 · Startseiten-Variablen auf die Tokens zurückführen (Kopf, Fuß, ältere Regeln) ---------- */
body.mund-magazin.mund-start {
  --s-buehne: var(--mund-navy); --s-tinte: var(--mund-blau); --s-grund: var(--mund-grund); --s-beige: var(--mund-flaeche);
  --s-text: var(--mund-blau); --s-text2: var(--mund-text); --s-label: var(--mund-grau);
  --s-h1: #fff; --s-h2: var(--mund-dunkel-text); --s-h3: #B4C0D0; --s-claim: #AFC0D6;
  --s-linie: var(--mund-linie); --s-linie-d: rgba(180,192,208,.28);
  --s-cta-d: var(--mund-akzent); --s-cta-d-text: var(--mund-akzent-text); --s-cta-h: var(--mund-akzent); --s-cta-h-text: var(--mund-akzent-text); --s-cta-h-schatten: none;
  --s-wahl: var(--mund-blau); --s-wahl-dicke: 0px; --s-punkt: transparent; --s-punkt-kante: none; --s-land: var(--mund-akzent);
}

/* ---------- 1 · Kopf wie auf allen Seiten (Board D01a): Navy, weiße Menüpunkte, Akzentlinie, Aktion ohne Rundung ---------- */
.mund-magazin.mund-start .mund-kopf { border-bottom-color: var(--mund-linie-dunkel); }
.mund-magazin.mund-start .mund-kopf .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { color: #fff; }
.mund-magazin.mund-start .mund-kopf .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-icon { color: #B4C0D0; }
.mund-magazin.mund-start .mund-kopf .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover { color: #fff; border-bottom-color: var(--mund-akzent); }
body.mund-magazin.mund-start .mund-markt-wahl > summary:hover, body.mund-magazin.mund-start .mund-markt-wahl[open] > summary { border-color: #fff; }
body.mund-magazin.mund-start .mund-kopf .wp-block-button .wp-block-button__link { border-radius: 0; background: var(--mund-akzent); color: var(--mund-akzent-text); box-shadow: none !important; transform: none; }
body.mund-magazin.mund-start .mund-kopf .wp-block-button .wp-block-button__link:hover { box-shadow: 3px 3px 0 #fff !important; transform: translate(-2px, -2px); }
body.mund-magazin.mund-start .mund-kopf :focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width: 1079px) {
  body.mund-magazin.mund-start .mund-kopf .wp-block-navigation__responsive-container-open { background: var(--mund-grund); color: var(--mund-blau); box-shadow: none; }
}
body.mund-magazin.mund-start.markt-ch .mund-kontaktleiste a:first-child { background: var(--mund-akzent); color: var(--mund-akzent-text); }
@media (prefers-reduced-motion: reduce) { body.mund-magazin.mund-start .mund-kopf .wp-block-button .wp-block-button__link:hover { transform: none; } }

/* ---------- 2 · Allgemein: Abstände, Überschriften, Etiketten, Aktionen ---------- */
.mund-magazin.mund-start main a:hover { opacity: 1; }
.mund-magazin.mund-start main :focus-visible { outline: 3px solid var(--mund-blau); outline-offset: 3px; }
.mund-magazin.mund-start main .mund-hero :focus-visible { outline-color: #fff; }
.mund-magazin.mund-start main :is(h1, h2, h3) { color: var(--mund-blau); text-wrap: wrap; }
/* Lesetexte ohne automatische Silbentrennung wie im Board (Ausnahme: Felder des Kundenfalls) */
.mund-magazin.mund-start main :where(p, li, dd) { hyphens: manual; }
.mund-magazin.mund-start main h2 { font-family: var(--m-serif); font-weight: 500; font-size: clamp(32px, 4vw, 52px); line-height: 1.02; letter-spacing: -.02em; }
/* Etikett: 12 px, Versal, gesperrt */
.mund-magazin.mund-start .mund-s-label { font: 700 12px/1.5 var(--m-sans) !important; letter-spacing: .14em; text-transform: uppercase; color: var(--mund-grau); }
/* Primäraktion: Akzentfläche, ohne Rundung; Hover Versatz mit Navy-Kante (auf Navy weiß) */
.mund-magazin.mund-start .mund-s-cta { min-height: 48px; padding: 0 20px; border-radius: 0; background: var(--mund-akzent) !important; color: var(--mund-akzent-text) !important; box-shadow: none !important;
  font: 600 16px/1.2 var(--m-sans); transition: box-shadow var(--mund-tempo) ease, transform var(--mund-tempo) ease; }
.mund-magazin.mund-start .mund-s-cta:hover { box-shadow: 3px 3px 0 var(--mund-blau) !important; transform: translate(-2px, -2px); }
.mund-magazin.mund-start .mund-hero .mund-s-cta { min-height: 52px; padding: 0 24px; font-size: 17px; }
.mund-magazin.mund-start .mund-hero .mund-s-cta:hover { box-shadow: 3px 3px 0 #fff !important; }
/* CH: keine helle Kontur um die rote Aktion (Bestandsregel mit !important) */
body.mund-magazin.mund-start.markt-ch .mund-hero .mund-s-cta { box-shadow: none !important; }
body.mund-magazin.mund-start.markt-ch .mund-hero .mund-s-cta:hover { box-shadow: 3px 3px 0 #fff !important; }
/* Textlinks: 1 px Linie, Hover 2 px (gezeichnete Linie aus mund.css, Übergang 200 ms) */
.mund-magazin.mund-start .mund-hero__link { transition-duration: .2s; }
.mund-magazin.mund-start .mund-hero__link { --mund-zug-ruhe: #6F829C; }
@media (prefers-reduced-motion: reduce) { .mund-magazin.mund-start .mund-s-cta:hover { transform: none; } }

/* ---------- 3 · Einstieg (eine Navy-Fläche): Text links, Bildfläche rechts; mobil Text vor dem Bild (E10) ---------- */
.mund-magazin.mund-start .mund-hero { display: block; overflow: hidden; background: var(--mund-navy); color: #E6EBF2; }
.mund-magazin.mund-start .mund-hero__raster { max-width: 1280px; margin-inline: auto; display: flex; flex-wrap: wrap; align-items: stretch; }
@media (min-width: 1281px) { .mund-magazin.mund-start .mund-hero__raster { max-width: calc(var(--mund-breit) + 128px); } }
.mund-magazin.mund-start .mund-hero__text { flex: 1 1 560px; min-width: 0; position: static; pointer-events: auto; display: flex; flex-direction: column; gap: clamp(16px, 2vw, 24px);
  padding: clamp(28px, 4.4vw, 56px) var(--mund-rand) clamp(28px, 3vw, 40px); }
.mund-magazin.mund-start .mund-hero__text > * { max-width: none; margin: 0; }
.mund-magazin.mund-start .mund-hero__zeile { display: flex; align-items: center; gap: 12px; font: 600 13px/1.4 var(--m-sans); letter-spacing: .06em; color: #fff; }
.mund-magazin.mund-start .mund-hero__quadrat { flex: none; width: 10px; height: 10px; background: var(--mund-akzent); }
.mund-magazin.mund-start .mund-s-breit { display: inline; }
.mund-magazin.mund-start main .mund-hero__titel { font-family: var(--m-serif); font-weight: 400; font-size: clamp(44px, 6.2vw, 80px); line-height: .98; letter-spacing: -.03em; color: #fff; }
.mund-magazin.mund-start main .mund-hero__titel span { font-style: italic; font-size: 1em; color: #AFC0D6; }
.mund-magazin.mund-start .mund-hero__lead { font-size: clamp(17px, 1.5vw, 20px); line-height: 1.55; max-width: 540px !important; color: var(--mund-dunkel-text); }
.mund-magazin.mund-start .mund-hero__aktionen { display: flex; flex-flow: row wrap; align-items: center; gap: 14px 28px; }
.mund-magazin.mund-start .mund-hero__link { min-height: 44px; display: inline-flex; align-items: center; font: 500 16px/1.2 var(--m-sans); color: #fff !important; }
.mund-magazin.mund-start .mund-hero__fakten { margin-top: auto !important; max-width: none !important; padding-top: 14px; border-top: 1px solid rgba(180,192,208,.28); font-size: 14px; line-height: 1.55; color: #B4C0D0; }
/* Bildfläche: neutral ohne Beschriftung (E3); der Film nur mit ?einstiegsbild=film außerhalb der Produktion */
.mund-magazin.mund-start .mund-hero__medien { flex: 1 1 480px; min-width: 0; position: relative; min-height: clamp(220px, 40vw, 540px); }
.mund-magazin.mund-start .mund-hero__medien > .mund-bildflaeche { position: absolute; inset: 0; height: auto; }
.mund-magazin.mund-start .mund-hero .mund-hero__film { position: absolute; inset: 0; width: auto; aspect-ratio: auto; z-index: 0; background: #0E2342; }
.mund-magazin.mund-start .mund-hero .mund-hero__film::after { display: none; }
.mund-magazin.mund-start .mund-hero .mund-hero__steuerung { position: absolute; inset: auto 16px 16px auto; z-index: 1; display: flex; pointer-events: auto; }
.mund-magazin.mund-start .mund-hero .mund-hero__knopf { position: static; min-height: 44px; padding: 0 12px; gap: 8px; border: 1px solid #4A5D78; border-radius: 0; background: rgba(7,22,44,.8); color: #fff; font: 500 13px/1 var(--m-sans); }
.mund-magazin.mund-start .mund-hero .mund-hero__knopf:hover { border-color: #fff; }
@media (max-width: 1039px) {
  .mund-magazin.mund-start .mund-hero__text { flex-basis: 100%; }
  .mund-magazin.mund-start .mund-hero__medien { flex-basis: 100%; max-height: 600px; }
}

/* ---------- 4 · So arbeiten wir: Indexliste mit großen Ziffern ---------- */
.mund-magazin.mund-start .mund-ablauf2 { padding: var(--mund-abstand) 0 clamp(32px, 4vw, 56px); }
.mund-magazin.mund-start .mund-ablauf2 .mund-s__raster { display: block; }
.mund-magazin.mund-start main .mund-ablauf2 h2 { padding-bottom: 14px; border-bottom: 1px solid var(--mund-blau); font-size: clamp(30px, 3.4vw, 44px); letter-spacing: -.015em; }
.mund-magazin.mund-start .mund-ablauf2__schritte { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 0 clamp(24px, 3vw, 40px); }
.mund-magazin.mund-start .mund-ablauf2__schritte li { position: static; display: flex; flex-direction: column; gap: 12px; padding: 28px 0 24px; border-top: 0; border-bottom: 1px solid var(--mund-linie); font-size: 16px; line-height: 1.55; color: var(--mund-text); }
.mund-magazin.mund-start .mund-ablauf2__schritte li::before { position: static; margin: 0; font: 400 clamp(48px, 5.4vw, 72px)/.8 var(--m-serif); color: var(--mund-ziffer); }
.mund-magazin.mund-start main .mund-ablauf2__schritte strong { margin: 0; font: 600 19px/1.35 var(--m-sans); letter-spacing: 0; color: var(--mund-blau); text-wrap: pretty; }

/* ---------- 5 · Kundenstimmen: Form aus bausteine.css (Etikett links, ein Zitat groß, weitere klein); hier nur Abschnittsabstände ---------- */
.mund-magazin.mund-start .mund-stimme2 { padding: clamp(24px, 4vw, 56px) 0 var(--mund-abstand); }
.mund-magazin.mund-start main .mund-stimme2__zitat p { max-width: none; hyphens: manual; }

/* ---------- 6 · Themenwahl auf Sand: Reiterliste links (Navy-Balken), Inhalt rechts auf Papier ---------- */
.mund-magazin.mund-start .mund-tw { background: var(--mund-flaeche); padding: var(--mund-abstand) 0; }
.mund-magazin.mund-start .mund-tw__raster { display: flex; flex-wrap: wrap; gap: 32px 64px; align-items: flex-start; }
.mund-magazin.mund-start .mund-tw__wahl { flex: 0 1 380px; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.mund-magazin.mund-start main .mund-tw__wahl h2 { font-size: clamp(32px, 4vw, 52px); }
.mund-magazin.mund-start .mund-tw__liste { margin: 0; border-top: 1px solid var(--mund-blau); }
.mund-magazin.mund-start .mund-tw__liste li { border-bottom: 1px solid var(--mund-linie); }
.mund-magazin.mund-start .mund-tw__knopf:not(.mund-tw__offen) { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 56px; padding: 0 12px 0 0; background: none; font: 400 18px/1.3 var(--m-sans); color: var(--mund-blau);
  transition: padding var(--mund-tempo) ease, background-color var(--mund-tempo) ease; }
.mund-magazin.mund-start .mund-tw__knopf:not(.mund-tw__offen)::after { content: "→" / ""; margin-left: auto; color: transparent; }
.mund-magazin.mund-start .mund-tw__knopf:not(.mund-tw__offen):hover { background: #EAE5DB; }
.mund-magazin.mund-start .mund-tw__knopf[aria-pressed="true"]:not(.mund-tw__offen) { padding-left: 16px; box-shadow: inset 4px 0 0 var(--mund-blau); font-weight: 600; }
.mund-magazin.mund-start .mund-tw__knopf[aria-pressed="true"]:not(.mund-tw__offen)::after { color: var(--mund-blau); }
.mund-magazin.mund-start .mund-tw__knopf:focus-visible { outline: 3px solid var(--mund-blau) !important; outline-offset: -2px; }
.mund-magazin.mund-start .mund-tw__punkt { display: none; }
.mund-magazin.mund-start .mund-tw__knopf > span:last-child { flex: 1; padding-bottom: 0; background: none; }
.mund-magazin.mund-start .mund-tw__offen { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 16px; border: 1px solid var(--mund-linie); background: transparent; box-shadow: none; text-align: left; font: 600 17px/1.3 var(--m-sans); color: var(--mund-blau); cursor: pointer; }
.mund-magazin.mund-start .mund-tw__offen .mund-tw__offen-frage { font-size: 15px; font-weight: 400; color: var(--mund-text); }
.mund-magazin.mund-start .mund-tw__offen:hover { border-color: var(--mund-blau); }
.mund-magazin.mund-start .mund-tw__offen[aria-pressed="true"] { border-color: var(--mund-blau); background: var(--mund-grund); box-shadow: none; }
.mund-magazin.mund-start .mund-tw__offen:focus-visible { outline-offset: 2px; }
/* Inhalt: Papierfläche; die Höhe folgt dem gewählten Thema (Board Z2-05) */
.mund-magazin.mund-start .mund-tw__inhalt { flex: 1 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 48px; background: var(--mund-grund); padding: clamp(22px, 3.2vw, 44px); }
.mund-magazin.mund-start .mund-tw__inhalt > .mund-tw__thema[hidden] { display: none; }
.mund-magazin.mund-start .mund-tw__thema { display: flex; flex-direction: column; gap: 20px; }
.mund-magazin.mund-start .mund-tw__thema > * { margin: 0; }
.mund-magazin.mund-start main .mund-tw__titel { position: static; width: auto; height: auto; overflow: visible; clip-path: none; white-space: normal;
  font: 500 clamp(26px, 2.8vw, 36px)/1.1 var(--m-serif); letter-spacing: 0; color: var(--mund-blau); }
.mund-magazin.mund-start .mund-tw__einordnung { max-width: 620px; font-size: clamp(17px, 1.4vw, 19px); line-height: 1.6; color: var(--mund-text); }
.mund-magazin.mund-start main .mund-tw__schwerpunkte { display: flex; flex-wrap: wrap; gap: 8px 0; margin: 0; padding: 0; }
.mund-magazin.mund-start main .mund-tw__schwerpunkte li { padding: 0 14px; font: 500 16px/1.45 var(--m-sans); color: var(--mund-blau); }
.mund-magazin.mund-start main .mund-tw__schwerpunkte li:first-child { padding-left: 0; }
.mund-magazin.mund-start main .mund-tw__schwerpunkte li + li { border-left: 1px solid #B9B3A8; }
.mund-magazin.mund-start .mund-tw__sep { display: none; }
.mund-magazin.mund-start .mund-tw__klaerung { margin-top: 6px; }
.mund-magazin.mund-start .mund-tw__klaerung > .mund-s-label { display: block; padding-bottom: 10px; }
.mund-magazin.mund-start .mund-tw__klaerung dl { display: block; margin: 0; }
.mund-magazin.mund-start .mund-tw__klaerung dl > div { display: flex; flex-flow: row wrap; gap: 6px 24px; padding: 16px 0; border-top: 1px solid var(--mund-linie); }
.mund-magazin.mund-start .mund-tw__klaerung dl > div:first-child { border-top-color: var(--mund-blau); }
.mund-magazin.mund-start .mund-tw__klaerung dl > div:last-child { border-bottom: 1px solid var(--mund-linie); }
.mund-magazin.mund-start .mund-tw__klaerung dt { flex: 0 0 150px; font: 600 17px/1.4 var(--m-sans); color: var(--mund-blau); }
.mund-magazin.mund-start .mund-tw__klaerung dd { flex: 1 1 280px; margin: 0; font-size: 16px; line-height: 1.55; color: var(--mund-text); }
/* Projektbeleg: ohne Kasten, Serif-Titel, Angaben als Zeilen */
.mund-magazin.mund-start .mund-tw__beleg { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; background: none; }
.mund-magazin.mund-start .mund-tw__beleg-kicker { font: 700 12px/1.5 var(--m-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--mund-grau); }
.mund-magazin.mund-start .mund-tw__beleg-titel { padding: 0; border: 0; font: 400 21px/1.3 var(--m-serif); color: var(--mund-blau); }
.mund-magazin.mund-start .mund-tw__beleg-daten { display: flex; flex-direction: column; gap: 10px; padding: 0; }
.mund-magazin.mund-start .mund-tw__beleg-daten > div { display: flex; flex-flow: row wrap; gap: 2px 20px; line-height: 1.5; }
.mund-magazin.mund-start .mund-tw__beleg-daten dt { flex: 0 0 140px; padding: 0; font-size: 14px; color: var(--mund-grau); }
.mund-magazin.mund-start .mund-tw__beleg-daten dd { flex: 1 1 240px; font-size: 16px; color: var(--mund-blau); }
.mund-magazin.mund-start .mund-tw__beleg-link { align-self: flex-start; margin: 0; font: 600 15px/1.4 var(--m-sans); color: var(--mund-blau); }
.mund-magazin.mund-start .mund-tw__fuss { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; margin: 0; padding-top: 18px; border-top: 1px solid var(--mund-blau); }
.mund-magazin.mund-start .mund-tw__fuss > div { display: flex; flex-direction: column; gap: 4px; max-width: 420px; }
.mund-magazin.mund-start .mund-tw__fuss .mund-s-label { margin: 0; }
.mund-magazin.mund-start .mund-tw__rollen { font-size: 16px; line-height: 1.45; color: var(--mund-blau); }
.mund-magazin.mund-start .mund-tw__fuss .mund-s-cta { flex: none; }
/* Ohne Skript: alle Themen untereinander, durch Linien getrennt */
html:not(.mund-js) .mund-magazin.mund-start .mund-tw__thema + .mund-tw__thema { padding-top: 40px; border-top: 1px solid var(--mund-blau); }

/* ---------- 7 · Wer was beiträgt: Titel + Text, zwei Spalten, Einsatzmodelle als Indexliste ---------- */
.mund-magazin.mund-start .mund-wer { padding: var(--mund-abstand) 0 clamp(40px, 5vw, 64px); }
.mund-magazin.mund-start .mund-wer .mund-s__innen { display: flex; flex-direction: column; gap: 32px; }
.mund-magazin.mund-start .mund-wer__kopf { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px 64px; padding-bottom: 18px; border-bottom: 1px solid var(--mund-blau); }
.mund-magazin.mund-start .mund-wer__kopf h2 { flex: 1 1 380px; }
.mund-magazin.mund-start .mund-wer__intro { flex: 1 1 420px; max-width: 580px; font-size: 17px; line-height: 1.55; color: var(--mund-text); }
.mund-magazin.mund-start .mund-wer__beitrag { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 28px 64px; border: 0; }
.mund-magazin.mund-start .mund-wer__beitrag > div, .mund-magazin.mund-start .mund-wer__beitrag > div + div { display: flex; flex-direction: column; gap: 10px; padding: 0; border: 0; }
.mund-magazin.mund-start main .mund-wer__beitrag h3 { display: block; font: 400 clamp(23px, 2.4vw, 30px)/1.15 var(--m-serif); letter-spacing: 0; }
.mund-magazin.mund-start .mund-wer__beitrag p:not(.mund-s-label) { max-width: 560px; font-size: 16px; line-height: 1.6; color: var(--mund-text); }
.mund-magazin.mund-start .mund-wer__modelle { display: block; margin-top: 8px; }
.mund-magazin.mund-start .mund-wer__modelle > .mund-s-label { padding: 0 0 12px; border-bottom: 1px solid var(--mund-blau); letter-spacing: .16em; color: var(--mund-blau); }
.mund-magazin.mund-start .mund-wer__spalten { display: flex; flex-direction: column; gap: 0; }
.mund-magazin.mund-start .mund-wer__spalten > div { display: flex; flex-flow: row wrap; gap: 6px 40px; padding: 20px 0; border: 0; border-bottom: 1px solid var(--mund-linie); }
.mund-magazin.mund-start main .mund-wer__spalten h3 { flex: 0 1 300px; font: 400 clamp(21px, 2vw, 25px)/1.2 var(--m-serif); letter-spacing: 0; hyphens: manual; }
.mund-magazin.mund-start .mund-wer__spalten > div p { flex: 1 1 360px; max-width: 640px; font-size: 16px; line-height: 1.55; color: var(--mund-text); }
.mund-magazin.mund-start .mund-wer__spalten > .mund-wer__flex { max-width: 760px; padding-top: 18px; border-top: 0; font-size: 16px; line-height: 1.55; color: var(--mund-text); }
.mund-magazin.mund-start .mund-wer__flex a { font-weight: 600; color: var(--mund-blau); text-decoration: underline; }

/* ---------- 8 · Kundenfall hell: Etikettspalte, großer Serif-Titel, Lead, vier Felder im 2er-Raster ---------- */
.mund-magazin.mund-start .mund-fall2 { background: transparent; color: var(--mund-text); padding: clamp(40px, 5vw, 72px) 0; }
.mund-magazin.mund-start .mund-fall2__raster { display: flex; flex-flow: row wrap; gap: 16px 64px; padding-top: clamp(26px, 3vw, 40px); border-top: 1px solid var(--mund-blau); }
.mund-magazin.mund-start .mund-fall2__etikett { flex: 0 0 200px; padding-top: 8px; line-height: 1.6 !important; color: var(--mund-grau); }
.mund-magazin.mund-start .mund-fall2__haupt { flex: 1 1 640px; min-width: 0; display: flex; flex-direction: column; gap: 22px; }
.mund-magazin.mund-start .mund-fall2__haupt > * { margin: 0; }
.mund-magazin.mund-start main .mund-fall2 h2 { font-size: clamp(30px, 4vw, 52px); font-weight: 500 !important; line-height: 1.05; letter-spacing: -.02em; color: var(--mund-blau); text-wrap: balance; }
.mund-magazin.mund-start .mund-fall2__unterzeile { max-width: 740px; font: 400 clamp(19px, 1.8vw, 22px)/1.5 var(--m-serif); color: var(--mund-blau); }
.mund-magazin.mund-start .mund-fall2__teile { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 26px 48px; margin-top: 6px !important; }
.mund-magazin.mund-start .mund-fall2__teil { display: flex; flex-direction: column; gap: 10px; padding-top: 16px; border-top: 1px solid var(--mund-linie); }
.mund-magazin.mund-start main .mund-fall2__teil h3 { font: 600 17px/1.35 var(--m-sans); letter-spacing: 0; color: var(--mund-blau); }
.mund-magazin.mund-start .mund-fall2__teil p { max-width: 560px; font-size: 16px; line-height: 1.65; color: var(--mund-text); hyphens: auto; }
.mund-magazin.mund-start .mund-fall2__mehr { margin-top: 0 !important; }
.mund-magazin.mund-start .mund-fall2__mehr a { min-height: 44px; font: 600 16px/1.2 var(--m-sans); color: var(--mund-blau); }
.mund-magazin.mund-start .mund-fall2 .mund-s-pruef { color: var(--mund-grau); border-color: var(--mund-grau); }
.mund-magazin.mund-start .mund-fall2 .mund-s-pruef .mund-s-mono { color: var(--mund-blau); }

/* ---------- 9 · Weitere Referenzen (Liste mit Linien) und Hinweis für Experten ---------- */
.mund-magazin.mund-start .mund-ref2 { padding: clamp(16px, 2vw, 32px) 0 var(--mund-abstand); }
.mund-magazin.mund-start .mund-ref2 .mund-s__raster { display: block; }
.mund-magazin.mund-start .mund-ref2 .mund-s__raster:has(.mund-ref2__liste) { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 0 64px; }
.mund-magazin.mund-start .mund-ref2 .mund-s__raster > .mund-s-label { grid-column: 1; padding-top: 22px; letter-spacing: .16em; }
.mund-magazin.mund-start .mund-ref2__liste { grid-column: 2; }
.mund-magazin.mund-start .mund-ref2__zeile { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 20px 0; border-bottom: 1px solid var(--mund-linie); }
.mund-magazin.mund-start .mund-ref2__zeile strong { font: 400 clamp(19px, 1.8vw, 22px)/1.3 var(--m-serif); color: var(--mund-blau); }
.mund-magazin.mund-start .mund-ref2__zeile > span:not(.mund-s-marke) { font-size: 16px; line-height: 1.55; color: var(--mund-text); }
.mund-magazin.mund-start .mund-ref2__experten { grid-column: 2; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin: 0; padding-top: 22px; font-size: 16px; color: var(--mund-text); }
.mund-magazin.mund-start .mund-ref2__experten a { min-height: 44px; font-weight: 600; color: var(--mund-blau); }

/* ---------- 10 · Anfrage auf Sand mit Ansprechperson (Felder und Formularzustände: basis.css/bausteine.css) ---------- */
.mund-magazin.mund-start .mund-anfrage2 { background: var(--mund-flaeche); color: var(--mund-text); padding: var(--mund-abstand) 0; }
.mund-magazin.mund-start .mund-anfrage2__raster { display: flex; flex-wrap: wrap; gap: 48px 72px; }
.mund-magazin.mund-start .mund-anfrage2__form { flex: 1 1 600px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
body.mund-magazin.mund-start main #anfrage.mund-anfrage2 h2 { font-size: clamp(36px, 5vw, 64px) !important; font-weight: 500 !important; line-height: 1.02; letter-spacing: -.022em; color: var(--mund-blau); }
.mund-magazin.mund-start .mund-anfrage2__lead { max-width: 600px; font-size: 18px; line-height: 1.55; color: var(--mund-blau); }
.mund-magazin.mund-start .mund-anfrage2 .mund-formular { margin-top: 8px; }
.mund-magazin.mund-start .mund-anfrage2 .mund-feld [aria-invalid="true"] { box-shadow: none; }
.mund-magazin.mund-start .mund-anfrage2 .mund-formular__fuss { flex-direction: row; align-items: center; }
.mund-magazin.mund-start .mund-anfrage2 .mund-formular__fuss > span { flex: 1 1 280px; font-size: 15px; color: var(--mund-blau); }
body.mund-magazin.mund-start .mund-anfrage2 .mund-formular__fuss button { min-height: 52px; height: auto; padding: 0 26px; border-radius: 0; background: var(--mund-akzent); color: var(--mund-akzent-text); box-shadow: none; transform: none; font: 600 17px/1.2 var(--m-sans); }
body.mund-magazin.mund-start .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); }
@media (prefers-reduced-motion: reduce) { body.mund-magazin.mund-start .mund-anfrage2 .mund-formular__fuss button:hover { transform: none; } }
/* Ansprechperson: Navy-Linie oben, Porträtfläche 4:5 (höchstens 240 px), Name in Serif, E-Mail-Zeile zwischen Linien */
.mund-magazin.mund-start .mund-s-kontakt { flex: 0 1 340px; min-width: 0; align-self: flex-start; display: flex; flex-direction: column; gap: 14px; padding-top: 20px; border-top: 1px solid var(--mund-blau); }
.mund-magazin.mund-start .mund-s-kontakt > * { margin: 0; }
.mund-magazin.mund-start .mund-s-kontakt :is(.mund-bildflaeche, .mund-s-kontakt__bild, .mund-s-kontakt__portraet) { display: block; width: 100%; max-width: 240px; height: auto; aspect-ratio: 4 / 5; border: 1px solid var(--mund-linie); border-radius: 0; box-sizing: border-box; }
.mund-magazin.mund-start .mund-s-kontakt__name { font: 400 30px/1.1 var(--m-serif); letter-spacing: 0; color: var(--mund-blau); }
.mund-magazin.mund-start .mund-s-kontakt__rolle { font-size: 15px; line-height: 1.5; color: var(--mund-text); }
.mund-magazin.mund-start .mund-s-kontakt__mail { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 14px 0; border-top: 1px solid var(--mund-linie); border-bottom: 1px solid var(--mund-linie); font-size: 16px; color: var(--mund-blau); }
.mund-magazin.mund-start .mund-s-kontakt__mail a { color: var(--mund-blau); }

/* ---------- 11 · Mobil (Board D01b/C01b, 390 px) ---------- */
@media (max-width: 999px) {
  .mund-magazin.mund-start main h2 { font-size: clamp(32px, 4vw, 52px); }
  .mund-magazin.mund-start .mund-hero__aktionen { flex-direction: row; align-items: center; }
  .mund-magazin.mund-start .mund-hero .mund-s-cta { padding: 0 24px; }
  .mund-magazin.mund-start .mund-tw__fuss .mund-s-cta { flex: none; padding: 0 20px; }
  .mund-magazin.mund-start .mund-ref2 .mund-s__raster:has(.mund-ref2__liste) { grid-template-columns: minmax(0, 1fr); }
  .mund-magazin.mund-start .mund-ref2 :is(.mund-s__raster > .mund-s-label, .mund-ref2__liste, .mund-ref2__experten) { grid-column: 1; }
  .mund-magazin.mund-start .mund-ref2 .mund-s__raster > .mund-s-label { padding-top: 0; }
  .mund-magazin.mund-start .mund-ref2__experten { flex-direction: row; align-items: center; }
  .mund-magazin.mund-start .mund-fall2__etikett { flex-basis: 100%; padding-top: 0; }
  .mund-magazin.mund-start .mund-s-kontakt { flex-basis: 100%; }
  .mund-magazin.mund-start .mund-s-kontakt :is(.mund-bildflaeche, .mund-s-kontakt__bild) { display: block; }
  .mund-magazin.mund-start .mund-s-kontakt__name { font-size: 30px; }
}