/* ============================================================
   lex causae.blog — Schriftsystem (self-hosted, DSG-konform)
   Inter      = Fliesstext, Navigation, UI, Logo-Text
   Bricolage  = nur Ueberschriften (h1-h6, .display-*, .title)
   fonticon   = unveraendert (Icon-Set des Themes)

   @font-face-URLs entsprechen den TATSAECHLICH hochgeladenen
   Dateinamen im Ordner ../font/ (Stand: Screenshot).
   Laderreihenfolge: diese Datei laedt VOR styles.css, daher
   sind die Zuweisungen mit !important gesetzt.
   ============================================================ */

/* ---- Inter (regular/500/600 + 500-italic als Kursive 400-500) ---- */
@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:400;src:url('../font/inter-latin-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:500;src:url('../font/inter-latin-500.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:600;src:url('../font/inter-latin-600.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Inter';font-style:italic;font-weight:400 500;src:url('../font/inter-latin-500italic.woff2') format('woff2')}

/* ---- Bricolage Grotesque (600/700 fuer Ueberschriften) ---- */
@font-face{font-display:swap;font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;src:url('../font/bricolage-latin-600.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;src:url('../font/bricolage-latin-700.woff2') format('woff2')}

/* ---- fonticon (unveraendert) ---- */
@font-face{font-family:fonticon;src:url('../font/fonticon.eot?38760563');src:url('../font/fonticon.eot?38760563#iefix') format('embedded-opentype'),url('../font/fonticon.woff2?38760563') format('woff2'),url('../font/fonticon.woff?38760563') format('woff'),url('../font/fonticon.ttf?38760563') format('truetype'),url('../font/fonticon.svg?38760563#fonticon') format('svg');font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fonticon;font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-arrow-top:before{content:'\e800'}.icon-hash:before{content:'\e801'}.icon-search:before{content:'\e802'}.icon-person:before{content:'\e803'}.icon-twitter:before{content:'\e804'}.icon-github:before{content:'\e805'}.icon-calendar4-week:before{content:'\e806'}.icon-clock-history:before{content:'\e807'}.icon-xing:before{content:'\e808'}.icon-rss:before{content:'\e809'}.icon-mastodon:before{content:'\e80a'}.icon-linkedin:before{content:'\e80b'}.icon-instagram:before{content:'\e80c'}.icon-gitlab:before{content:'\e80e'}.icon-facebook:before{content:'\e80f'}.icon-codepen:before{content:'\e810'}.icon-vk:before{content:'\e811'}.icon-dribbble:before{content:'\e812'}.icon-pin:before{content:'\e813'}.icon-right-open:before{content:'\e814'}.icon-left-open:before{content:'\e815'}.icon-first:before{content:'\e816'}.icon-last:before{content:'\e817'}.icon-telegram:before{content:'\e82e'}.icon-folder-open-empty:before{content:'\f115'}

/* ============================================================
   Zuweisung — neutralisiert alle Poppins-Defaults aus styles.css
   ============================================================ */

:root{
  --bs-font-sans-serif: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  --bs-body-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}

body{
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  letter-spacing:-0.003em;
}

/* Ueberschriften = Bricolage Grotesque (.logo-txt bewusst NICHT enthalten). */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,
.title,
.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{
  font-family:'Bricolage Grotesque','Inter',system-ui,sans-serif !important;
  letter-spacing:-0.01em;
}

/* Logo-Text "lex causae.blog" bewusst in Bricolage Grotesque
   (Marken-Element -> darf Charakter tragen). Navigation und
   Sidebar bleiben dagegen Inter (s. KEINE Aufnahme hier). */
.logo-txt{
  font-family:'Bricolage Grotesque','Inter',system-ui,sans-serif !important;
  letter-spacing:-0.01em;
}

/* Eingabefelder (Suche etc.) erben nicht automatisch die Seitenschrift;
   Browser setzen hier oft Arial. Explizit auf Inter zwingen. */
input,textarea,select,button,
.form-control,
#search-nav,#search-pop,#jspluginSearchLexText,
input[type="search"]::placeholder,
.form-control::placeholder{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif !important;
}

/* ============================================================
   KOSMETISCHE ABSICHERUNG (Uebergangszeit bis zur Bereinigung)
   Aus Word eingefuegte Beitraege tragen inline
   style="font-family: Poppins"  bzw.  'Cambria Math'  auf <span>.
   Inline-Styles schlagen normale Regeln; nur !important gewinnt.
   Diese Regeln zwingen den Beitragstext auf Inter — OHNE den
   Word-Müll zu entfernen (das macht die Bereinigung danach).

   Wichtig: Ueberschriften IM Beitrag (h1-h6 und deren <span>)
   bleiben Bricolage; nur der Fliesstext wird auf Inter gezwungen.
   p-spans und h-spans ueberschneiden sich nie -> kein Konflikt.
   ============================================================ */

.page-content p,
.page-content li,
.page-content pre,
.page-content p span,
.page-content li span,
.page-content pre span,
.page-content p i, .page-content p em,
.page-content p b, .page-content p strong,
.page-content p a, .page-content li a{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif !important;
}

.page-content h1,.page-content h2,.page-content h3,
.page-content h4,.page-content h5,.page-content h6,
.page-content h1 span,.page-content h2 span,.page-content h3 span,
.page-content h4 span,.page-content h5 span,.page-content h6 span{
  font-family:'Bricolage Grotesque','Inter',system-ui,sans-serif !important;
}

/* Linksbuendiger Fliesstext statt Word-Blocksatz (CSS-Absicherung;
   das harte inline justify wird bei der Bereinigung zusaetzlich entfernt). */
.page-content,
.page-content p,
.page-content li,
article p,
article li{
  text-align:left !important;
}
