/* mund · Magazin-Design v2 — Wissen (T7 Übersicht, T8 Wissensartikel, T9 Beitrag einfach)
   Schicht über wissen.css / wissen-archiv.css: Tokens und Schriften der Website, Fokus 3 px, gemeinsamer Kopf und Fuß.
   Werte aus „BWEB Wissen Uebersicht“, „BWEB Wissensartikel“ und „BWEB Vorlage“ (ch-wissen, *-beitrag-*). Texte und Markup unverändert. */

/* ---------- 0 · Rahmen: kein Abstand zwischen Kopf, Seite und Fuß ---------- */
.mund-magazin:is(.blog, .single-post) .wp-site-blocks > main,
.mund-magazin:is(.blog, .single-post) .wp-site-blocks > main + * { margin-block-start: 0; }
.mund-magazin .mund-wissen-archiv > * { margin-block: 0; }

/* ---------- 1 · Tokens der Wissensseiten auf die Website-Tokens ---------- */
.mund-magazin :is(.mund-wissen, .mund-wissen-archiv) {
  --navy-900: var(--mund-navy); --navy-ink: var(--mund-blau); --text: var(--mund-text); --muted: var(--mund-grau);
  --muted-2: var(--mund-ziffer); --line: var(--mund-linie); --paper: var(--mund-grund); --panel: var(--mund-flaeche);
  --lime: var(--mund-akzent); --serif: var(--m-serif); --sans: var(--m-sans);
}
/* Fokus 3 px; auf Navy weiß */
.mund-magazin :is(.mund-wissen, .mund-wissen-archiv) :is(a, button):focus-visible { outline: 3px solid var(--mund-blau); outline-offset: 3px; }
.mund-magazin .mund-wissen__kopf :is(a, button):focus-visible { outline-color: #fff; }
.mund-magazin .mund-wissen-archiv a.mwa-aufmacher:focus-visible { outline: 3px solid #fff; outline-offset: -8px; }

/* ---------- 2 · T7 Wissen-Übersicht ---------- */
.mund-magazin .mwa-kopf h1 { text-wrap: wrap; }
/* Vor dem Aufmacher trennt dessen Navy-Kante; die eingerückte Linie stieße sonst als Stummel auf die randlose Bildkante */
.mund-magazin .mwa-kopf:has(+ .mwa-aufmacher)::after { display: none; }
body.mund-magazin.markt-ch .mwa-kopf h1 { font-weight: 400; font-size: clamp(36px, 5vw, 64px); letter-spacing: -.025em; } /* Vorlage ch-wissen */
body.mund-magazin.markt-ch .mwa-kopf__unter { flex: 0 1 400px; font-size: 16px; color: var(--mund-text); }

/* Aufmacher: Überschrift weiß und Serif 400 (die Grundtypografie färbt h2 sonst Ink) */
.mund-magazin .mund-wissen-archiv .mwa-aufmacher__titel { color: #fff; font-weight: 400; letter-spacing: 0; line-height: 1; }
.mund-magazin .mund-wissen-archiv a.mwa-aufmacher:hover { color: var(--on-dark); }
/* Titelbild ohne geklärte Rechte: neutrale Fläche im Navy des Aufmachers, ohne Beschriftung */
.mund-magazin .mwa-aufmacher__bild .mund-bildflaeche { position: absolute; inset: 0; min-height: 0; animation: none;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.03) 0 14px, transparent 14px 28px), #0E2342; }
.mund-magazin .mwa-aufmacher__bild:has(.mund-bildflaeche) { border-left: 1px solid var(--mund-linie-dunkel); }

/* Breite Fenster: das Bild läuft bis an den rechten Rand, der Text bleibt an der Inhaltskante (sonst Navy-Streifen rechts neben dem Bild) */
@media (min-width: 1281px) {
  .mund-magazin .mwa-aufmacher:has(.mwa-aufmacher__bild) .mwa-aufmacher__innen { max-width: none; }
  .mund-magazin .mwa-aufmacher:has(.mwa-aufmacher__bild) .mwa-aufmacher__text { flex: 0 0 calc((100% - 1280px) / 2 + 600px); padding-left: calc((100% - 1280px) / 2 + var(--rand)); }
}
/* Aufmacherbild der Übersicht (Thomas 05.11.2026): Personen stehen rechts im Motiv */
.mund-magazin .mwa-aufmacher__img[src*="aufmacher-it-beratung"] { object-position: 92% 50%; }
/* Quelle unter dem Zitat: Link zum Artikel mit Pfeil, ohne Unterstrich, Trefferfläche 44 px */
.mund-magazin .mwa-gedanke figcaption { font-size: 15px; }
.mund-magazin .mwa-gedanke__quelle { display: inline-flex; align-items: center; min-height: 44px; color: var(--mund-blau); font-weight: 600; text-decoration: none; transition: transform 200ms; }
.mund-magazin .mwa-gedanke__quelle:is(:hover, :focus-visible) { color: var(--mund-blau); transform: translateX(6px); } /* wie „Artikel lesen“ */
.mund-magazin .mwa-gedanke__pfeil { margin-left: 4px; }
@media (prefers-reduced-motion: reduce) { .mund-magazin .mwa-gedanke__quelle { transition: none; } }

/* Aufmacher ohne Titelbild (CH): ruhige Navy-Fläche, einspaltig */
.mund-magazin .mund-wissen-archiv a.mwa-aufmacher:not(:has(.mwa-aufmacher__bild)) { transition: background-color 200ms; }
.mund-magazin .mund-wissen-archiv a.mwa-aufmacher:not(:has(.mwa-aufmacher__bild)):hover { background-color: #0B2040; }
.mund-magazin .mwa-aufmacher:not(:has(.mwa-aufmacher__bild)) .mwa-aufmacher__text { background: none; padding-block: clamp(36px, 5vw, 64px); gap: 18px; }
.mund-magazin .mwa-aufmacher:not(:has(.mwa-aufmacher__bild)) .mwa-aufmacher__zeile { gap: 10px; font-weight: 700; }
.mund-magazin .mwa-aufmacher:not(:has(.mwa-aufmacher__bild)) .mwa-quadrat { width: 10px; height: 10px; }
.mund-magazin .mwa-aufmacher:not(:has(.mwa-aufmacher__bild)) .mwa-aufmacher__ganz { font-size: clamp(34px, 5vw, 64px); line-height: 1.02; }
.mund-magazin .mwa-aufmacher:not(:has(.mwa-aufmacher__bild)) .mwa-aufmacher__teaser { font-size: 17px; line-height: 1.55; color: var(--mund-dunkel-text); max-width: 560px; text-wrap: wrap; }
.mund-magazin .mwa-aufmacher:not(:has(.mwa-aufmacher__bild)) .mwa-aufmacher__fuss { border-top-color: rgba(180,192,208,.3); font-size: 15px; color: var(--mund-dunkel-text); }

/* Liste: Hover behält die Textfarbe (Grundtypografie färbt a:hover schwarz) */
.mund-magazin .mund-wissen-archiv .mwa-liste a:is(:hover, :focus-visible) { color: var(--mund-text); }

/* Kontaktimpuls: Primäraktion 52 px, Hover Versatz mit Navy-Kante */
.mund-magazin .mund-wissen-archiv a.mwa-knopf { display: inline-flex; align-items: center; gap: .4em; min-height: 52px; padding: 0 22px; background: var(--mund-akzent); color: var(--mund-akzent-text);
  transition: box-shadow 150ms ease, transform 150ms ease; }
.mund-magazin .mund-wissen-archiv a.mwa-knopf:hover { background: var(--mund-akzent); color: var(--mund-akzent-text); box-shadow: 3px 3px 0 var(--mund-blau); transform: translate(-2px, -2px); }
/* Ohne Liste und ohne Zitat (CH): Impuls als Navy-Band direkt unter dem Aufmacher – eine zusammenhängende dunkle Fläche */
.mund-magazin .mund-wissen-archiv:not(:has(.mwa-inhalt, .mwa-gedanke)) .mwa-abstand { display: none; }
.mund-magazin .mund-wissen-archiv:not(:has(.mwa-inhalt, .mwa-gedanke)) .mwa-impuls { border-top: 0; background: var(--mund-navy); }
.mund-magazin .mund-wissen-archiv:not(:has(.mwa-inhalt, .mwa-gedanke)) .mwa-impuls__innen { padding-block: clamp(40px, 5vw, 64px); gap: 20px 40px; }
.mund-magazin .mund-wissen-archiv:not(:has(.mwa-inhalt, .mwa-gedanke)) .mwa-impuls__satz { font-weight: 400; font-size: clamp(30px, 4.4vw, 56px); line-height: 1.05; letter-spacing: -.02em; color: #fff; }
.mund-magazin .mund-wissen-archiv:not(:has(.mwa-inhalt, .mwa-gedanke)) a.mwa-knopf { padding: 0 24px; font-size: 17px; }
.mund-magazin .mund-wissen-archiv:not(:has(.mwa-inhalt, .mwa-gedanke)) a.mwa-knopf:hover { box-shadow: 3px 3px 0 #fff; }
.mund-magazin .mund-wissen-archiv:not(:has(.mwa-inhalt, .mwa-gedanke)) a.mwa-knopf:focus-visible { outline-color: #fff; }

/* Liste mobil wie Vorlage: Nummer, darunter Rubrik, Titel, Teaser, dann Datum und „Artikel lesen“ */
@media (max-width: 719px) {
  .mund-magazin .mund-wissen-archiv .mwa-liste a { display: flex; flex-direction: column; align-items: stretch; gap: 8px; }
  .mund-magazin .mund-wissen-archiv .mwa-liste__text { display: flex; }
  .mund-magazin .mund-wissen-archiv :is(.mwa-liste__nr, .mwa-liste__text) { flex: none; }
  .mund-magazin .mund-wissen-archiv .mwa-liste__meta { flex: none; flex-direction: column; align-items: flex-start; gap: 6px; padding-top: 4px; }
  .mund-magazin .mund-wissen-archiv .mwa-liste__meta .mwa-lesen { margin: 6px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .mund-magazin .mund-wissen-archiv :is(a.mwa-knopf, a.mwa-aufmacher) { transition: none; }
  .mund-magazin .mund-wissen-archiv a.mwa-knopf:hover { transform: none; }
}

/* ---------- 3 · T8 Wissensartikel ---------- */
/* Seitenlabels sind h2 – Grundtypografie (Serif 52 px) zurücknehmen */
.mund-magazin .mund-wissen :is(.mund-wissen__fakten-titel, h2.mund-wissen__seitenlabel) { font-family: var(--m-sans); font-size: 13px; font-weight: 600; line-height: 1.4; letter-spacing: .16em; text-transform: uppercase; }
.mund-magazin .mund-wissen .mund-wissen__fakten-titel { color: var(--mund-blau); }
.mund-magazin .mund-wissen h2.mund-wissen__seitenlabel { color: var(--mund-ziffer); }
/* Teilen im Kopf: weiß auf Navy */
.mund-magazin .mund-wissen .mund-wissen__teilen :is(a, button), .mund-magazin .mund-wissen .mund-wissen__teilen :is(a, button):hover { color: #fff; }

/* ---------- 4 · T9 Beitrag einfach (single.html): Kopf einspaltig, Lesespalte aus bausteine.css ---------- */
/* Linie in der Inhaltsbreite unter dem Datum (Vorlage *-beitrag-*), nicht über die volle Breite */
.mund-magazin.single-post:not(.mund-ist-wissen) .mund-seitenkopf { padding-top: clamp(32px, 5vw, 64px) !important; padding-bottom: 0 !important; border-bottom: 0; }
.mund-magazin.single-post:not(.mund-ist-wissen) .mund-seitenkopf__innen { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--mund-blau); }
.mund-magazin.single-post:not(.mund-ist-wissen) .mund-seitenkopf .mund-seitenkopf__innen > * { margin: 0 !important; align-self: flex-start; } /* projekte.css ordnet Kopf mit Lead und Datum im Raster an */
.mund-magazin.single-post:not(.mund-ist-wissen) .mund-seitenkopf .mund-pfad { font-size: 15px; }
.mund-magazin.single-post:not(.mund-ist-wissen) .mund-seitenkopf .mund-pfad a { min-height: 44px; display: inline-flex; align-items: center; color: var(--mund-blau); }
.mund-magazin.single-post:not(.mund-ist-wissen) .mund-seitenkopf__innen h1 { max-width: 980px; font-size: clamp(34px, 5.4vw, 72px) !important; font-weight: 400; line-height: 1; letter-spacing: -.028em; text-wrap: balance; }
.mund-magazin.single-post:not(.mund-ist-wissen) .mund-seitenkopf .mund-lead { max-width: 760px; font-size: clamp(17px, 1.6vw, 20px); line-height: 1.55; color: var(--mund-blau); }
.mund-magazin.single-post:not(.mund-ist-wissen) .mund-seitenkopf .mund-lead p { margin: 0; }
.mund-magazin.single-post:not(.mund-ist-wissen) .mund-seitenkopf .mund-hinweis { font-size: 14px; color: var(--mund-grau); }
.mund-magazin.single-post:not(.mund-ist-wissen) .mund-text-inhalt { margin-top: 40px; }
/* Lange Adressen im Fließtext brechen um (V5 – Linktext ändern – nicht umgesetzt) */
.mund-magazin.single-post .mund-text-inhalt :is(p, li, h2, h3) { overflow-wrap: anywhere; }
/* CTA-Band auch in CH Navy (Vorlage ch-beitrag-besetzung); mund.css färbt Navy-Abschnitte in CH sonst Beige */
.mund-magazin.markt-ch.single-post main > section.has-blau-background-color { background: var(--mund-navy) !important; color: var(--mund-dunkel-text) !important; }
.mund-magazin.markt-ch.single-post main > section.has-blau-background-color :is(h1, h2, h3, li, a:not(.wp-block-button__link)) { color: #fff !important; }
.mund-magazin.markt-ch.single-post main > section.has-blau-background-color p { color: var(--mund-dunkel-text) !important; }