/* =========================================================
   finanzhack Mobile Hero Standard
   Datei: assets/css/finanzhack-mobile-hero.css
   Zweck: Einheitliche Hero-Ueberschriften auf Smartphones.
   ========================================================= */

@media (max-width: 820px) {
  .fh-hero-copy h1,
  .fh-hero h1,
  .fh-single-hero h1,
  .fh-single-page .fh-hero h1,
  .fh-directory-hero h1,
  .fh-archive-hero-main h1,
  .fh-tax-hero-main h1,
  .fh-category-hero-copy h1,
  .fh-comparison-hero-copy h1,
  .fh-compare-hero-real h1,
  .fh-comparison-page-v2 .fh-compare-hero-real h1,
  .fh-hack-category-page .fh-hero-copy h1,
  .fh-hack-archive-page .fh-hero-copy h1,
  .fh-hack-directory .fh-hero-copy h1,
  .fh-hack-directory.fh-hack-archive-page .fh-directory-hero h1 {
    font-family: var(--fh-font-headline, "Arial Black", Impact, Haettenschweiler, "Arial Narrow Bold", Arial, Helvetica, sans-serif) !important;
    font-size: clamp(42px, 12vw, 64px) !important;
    font-weight: 900 !important;
    line-height: .92 !important;
    letter-spacing: 0 !important;
    text-rendering: geometricPrecision;
    overflow-wrap: anywhere;
  }
}