/* ============================================================================
   bavaria-fallback.css  ·  Anstandsschicht fuer den ungestylten Bestand
   Fassung 1.7 · 20.08.2026 · Bavaria AI
   ----------------------------------------------------------------------------
   ZWECK
   145 veroeffentlichte Objekte tragen im Inhalt keine einzige Klasse und kein
   eigenes CSS. Sie rendern heute als nackter Astra-Fliesstext ueber 1200 px
   Zeilenlaenge. Diese Datei gibt ihnen Lesbarkeit und Struktur, bis sie auf
   das Substrat v2 gezogen werden. Sie ist Uebergang, kein Zielbild.

   SELBSTLIMITIERUNG - die wichtigste Eigenschaft dieser Datei
   Der Wurzelselektor verlangt: kein Kindelement traegt eine Klasse UND es gibt
   kein <style> im Inhalt. Sobald eine Seite auf .bv2 oder auf irgendein
   Blocksystem gezogen wird, schaltet sich diese Schicht dort von selbst ab.
   Sie kann Substrat-Seiten nicht beruehren und Seiten mit eigenem CSS nicht
   beruehren. Loeschen der Datei ist der vollstaendige Rollback.

   LAYOUTMODELL
   Eine Bahn (die weisse Karte) nimmt die Astra-Inhaltsbreite. Darin liegt eine
   Textspalte von 860 px, alle Elemente beginnen an deren linker Kante.
   Fliesstext, Listen und Zwischentitel brechen bei 68ch, Kurzantwort, Tabellen
   und Schlussruf nutzen die vollen 860 px. Nichts ist zentriert.

   MONO-REGEL, verbindlich nach REGEL_MONO_Hausweit_verbindlich:
   Mono erscheint hier an genau sieben Stellen, alle auf 11 px gedeckelt und
   alle in einer Auszeichnungsrolle: Autorzeile, Tabellenkopf, Listenmarke,
   Inhaltsverzeichnis-Label, Bildquelle, Beitragsnavigation, Code.
   Nie fuer Ueberschriften, Namen oder Knopftexte. h4 steht deshalb in Charter.

   Tokens gespiegelt aus bavaria-v2.css Fassung 2.1. Kein !important.
   Haftungshinweis: internes Arbeitsdokument.
   ========================================================================== */

/* --- 1 Tokens, gespiegelt aus bavaria-v2.css ------------------------- */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group){--fb-serif:Charter,"Iowan Old Style","Palatino Linotype",Georgia,serif; --fb-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace; --fb-ink:#0B1426; --fb-ink-soft:#3A4157; --fb-ink-mute:#666F82; --fb-line:#E4E7F0; --fb-line-strong:#C7CCDC; --fb-paper:#FFFFFF; --fb-wash:#EEF0FA; --fb-peri:#5B6ABF; --fb-peri-tief:#47549E; --fb-navy:#0B1426; --fb-navy-hell:#131F3A; --fb-creme:#F5F1E8; --fb-spalte:860px; --fb-mass:68ch; --fb-body:17.5px; --fb-meta:15px; --fb-label:11px}

/* --- 2 Die Spalte behaelt ihre Breite --------------------------------
   Ohne diese Zeile schrumpft die Flex-Spalte #primary auf den Inhalt
   zusammen, sobald hier Breiten begrenzt werden. Sollwert ist genau die
   Astra-Inhaltsbreite, damit sich an der Seitenbreite nichts aendert. */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group){width:var(--wp--custom--ast-content-width-size,1200px); max-width:100%; margin-left:auto; margin-right:auto}

/* --- 3 Die Bahn: helle Karte auf der Seitenflaeche ------------------- */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)),
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article{box-sizing:border-box; background:var(--fb-paper); border:1px solid var(--fb-line); border-radius:16px; padding-block:clamp(32px,4.5vw,72px); padding-inline:clamp(20px,calc((100% - var(--fb-spalte)) / 2),220px); margin-block:clamp(20px,3vw,40px); font:400 var(--fb-body)/1.68 var(--fb-serif); color:var(--fb-ink-soft); text-wrap:pretty}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > *,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > *{margin-left:0; margin-right:0}

/* --- 4 Fliesstext ---------------------------------------------------- */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > p,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > p{max-width:var(--fb-mass); margin:0 0 1.15em; font-size:var(--fb-body); line-height:1.68; color:var(--fb-ink-soft)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > p > strong,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > p > strong,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) li > strong,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article li > strong{font-weight:600; color:var(--fb-ink)}

/* --- 5 Ueberschriften ------------------------------------------------ */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > h1,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > h1{font:400 clamp(32px,3.1vw + 18px,50px)/1.12 var(--fb-serif); letter-spacing:-.022em; color:var(--fb-ink); margin:.1em 0 .5em; max-width:24ch; text-wrap:balance}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > h2,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > h2{position:relative; padding-top:24px; font:400 clamp(25px,1.9vw + 15px,35px)/1.2 var(--fb-serif); letter-spacing:-.018em; color:var(--fb-ink); margin:clamp(52px,6vw,84px) 0 .55em; max-width:28ch; text-wrap:balance}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > h2::before,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > h2::before{content:""; position:absolute; top:0; left:0; width:34px; height:2px; background:var(--fb-peri)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > h3,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > h3{font:400 clamp(19px,.9vw + 15px,23px)/1.32 var(--fb-serif); letter-spacing:-.012em; color:var(--fb-ink); margin:clamp(32px,3.6vw,46px) 0 .45em; max-width:var(--fb-mass)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > h4,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > h4{font:400 clamp(17px,.5vw + 15px,19px)/1.35 var(--fb-serif); letter-spacing:-.008em; color:var(--fb-ink); margin:clamp(28px,3vw,38px) 0 .5em; max-width:var(--fb-mass)}

/* --- 6 Autorzeile: das erste p, vor der H1 --------------------------- */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > p:first-child,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > p:first-child{font:400 var(--fb-label)/1.6 var(--fb-mono); letter-spacing:.07em; text-transform:uppercase; color:var(--fb-ink-mute); max-width:none; margin:0 0 clamp(22px,2.8vw,34px); padding-bottom:14px; border-bottom:1px solid var(--fb-line)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > p:first-child strong,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > p:first-child strong{font-weight:500; color:var(--fb-ink-mute)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > p:first-child a,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > p:first-child a{color:var(--fb-peri-tief); text-decoration:none}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > p:first-child a:hover,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > p:first-child a:hover{text-decoration:underline}

/* --- 7 Kurzantwort: das blockquote direkt nach der H1 ----------------
   125 der 145 Seiten tragen genau dieses Muster. Es ist die Antwort, die
   ein Sprachmodell zitiert - sie bekommt die Flaeche, die ihr zusteht. */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > h1 + blockquote,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > h1 + blockquote,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > p:first-child + blockquote,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > p:first-child + blockquote{max-width:none; margin:0 0 clamp(40px,5vw,60px); background:var(--fb-wash); border:0; border-left:3px solid var(--fb-peri); border-radius:0 10px 10px 0; padding:clamp(22px,2.8vw,30px) clamp(22px,3vw,34px)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > h1 + blockquote > p,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > h1 + blockquote > p,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > p:first-child + blockquote > p,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > p:first-child + blockquote > p{margin:0; max-width:62ch; font-style:normal; font-size:clamp(18.5px,.55vw + 16px,20.5px); line-height:1.6; color:var(--fb-ink)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > h1 + blockquote > p + p,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > h1 + blockquote > p + p,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > p:first-child + blockquote > p + p,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > p:first-child + blockquote > p + p{margin-top:.75em}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > h1 + blockquote strong,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > h1 + blockquote strong,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > p:first-child + blockquote strong,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > p:first-child + blockquote strong{font-weight:600; color:var(--fb-ink)}

/* --- 7b uebrige Zitate: leise, nur eine Kante ------------------------ */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > blockquote,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > blockquote{max-width:var(--fb-mass); margin:clamp(28px,3.4vw,40px) 0; background:none; border:0; border-left:2px solid var(--fb-line-strong); padding:2px 0 2px clamp(18px,2.4vw,26px)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > blockquote > p,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > blockquote > p{margin:0 0 .7em; font-style:italic; color:var(--fb-ink-soft)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > blockquote > p:last-child,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > blockquote > p:last-child{margin-bottom:0}

/* --- 8 Listen -------------------------------------------------------- */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > ul,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > ul,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > ol,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > ol{max-width:var(--fb-mass); margin:0 0 1.35em; padding-left:1.35em}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > ul,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > ul{list-style:none; padding-left:0}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > ul > li,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > ul > li{position:relative; padding-left:1.55em; margin:0 0 .62em; font-size:var(--fb-body); line-height:1.62; color:var(--fb-ink-soft)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > ul > li::before,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > ul > li::before{content:""; position:absolute; left:.2em; top:.62em; width:6px; height:6px; border-radius:50%; background:var(--fb-peri)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > ol > li,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > ol > li{margin:0 0 .62em; padding-left:.35em; font-size:var(--fb-body); line-height:1.62; color:var(--fb-ink-soft)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > ol > li::marker,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > ol > li::marker{color:var(--fb-peri-tief); font-family:var(--fb-mono); font-size:.85em}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) li > ul,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article li > ul,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) li > ol,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article li > ol{margin:.5em 0 .15em}

/* --- 9 Tabellen: Linien statt Kaesten -------------------------------- */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > table,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > table{width:100%; max-width:none; border-collapse:collapse; border:0; margin:clamp(28px,3.4vw,42px) 0; font-size:var(--fb-meta); display:block; overflow-x:auto}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > table thead th,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > table thead th{font:500 var(--fb-label)/1.4 var(--fb-mono); letter-spacing:.07em; text-transform:uppercase; color:var(--fb-ink-mute); text-align:left; padding:0 18px 12px 0; border:0; border-bottom:1px solid var(--fb-line-strong); white-space:nowrap}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > table td,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > table td{padding:13px 18px 13px 0; border:0; border-bottom:1px solid var(--fb-line); vertical-align:top; line-height:1.55; color:var(--fb-ink-soft)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > table tbody tr:last-child td,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > table tbody tr:last-child td{border-bottom:0}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > table td:first-child,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > table td:first-child{color:var(--fb-ink); font-weight:500}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > table strong,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > table strong{color:var(--fb-ink); font-weight:600}

/* --- 10 Links -------------------------------------------------------- */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) p a,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article p a,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) li a,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article li a,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) td a,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article td a{color:var(--fb-peri-tief); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; text-decoration-color:rgba(91,106,191,.42)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) p a:hover,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article p a:hover,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) li a:hover,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article li a:hover,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) td a:hover,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article td a:hover{color:var(--fb-ink); text-decoration-color:currentColor}

/* --- 11 Trenner und Schlussruf ---------------------------------------
   123 der 145 Seiten enden mit <hr> und einem Absatz, der genau einen
   verlinkten Aufruf traegt. Der letzte Trenner wird zur CTA-Flaeche. */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > hr,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > hr{border:0; height:1px; background:var(--fb-line); max-width:none; margin:clamp(40px,5vw,64px) 0}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > hr:last-of-type,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > hr:last-of-type{background:none; height:0; margin:clamp(48px,6vw,76px) 0 0}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > hr:last-of-type + p:last-child,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > hr:last-of-type + p:last-child{max-width:none; margin:0; padding:clamp(26px,3.4vw,38px); background:var(--fb-wash); border-radius:12px; text-align:center}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > hr:last-of-type + p:last-child > strong,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > hr:last-of-type + p:last-child > strong{font-weight:400}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > hr:last-of-type ~ p a,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > hr:last-of-type ~ p a,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > aside a,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > aside a{text-decoration:none}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > hr:last-of-type ~ p a,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > hr:last-of-type ~ p a,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > aside a,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > aside a{display:inline-block; background:var(--fb-navy); color:var(--fb-creme); padding:15px 30px; border-radius:3px; font:400 16px/1.2 var(--fb-serif); letter-spacing:.004em; text-decoration:none; text-underline-offset:0; transition:background .18s ease}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > hr:last-of-type ~ p a:hover,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > hr:last-of-type ~ p a:hover,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > aside a:hover,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > aside a:hover{background:var(--fb-navy-hell); color:var(--fb-creme)}

/* --- 11b Der Schlussruf als eigene Flaeche ---------------------------
   Mehrteilige Aufrufe stehen in einem klassenlosen <aside>. Ein einzelner
   Absatz nach dem letzten Trenner bekommt weiter seine eigene Flaeche. */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > aside,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > aside{max-width:none; margin:clamp(48px,6vw,76px) 0 0; padding:clamp(26px,3.4vw,40px); background:var(--fb-wash); border-radius:12px}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > aside > p,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > aside > p{max-width:62ch; margin:0 0 .85em; font-size:var(--fb-body); line-height:1.62; color:var(--fb-ink-soft)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > aside > p:first-child,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > aside > p:first-child{font:400 clamp(21px,1.1vw + 16px,26px)/1.25 var(--fb-serif); letter-spacing:-.014em; color:var(--fb-ink); margin-bottom:.5em}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > aside > p:first-child > strong,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > aside > p:first-child > strong{font-weight:400}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > aside > p:last-child,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > aside > p:last-child{margin-bottom:0}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > aside + *,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > aside + *{margin-top:clamp(28px,3vw,40px)}

/* --- 11c Inhaltsverzeichnis -----------------------------------------
   Ein klassenloses <nav> hinter der Kurzantwort. Sprungmarken sind fuer den
   Leser Orientierung und fuer ein Sprachmodell zitierfaehige Anker. */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > nav,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > nav{max-width:var(--fb-spalte); margin:0 0 clamp(40px,5vw,60px); padding:clamp(20px,2.4vw,26px) clamp(22px,2.6vw,30px); border:1px solid var(--fb-line); border-radius:10px; background:var(--fb-paper)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > nav > p,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > nav > p{margin:0 0 14px; font:400 var(--fb-label)/1.5 var(--fb-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--fb-ink-mute)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > nav > ul,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > nav > ul{list-style:none; margin:0; padding:0; max-width:none}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > nav > ul > li,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > nav > ul > li{margin:0; padding:0; border-top:1px solid var(--fb-line)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > nav > ul > li:first-child,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > nav > ul > li:first-child{border-top:0}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > nav > ul > li::before,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > nav > ul > li::before{content:none}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > nav a,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > nav a{display:block; padding:9px 0; text-decoration:none; font-size:var(--fb-meta); line-height:1.5; color:var(--fb-ink-soft); transition:color .16s ease}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > nav a:hover,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > nav a:hover{color:var(--fb-peri-tief)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) [id],
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article [id]{scroll-margin-top:96px}

/* --- 11d Bildbuehne ---------------------------------------------------
   Motive stehen in einem klassenlosen <figure> mit <figcaption>. Das SVG
   traegt seine Rollen als data-r statt als class, sonst wuerde der
   Wurzelselektor dieser Datei auf der ganzen Seite abschalten. */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > figure,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > figure{max-width:var(--fb-spalte); margin:clamp(36px,4.5vw,56px) 0; padding:0; border-radius:12px; overflow:hidden; background:var(--fb-navy)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > figure svg,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > figure svg{display:block; width:100%; height:auto}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > figure img,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > figure img{display:block; width:100%; height:auto; border-radius:0; margin:0}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > figure figcaption,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > figure figcaption{margin:0; padding:16px clamp(18px,2.2vw,24px) 20px; font-size:var(--fb-meta); line-height:1.55; font-style:italic; color:rgba(245,241,232,.62); max-width:70ch}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > figure figcaption b,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > figure figcaption b,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > figure figcaption strong,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > figure figcaption strong{display:block; margin-top:8px; font:400 var(--fb-label)/1.5 var(--fb-mono); letter-spacing:.1em; text-transform:uppercase; font-style:normal; color:rgba(245,241,232,.38)}

/* --- 12 Code, Bilder, Abschluss -------------------------------------- */

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) code,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article code{font:400 .88em/1.5 var(--fb-mono); background:var(--fb-wash); color:var(--fb-peri-tief); padding:2px 6px; border-radius:4px}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) pre,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article pre{max-width:none; background:var(--fb-wash); border-radius:10px; padding:20px; overflow-x:auto; margin:clamp(24px,3vw,34px) 0}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) pre code,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article pre code{background:none; padding:0; color:var(--fb-ink-soft)}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) img,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article img{max-width:100%; height:auto; border-radius:10px; margin:clamp(24px,3vw,36px) 0; display:block}

.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > *:last-child,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > *:last-child{margin-bottom:0}

/* --- 14 Beitragsnavigation des Themes --------------------------------
   Wirkt sitewide auf jeden Einzelbeitrag, nicht nur auf den nackten Bestand.
   Astra zeigt nur "Vorheriger Beitrag" mit Pfeil. Der echte Titel steht im
   title-Attribut des Links und wird hier sichtbar gemacht. */

.single .navigation.post-navigation{
  max-width:924px; margin:0 auto clamp(32px,4vw,56px); padding:0 clamp(16px,4vw,32px);
  border:0; overflow:visible}
.single .navigation.post-navigation .nav-links{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(12px,1.6vw,20px)}
.single .navigation.post-navigation .nav-links .nav-previous,
.single .navigation.post-navigation .nav-links .nav-next,
.single .navigation.post-navigation .nav-links .nav-previous + .nav-next{
  grid-column:auto; float:none; width:100%; max-width:none; text-align:left; display:block}
.single .navigation.post-navigation a{
  display:block; width:auto; height:100%; box-sizing:border-box; line-height:1.5; margin:0; padding:clamp(16px,2vw,22px);
  background:#FFFFFF; border:1px solid #E4E7F0; border-radius:12px;
  text-decoration:none; color:#666F82;
  font:500 11px/1.5 ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  letter-spacing:.07em; text-transform:uppercase;
  transition:border-color .18s ease, background .18s ease}
.single .navigation.post-navigation a::after{
  content:attr(title); display:block; margin-top:10px;
  font:400 clamp(17px,.6vw + 15px,20px)/1.32 Charter,"Iowan Old Style",Georgia,serif;
  letter-spacing:-.012em; text-transform:none; color:#0B1426; text-wrap:pretty}
.single .navigation.post-navigation a:hover{border-color:#5B6ABF; background:#F6F7FB}
.single .navigation.post-navigation a:hover::after{color:#47549E}
.single .navigation.post-navigation .ast-left-arrow,
.single .navigation.post-navigation .ast-right-arrow{
  color:#5B6ABF; font-size:14px; vertical-align:baseline}

@media (max-width:600px){
  .single .navigation.post-navigation .nav-links{grid-template-columns:1fr}
}

/* --- 15 Bestandskosmetik: Brotkrumen im Hero -------------------------
   Der Trenner stand als Zeichen > in var(--font-serif). Diese Variable ist
   auf .bv2 gebunden und ausserhalb undefiniert, das Zeichen faellt auf eine
   Schrift zurueck, in der es als Komma erscheint. Auf /lion-harisch/ und
   /ki-seo-agentur-berlin/ stand deshalb "START , STANDORTE".
   Gezeichnet statt getippt, damit die Schriftlage keine Rolle mehr spielt. */

.bavaria-crumbs-sep,.bawp-crumbs-sep{font-size:0 !important;line-height:0}
.bavaria-crumbs-sep::before,.bawp-crumbs-sep::before{
  content:"\00B7"; font:400 12px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  font-style:normal; letter-spacing:0; color:rgba(245,241,232,.30)}

/* --- 16 Bestandsheros: Bild und Brotkrumen nach HE-1 und HE-2 --------
   Gilt fuer die Heros, die ihr eigenes Klassensystem mitbringen und daher
   weder vom Substrat noch vom Wurzelselektor dieser Datei erreicht werden. */

/* --- 16b Der bai-Hero wird dunkel ------------------------------------
   Die Seitentyp-Regel verlangt fuer money die dunkle Hero-Variante. Dieser
   Hero war hell gebaut, alle Texte in Navy. Das Bild allein reicht deshalb
   nicht, die Tonlage muss vollstaendig mitziehen, sonst steht Navy auf Navy.
   Genau das ist beim ersten Versuch passiert und war live sichtbar. */

.bai-hero-ledger{
  background-color:#0B1426;
  background-image:
    radial-gradient(1100px 560px at 76% 8%,rgba(91,106,191,.18),transparent 62%),
    linear-gradient(to bottom,rgba(10,16,32,.62) 0%,rgba(10,16,32,.84) 55%,rgba(10,16,32,.96) 100%),
    url('https://www.bavaria-ai.com/wp-content/uploads/2026/06/Bavaria-AI-GEO-Agentur-Berge-Hintergrund.webp');
  background-size:cover;background-position:center 62%;background-repeat:no-repeat;
  padding-top:clamp(124px,11vw,152px)}
.bai-hero-ledger .bai-hero-ledger-eyebrow{color:#8E9ADF}
.bai-hero-ledger .bai-hero-ledger-h1{color:#F5F1E8}
.bai-hero-ledger .bai-hero-ledger-h1 em{color:#9AA6E8}
.bai-hero-ledger .bai-hero-ledger-lead{color:rgba(245,241,232,.76)}
.bai-hero-ledger .bai-byline,
.bai-hero-ledger .bai-hero-peak-note,
.bai-hero-ledger .bai-hero-peak-note b,
.bai-hero-ledger .bai-hero-peak-note span{color:rgba(245,241,232,.54)}
/* Die Knoepfe trugen keine Knopfform, nur Textfarbe. Im hellen Hero fiel das
   kaum auf, im dunklen verschwinden sie. Form kommt aus dem CTA-Block v2. */
.bai-hero-ledger .btn-primary,.bai-hero-ledger .btn-secondary{
  display:inline-block;padding:15px 30px;border-radius:3px;
  font:400 16px/1.2 Charter,"Iowan Old Style",Georgia,serif;letter-spacing:.004em;
  text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease}
.bai-hero-ledger .btn-primary{background:#F5F1E8;color:#0B1426;border:1px solid #F5F1E8}
.bai-hero-ledger .btn-primary:hover{background:#FFFFFF;color:#0B1426}
.bai-hero-ledger .btn-secondary{color:#F5F1E8;border:1px solid rgba(245,241,232,.34);background:transparent}
.bai-hero-ledger .btn-secondary:hover{border-color:#8E9ADF;color:#8E9ADF}
.bai-hero-ledger .bai-hero-ledger-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.bai-hero-ledger .bai-hero-ledger-card{
  background:rgba(245,241,232,.05);border:1px solid rgba(245,241,232,.16)}
.bai-hero-ledger .bai-hero-ledger-card-meta,
.bai-hero-ledger .bai-hero-ledger-card-prompt{color:#9AA6E8}
.bai-hero-ledger .bai-hero-ledger-card-text{color:rgba(245,241,232,.82)}
.bai-hero-ledger cite,.bai-hero-ledger .cite{color:rgba(245,241,232,.50)}
.bai-hero-ledger a:not(.btn-primary):not(.btn-secondary){color:#9AA6E8}
/* Im dunklen Hero setzen die Krumen ihre Farbe explizit: der Bestand faerbt
   die span-Kinder von .hero-meta in Navy, damit waeren sie hier unsichtbar. */
.bai-hero-ledger .bai-crumbs,
.bai-hero-ledger .bai-crumbs a,
.bai-hero-ledger .bai-crumbs span{color:rgba(245,241,232,.66)}
.bai-hero-ledger .bai-crumbs a:hover{color:#9AA6E8}

/* Tonneutral: die Krumen erben die Textfarbe ihres Heros und daempfen sie.
   Ein fester Cremeton waere auf hellen Heros unsichtbar. Genau das ist auf
   /ki-seo-agentur/ passiert, deren Hero hell gebaut ist. */
.bai-crumbs,.hero-meta.bai-crumbs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
  gap:10px;margin-top:clamp(22px,2.4vw,34px);
  font:400 11px/1.6 ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  letter-spacing:.2em;text-transform:uppercase;color:inherit;opacity:.62}
/* Auto-Margins der Meta-Zeile haengen justify-content aus. Ohne diese Zeile
   stehen die Krumen ueber die volle Breite verteilt statt in der Mitte. */
.bai-crumbs > *,.hero-meta.bai-crumbs > *{margin:0 !important;flex:0 0 auto}
/* HE-1b: unter den Krumen bleibt Luft zum naechsten Block. Gemessen am
   20.08.: auf /ki-seo-agentur/ endeten sie exakt auf der Hero-Kante. Die
   Founder- und Standortseiten regeln ihren Abstand selbst und bleiben
   unangetastet, dort stimmt das Bild bereits. */
.bai-crumbs{margin-bottom:0 !important}
.bai-hero-ledger:has(.bai-crumbs){padding-bottom:clamp(40px,4.5vw,64px)}
.bai-crumbs a{color:inherit;text-decoration:none;transition:opacity .2s ease,color .2s ease}
.bai-crumbs a:hover{color:#5B6ABF}
.bai-crumbs span:not(.krumen-trenner){font-weight:500}
.krumen-trenner{font-size:0;line-height:0}
.krumen-trenner::before{content:"\00B7";font-size:12px;letter-spacing:0;opacity:.6}
@media (max-width:781px){
  .bai-crumbs{margin-top:clamp(18px,4vw,26px);letter-spacing:.14em;gap:8px}
}

/* --- 17 Berlin: die Trust-Zeilen verlassen die Mono-Stimme -----------
   .hero-meta ist hausweit die Mono-Auszeichnung fuer Mikro-Labels, und auf
   den Founder-Seiten funktioniert sie: dort steht Label in Mono und Wert in
   Charter-Kursiv. Auf /ki-seo-agentur-berlin/ traegt dieselbe Klasse zwei
   volle Saetze mit Personennamen. Mono in Versalien ueber zwei Zeilen ist
   keine Auszeichnung mehr, sondern eine Textwand.
   Regel dahinter: Mono zeichnet aus, es setzt keine Saetze. */

.hero-berlin .hero-meta{
  font-family:Charter,"Iowan Old Style","Palatino Linotype",Georgia,serif;
  font-size:15px;line-height:1.62;letter-spacing:normal;text-transform:none;
  color:rgba(245,241,232,.62)}
.hero-berlin .hero-meta em{font-style:italic;color:#9AA6E8}
.hero-berlin .hero-meta.bavaria-crumbs{
  font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  font-size:10px;letter-spacing:.2em;text-transform:uppercase}

/* --- 13 Responsiv: kein Text unter 16 px ----------------------------- */

@media (max-width:921px){
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group){--fb-body:17px; --fb-meta:16px; --fb-mass:none; --fb-spalte:100%}
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)),
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article{border-radius:12px; padding-block:clamp(24px,5vw,36px); padding-inline:clamp(18px,4.5vw,28px)}
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > h1,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > h1{max-width:none}
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > h2,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > h2{max-width:none; margin-top:clamp(40px,7vw,56px)}
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > table,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > table{font-size:16px}
}

@media (max-width:480px){
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > hr:last-of-type + p a,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > hr:last-of-type + p a{display:block; text-align:center}
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > table thead th,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > table thead th,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group):not(:has(> article)) > table td,
.entry-content:not(:has([class]:not(svg *))):not(:has(style:not(svg *))):not(.bv2):not(.elementor):not(.wp-block-group) > article > table td{padding-right:12px}
}
