/* ===== Inter ===== */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter/subset-Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter/Inter-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* ===== Montserrat (Thin – sehr leicht) ===== */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/subset-Montserrat-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/subset-Montserrat-ThinItalic.woff2') format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* ===== Roboto ===== */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/subset-Roboto-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/subset-Roboto-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* ===== Familien zuweisen (erstmal basic) ===== */
body {
  font-family: "Inter", "Roboto", system-ui, -apple-system, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", "Inter", "Roboto", system-ui, -apple-system, Arial, sans-serif;
}