/* ============================================================
   Roemer Steuerberatung – Eigene Schrift (selbst-gehostet)
   Serifen-Ueberschriften (Source Serif 4) + System-Sans Fliesstext.

   Einbau:
   1) Diese 4 Dateien nach /images/fonts/ hochladen:
        source-serif-4-400.woff2
        source-serif-4-600.woff2
        source-serif-4-700.woff2
        source-serif-4-400-italic.woff2
      (Joomla: woff2 vorher unter System->Konfiguration->Medien
       erlauben, oder per FTP hochladen.)
   2) Inhalt in Helix -> Custom Code -> "Before </head>" als
        <style> ... </style>
      einfuegen. Font-Dropdown in Helix bleibt auf Arial.

   PFAD: Live-Root = /images/fonts/ ; Staging = /joomla/images/fonts/
   ============================================================ */

/* ---------- Source Serif 4 ---------- */
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;
  src:url('/images/fonts/source-serif-4-400.woff2') format('woff2');}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;
  src:url('/images/fonts/source-serif-4-600.woff2') format('woff2');}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:700;font-display:swap;
  src:url('/images/fonts/source-serif-4-700.woff2') format('woff2');}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400;font-display:swap;
  src:url('/images/fonts/source-serif-4-400-italic.woff2') format('woff2');}

/* ---------- Font-Stacks ---------- */
:root{
  /* source_serif_proregular = die schon in SPPB hochgeladene Serife (Fallback,
     falls die /images/fonts/-woff2 mal fehlen); dann Georgia als Systemserife. */
  --avo-serif:'Source Serif 4', source_serif_proregular, Georgia, "Times New Roman", serif;
  --avo-sans:"Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ---------- Alles in der Serife: Lesetext, Ueberschriften, Navigation, Buttons ---------- */
body,
p, li, td, th, blockquote, a, label,
button, .sppb-btn, .btn,
.sppb-addon, .sppb-addon-content, .sppb-addon-text, .sppb-row-container,
h1,h2,h3,h4,h5,h6, .sppb-addon-title,
/* Helix-Navigation – EXAKT die von Helix erzeugten Selektoren (Desktop + Mobil).
   Nur so schlaegt das !important Helix' eigenes Inline-Menue-CSS ('Helvetica'). */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.menu.nav-pills > li > a,
.menu.nav-pills > li > span,
.menu.nav-pills .sp-dropdown li.sp-menu-item > a,
.offcanvas-menu .menu li a{
  font-family:var(--avo-serif) !important;
}
body{ font-weight:400; }
h1,h2,h3,h4,h5,h6,.sppb-addon-title{ font-weight:700; }

/* ---------- Font Awesome NIE ueberschreiben (sonst fehlen die Icons) ---------- */
.fa, .fas, .far, .fal, .fat, .fad, .fab,
.fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone, .fa-brands,
[class^="fa-"], [class*=" fa-"]{
  font-family:"Font Awesome 6 Free","Font Awesome 6 Brands","Font Awesome 6 Pro","FontAwesome" !important;
}

/* ============================================================
   Optionen (bei Bedarf einkommentieren):
   - Eingabefelder lieber in Sans (angenehmer beim Tippen):
       input, select, textarea{ font-family:var(--avo-sans) !important; }
   - Navigation doch in Sans: in den Menue-Selektoren oben
       var(--avo-serif) -> var(--avo-sans)
   ============================================================ */