/* mund · Magazin-Design v2 — Grundlagen (B-WEB Designpaket Stufe 2, 04.11.2026)
   Gestaltungsschicht über mund.css: Tokens, Typografie, Aktionen, Formularfelder, Kopf, Fuß, Kontaktleiste, Abschnitte, Seitenkopf.
   Werte aus „04 Designsystem“. Schriften und Akzent DE sind reversible Arbeitsannahmen (E1, E2) und stehen nur hier und in theme.json.
   Abschalten: Filter mund_magazin → false. */

/* ---------- 1 · Tokens ---------- */
:root, body.markt-de {
  --mund-akzent: #E6F21A;           /* E2: ein Lime für die ganze Website, Navy-Schrift darauf 13,9 : 1 */
  --mund-akzent-text: #0A1C36;
  --mund-akzent-hell: #E6F21A;
  --mund-navy: #07162C;             /* eine dunkle Hauptfläche je Seite, Kopf, Fuß */
  --mund-blau: #0A1C36;             /* Ink: Überschriften, Linien, Fokus */
  --mund-text: #2A3A50;
  --mund-grau: #5B6676;
  --mund-ziffer: #737D8C;           /* nur ab 24 px oder als Rahmen (4,0 : 1) */
  --mund-linie: #CFC9BE;
  --mund-linie-dunkel: #1B2D48;
  --mund-flaeche: #F2EEE6;
  --mund-grund: #FCFAF6;
  --mund-dunkel-text: #D3DBE6;      /* Lesetext auf Navy, 12,97 : 1 */
  --mund-fehler: #B3261E;
  --mund-kante: 3px 3px 0 var(--mund-blau);
  --mund-tempo: .15s;
  --mund-rand: clamp(16px, 5vw, 64px);
  --mund-breit: 1152px;             /* 1280 px abzüglich 2 × 64 px Seitenrand */
  --mund-abstand: clamp(56px, 8vw, 104px);
  --mund-kopf: 68px;
  --m-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --m-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
body.markt-ch { --mund-akzent: #D81117; --mund-akzent-text: #FFFFFF; --mund-akzent-hell: #F8D3CF; --mund-kante: 3px 3px 0 var(--mund-blau); }

/* Seitenrand 64 → 16 px; Inhalt nie breiter als 1152 px (Inhaltsbreite 1280 px inklusive Rand), Flächen bleiben vollbreit */
body.mund-magazin { --wp--style--root--padding-left: max(var(--mund-rand), calc((100vw - var(--mund-breit)) / 2)); --wp--style--root--padding-right: max(var(--mund-rand), calc((100vw - var(--mund-breit)) / 2)); }

/* ---------- 2 · Grundtypografie ---------- */
body.mund-magazin { background: var(--mund-grund); color: var(--mund-text); font-family: var(--m-sans); font-size: 1rem; line-height: 1.55; }
.mund-magazin :where(h1, h2, h3) { font-family: var(--m-serif); color: var(--mund-blau); }
.mund-magazin :where(h1) { font-weight: 400; letter-spacing: -.035em; line-height: .98; font-size: clamp(42px, 7vw, 96px); }
.mund-magazin :where(h2) { font-weight: 500; letter-spacing: -.02em; line-height: 1.05; font-size: clamp(32px, 4.2vw, 52px); }
.mund-magazin :where(h3) { font-weight: 400; letter-spacing: 0; line-height: 1.15; font-size: clamp(21px, 2.4vw, 30px); }
.mund-magazin :where(h4) { font-family: var(--m-sans); font-weight: 600; color: var(--mund-blau); }
.mund-magazin :where(h1, h2) em { font-style: italic; font-weight: 400; }
.mund-magazin :where(p, li, dd, td) { overflow-wrap: anywhere; }
@media (max-width: 599px) { .mund-magazin :where(p, li, dd, td) { hyphens: auto; } } /* Silbentrennung nur schmal, Board zeigt am Desktop keine */
.mund-magazin :where(h1, h2, h3) { overflow-wrap: normal; hyphens: manual; }
.mund-magazin .mund-kicker { font: 700 12px/1.5 var(--m-sans) !important; letter-spacing: .14em; text-transform: uppercase; color: var(--mund-grau); }
.mund-magazin .mund-lead { font-size: clamp(17px, 1.7vw, 21px); line-height: 1.5; color: var(--mund-text); }
.mund-magazin a { color: var(--mund-blau); text-underline-offset: 3px; text-decoration-thickness: 1px; }
.mund-magazin a:hover { color: #000; }
.mund-magazin ::selection { background: var(--mund-akzent); color: var(--mund-akzent-text); }
.mund-magazin mark, .mund-magazin .mund-marker { background: linear-gradient(transparent 62%, var(--mund-akzent-hell) 62%) !important; }

/* Fokus 3 px, nie Systemblau (Designsystem 4) */
.mund-magazin :focus-visible { outline: 3px solid var(--mund-blau); outline-offset: 3px; }
.mund-magazin :is(.mund-kopf, .mund-fuss, .has-navy-background-color, .has-blau-background-color, .mund-dunkel) :focus-visible { outline-color: #fff; }

/* Sprunglink „Zum Inhalt springen“ */
.mund-magazin .mund-skip, .mund-magazin .skip-link, .mund-magazin .skip-link.screen-reader-text:focus { position: absolute; left: 16px; top: -80px; z-index: 100; background: var(--mund-grund); color: var(--mund-blau); padding: 12px 16px; font: 600 16px/1.2 var(--m-sans); border-radius: 0; outline: 3px solid var(--mund-akzent); outline-offset: 0; text-decoration: none; background-color: var(--mund-grund) !important; box-shadow: none !important; }
.mund-magazin .mund-skip:focus, .mund-magazin .skip-link:focus { top: 8px; color: var(--mund-blau); }

/* Neutrale Bildfläche für Motive ohne geklärte Rechte (E3/E4) */
.mund-bildflaeche { display: block; width: 100%; height: 100%; min-height: inherit; aspect-ratio: inherit; background: repeating-linear-gradient(135deg, rgba(10,28,54,.035) 0 14px, transparent 14px 28px), #E9E4DA; }
.mund-dunkel .mund-bildflaeche, .mund-hero .mund-bildflaeche { background: repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 14px, transparent 14px 28px), #0E2342; }

/* ---------- 3 · Aktionen ---------- */
.mund-magazin :is(.wp-element-button, .wp-block-button__link) { border-radius: 0; font: 600 1rem/1.2 var(--m-sans); transition: box-shadow var(--mund-tempo) ease, transform var(--mund-tempo) ease, background-color var(--mund-tempo) ease, color var(--mund-tempo) ease; }
/* Primär: Fläche Akzent, 52 px; Hover Versatz mit Navy-Kante, Fokus 3-px-Rahmen */
.mund-magazin .wp-block-button:not([class*="is-style-"]) .wp-block-button__link,
.mund-magazin .wp-block-button.is-style-fill .wp-block-button__link,
.mund-magazin .mund-knopf, .mund-magazin .mund-formular__fuss button {
  display: inline-flex; align-items: center; justify-content: center; gap: .4em; min-height: 52px; padding: 0 22px;
  background: var(--mund-akzent); color: var(--mund-akzent-text); border: 0; border-radius: 0; text-decoration: none; box-shadow: none; }
.mund-magazin .wp-block-button:not([class*="is-style-"]) .wp-block-button__link:hover,
.mund-magazin .wp-block-button.is-style-fill .wp-block-button__link:hover,
.mund-magazin .mund-knopf:hover, .mund-magazin .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); }
.mund-magazin :is(.mund-kopf, .mund-hero, .mund-dunkel, .has-navy-background-color, .has-blau-background-color) .wp-block-button:not([class*="is-style-"]) .wp-block-button__link:hover { box-shadow: 3px 3px 0 #fff; }
.mund-magazin .wp-block-button__link:active { transform: none; box-shadow: none; }
/* Sekundär (Rahmen): 48 px, Hover gefüllt */
.mund-magazin .wp-block-button.is-style-rahmen .wp-block-button__link { min-height: 48px; padding: 0 20px; display: inline-flex; align-items: center; background: transparent; color: var(--mund-blau); box-shadow: inset 0 0 0 1px var(--mund-blau); }
.mund-magazin .wp-block-button.is-style-rahmen .wp-block-button__link:hover { background: var(--mund-blau); color: #fff; transform: none; }
.mund-magazin .wp-block-button.is-style-dunkel .wp-block-button__link { min-height: 52px; padding: 0 22px; display: inline-flex; align-items: center; background: var(--mund-blau); color: #fff; }
.mund-magazin .wp-block-button.is-style-dunkel .wp-block-button__link:hover { background: var(--mund-blau); box-shadow: 3px 3px 0 var(--mund-akzent); transform: translate(-2px, -2px); }
/* Textlink: 1 px Linie, Hover 2 px */
.mund-magazin .wp-block-button.is-style-pfeil .wp-block-button__link { min-height: 44px; padding: 0; display: inline-flex; align-items: center; background: none; color: var(--mund-blau); text-decoration: none; box-shadow: none; font-weight: 600; } /* Linie nur beim Überfahren (::before, mund.css), Thomas 05.11.2026 */
.mund-magazin .wp-block-button.is-style-pfeil .wp-block-button__link:hover { background: none; box-shadow: none; transform: none; color: #000; }
.mund-magazin .wp-block-button__link:focus-visible { outline: 3px solid var(--mund-blau); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .mund-magazin .wp-block-button__link:hover, .mund-magazin .mund-knopf:hover, .mund-magazin .mund-formular__fuss button:hover { transform: none !important; }
}

/* ---------- 4 · Formularfelder ---------- */
.mund-magazin .mund-feld { gap: 8px; }
.mund-magazin .mund-feld label { font: 600 15px/1.35 var(--m-sans); color: var(--mund-blau); }
.mund-magazin .mund-feld label .mund-optional { font-weight: 400; color: var(--mund-grau); }
.mund-magazin :is(.mund-feld input, .mund-feld select, .mund-feld textarea, .mund-filter input, .mund-filter select, .mund-pe-filter input, .mund-pe-filter select) {
  min-height: 52px; border: 1px solid var(--mund-ziffer); border-radius: 0; background-color: #fff; color: var(--mund-blau); font: 400 16px/1.4 var(--m-sans); box-shadow: none; transition: border-color var(--mund-tempo); }
.mund-magazin .mund-feld textarea { padding: 14px; min-height: 140px; }
.mund-magazin :is(.mund-feld input, .mund-feld select, .mund-feld textarea):hover { border-color: var(--mund-blau); }
.mund-magazin :is(.mund-feld input, .mund-feld select, .mund-feld textarea, .mund-filter input, .mund-filter select, .mund-pe-filter input, .mund-pe-filter select):focus { border-color: var(--mund-blau); outline: 3px solid var(--mund-blau); outline-offset: 0; box-shadow: none; }
/* Vorbelegt (Thema aus der Auswahl): Markierung am linken Rand */
.mund-magazin .mund-feld select.is-vorbelegt, .mund-magazin .mund-feld.is-vorbelegt select { border-color: var(--mund-blau); box-shadow: inset 4px 0 0 var(--mund-akzent); }
/* Fehler: Rahmen 2 px, Meldung darunter, Fehlerliste oben mit Fokus (Texte aus mund-anfrage, unverändert) */
.mund-magazin .mund-feld [aria-invalid=true] { border: 2px solid var(--mund-fehler); }
.mund-magazin .mund-feld__fehler { font: 600 14px/1.4 var(--m-sans); color: var(--mund-fehler); }
.mund-magazin .mund-meldung { border-radius: 0; }
.mund-magazin .mund-meldung--fehler { border: 2px solid var(--mund-fehler); background: #fff; color: var(--mund-blau); }
.mund-magazin .mund-fehlerliste { border-left: 4px solid var(--mund-fehler); }
.mund-magazin .mund-erfolg { border-radius: 0; background: var(--mund-navy); }
.mund-magazin .mund-erfolg__haken { border-radius: 0; }
.mund-magazin .mund-formular__fuss button { font-size: 17px; height: auto; min-height: 52px; padding: 0 26px; }
.mund-magazin .mund-formular__fuss button[disabled] { opacity: 1; background: var(--mund-blau); color: #fff; cursor: progress; transform: none; box-shadow: none; }

/* ---------- 5 · Kopf ---------- */
.mund-magazin .mund-kopf { background: var(--mund-navy); border-bottom: 1px solid var(--mund-linie-dunkel); color: #fff; }
.mund-magazin .mund-kopf__innen { max-width: 1280px; padding: 12px clamp(16px, 4vw, 48px); min-height: var(--mund-kopf); gap: 20px; }
.mund-magazin .mund-logo img { height: 36px; }
.mund-magazin .mund-kopf .wp-block-navigation { color: #fff; font: 400 15px/1.2 var(--m-sans); }
.mund-magazin .mund-kopf .wp-block-navigation__container { gap: 22px; }
.mund-magazin .mund-kopf .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { color: #fff; min-height: 44px; display: inline-flex; align-items: center; padding: 0; border-bottom: 2px solid transparent; }
.mund-magazin .mund-kopf .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover { color: #fff; }
.mund-magazin .mund-kopf :is(.current-menu-item, .current-menu-ancestor, .current_page_parent) > .wp-block-navigation-item__content,
.mund-magazin .mund-kopf .wp-block-navigation-item__content[aria-current="page"] { font-weight: 600; }
/* Eine Linie (Thomas 05.11.2026): die gezeichnete Linie (mund.css) liegt beim aktiven Punkt in der Akzentfarbe, keine zweite Unterkante darunter */
.mund-magazin .mund-kopf .wp-block-navigation__container > :is(.current-menu-item, .current-menu-ancestor, .current_page_parent) > .wp-block-navigation-item__content::after,
.mund-magazin .mund-kopf .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"]::after { background: var(--mund-akzent); transform: scaleX(1); }
.mund-magazin .mund-kopf .has-child:is(:hover, :focus-within) > .wp-block-navigation-item__content::after,
.mund-magazin .mund-kopf .has-child:has(> .wp-block-navigation-submenu__toggle[aria-expanded=true]) > .wp-block-navigation-item__content::after { transform: scaleX(1); transform-origin: left; } /* geöffnetes Untermenü: Linie steht */
.mund-magazin .mund-kopf .wp-block-navigation__submenu-icon { color: #B4C0D0; width: 11px; height: 11px; margin-left: 6px; }
.mund-magazin .mund-kopf .wp-block-navigation__submenu-icon svg { stroke: currentColor; transition: transform var(--mund-tempo); }
.mund-magazin .mund-kopf .wp-block-navigation-submenu__toggle[aria-expanded=true] svg { transform: rotate(180deg); }
/* Mega-Menüs auf Papierfläche */
@media (min-width: 1080px) {
  .mund-magazin .mund-kopf .wp-block-navigation .wp-block-navigation__submenu-container { background: var(--mund-grund) !important; color: var(--mund-blau); border: 1px solid var(--mund-linie) !important; border-radius: 0 !important; box-shadow: 0 18px 40px rgba(7,22,44,.18) !important; }
  .mund-magazin .mund-kopf .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { color: var(--mund-blau); border-radius: 0 !important; transition: background-color var(--mund-tempo); }
  .mund-magazin .mund-kopf .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--mund-flaeche); }
  .mund-magazin .mund-kopf .wp-block-navigation__submenu-container .wp-block-navigation-item__label { font: 600 16px/1.3 var(--m-sans); color: var(--mund-blau); }
  .mund-magazin .mund-kopf .wp-block-navigation__submenu-container .wp-block-navigation-item__description { font: 400 14px/1.4 var(--m-sans); color: var(--mund-grau); }
  .mund-magazin .mund-kopf .mund-nav-kopfzeile .wp-block-navigation-item__label { font: 700 12px/1.5 var(--m-sans) !important; letter-spacing: .16em; text-transform: uppercase; color: var(--mund-grau) !important; }
}
/* Markt- und Sprachwahl */
.mund-magazin .mund-markt-wahl > summary { min-height: 44px; height: auto; padding: 0 12px; border: 1px solid #4A5D78; border-radius: 0; background: transparent; color: #fff; font: 700 13px/1 var(--m-sans); gap: 8px; transition: border-color var(--mund-tempo); }
.mund-magazin .mund-markt-wahl > summary > span::before { width: 9px; height: 9px; margin-right: 8px; background: var(--mund-akzent) !important; box-shadow: none !important; }
body.mund-magazin.mund-start .mund-markt-wahl > summary { color: #fff; border-color: #4A5D78; }
.mund-magazin .mund-markt-wahl > summary::after { width: 6px; height: 6px; border-width: 0 1.5px 1.5px 0; color: #B4C0D0; }
.mund-magazin .mund-markt-wahl > summary:hover, .mund-magazin .mund-markt-wahl[open] > summary { border-color: #fff; }
.mund-magazin .mund-markt-wahl__panel { background: var(--mund-grund); color: var(--mund-blau); border: 1px solid var(--mund-linie); border-radius: 0; box-shadow: 0 18px 40px rgba(7,22,44,.18); width: min(340px, calc(100vw - 32px)); padding: 20px; gap: 14px; top: calc(100% + 20px); }
.mund-magazin .mund-markt-wahl__titel { font: 700 12px/1.4 var(--m-sans); letter-spacing: .14em; color: var(--mund-grau); }
.mund-magazin .mund-markt-wahl__sprachen { gap: 8px; }
.mund-magazin .mund-markt-wahl__sprachen :is(a, span) { border-radius: 0; padding: 8px 12px; min-height: 36px; display: inline-flex; align-items: center; font: 600 14px/1.2 var(--m-sans); border: 1px solid var(--mund-blau); color: var(--mund-blau); }
.mund-magazin .mund-markt-wahl__sprachen a:hover { background: var(--mund-flaeche); }
.mund-magazin .mund-markt-wahl__sprachen a[aria-current] { background: var(--mund-blau); color: #fff; }
.mund-magazin .mund-markt-wahl__sprachen span { border: 1px dashed var(--mund-ziffer); color: var(--mund-grau); font-weight: 400; }
.mund-magazin .mund-markt-wahl__markt + .mund-markt-wahl__markt { border-top-color: var(--mund-linie); }
.mund-magazin .mund-markt-wahl__hinweis { font-size: 13px; line-height: 1.5; color: var(--mund-text); }
/* Kopf-Aktion */
.mund-magazin .mund-kopf__aktionen { gap: 20px; }
.mund-magazin .mund-kopf__aktionen .wp-block-button .wp-block-button__link { min-height: 44px; height: 44px; padding: 0 18px; font-size: 15px; }
.mund-magazin .mund-kopf__aktionen .wp-block-button__link:hover { box-shadow: 3px 3px 0 #fff; }

/* Mobilkopf unter 1080 px: Markt · Projekt · Menü; Menü vollflächig auf Papier, Serif-Gruppenköpfe, 48-px-Zeilen */
@media (max-width: 1079px) {
  .mund-magazin .mund-kopf__innen { gap: 10px; }
  .mund-magazin .mund-logo img { height: 30px; }
  .mund-magazin .mund-kopf__aktionen { gap: 6px; }
  .mund-magazin .mund-markt-wahl > summary { padding: 0 8px; gap: 6px; }
  .mund-magazin .mund-markt-wahl > summary > span::before { width: 8px; height: 8px; margin-right: 6px; }
  .mund-magazin .mund-kopf__aktionen .wp-block-button .wp-block-button__link { padding: 0 10px; }
  .mund-magazin .mund-kopf .wp-block-navigation__responsive-container-open { background: var(--mund-grund); color: var(--mund-blau); border-radius: 0; min-height: 44px; height: 44px; min-width: 92px; justify-content: center; padding: 0 10px; font: 600 15px/1 var(--m-sans); }
  .mund-magazin .mund-kopf .wp-block-navigation__responsive-container-open svg { display: none; }
  /* Overlay unter dem Kopf: Logo, Markt und Projekt bleiben sichtbar, „Schließen“ steht an der Stelle von „Menü“ */
  .mund-magazin .mund-kopf .wp-block-navigation__responsive-container.is-menu-open { top: calc(var(--mund-kopf) + var(--wp-admin--admin-bar--height, 0px)) !important; background: var(--mund-grund) !important; color: var(--mund-blau) !important; padding: 12px 16px 28px !important; border-top: 1px solid var(--mund-linie-dunkel); animation: none !important; transform: none !important; }
  .mund-magazin .mund-kopf .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 0 !important; }
  .mund-magazin .mund-kopf .wp-block-navigation__responsive-container-close { position: fixed; top: calc(12px + var(--wp-admin--admin-bar--height, 0px)); right: clamp(16px, 4vw, 48px); background: var(--mund-grund); color: var(--mund-blau); border-radius: 0; width: 92px; min-width: 92px; height: 44px; padding: 0 10px; font: 600 15px/1 var(--m-sans); }
  .mund-magazin .mund-kopf .wp-block-navigation__responsive-container-close::after { content: "Schließen"; }
  .mund-magazin.markt-ch .mund-kopf .wp-block-navigation__responsive-container-close::after { content: "Schliessen"; } /* CH-Schreibung wie aria-label */
  .mund-magazin .mund-kopf .wp-block-navigation__responsive-container-close svg { display: none; }
  .mund-magazin .mund-kopf .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { font: 400 24px/1.2 var(--m-serif) !important; color: var(--mund-blau) !important; min-height: 56px; border-bottom: 1px solid var(--mund-blau) !important; padding: 14px 0 !important; }
  .mund-magazin .mund-kopf .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { min-height: 48px; justify-content: center; padding: 10px 0 !important; border-bottom: 1px solid var(--mund-linie) !important; color: var(--mund-blau) !important; }
  .mund-magazin .mund-kopf .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__label { font: 600 17px/1.3 var(--m-sans) !important; }
  .mund-magazin .mund-kopf .is-menu-open .wp-block-navigation-item__description { font: 400 14px/1.4 var(--m-sans); color: var(--mund-grau); }
  .mund-magazin .mund-kopf .is-menu-open .mund-nav-kopfzeile > .wp-block-navigation-item__content { min-height: 0 !important; border: 0 !important; padding: 14px 0 4px !important; }
  .mund-magazin .mund-kopf .is-menu-open .mund-nav-kopfzeile .wp-block-navigation-item__label { font: 700 12px/1.5 var(--m-sans) !important; letter-spacing: .16em; text-transform: uppercase; color: var(--mund-grau); }
  .mund-magazin .mund-kopf .is-menu-open .wp-block-navigation-submenu__toggle { display: none; }
}

/* ---------- 6 · Mobile Kontaktleiste (V4: erst nach dem Einstieg; Platz am Seitenende) ---------- */
@media (max-width: 1079px) {
  .mund-magazin .mund-kontaktleiste { position: fixed; left: 0; right: 0; bottom: 0; z-index: 35; display: flex; gap: 8px; padding: 8px 16px calc(8px + env(safe-area-inset-bottom)); background: var(--mund-grund); border-top: 1px solid var(--mund-blau); transform: translateY(110%); transition: transform .22s ease; }
  .mund-magazin .mund-kontaktleiste.is-sichtbar { transform: none; }
  .mund-magazin .mund-kontaktleiste a { display: flex; align-items: center; justify-content: center; min-height: 52px; height: auto; border-radius: 0; font: 600 16px/1.2 var(--m-sans); text-decoration: none; }
  .mund-magazin .mund-kontaktleiste a:first-child { flex: 1; background: var(--mund-akzent); color: var(--mund-akzent-text); }
  .mund-magazin .mund-kontaktleiste a:first-child::after { content: " →"; white-space: pre; }
  .mund-magazin .mund-kontaktleiste a + a { padding: 0 16px; box-shadow: inset 0 0 0 1px var(--mund-blau); color: var(--mund-blau); }
  .mund-magazin .mund-fuss { padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important; }
}
@media (min-width: 1080px) { .mund-magazin .mund-kontaktleiste { display: none; } }

/* ---------- 7 · Fuß (Navy) ---------- */
.mund-magazin .mund-fuss { background: var(--mund-navy); color: var(--mund-dunkel-text); padding: clamp(48px, 6vw, 64px) var(--mund-rand) 32px !important; }
.mund-magazin .mund-fuss__innen { max-width: var(--mund-breit); gap: 40px; }
.mund-magazin .mund-fuss__spalten { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 32px; }
.mund-magazin .mund-fuss__spalte { gap: 8px; font: 400 16px/1.5 var(--m-sans); color: var(--mund-dunkel-text); }
.mund-magazin .mund-fuss__spalte strong { color: #fff; font-weight: 600; }
.mund-magazin .mund-fuss__spalte .mund-kicker { color: #B4C0D0; margin-bottom: 8px; }
.mund-magazin .mund-fuss a { color: var(--mund-dunkel-text); text-decoration: none; }
.mund-magazin .mund-fuss__spalte a { min-height: 30px; display: inline-flex; align-items: center; }
.mund-magazin .mund-fuss a:hover { color: #fff; text-decoration: underline; }
.mund-magazin .mund-fuss__spalte:nth-child(2) a { text-decoration: underline; } /* Kontaktwege als Link erkennbar */
.mund-magazin .mund-fuss__marke img { height: 40px; }
.mund-magazin .mund-fuss__claim { display: block; margin-top: 40px; max-width: 170px; font: italic 400 19px/1.4 var(--m-serif); color: #B4C0D0; }
.mund-magazin .mund-fuss__unten { border-top: 1px solid var(--mund-linie-dunkel); padding-top: 24px; font-size: 14px; color: #8B98AC; }
.mund-magazin .mund-fuss__unten a { color: var(--mund-dunkel-text); text-decoration: underline; }

/* ---------- 8 · Abschnitte, Raster, Linien ---------- */
.mund-magazin .wp-site-blocks { background: var(--mund-grund); }
.mund-magazin .mund-abschnitt { padding-top: var(--mund-abstand) !important; padding-bottom: var(--mund-abstand) !important; }
.mund-magazin .mund-abschnitt.is-knapp { padding-top: clamp(40px, 6vw, 72px) !important; padding-bottom: clamp(40px, 6vw, 72px) !important; }
.mund-magazin .mund-seitenkopf + .mund-abschnitt { padding-top: clamp(40px, 6vw, 72px) !important; }
.mund-magazin .has-flaeche-background-color { background-color: var(--mund-flaeche) !important; }
.mund-magazin :is(.has-navy-background-color, .has-blau-background-color) { background-color: var(--mund-navy) !important; color: var(--mund-dunkel-text); }
.mund-magazin :is(.has-navy-background-color, .has-blau-background-color) :is(h1, h2, h3, h4, strong) { color: #fff; }
.mund-magazin :is(.has-navy-background-color, .has-blau-background-color) :is(p, li) { color: var(--mund-dunkel-text); }
.mund-magazin :is(.has-navy-background-color, .has-blau-background-color) a:not(.wp-block-button__link) { color: #fff; }
.mund-magazin :is(.has-navy-background-color, .has-blau-background-color) .mund-kicker { color: #B4C0D0; }
/* Abschnittskopf: Titel links, Text rechts, Navy-Linie darunter */
.mund-magazin .mund-abschnittskopf { gap: 16px 48px; align-items: end; padding-bottom: 20px; border-bottom: 1px solid var(--mund-blau); margin-bottom: clamp(24px, 3vw, 40px) !important; }
.mund-magazin :is(.has-navy-background-color, .has-blau-background-color) .mund-abschnittskopf { border-bottom-color: rgba(255,255,255,.35); }
.mund-magazin .mund-abschnittskopf > p, .mund-magazin .mund-abschnittskopf > .mund-abschnittskopf__text { max-width: 560px; font-size: 17px; line-height: 1.55; }
/* Keine Karten als Dekoration: Rundungen und Schatten aus dem Bestand neutralisieren */
.mund-magazin :is(.mund-karte, .mund-karten > *, .mund-kasten) { border-radius: 0 !important; box-shadow: none !important; }

/* ---------- 9 · Seitenkopf (T2 T3 T5 T6 T10) ---------- */
.mund-magazin .mund-seitenkopf { padding-top: clamp(48px, 7vw, 96px) !important; padding-bottom: 0 !important; }
.mund-magazin .mund-seitenkopf__innen { max-width: var(--mund-breit); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; padding-bottom: clamp(28px, 4vw, 48px); border-bottom: 1px solid var(--mund-blau); }
.mund-magazin .mund-seitenkopf__innen > * { max-width: none; }
.mund-magazin .mund-seitenkopf__innen h1 { margin: 0 !important; font-size: clamp(42px, 7vw, 96px); max-width: 15ch; }
.mund-magazin .mund-seitenkopf__innen .mund-lead { max-width: 560px; }
@media (min-width: 900px) {
  .mund-magazin .mund-seitenkopf__innen:has(> .mund-lead) { grid-template-columns: minmax(0, 1fr) minmax(280px, 440px); column-gap: 48px; align-items: end; }
  .mund-magazin .mund-seitenkopf__innen:has(> .mund-lead) > :not(.mund-lead):not(h1) { grid-column: 1 / -1; }
  .mund-magazin .mund-seitenkopf__innen:has(> .mund-lead) > h1 { grid-column: 1; }
  .mund-magazin .mund-seitenkopf__innen:has(> .mund-lead) > .mund-lead { grid-column: 2; margin-bottom: .35em !important; }
  .mund-magazin .mund-seitenkopf__innen:has(> .mund-lead) > .mund-lead ~ :not(.mund-lead) { grid-column: 1 / -1; }
}
.mund-magazin .mund-pfad { font-size: 14px; color: var(--mund-grau); }

/* ---------- 10 · Bewegung reduzieren ---------- */
@media (prefers-reduced-motion: reduce) {
  .mund-magazin .mund-kontaktleiste { transition: none; }
}
.mund-magazin .mund-seitenkopf__innen .mund-lead, .mund-magazin .mund-abschnittskopf > p, .mund-magazin .mund-lead { hyphens: manual; }
@media (max-width: 374px) { .mund-magazin .mund-kopf .wp-block-navigation__responsive-container-open, .mund-magazin .mund-kopf .wp-block-navigation__responsive-container-close { min-width: 0; width: auto; padding: 0 8px; } }
.mund-magazin .wp-site-blocks > .wp-block-template-part:has(.mund-fuss) { margin-top: 0; } /* kein Papierstreifen vor dem Fuß */
/* Seitenkopf: Navy-Linie über die volle Breite (Board D07a u. a.); Kontakt ohne Linie, die Anfrage schließt direkt an (D12a) */
.mund-magazin .mund-seitenkopf { border-bottom: 1px solid var(--mund-blau); padding-bottom: clamp(40px, 5vw, 56px) !important; }
.mund-magazin .mund-seitenkopf__innen { border-bottom: 0; padding-bottom: 0; }
.mund-magazin .mund-seitenkopf:has(+ #anfrage) { border-bottom: 0; }
/* Seitenkopf-Etikett in Ink mit weiter Sperrung (Board) */
.mund-magazin .mund-seitenkopf .mund-kicker { color: var(--mund-blau); letter-spacing: .2em; }
.mund-magazin .mund-seitenkopf:has(~ * :is(.mund-filter, .mund-pe-filter)), .mund-magazin .mund-seitenkopf:has(~ :is(.mund-filter, .mund-pe-filter)) { border-bottom: 0; } /* T3/T10: Suchfläche schließt an (Board D03, D18) */

/* ---------- Newsletter mit exali-Vorteil (Briefing Thomas 05.11.2026): eine Komponente, drei Größen ----------
   Dezente Fläche, Typografie des Bestands, Aktion als ruhiger Textlink; kein Banner, keine Zusatzfarbe. */
.mund-magazin .mund-nl { box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 40px; }
.mund-magazin .mund-nl p { margin: 0; }
.mund-magazin .mund-nl__text { flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.mund-magazin .mund-nl__titel { font: 400 22px/1.25 var(--m-serif); color: var(--mund-blau); }
.mund-magazin .mund-nl__text > p:not([class]) { hyphens: manual; font-size: 16px; line-height: 1.55; color: var(--mund-text); }
.mund-magazin :is(.mund-nl__hinweis, .mund-nl__absender) { font-size: 13px; line-height: 1.45; color: var(--mund-grau); }
.mund-magazin .mund-nl__absender { display: flex; align-items: center; gap: 8px; margin-top: 4px !important; }
.mund-magazin .mund-nl__absender img { flex: none; width: 36px; height: 36px; }
.mund-magazin .mund-nl__aktion { flex: 0 1 380px; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.mund-magazin .mund-nl__form { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin: 0; }
.mund-magazin .mund-nl__form input[type="email"] { box-sizing: border-box; flex: 1 1 220px; min-width: 0; height: 44px; padding: 0 12px; border: 1px solid var(--mund-ziffer); border-radius: 0; background: #fff; font: 400 16px/1.4 var(--m-sans); color: var(--mund-blau); }
.mund-magazin .mund-nl__form input[type="email"]:focus-visible { outline: 2px solid var(--mund-blau); outline-offset: 2px; }
.mund-magazin .mund-nl__falle { position: absolute; left: -5000px; }
.mund-magazin .mund-nl__cta { display: inline-block; padding: 11px 0; border: 0; background-color: transparent; font: 600 16px/1.4 var(--m-sans); color: var(--mund-blau) !important; text-align: left; cursor: pointer; } /* Pfeil bleibt beim Umbruch am Text */
.mund-magazin .mund-nl__recht { font-size: 12px; line-height: 1.45; color: var(--mund-grau); }
.mund-magazin .mund-nl__recht a { color: inherit; text-decoration: underline; }
.mund-magazin .mund-nl__danke { display: flex; flex-direction: column; gap: 6px; padding-left: 14px; border-left: 3px solid var(--mund-akzent); }
.mund-magazin .mund-nl__danke p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--mund-text); }
.mund-magazin .mund-nl__danke .mund-nl__danke-titel { font-weight: 600; color: var(--mund-blau); }
.mund-magazin .mund-nl__danke .mund-nl__danke-klein { font-size: 13px; color: var(--mund-grau); }
.mund-magazin .mund-fuss .mund-nl__danke p { color: var(--mund-dunkel-text); }
.mund-magazin .mund-fuss .mund-nl__danke .mund-nl__danke-titel { color: #fff; }
.mund-magazin .mund-fuss .mund-nl__danke .mund-nl__danke-klein { color: #8B98AC; }
/* Projektliste: nach „Kein passendes Projekt dabei?“, eigene Fläche */
.mund-magazin .mund-nl--m { margin-top: clamp(40px, 5vw, 56px); padding: 24px 28px; background: var(--mund-flaeche); }
/* Projektseite: kleiner, unter den Kenntnissen mit feiner Linie */
.mund-magazin .mund-nl--s { flex-direction: column; align-items: stretch; gap: 10px; margin-top: 24px !important; padding: 18px 0 0; border-top: 1px solid var(--mund-linie); }
.mund-magazin .mund-nl--s .mund-nl__text { flex: none; }
.mund-magazin .mund-nl--s .mund-nl__titel { font-size: 18px; }
.mund-magazin .mund-nl--s .mund-nl__text > p:not([class]) { font-size: 15px; }
.mund-magazin .mund-nl--s .mund-nl__cta { font-size: 15px; }
/* Fußbereich: Newsletter im Mittelpunkt, Rabatt als Zusatz */
.mund-magazin .mund-nl--fuss { padding: 22px 0; border-top: 1px solid var(--mund-linie-dunkel); }
.mund-magazin .mund-nl--fuss .mund-nl__titel { font-size: 20px; color: #fff; }
.mund-magazin .mund-nl--fuss .mund-nl__text > p:not([class]) { font-size: 15px; color: var(--mund-dunkel-text); }
.mund-magazin .mund-nl--fuss .mund-nl__vorteil { font: italic 400 15px/1.5 var(--m-serif); color: #B4C0D0; }
.mund-magazin .mund-fuss .mund-nl__cta { color: #fff !important; text-decoration: none; }
.mund-magazin .mund-fuss .mund-nl__recht { color: #8B98AC; }
.mund-magazin .mund-fuss .mund-nl__recht a { color: var(--mund-dunkel-text); }
.mund-magazin .mund-fuss .mund-nl__form input[type="email"] { border-color: transparent; }
.mund-magazin .mund-fuss .mund-nl__form input[type="email"]:focus-visible { outline-color: #fff; }
.mund-magazin .mund-fuss__innen:has(.mund-nl--fuss) > .mund-fuss__unten { margin-top: -16px; }
@media (max-width: 720px) { .mund-magazin .mund-nl--m { padding: 20px; } .mund-magazin .mund-nl__aktion { flex-basis: 100%; } }
.mund-magazin .mund-nl--s .mund-nl__aktion { flex: none; }

/* ---------- Bestätigungsseite Newsletter /newsletter-bestaetigt/ (Übergabe Kachel-Raster-9, Thomas 05.11.2026) ---------- */
.mund-magazin .mund-nlb { padding: clamp(56px, 8vw, 112px) 0 clamp(64px, 8vw, 120px); }
.mund-magazin .mund-nlb__innen { box-sizing: border-box; max-width: 1280px; margin: 0 auto; padding-inline: clamp(20px, 5vw, 64px); display: flex; flex-wrap: wrap; gap: 24px 64px; }
.mund-magazin .mund-nlb__marke { flex: 0 0 200px; width: 12px; height: 12px; margin-top: 14px; }
.mund-magazin .mund-nlb__marke::before { content: ""; display: block; width: 12px; height: 12px; background: var(--mund-akzent); box-shadow: 2px 2px 0 var(--mund-blau); }
.mund-magazin .mund-nlb__inhalt { flex: 1 1 560px; min-width: 0; max-width: 760px; display: flex; flex-direction: column; gap: 0; }
.mund-magazin .mund-nlb__inhalt p { margin: 0; }
.mund-magazin .mund-nlb__titel { margin: 0; font: 400 clamp(40px, 5.4vw, 72px)/1.04 var(--m-serif) !important; letter-spacing: -.025em; color: var(--mund-blau); text-wrap: balance; }
.mund-magazin .mund-nlb__lead { max-width: 560px; margin-top: clamp(20px, 2.4vw, 28px) !important; hyphens: manual; font-size: clamp(18px, 1.6vw, 20px); line-height: 1.55; color: var(--mund-text); }
.mund-magazin .mund-nlb__staryou { margin-top: clamp(36px, 4vw, 48px); padding: clamp(24px, 3vw, 34px) clamp(20px, 3vw, 36px); border-top: 1px solid var(--mund-blau); background: #F4F1EA; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.mund-magazin .mund-nlb__staryou p { max-width: 600px; hyphens: manual; font: 400 clamp(20px, 1.9vw, 24px)/1.4 var(--m-serif); color: var(--mund-blau); }
.mund-magazin .mund-nlb__knopf { display: inline-block; max-width: 100%; padding: 13px 22px; box-sizing: border-box; background: var(--mund-blau); color: #fff !important; font: 600 16px/1.3 var(--m-sans); text-decoration: none !important; transition: box-shadow 200ms; }
.mund-magazin .mund-nlb__knopf:hover { box-shadow: 3px 3px 0 var(--mund-akzent); }
.mund-magazin .mund-nlb__knopf:focus-visible { outline: 2px solid var(--mund-blau); outline-offset: 3px; }
.mund-magazin .mund-nlb__weiter { margin-top: clamp(24px, 3vw, 32px) !important; }
.mund-magazin .mund-nlb__beitrag { display: inline-block; padding: 11px 0; hyphens: manual; font: 600 16px/1.4 var(--m-sans); color: var(--mund-blau) !important; } /* Pfeil bleibt am Text */
.mund-magazin :is(.mund-nlb__beitrag, .mund-nlb__knopf) > span[aria-hidden] { margin-left: .25em; }
.mund-magazin .mund-nlb__hinweis { max-width: 600px; margin-top: clamp(28px, 3vw, 40px) !important; padding-top: 24px; border-top: 1px solid var(--mund-linie); font-size: 15px; line-height: 1.6; color: var(--mund-grau); }
@media (max-width: 720px) { .mund-magazin .mund-nlb__marke { flex-basis: 100%; margin-top: 0; } }
@media (prefers-reduced-motion: reduce) { .mund-magazin .mund-nlb__knopf { transition: none; } }