/* =========================================================
   finanzhack Templates
   Datei: assets/css/finanzhack-templates.css
   Zweck: Nur globale Template-Guards. Seitenlayouts liegen in eigenen Dateien.
   ========================================================= */

/* =========================================================
   Mobile Typo Guard
   Mobile Browser besitzen "Arial Black" nicht immer. Diese Regeln
   halten globale Module in derselben Font-Kette.
   ========================================================= */

@media (max-width: 820px) {
  .fh-module h1,
  .fh-module h2,
  .fh-module h3,
  .fh-module h4 {
    font-family: var(--fh-font-headline, "Arial Black", Impact, Haettenschweiler, "Arial Narrow Bold", Arial, Helvetica, sans-serif) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-rendering: geometricPrecision;
  }

  .fh-module,
  .fh-module p,
  .fh-module li,
  .fh-module small {
    font-family: var(--fh-font-body, Georgia, "Times New Roman", serif) !important;
  }
}