/* TIF-Schrift wie auf tierimfokus.ch (seit 09/2026): durchgehend Poppins (SIL OFL, public/fonts/),
 * Light 300 im Fliesstext, Black 900 für die Titel (Versalien).
 * Wird nach main.css (Original-Stylesheet, unverändert) geladen und überschreibt nur die Schrift. */

@font-face {
  font-family: 'Poppins';
  font-weight: 300;
  font-style: normal;
  src: url('/fonts/poppins-light.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  font-weight: 400;
  font-style: normal;
  src: url('/fonts/poppins-regular.woff2') format('woff2');
  font-display: swap;
}

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

@font-face {
  font-family: 'Poppins';
  font-weight: 900;
  font-style: normal;
  src: url('/fonts/poppins-black.woff2') format('woff2');
  font-display: swap;
}

html {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}

.font-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  letter-spacing: 0.025em;
}

/* Poppins Black läuft breiter als die Original-Helvetica: «HÜHNERINDUSTRIE» passt bei 320 px
 * sonst nicht in die Zeile. Zwischentitel auf sehr schmalen Bildschirmen etwas kleiner. */
@media (max-width: 400px) {
  .font-title.text-3xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

/* Knöpfe und Fettgedrucktes in Bold, damit sie sich vom Light-Fliesstext abheben */
.btn--primary,
.prose :where(strong):not(:where([class~="not-prose"] *)),
b, strong {
  font-weight: 700;
}