/* =========================
   Roboto - static folder
   F17: nur die tatsaechlich per font-weight in style.css verwendeten
   Schnitte (300/400/500/700, ausschliesslich normal - kein <em>/<i>/
   font-style:italic auf lebendem Markup gefunden). WOFF2 zuerst,
   TTF nur als Fallback fuer sehr alte Browser ohne WOFF2-Unterstuetzung.
========================= */

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto/static/Roboto-Light.woff2') format('woff2'),
       url('../fonts/roboto/static/Roboto-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto/static/Roboto-Regular.woff2') format('woff2'),
       url('../fonts/roboto/static/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto/static/Roboto-Medium.woff2') format('woff2'),
       url('../fonts/roboto/static/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto/static/Roboto-Bold.woff2') format('woff2'),
       url('../fonts/roboto/static/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* =========================
   Nunito - static folder
   Nur 300/400/500/600/700 normal - 800 (ExtraBold) und alle Italic-Schnitte
   werden von style.css auf keinem tatsaechlich vorhandenen Element verwendet.
========================= */

/* 300 Light */
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/nunito/static/Nunito-Light.woff2') format('woff2'),
       url('../fonts/nunito/static/Nunito-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* 400 Regular */
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/nunito/static/Nunito-Regular.woff2') format('woff2'),
       url('../fonts/nunito/static/Nunito-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 500 Medium */
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/nunito/static/Nunito-Medium.woff2') format('woff2'),
       url('../fonts/nunito/static/Nunito-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* 600 SemiBold */
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/nunito/static/Nunito-SemiBold.woff2') format('woff2'),
       url('../fonts/nunito/static/Nunito-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* 700 Bold - Standardgewicht aller h1-h6 (Browser-Default fuer Ueberschriften),
   damit auch das above-the-fold sichtbare Element (z. B. index.html-Hero-h2,
   section-heading-h1 auf den uebrigen Seiten). */
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/nunito/static/Nunito-Bold.woff2') format('woff2'),
       url('../fonts/nunito/static/Nunito-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}