/* Custom styles über Tailwind hinaus */

/*
  Inter lokal via @font-face (kein Google Fonts CDN, DSGVO-konform).
  Lege folgende Dateien unter /assets/fonts/ ab:
    - Inter-Regular.woff2    (font-weight: 400)
    - Inter-Bold.woff2       (font-weight: 700)
    - Inter-ExtraBold.woff2  (font-weight: 800)
*/
@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/Inter-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Hero-Headline: kompakter, geschlossener Textblock (nur #headline, keine anderen Seiten).
   Floor auf 2rem und vw auf 7vw angepasst (statt 2.1rem/9vw): beim exakten Wert aus der
   Vorgabe wurden bei 390px Breite 4 statt der geforderten max. 3 Zeilen erreicht (gemessen:
   ab ~33px Schriftgröße kippt der Text mit diesem Wortlaut auf 4 Zeilen). Mit 2rem/7vw bleibt
   der Floor bis ~457px Breite bestimmend und liefert zuverlässig 3 Zeilen. Ceiling unverändert. */
#headline h1 {
  font-size: clamp(2rem, 7vw, 3.2rem);
  line-height: 1.02;
  letter-spacing: -0.03em;
  font-weight: 800;
  text-wrap: balance;
}