/* Klaerungsraum 2026: Uebernommenes Zusatz-CSS der bisherigen Website (Stand 26.09.2026),
   ohne die Regeln fuer Kopf, Navigation, Fuss und die 233px-Spaltenverschiebung.
   Wird nur auf Beitraegen und auf Seiten ohne die Vorlage "Relaunch-Seite" geladen. */
/* =============================================================
   KLÄRUNGSRAUM — Zusätzliches CSS (Block-Theme)
   Einfügen unter: Design → Editor → Stile → (⋮) → Zusätzliches CSS
   NICHT ins Theme selbst — das ist Customizer-/Global-Styles-Ebene.
   Enthält nur, was in unserer Sitzung tatsächlich entschieden wurde:
   1) Nav-Hover in Gold
   2) Goldpunkt hinter der Wortmarke (optional, auskommentiert)
   ============================================================= */
/* ---- 3) Eyebrow-Icon-Ausrichtung (Nachtrag) --------------------
   Greift auf jeden Absatz mit direktem svg-Element als Kind,
   unabhängig vom Theme-Kontext. Sicherheitsnetz für ältere,
   handgebaute Eyebrow-Stellen ohne eigenes Flexbox-Markup.
   ---------------------------------------------------------------- */
p:has(> svg) {
  display: flex !important;
  align-items: center !important;
  gap: 11px;
}
/* ---- 6) Eyebrow mobil: Icon auf Erstzeile, Strich am Textanfang --
   Konsistenz ueber alle Seiten-Eyebrows (alte Inline-Variante und
   Block-Variante). Das Icon richtet sich an der ersten Textzeile
   aus, statt bei Zweizeilern vertikal zu schweben; der Goldstrich
   beginnt buendig am Textanfang (Icon 18px + Abstand 11px = 29px)
   und ist fuer Zweizeiler verlaengert.
   ---------------------------------------------------------------- */
@media (max-width: 600px) {
  main p:has(> svg) {
    align-items: flex-start !important;
  }
  main p:has(> svg) > svg {
    flex: none;
  }
  main .wp-block-group:has(> span[aria-hidden="true"] svg) {
    align-items: flex-start !important;
  }
  /* (Strich-Sonderregel ml29/w88 am 2026-07-11 entfernt - Nutzerentscheidung:
     mobil sitzt der Strich wie auf dem Desktop an der Spaltenkante, 58px,
     und schliesst die Zeile ab. Siehe Abschnitt 17.) */
}
/* ---- 8) Blog: Karte fuer den neuesten Beitrag -------------------
   Der kr-feat-card-Block existiert im Seiteninhalt; sein Rahmen-
   Styling ging beim Theme-Wechsel verloren. Hausstil-Karte.
   ---------------------------------------------------------------- */
main .kr-feat-card {
  border: 1px solid #DED7C4;
  border-radius: 14px;
  padding: clamp(20px, 4vw, 30px);
  background: #FFFFFF;
}
/* ---- 9) Einheitliche Aufhaengung aller Seiten ------------------
   Referenz (Nutzer): Datenschutzerklaerung, Cookie-Richtlinie,
   Blog — Inhalt haengt direkt unter dem Template-Abstand und
   nutzt die 720px-Spalte des Themes. Die Legacy-Seiten bringen
   eigene Wrapper mit groesserem clamp-Padding mit; hier
   neutralisiert, damit alle Seiten gleich haengen und die
   Spalten beim Durchscrollen fluchten.
   ---------------------------------------------------------------- */
main div[style*="margin:0 auto"][style*="padding:clamp(32px"],
main div[style*="margin: 0 auto"][style*="padding: clamp(32px"],
main article[style*="margin: 0 auto"][style*="padding: clamp(32px"],
main div[style*="margin: 0 auto"][style*="padding: clamp(24px"],
main div[style*="margin:0 auto"][style*="padding:clamp(24px"] {
  max-width: 720px !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* wpautop-Leerabsatz am Wrapper-Anfang neutralisieren (Classic-Seiten):
   ohne style-Attribut = kein echter Inhalt, nur Umbruch-Artefakt */
main div[style*="margin:0 auto"][style*="padding:clamp(32px"] > p:first-child:not([style]),
main div[style*="margin: 0 auto"][style*="padding: clamp(32px"] > p:first-child:not([style]),
main div[style*="margin: 0 auto"][style*="padding: clamp(24px"] > p:first-child:not([style]),
main div[style*="margin:0 auto"][style*="padding:clamp(24px"] > p:first-child:not([style]) {
  margin: 0 !important;
  line-height: 0;
  font-size: 0;
}
/* Wortmarke etwas groesser, passend zur 36px-Marke */
header .wp-block-site-title {
  font-size: 24px !important;
}
/* ---- 12) WCAG AA: Gold-Textfarben (Audit F1) --------------------
   Neue Textstufe "Olivgold-Text" #75671A: 5.66:1 auf Weiss,
   5.05:1 auf Papier, 4.72:1 auf Papier-tief. Ersetzt #9A8722 und
   #B7A12D ueberall dort, wo sie TEXT faerben; Icons, Striche und
   Flaechen bleiben unveraendert Olivgold (grafische Elemente).
   Generische Link-Regel ohne !important: schlaegt die theme.json-
   :where()-Regel, verliert bewusst gegen Inline-Styles (weisse
   Links auf dunklen Karten bleiben intakt). Inline-gefaerbte
   Goldtexte werden per Attribut-Selektor mit !important erfasst.
   ---------------------------------------------------------------- */
main a { color: #75671A; }
main a:hover, main a:focus { color: #5E5315; }
main [style*="color:#9A8722"], main [style*="color:#9a8722"],
main [style*="color: #9A8722"], main [style*="color: #9a8722"] {
  color: #75671A !important;
}
main [style*="color:#B7A12D"], main [style*="color:#b7a12d"],
main [style*="color: #B7A12D"], main [style*="color: #b7a12d"] {
  color: #75671A !important;
}
main [style*="color:#8a8a8a"], main [style*="color: #8a8a8a"] {
  color: #6B6B6B !important;
}
/* Gold-Buttons: Text/Icon dunkler (5.8:1 auf Olivgold) */
main a[style*="background:#B7A12D"], main a[style*="background: #B7A12D"],
main a[style*="background:#b7a12d"], main a[style*="background: #b7a12d"] {
  color: #1E2A38 !important;
}
main a[style*="background:#B7A12D"] span, main a[style*="background: #B7A12D"] span,
main a[style*="background:#b7a12d"] span, main a[style*="background: #b7a12d"] span {
  color: #1E2A38 !important;
  opacity: 1 !important;
}
main a[style*="background:#B7A12D"] svg, main a[style*="background: #B7A12D"] svg,
main a[style*="background:#b7a12d"] svg, main a[style*="background: #b7a12d"] svg {
  stroke: #1E2A38;
}
/* ---- 13) WCAG 2.2: Zielgroessen + sichtbarer Fokus (F3, F6) ----- */
main .gridjs-pagination button {
  min-width: 24px;
  min-height: 24px;
}
:focus-visible {
  outline: 3px solid #75671A;
  outline-offset: 2px;
}
[style*="background:#2C3E50"] :focus-visible,
[style*="background: #2c3e50"] :focus-visible {
  outline-color: #CCDC74;
}

/* == Abschnitt 14: kr-essay-Entwuerfe - Kontrast-Haertung (WCAG 2.2 AA) == */
/* 14a: Gedimmte Meta-Toene der aelteren Artikel-Generation (hart #8fa3b4 = 2.15-2.6:1,
   #8a8470 / #a99f7d / #9a8f6a / #7a8590 = 2.6-3.8:1) auf AA-feste Ableitungen.
   !important noetig: Artikel-<style> steht im Body NACH diesem Head-CSS. */
main .kr-essay .fn, main .kr-essay .fn a, main .kr-essay .meta,
main .kr-essay .serie-nav, main .kr-essay .tags span, main .kr-site-nav,
main .kr-essay .raster .feld .label,
main [style*="color:#8fa3b4"], main [style*="color: #8fa3b4"],
main [style*="color:#8FA3B4"], main [style*="color: #8FA3B4"] {
  color: #56646F !important; /* 6.1:1 Weiss, 5.4:1 Papier, 5.0:1 auf #EDE9DF */
}
main .kr-essay .apparat .flag, main .kr-essay .cluster li.offen .nr,
main .kr-essay .raster .kappt {
  color: #6B6350 !important; /* warme Ableitung: 5.96:1 Weiss, 4.91:1 auf #EDE9DF */
}
main .kr-abbinder a { color: #75671A !important; }
main .kr-abbinder a:hover { color: #5E5315 !important; border-bottom-color: #5E5315 !important; }

/* 14b: Olivgold als TEXT auf hellen Flaechen -> Olivgold-tief #75671A (5.66:1 Weiss).
   Chirurgisch per CSS-Variablen-Rebind NUR an Text-Elementen, die color:var(--olivgold)
   bzw. var(--gold) setzen: Gold-Generationen werden tief, Anthrazit-Generationen
   derselben Selektoren bleiben unberuehrt, Gold-DEKO (Borders, Rauten,
   Button-Flaechen) bleibt Vollton #B7A12D. */
main .kr-essay .serie, main .kr-essay h3,
main .kr-essay .apparat h2, main .kr-essay .apparat h3, main .kr-essay .apparat .grad,
main .kr-essay .raster .nr, main .kr-essay .cluster .nr,
main .kr-essay .series-end .current, main .kr-essay .series-end a,
main .kr-essay .series-nav a, main .kr-essay .toc a,
main .kr-essay .eyebrow, main .kr-essay .footmark,
main .kr-essay .lead, main .kr-essay ol.marke li,
main .kr-essay .trennstreifen,
main .kr-essay .cta .label, main .kr-essay .werkzeug .label {
  --olivgold: #75671A; --gold: #75671A;
}

/* 14c: Stoerer-Label der hellen Lind-Stoerer (#586a16 = 3.99:1 auf #CCDC74) -> #4A590F (5.2:1).
   :not(.dunkel) schuetzt die dunklen Stoerer-Varianten (Lind-Label auf Anthrazit, konform).
   Ausnahme .postid-2625 (Ueberwachungsstaat): dunkler BASIS-Stoerer ohne .dunkel-Klasse,
   Lind-Label dort erhalten. Kuenftige dunkle Basis-Stoerer ebenso ausnehmen. */
main .kr-essay .stoerer:not(.dunkel) .label { color: #4A590F !important; }
.postid-2625 main .kr-essay .stoerer .label { color: #A9B3BC !important; }
main .kr-essay .stoerer.dunkel .label { color: #A9B3BC !important; }
/* Hinweis-Kasten (30.09.2026): Einwand, Gegenprobe, Grenze, Schutzhinweis; nicht gruen */
.kr-essay .stoerer.hinweis{background:#F5F2EA;color:#2C3E50;border-left:4px solid #2C3E50}
.kr-essay .stoerer.hinweis p{color:#2C3E50}
main .kr-essay .stoerer.hinweis:not(.dunkel) .label { color: #5B6770 !important; }


/* == Abschnitt 15: Mobile Eyebrow-Zeile - Blog-Referenz fuer alle Seiten == */
/* Befund (Live-Messung 2026-07-11): Die Eyebrow-SVGs der aelteren Seiten-
   Generation tragen inline margin:-2px 11px 0 0. Zusammen mit dem zentralen
   Flex-gap 11px (Regel in Abschnitt 3) ergab das 22px Logo-Text-Abstand und
   2px Hochversatz: Der Text (x70) fluchtete nicht mit dem Strich (x59).
   Referenz Blog/Datenschutz/Cookie: gap 11px, svg-margin 0, Text buendig
   ueber dem Strich. Neutralisierung NUR fuer das 18px-Eyebrow-Logo;
   Icon-SVGs (22/52/58px) behalten ihre Abstaende. */
p:has(> svg) > svg[width="18"]:first-child { margin: 0 !important; }


/* == Abschnitt 16: Eyebrow final - Schrift, Grundlinie, mobile Fluchtlinie == */
/* 16a: Eyebrow-Text ueberall wie Arbeitsweise: DM Sans 13px/700, ls .2em,
   Olivgold-tief. Blog erbte Source Serif 4, weil die has-dm-sans-font-family-
   Klasse ohne registriertes Theme-Preset leerlaeuft. Deckt beide Markups ab:
   p mit Inline-SVG (aeltere Seiten) und Gruppe span>svg + p (Blog). */
p:has(> svg[width="18"]:first-child),
div.is-nowrap:has(> span > svg[width="18"]) > p,
div.is-nowrap:has(> svg[width="18"]) > p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: #75671A !important;
}
/* 16b: Text-Grundlinie = untere Logokante (die "virtuelle Linie").
   Flex-baseline: SVG bzw. Span ohne eigene Baseline richten ihre
   Boxunterkante an der Grundlinie des Texts aus. */
p:has(> svg[width="18"]:first-child),
div.is-nowrap:has(> span > svg[width="18"]),
div.is-nowrap:has(> svg[width="18"]) {
  align-items: baseline !important;
}
/* 16d: Nachtrag Grundlinie - der 18er-Logo-SVG hat 2px eingebauten
   Innenrand (sichtbare Klammer-Grafik 14px in 18px-Box). Die Flex-Baseline
   nutzt die BOX-Unterkante; die SICHTBARE Kante lag daher 2px ueber der
   Grundlinie, das D wirkte zu tief. Visueller 2px-Nudge nach unten:
   sichtbare Logokante = Text-Grundlinie. */
p:has(> svg) > svg[width="18"]:first-child,
div.is-nowrap > span > svg[width="18"],
div.is-nowrap > svg[width="18"] {
  position: relative;
  top: 2px;
}

/* == Abschnitt 17: Strich vereinheitlicht - Kante, 58px, fester Abstand == */
/* Nutzerentscheidung: Der Strich sitzt auf allen Breiten wie auf dem Desktop -
   an der Spaltenkante unter dem Logo, 58px, als Abschluss der Eyebrow-Zeile
   (mobile ml29/w88-Sonderregel in Abschnitt 6 entfernt).
   Abstand deterministisch: Die span-im-p-Bauart erbte ueber Margin-Collapse
   das viewportabhaengige Theme-p-Margin (mobil 15px, desktop 18.5px) - daher
   21 vs 24px je nach Breite/Bauart. Fix: p-Margin neutralisieren, beide
   Bauarten fest auf margin-top 19px -> sichtbarer Abstand ~24px ueberall,
   Unterkante bleibt span/div-mb 28px. */
main p:has(> span[style*="width:58px"][style*="height:4px"]) {
  margin: 0 !important;
}
main span[style*="width:58px"][style*="height:4px"],
main div[style*="width:58px"][style*="height:4px"] {
  margin-top: 19px !important;
}


/* == Abschnitt 18: AAA-Feinschliff Signatur + 44px-Klickziele == */
/* 18a: Signatur-Ton #5a6b78 (5.51:1 = AA) -> #43526B (7.9:1 Weiss,
   7.06:1 Papier = AAA auf beiden Gruenden, bleibt Anthrazit-Familie).
   Inline-Override in 4 Schreibweisen. */
main [style*="color:#5a6b78"], main [style*="color: #5a6b78"],
main [style*="color:#5A6B78"], main [style*="color: #5A6B78"] {
  color: #43526B !important;
}

/* Abschnitt 19 (A11y 2026-07-12): Desktop-Submenue-Chevron Trefferflaeche >= 24x24 (WCAG 2.2 SC 2.5.8) */
@media (min-width: 600px) {
  .wp-block-navigation .wp-block-navigation-submenu__toggle { min-width: 24px; min-height: 24px; display: inline-flex; align-items: center; justify-content: center; padding: 0; margin: -4px; box-sizing: border-box; }
}

/* kr-essay-align-arbeitsweise */
@media(min-width:768px){.kr-essay{padding:0 0 60px !important;max-width:720px !important;}}

/* kr-2239-topgap */
@media(min-width:768px){.page-id-2239 article{padding:0 0 60px !important;}
.page-id-2239 article>p:first-child{margin:0 !important;}}


/* ---- kr-blog-grid) Eingriff 2, Rev. B (2026-07-17): Blogseite 1033 ----
   Karten-Raster (.kr-loop) haengt an der LOGO-/Rasterkante (Wortmarken-
   Anfang): -233px hebt das Wortmarken-Offset aus Abschnitt 10 auf.
   Breite = volles 1100px-Header-Raster (Spiegel der Abschnitt-10-
   Geometrie), drei Spalten (Karten ~354px). Lesetext/H1/Featured
   bleiben am Goldpunkt-Anker: Zwei-Kanten-Ordnung (Entscheidung
   Stefan 17.07.; revidiert fuer 1033 den README-Kernpunkt 1).
   Unter 1200px unveraendert; mobil per Media-Query unberuehrt.
   Rollback: genau diesen Block loeschen.
   ---------------------------------------------------------------- */
@media (min-width: 1200px) {
  .page-id-1033 .wp-block-query.kr-loop {
    margin-left: -233px !important;
    max-width: none;
    width: calc(100vw - 100px - 2 * max((100vw - 1200px) / 2, clamp(20px, 5vw, 40px)));
  }
  .page-id-1033 .wp-block-query.kr-loop .wp-block-post-template {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* ---- kr-termin-cta) Eingriff 5 (2026-07-17): Termin-Seite 56 ----
   Primaerer CTA-Button: Gold-Flaeche #B7A12D, Text #24323f
   (Session-Regel Stefan, AA 5.08:1), DM Sans 700, Touch >= 44px.
   Bewusst OHNE Media-Query: Eingriff 5 ist raumunabhaengig,
   Touch-Ziel gilt ausdruecklich auch mobil (PLAN, Eingriff 5).
   Rollback: diesen Block loeschen + Button-Absatz (Klasse
   kr-termin-cta) aus Seite 56 entfernen.
   ---------------------------------------------------------------- */
.kr-termin-cta-zeile { margin: 6px 0 26px; }
a.kr-termin-cta {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 11px 24px; border-radius: 6px;
  background: #B7A12D; color: #24323f;
  font-family: 'DM Sans', system-ui, sans-serif; font-size: 15px;
  font-weight: 700; letter-spacing: .2px; text-decoration: none;
  transition: background .15s ease;
}
a.kr-termin-cta:hover { background: #a8922a; color: #24323f; }
a.kr-termin-cta:active { transform: translateY(1px); }
a.kr-termin-cta:focus-visible { outline: 2px solid #75671A; outline-offset: 2px; }

/* ---- kr-cards) Eingriff 3a (2026-07-17): Presseschau 170 ----
   Zwei-Kanten-Regel: Sammlung haengt an der Rasterkante (-233px
   hebt das Wortmarken-Offset auf), Breite = 1100px-Header-Raster,
   2 Spalten ab 1200px. Bestehende article-Karten (Rand + Radius)
   bleiben; ergaenzt: Gold-Linkskante (Presse-Signatur, links eckig),
   ganzflaechige Links (Stretched-Link), Hover/Fokus nur bei
   verlinkten Karten. Leere wpautop-Zwischenabsaetze nur im Grid
   ausgeblendet. Unter 1200px und mobil unveraendert.
   Rollback: genau diesen Block loeschen.
   ---------------------------------------------------------------- */
@media (min-width: 1200px) {
  .page-id-170 .entry-content div:has(> article) {
    margin-left: -233px !important; max-width: none !important;
    width: calc(100vw - 100px - 2 * max((100vw - 1200px) / 2, clamp(20px, 5vw, 40px)));
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1.2rem !important;
  }
  .page-id-170 .entry-content div:has(> article) > p { display: none; }
  .page-id-170 .entry-content div:has(> article) > article {
    position: relative; margin: 0 !important;
    border-left: 3px solid #B7A12D !important;
    border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;
  }
  .page-id-170 .entry-content article a[href^="http"]::after { content: ""; position: absolute; inset: 0; }
  .page-id-170 .entry-content article:has(a[href^="http"]):hover { box-shadow: 0 6px 18px rgba(44, 62, 80, .09); }
  .page-id-170 .entry-content article:has(a[href^="http"]):focus-within { outline: 2px solid #75671A; outline-offset: 2px; }
}

/* ---- kr-cards-176) Eingriff 3b (2026-07-17): Coaching-Praxis 176 ----
   Zwei-Kanten-Regel wie bei 170: Sammlung an der Rasterkante,
   1100px-Raster, 2 Spalten ab 1200px - durchgehend !important
   (Classic-Inline-Styles). Fallkarten ohne Goldkante (Gattung:
   Gold bleibt der Presse). Fuenfte Karte (Waise) mittig in
   Spaltenbreite; deaktiviert sich bei gerader Kartenzahl selbst
   (last-child:nth-child(odd)). Unter 1200px/mobil unveraendert.
   Rollback: genau diesen Block loeschen.
   ---------------------------------------------------------------- */
@media (min-width: 1200px) {
  .page-id-176 .entry-content div:has(> article) {
    margin-left: -233px !important; max-width: none !important;
    width: calc(100vw - 100px - 2 * max((100vw - 1200px) / 2, clamp(20px, 5vw, 40px))) !important;
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.2rem !important;
  }
  .page-id-176 .entry-content div:has(> article) > article { margin: 0 !important; }
  .page-id-176 .entry-content div:has(> article) > article:last-child:nth-child(odd) {
    grid-column: 1 / -1 !important; justify-self: center !important;
    width: calc(50% - 0.6rem) !important;
  }
}

/* ---- kr-ueber-listen) Layoutfix Ueber-mich-Listen (2026-07-17) ----
   Befund Stefan (Screenshot): nach einzeiligen Listeneintraegen
   groessere Luecke als zwischen mehrzeiligen. Ursache: Die Gold-
   Glyphe (18,5px) erbt line-height 1,7 -> Glyph-Box 31,45px hoch,
   bestimmt bei einzeiligen Eintraegen die Zeilenhoehe (+8,5px).
   Fix: Glyph-Box auf 22px gekappt (Zeichenposition unveraendert,
   1px-margin-top bleibt); wpautop-<br>-Flex-Items in Glyph-Zeilen
   ausgeblendet (sonst bestimmen sie mit 25,45px die Hoehe).
   Selektor-Anker: margin-top im Inline-Style (nur Glyphen;
   Werdegang-Jahres-Spans tragen width, gemessen unveraendert).
   Ab 768px. Rollback: genau diesen Block loeschen.
   ------------------------------------------------------------- */
@media (min-width: 768px) {
  .page-id-50 .entry-content div[style*="flex"] > span:first-child[style*="margin-top"] { line-height: 23.93px !important; margin-top: 0 !important; }
  .page-id-50 .entry-content div[style*="flex"]:has(> span:first-child[style*="margin-top"]) > br { display: none; }
  /* Abschluss-Fix (Stefans Fund, 2. Teil): wpautop-Nachlauf-P nach den Listen-Wrappern
     und als letztes Kind des Lebenslauf-Kastens ausblenden - das Sprachen-Band
     schliesst den Kasten dann buendig ab. Portrait-Kasten unberuehrt (letztes Kind IMG). */
  .page-id-50 .entry-content div[style*="flex-direction"] + p { display: none; }
  .page-id-50 .entry-content div[style*="border-radius"][style*="overflow"] > p:last-child { display: none; }
}

/* ---- kr-home-band) Eingriff 1 (2026-07-19): Startseite-Baender ----
   Full-Bleed-Ausbruch aus der 720px-Lesespalte (Zwei-Kanten-Regel:
   Hintergrund vollbreit 100vw, Inhalt im 1100er-Raster an der
   Rasterkante). Nur Desktop (>=768px); mobil bleibt das Band ein
   Kasten in der Spalte. Formel = Abschnitt-10-Geometrie invers
   (mainPad 50 + gridOffset + Wortmarken-233). Rollback: diesen Block
   loeschen + die kr-home-band-wp:html-Baender aus Seite 1032.
   ---------------------------------------------------------------- */
.kr-band-cta{background:#2C3E50;border-radius:16px;}
.kr-band-cta .kr-band-in{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:38px clamp(20px,5vw,40px) 42px;text-align:center;}
.entry-content .kr-band-cta .kr-band-eyebrow{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:#A9B3BC !important;margin:0 0 14px;display:flex;align-items:center;justify-content:center;gap:9px;}
.kr-band-cta .kr-band-head{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:clamp(20px,2.4vw,26px);line-height:1.3;color:#F5F2EA;margin:0 0 20px;}
.kr-band-btn{display:inline-block;background:#B7A12D;color:#24323f;font-family:'DM Sans',sans-serif;font-weight:700;font-size:15px;text-decoration:none;padding:12px 24px;border-radius:6px;min-height:44px;box-sizing:border-box;transition:background .15s ease;}
.kr-band-btn:hover{background:#a8922a;color:#24323f;}
.kr-band-btn:active{transform:translateY(1px);}
.kr-band-btn:focus-visible{outline:2px solid #75671A;outline-offset:2px;}
@media(min-width:768px){.kr-band-cta{border-radius:0;}.kr-home-band{max-width:none !important;width:100vw;margin-left:calc(-283px - max((100vw - 1200px)/2, clamp(20px,5vw,40px))) !important;}}

/* ---- kr-band-blog) Eingriff 1b (2026-07-19): Blog-Anrisse-Karten ----
   3 neueste Beitraege, dreispaltig im 1100-Raster; Full-Bleed erbt
   kr-home-loop von kr-home-band. Kategorie ausgeblendet (nur
   Allgemein vorhanden) - Entscheidung Stefan offen. Kopf/Button folgen.
   ---------------------------------------------------------------- */
.kr-home-loop .wp-block-post-template{box-sizing:border-box;max-width:1100px !important;margin:0 auto;padding:0 clamp(20px,5vw,40px);grid-template-columns:repeat(3,1fr) !important;gap:20px;}
.kr-home-loop .wp-block-post{background:#fff;border:1px solid #e0d9c8;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;margin:0;}
.kr-home-loop .wp-block-post-featured-image{margin:0;}
.kr-home-loop .wp-block-post-featured-image img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block;}
.kr-home-loop .kr-card{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1;}
.kr-home-loop .kr-card-cat{display:none;}
.kr-home-loop .kr-card-title{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:19px;line-height:1.28;margin:0 0 8px;}
.kr-home-loop .kr-card-title a{color:#2C3E50;text-decoration:none;}
.kr-home-loop .kr-card-title a:hover{color:#75671A;}
.kr-home-loop .wp-block-post-excerpt{font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.55;color:#5a6b7a;margin:0;}
.kr-home-loop .wp-block-post-excerpt a{color:#75671A;}

/* ---- kr-blog-frame) Eingriff 1b: Blog-Band Kopf + Button ----
   Full-Bleed wie kr-home-band; Inhalt (headin) im 1100-Raster,
   linksbuendig. Eyebrow Gold-dark (hell), h2 Anthrazit, Ghost-Button.
   ---------------------------------------------------------------- */
.kr-blog-headin{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:0 clamp(20px,5vw,40px);}
.kr-band-eyebrow-light{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:#75671A;display:flex;align-items:center;gap:9px;margin:0 0 8px;}
.kr-blog-h2{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:clamp(22px,2.4vw,27px);line-height:1.2;color:#2C3E50;margin:0 0 20px;}
.kr-blog-foot .kr-blog-headin{padding-top:24px;}
.kr-btn-ghost{display:inline-block;font-family:'DM Sans',sans-serif;font-weight:700;font-size:15px;color:#75671A;text-decoration:none;padding:11px 22px;border:1px solid #B7A12D;border-radius:6px;transition:background .15s ease;}
.kr-btn-ghost:hover{background:#B7A12D;color:#24323f;}
.kr-btn-ghost:focus-visible{outline:2px solid #75671A;outline-offset:2px;}
@media(min-width:768px){.kr-blog-head,.kr-blog-foot{max-width:none !important;width:100vw;margin-left:calc(-283px - max((100vw - 1200px)/2, clamp(20px,5vw,40px))) !important;}}

/* ---- kr-band-hand) Eingriff 1c (2026-07-19): Handreichungen-Band ----
   VERBORGEN bis Handreichungen-Go-live. Zum EINBLENDEN die markierte
   display:none-Zeile am Blockende loeschen. Full-Bleed wie kr-home-band;
   Intro + 2 Karten + reservierter 3. Platz. Copy = Platzhalter.
   ---------------------------------------------------------------- */
.kr-band-hand{background:#F5F2EA;border-top:1px solid #e4ddcd;border-bottom:1px solid #e4ddcd;}
.kr-hand-in{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:34px clamp(20px,5vw,40px) 40px;}
.kr-hand-grid{display:grid;grid-template-columns:0.9fr 1fr 1fr;gap:18px;align-items:stretch;}
.kr-hand-intro .kr-eb{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:#75671A;display:flex;align-items:center;gap:9px;margin:0 0 9px;}
.kr-hand-head{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(19px,2vw,23px);line-height:1.25;color:#2C3E50;margin:0 0 8px;}
.kr-hand-intro p{font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.55;color:#6f6a5c;margin:0;}
.kr-hand-card{background:#fff;border:1px solid #e0d9c8;border-top:3px solid #B7A12D;border-radius:12px;padding:15px 16px 16px;display:flex;flex-direction:column;}
.kr-hand-card .cat{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#75671A;}
.kr-hand-card h3{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:19px;line-height:1.28;margin:7px 0 8px;color:#2C3E50;}
.kr-hand-card p{font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.55;color:#5a6b7a;margin:0 0 12px;flex:1;}
.kr-hand-card .more{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;color:#75671A;margin-top:auto;}
.kr-hand-reserved{border:1px dashed #b9b884;background:rgba(255,255,255,.4);border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;color:#8a855c;font-family:'DM Sans',sans-serif;font-size:13px;padding:20px;line-height:1.5;}
@media(max-width:767px){.kr-hand-grid{grid-template-columns:1fr;}}
@media(min-width:768px){.kr-band-hand{max-width:none !important;width:100vw;margin-left:calc(-283px - max((100vw - 1200px)/2, clamp(20px,5vw,40px))) !important;}}
.kr-band-hand{display:none;} /* VERBORGEN bis Go-live -- diese Zeile loeschen zum Einblenden */


/* ---- kr-nach-oben) CTA-Abschluss (2026-07-19): Nach-oben-Button auf Viewport-Mitte (Desktop). Reversibel: diesen Block loeschen. ---- */
@media (min-width: 768px) {
  .page-id-1032 .kr-nach-oben { margin-left: auto !important; margin-right: auto !important; }
}


/* ---- kr-cta-eyebrow) CTA-Abschluss (2026-07-19): Eyebrow-Text weiss (#F5F2EA), Logo praesenter (26px), zentriert wie frueherer oberer CTA. Reversibel: Block loeschen. ---- */
.entry-content .kr-band-cta .kr-band-eyebrow { color:#F5F2EA !important; align-items:center !important; gap:14px !important; }
.entry-content .kr-band-cta .kr-band-eyebrow svg { width:26px !important; height:26px !important; }


/* ---- kr-pillar) Pillar-Feature-Karte (2026-07-19): Entscheidungsblockade-Anriss aus dem Brief herausgehoben, Form B (12px rund, Gold-Oberkante, Papier). Reversibel: Block loeschen. ---- */
.entry-content .kr-pillar{max-width:720px;margin:2.6rem auto;background:#F5F2EA;border:1px solid #e0d9c8;border-top:4px solid #B7A12D;border-radius:12px;padding:clamp(24px,5vw,36px) clamp(20px,5vw,40px);box-shadow:0 6px 22px rgba(44,62,80,.06);}
.entry-content .kr-pillar-eyebrow{display:flex;align-items:center;gap:11px;font-family:"DM Sans",sans-serif;font-size:12.5px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;color:#75671A;margin:0 0 16px;}
.entry-content .kr-pillar-eyebrow svg{flex:0 0 auto;}
.entry-content .kr-pillar-title{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:clamp(23px,4.5vw,29px);line-height:1.2;margin:0 0 14px;color:#2C3E50;}
.entry-content .kr-pillar-lead{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(17px,3.5vw,18px);line-height:1.62;margin:0 0 22px;color:#3a4a5a;}
.entry-content .kr-pillar-btn{display:inline-block;font-family:"DM Sans",sans-serif;font-weight:600;font-size:15px;background:#B7A12D;color:#24323f !important;border-radius:6px;padding:13px 26px;text-decoration:none;}


/* ---- kr-blog-foot-center) Alle-Beitraege-Button auf Raster-/Viewport-Mitte (2026-07-19). Reversibel: Block loeschen. ---- */
.kr-blog-foot .kr-blog-headin{text-align:center !important;}


/* ---- kr-blog-head-center) Blog-Kopf (Eyebrow + Titel) auf Raster-/Viewport-Mitte (2026-07-19). Reversibel: Block loeschen. ---- */
.kr-blog-head .kr-blog-headin{text-align:center !important;}
.kr-blog-head .kr-band-eyebrow-light{justify-content:center !important;}


/* ---- kr-home-loop-mobile) Blog-Anrisse responsiv wie Blog-Seite 1033: <1200 zweispaltig, <600 einspaltig. Core-Collapse war durch repeat(3)!important ausgehebelt. Reversibel: Block loeschen. ---- */
@media (max-width: 1199px){.kr-home-loop .wp-block-post-template{grid-template-columns:repeat(2,1fr) !important;}}
@media (max-width: 600px){.kr-home-loop .wp-block-post-template{grid-template-columns:1fr !important;}}


/* ---- kr-band-cta-mobile-left) CTA-Inhalt (Logo+Text, Headline, Button) mobil linksbuendig auf die uebliche Linie; Desktop >=768 bleibt zentriert. Reversibel: Block loeschen. ---- */
@media (max-width: 767px){
  .kr-band-cta .kr-band-in{text-align:left !important;}
  .entry-content .kr-band-cta .kr-band-eyebrow{justify-content:flex-start !important;}
}


/* ---- kr-band-cta-eyebrow-mobile) CTA-Eyebrow mobil kompakter (Logo 20px, gap 10, tracking 1.2px), damit Logo+Text auf EINER Linie bleiben wie am Desktop. Desktop >=768 unveraendert. Reversibel: Block loeschen. ---- */
@media (max-width: 767px){
  .entry-content .kr-band-cta .kr-band-eyebrow{letter-spacing:1.2px !important;gap:10px !important;}
  .entry-content .kr-band-cta .kr-band-eyebrow svg{width:20px !important;height:20px !important;}
}


/* ---- kr-stoerer-mobile) Erster blauer Stoerer-Kasten mobil nebeneinander halten (Logo links vertikal mittig, Text rechts) statt gestapelt; nur der Kasten mit Logo-Bild via :has(img). Desktop unberuehrt. Reversibel: Block loeschen. ---- */
@media (max-width: 767px){
  .entry-content div[style*="flex-wrap"]:has(img){flex-wrap:nowrap !important;align-items:center !important;}
  .entry-content div[style*="flex-wrap"]:has(img) > p{min-width:0 !important;}
  .entry-content div[style*="flex-wrap"]:has(img) > img{flex:0 0 auto !important;}
}


/* ---- kr-band-cta-mobile-align) CTA mobil: Eyebrow-Logo an die erste Zeile (oben) statt mittig; Button zentriert im Feld darunter. Desktop >=768 unberuehrt. Reversibel: Block loeschen. ---- */
@media (max-width: 767px){
  .entry-content .kr-band-cta .kr-band-eyebrow{align-items:flex-start !important;}
  .kr-band-cta .kr-band-btn{display:block !important;width:-webkit-fit-content !important;width:fit-content !important;margin-left:auto !important;margin-right:auto !important;}
}


/* ---- kr-band-cta-mobile-headindent) CTA mobil: Headline auf die vertikale Linie der Eyebrow-Textzeile einruecken (Logo 20 + gap 10 = 30px), damit Eyebrow-Text und Headline gemeinsam anfangen; Logo haengt links davor. Desktop >=768 unberuehrt. Reversibel: Block loeschen. ---- */
@media (max-width: 767px){
  .kr-band-cta .kr-band-head{margin-left:30px !important;}
}

/* kr-card-cat-show */
.kr-home-loop .kr-card-cat{display:block;font-family:'DM Sans',sans-serif;font-size:12px;line-height:1.35;color:rgba(44,62,80,.8);margin:0 0 6px;}
.kr-home-loop .kr-card-cat a{color:inherit;text-decoration:none;}
.kr-home-loop .kr-card-cat a:hover{color:#2C3E50;}

/* kr-card-cat-show-blog */
.kr-blog .kr-card-cat{display:block;font-family:'DM Sans',sans-serif;font-size:12px;line-height:1.35;color:rgba(44,62,80,.8);margin:0 0 6px;}
.kr-blog .kr-card-cat a{color:inherit;text-decoration:none;}
.kr-blog .kr-card-cat a:hover{color:#2C3E50;}

/* kr-werkzeug-empty-hide */
.werkzeug:not(:has(*)){display:none}


/* kr-eyebrow-gap 2026-09-01: Abstand Logo/Text ueberall 7px, wie in den Essay-Fragmenten */
p:has(> svg[width="18"]:first-child),
div.is-nowrap:has(> span > svg[width="18"]),
div.is-nowrap:has(> svg[width="18"]){gap:7px !important;}


/* kr-headings 2026-09-19: ausgeglichene Zeilen und mobile Groessenhierarchie.
   Befund: die Media Query im Essay-Stilblock verkleinert nur h1 (40 -> 26px),
   h2 bleibt bei 27px und steht auf dem Handy groesser als der Titel.
   main-Praefix, weil der Stilblock inline im Body steht und sonst gewinnt. */
main .kr-essay h1,
main .kr-essay h2,
.wp-block-post-title,
.wp-block-post-title a{text-wrap:balance}
@media (max-width:600px){main .kr-essay h2{font-size:21px}}
/* kr-rauten 2026-09-20: Abschnittsmarke und Stoerer-Marke aus, Trennstreifen behaelt die Raute. Zwischenstand, Aufloesung siehe Notiz. */
main .kr-essay h2::before{content:none}
main .kr-essay h2{padding-left:0}
main .kr-essay .stoerer .label::before{content:none}

/* ==== Mobil 2026-09-20 ====
   Zwoelf Reparaturen fuer schmale Bildschirme, an einem Tag eingespielt, hier zusammengefasst.
   Protokolle: Pruefung-Website-2026-09-20/PROTOKOLL-S1-, S2-, S8-*.md.
   Jeder Teil traegt seinen eigenen Kommentar und ist einzeln loeschbar; der ganze Block ebenso.
   Inhalt:
    1. Beratungsangebot (46), Kasten "4 Stunden"
    2. Beratungsangebot (46), dunkler Zitatkasten
    3. Ueber mich (50), dunkler Zitatkasten
    4. Startseite (1032), Stoerer-Kasten mit Logo, leerer Absatz
    5. Beitrag 2595 Selbstverantwortung, Tabellen scrollbar
    6. Arbeitsweise (52), sechs Flex-Zeilen
    7. Beitrag 1221 Satir, fuenf Karten und Schlusskasten
    8. Beitrag 1335 Mentales Tief, Schlusskasten
    9. Beitrag 3058 Nadeloehr, Zeitleiste
   10. Entscheidungsblockade (2239), drei Kaesten, H1 und H2
   11. Alle Seiten, Notumbruch fuer lange Woerter
   12. Ueber mich (50), Werdegang
   13. Praxisbeispiele (176), Ergebnis-Zeilen
   ==== */

@media (max-width: 767px) {
  /* 4. Startseite, Stoerer-Kasten mit Logo: leerer Absatz aus wpautop mobil ausgeblendet (kostete 20px Gap). Logo bleibt neben dem Zitat, Entscheidung Stefans. */
  .page-id-1032 .entry-content div[style*="flex-wrap"]:has(img) > p:empty {
    display: none !important;
  }

  /* 5. (entfernt in 0.9.11: Tabellen in Beiträgen liegen jetzt im scrollbaren Rahmen aus theme.js, siehe theme.css) */
}

@media (max-width: 480px) {
  /* 1. Kasten "4 Stunden" bricht unter 480px um. */
  .page-id-46 .entry-content div[style*="border-radius: 0 14px 14px 0"] {
    flex-wrap: wrap !important;
    padding: 22px 20px !important;
  }
  .page-id-46 .entry-content div[style*="border-radius: 0 14px 14px 0"] > div:last-child {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }

  /* 2. Dunkler Zitatkasten bricht unter 480px um, leerer Absatz aus wpautop ausgeblendet. */
  .page-id-46 .entry-content div[style*="background: #2C3E50"] {
    padding: 22px 20px !important;
  }
  .page-id-46 .entry-content div[style*="align-items: flex-start; gap: 22px"] {
    flex-wrap: wrap !important;
  }
  .page-id-46 .entry-content div[style*="align-items: flex-start; gap: 22px"] > p:empty {
    display: none !important;
  }
  .page-id-46 .entry-content div[style*="align-items: flex-start; gap: 22px"] > p:last-child {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }

  /* 3. Ueber-mich-Seite, dunkler Zitatkasten bricht unter 480px um, leerer Absatz aus wpautop ausgeblendet. */
  .page-id-50 .entry-content div[style*="border-radius:16px; padding:38px 40px"] {
    padding: 22px 20px !important;
  }
  .page-id-50 .entry-content div[style*="align-items:flex-start; gap:20px"] {
    flex-wrap: wrap !important;
  }
  .page-id-50 .entry-content div[style*="align-items:flex-start; gap:20px"] > p:empty {
    display: none !important;
  }
  .page-id-50 .entry-content div[style*="align-items:flex-start; gap:20px"] > p:last-child {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }

  /* 6. Arbeitsweise-Seite, sechs Flex-Zeilen (Zitatkasten, Schnittstellen-Kasten, vier Schrittkarten) brechen unter 480px um, leere Absaetze aus wpautop ausgeblendet. */
  .page-id-52 .entry-content div[style*="padding:32px 36px"][style*="display:flex"],
  .page-id-52 .entry-content div[style*="gap:18px; padding:26px 26px; background:#ECE7D9"],
  .page-id-52 .entry-content div[style*="gap:22px; align-items:flex-start; border:1px solid #DED7C4"] {
    flex-wrap: wrap !important;
    padding: 22px 20px !important;
  }
  .page-id-52 .entry-content div[style*="padding:32px 36px"][style*="display:flex"] > p:empty,
  .page-id-52 .entry-content div[style*="gap:18px; padding:26px 26px; background:#ECE7D9"] > p:empty,
  .page-id-52 .entry-content div[style*="gap:22px; align-items:flex-start; border:1px solid #DED7C4"] > p:empty {
    display: none !important;
  }
  .page-id-52 .entry-content div[style*="padding:32px 36px"][style*="display:flex"] > :last-child,
  .page-id-52 .entry-content div[style*="gap:18px; padding:26px 26px; background:#ECE7D9"] > :last-child,
  .page-id-52 .entry-content div[style*="gap:22px; align-items:flex-start; border:1px solid #DED7C4"] > :last-child {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }

  /* 7. Beitrag 1221 (Satir), fuenf Karten brechen unter 480px um, leere Absaetze aus wpautop ausgeblendet; Schlusskasten mit weniger Innenabstand. */
  .postid-1221 .entry-content div[style*="gap: 20px; align-items: flex-start; border: 1px solid #DED7C4"] {
    flex-wrap: wrap !important;
    padding: 22px 20px !important;
  }
  .postid-1221 .entry-content div[style*="gap: 20px; align-items: flex-start; border: 1px solid #DED7C4"] > p:empty {
    display: none !important;
  }
  .postid-1221 .entry-content div[style*="gap: 20px; align-items: flex-start; border: 1px solid #DED7C4"] > :last-child {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }
  .postid-1221 .entry-content div[style*="padding: 32px 36px; border: 1px solid #DED7C4; border-radius: 14px"] {
    padding: 24px 20px !important;
  }

  /* 8. Beitrag 1335 (Mentales Tief), Schlusskasten mit weniger Innenabstand unter 480px. */
  .postid-1335 .entry-content div[style*="padding: 32px 36px; border: 1px solid #DED7C4; border-radius: 14px"] {
    padding: 24px 20px !important;
  }

  /* 9. Beitrag 3058 (Nadeloehr), Zeitleiste unter 480px enger eingerueckt, Stoerer in den Knoten mit weniger Innenabstand; Marke bleibt auf der Linie. */
  .postid-3058 .kr-essay .kr-node {
    margin-left: 16px !important;
    padding-left: 12px !important;
  }
  .postid-3058 .kr-essay .kr-node-marker {
    left: -24px !important;
  }
  .postid-3058 .kr-essay .kr-node .stoerer {
    padding: 18px 16px !important;
  }

  /* 10. Seite 2239 (Entscheidungsblockade), unter 480px: drei dunkle Kaesten mit weniger Innenabstand; H1 und H2 mit Silbentrennung und Notumbruch, weil "Entscheidungsblockade" sonst rechts abgeschnitten wird (overflow-x hidden). */
  .page-id-2239 .entry-content div[style*="padding: 32px 36px; margin-top: 20px"],
  .page-id-2239 .entry-content div[style*="padding: 30px 36px; margin-top: 24px"],
  .page-id-2239 .entry-content div[style*="padding: 36px 38px; border-radius: 16px"] {
    padding: 24px 20px !important;
  }
  .page-id-2239 .entry-content h1,
  .page-id-2239 .entry-content h2 {
    hyphens: auto;
    -webkit-hyphens: auto;
    overflow-wrap: anywhere;
  }

  /* 11. Alle Seiten, unter 480px: kein Abschneiden langer Woerter mehr (html/body haben overflow-x hidden). Ueberschriften mit Silbentrennung und Notumbruch, Fliesstext, Listen und Kacheln nur Notumbruch. Sieben abgeschnittene H1 im Bestand, siehe PROTOKOLL-S8-Rest. */
  .entry-content h1, .entry-content h2, .entry-content h3 {
    hyphens: auto;
    -webkit-hyphens: auto;
    overflow-wrap: anywhere;
    /* Nachtrag 2026-09-21: Mindestlaengen, damit Safari keine kurzen Woerter trennt (Befund iPhone: "koen-nen" in der Startseiten-H1). Trennung nur, wenn vor und nach dem Strich mindestens 5 Buchstaben stehen. */
    -webkit-hyphenate-limit-before: 5;
    -webkit-hyphenate-limit-after: 5;
    hyphenate-limit-chars: 12 5 5;
  }
  .entry-content p, .entry-content li, .entry-content div, .entry-content span, .entry-content a {
    overflow-wrap: anywhere;
  }

  /* 12. Ueber-mich-Seite, Werdegang unter 480px: Jahreszahl ueber dem Text statt daneben, br aus wpautop in den Zeilen ausgeblendet, Innenabstand der drei Abschnitte 22/20. */
  .page-id-50 .entry-content div[style*="padding:26px 30px"] {
    padding: 22px 20px !important;
  }
  .page-id-50 .entry-content div[style*="gap:18px; align-items:baseline"] {
    flex-wrap: wrap !important;
    row-gap: 4px !important;
  }
  .page-id-50 .entry-content div[style*="gap:18px; align-items:baseline"] > br {
    display: none !important;
  }
  .page-id-50 .entry-content div[style*="gap:18px; align-items:baseline"] > span:last-child {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }
  /* 13. Praxisbeispiele (176), Ergebnis-Zeilen der fuenf Karten brechen unter 480px um (Label oben, Text darunter); Karten-Innenabstand enger. */
  .page-id-176 .entry-content article > div[style*="padding:30px 32px 24px"] {
    padding: 22px 20px 18px !important;
  }
  .page-id-176 .entry-content div[style*="background:#F5F2EA; border-top:1px solid #DED7C4"] {
    flex-wrap: wrap !important;
    padding: 18px 20px !important;
  }
  .page-id-176 .entry-content div[style*="background:#F5F2EA; border-top:1px solid #DED7C4"] > p:last-child {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }
}

/* ==== Startseite Eyebrow, 2026-09-21: Zwei Fassungen der Eyebrow-Zeile im Einstieg (Seite 1032). Lang ab 768px, kurz darunter, weil die lange Form auf 375px drei Zeilen braucht. Protokoll: Startseite-Einstieg-2026-09-21/PROTOKOLL-Startseite-Einstieg-eingespielt-2026-09-21.md. Loeschen zeigt beide Spans nebeneinander. ==== */
.page-id-1032 .kr-eb-kurz {
  display: none;
}
/* Startseite H1, 2026-09-21: keine Silbentrennung (Safari trennte "koen-nen"), Zeilen ausgeglichen. Ueberstimmt Teil 11 des Mobil-Blocks nur fuer diese H1. */
.page-id-1032 .entry-content h1 {
  hyphens: manual;
  -webkit-hyphens: manual;
  text-wrap: balance;
}
@media (max-width: 767px) {
  .page-id-1032 .kr-eb-lang {
    display: none;
  }
  .page-id-1032 .kr-eb-kurz {
    display: inline;
  }
}

/* ==== Karten 176, 2026-09-21: Ergebnis-Block am Kartenboden. Im Zweispalten-Raster ab 1200px (kr-cards-176) werden die Karten gleich hoch gezogen; ohne diese Regel bleibt bei der kuerzeren Karte Weissraum unter dem Ergebnis. Alle Breiten, wirkungslos ausserhalb des Rasters. Loeschen macht es rueckgaengig. ==== */
.page-id-176 .entry-content article {
  display: flex !important;
  flex-direction: column !important;
}
.page-id-176 .entry-content article > div[style*="background:#F5F2EA"] {
  margin-top: auto !important;
}
:root :where(.wp-block-search){font-size: var(--wp--preset--font-size--medium);line-height: 1.6;}:root :where(.wp-block-search .wp-block-search__input){border-radius:3.125rem;padding-left:1.5625rem;padding-right:1.5625rem;border-color:var(--wp--preset--color--accent-6);}
:root :where(.wp-block-search .wp-element-button, .wp-block-search .wp-block-button__link){border-radius: 3.125rem;margin-left: 1.125rem;}
:root :where(.wp-block-search .wp-element-button:hover, .wp-block-search .wp-block-button__link:hover){border-color: transparent;}
:root :where(.wp-block-site-title){color: #2C3E50;font-family: var(--wp--preset--font-family--source-serif-4);font-size: clamp(14.082px, 0.88rem + ((1vw - 3.2px) * 0.887), 21px);font-weight: 600;letter-spacing: -0.01em;text-transform: none;}
:root :where(.wp-block-site-title a:where(:not(.wp-element-button))){text-decoration: none;}
:root :where(.wp-block-site-title a:where(:not(.wp-element-button)):hover){text-decoration: underline;}
:root :where(.wp-block-navigation){color: #2C3E50;font-family: var(--wp--preset--font-family--dm-sans-9-pt);font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.128), 15px);font-weight: 600;letter-spacing: 0.02em;text-transform: none;}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button))){text-decoration: none;}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover){text-decoration: underline;}
/*# sourceURL=global-styles-inline-css */