/*
 * Finanzhack Hero-Typografie
 *
 * Verbindliche Referenz: Magazin-Hero "Check unser Finanzmag".
 * Diese Datei wird in functions.php als letzte CSS-Ebene geladen und ist
 * damit die einzige Quelle fuer Schrift, Groesse, Laufweite und Zeilenhoehe
 * aller grossen Hero-H1. Karten- und Inhaltsueberschriften bleiben unberuehrt.
 */

:root {
  --fh-hero-heading-font: "Arial Black", Arial, Helvetica, sans-serif;
  --fh-hero-heading-size: clamp(48px, 7.8vw, 112px);
  --fh-hero-heading-line: .84;
  --fh-hero-heading-spacing: -.085em;
  --fh-hero-heading-width: 920px;
}

/* Alle aktuell verwendeten Finanzhack-Hero-Varianten. */
body .fh-magazine-copy h1,
body .fh-hero-copy h1,
body .fh-directory-hero h1,
body .fh-hack-directory.fh-hack-archive-page .fh-directory-hero h1,
body .fh-hack-archive-page .fh-directory-hero h1,
body .fh-hack-archive-page .fh-hero-copy h1,
body .fh-hack-category-page .fh-directory-hero h1.fh-category-title,
body .fh-hack-category-page .fh-hero-copy h1.fh-category-title,
body .fh-category-directory-hero h1,
body .fh-archive-hero-main h1,
body .fh-tax-hero-main h1,
body .fh-category-hero-copy h1,
body .fh-calc-hero-copy h1,
body .fh-tools-hero-copy h1,
body .fh-tools-page .fh-hero h1,
body .fh-comparison-hero-copy h1,
body .fh-comparison-page-v2 .fh-compare-hero-real h1,
body .fh-comparison-page-v2 .fh-compare-command-title h1,
body .fh-comparison-page-v2 .fh-compare-premium-copy h1,
body .fh-fixed-hero-copy h1,
body .fh-day-hero-copy h1,
body .fh-cardcompare-hero h1,
body .kvtg__hero h1,
body .kvfg__hero h1,
body .fh-single-page .fh-hero h1,
body .fh-deals-page .fh-hero h1,
body .fhd-page .fhd-hero .fhd-hero-copy h1,
body .fhd-single .fhd-single-hero h1 {
  display: block !important;
  inline-size: auto !important;
  width: auto !important;
  max-width: var(--fh-hero-heading-width) !important;
  margin-left: 0;
  margin-right: 0;
  color: inherit;
  font-family: var(--fh-hero-heading-font) !important;
  font-size: var(--fh-hero-heading-size) !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: var(--fh-hero-heading-line) !important;
  letter-spacing: var(--fh-hero-heading-spacing) !important;
  word-spacing: normal !important;
  text-transform: uppercase !important;
  text-rendering: geometricPrecision;
  -webkit-text-stroke: 0 !important;
  -webkit-text-fill-color: currentColor;
  transform: none !important;
  transform-origin: initial !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  text-wrap: balance;
}

/* Werte 1:1 aus der Magazin-Referenz. */
@media (max-width: 640px) {
  :root {
    --fh-hero-heading-size: clamp(42px, 12vw, 64px);
    --fh-hero-heading-line: .86;
  }
}

@media (max-width: 430px) {
  :root {
    --fh-hero-heading-size: clamp(38px, 13vw, 54px);
  }
}