/* ---------------------------------------------------------------------------
   WebSecPlan – Schriften lokal einbinden (DSGVO)

   Solange die index.html die Schriften von fonts.googleapis.com lädt, wird bei
   jedem Seitenaufruf die IP-Adresse des Besuchers an Google übertragen. Das ist
   in Deutschland abgemahnt worden und widerspricht außerdem dem, was auf der
   Seite selbst steht ("Schriften und Karten lokal"). Deshalb: Schriften einmal
   herunterladen, hierher legen, fertig.

   SO GEHT ES (10 Minuten):

   1. https://gwfh.mranftl.com/fonts  (google-webfonts-helper) öffnen.
   2. Dort nacheinander suchen und jeweils "latin" als Zeichensatz wählen:
        Space Grotesk   -> Schnitt 700
        IBM Plex Sans   -> Schnitte 400, 500, 600
        IBM Plex Mono   -> Schnitte 400, 500
   3. Bei "Copy CSS" die Variante "Modern Browsers" wählen und die woff2-Dateien
      herunterladen.
   4. Alle heruntergeladenen .woff2-Dateien in diesen Ordner (schriften/) legen
      und exakt so benennen, wie unten in den @font-face-Regeln angegeben.
   5. In der index.html im Kopfbereich die drei Zeilen mit "fonts.googleapis.com"
      bzw. "fonts.gstatic.com" löschen und stattdessen diese eine Zeile einfügen:

        <link rel="stylesheet" href="schriften/schriften.css">

   Danach lädt die Seite nichts mehr von fremden Servern.
--------------------------------------------------------------------------- */

/* Wortmarke und Überschriften */
/* space-grotesk-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  src: url('space-grotesk-v22-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* ibm-plex-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url('ibm-plex-sans-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ibm-plex-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  src: url('ibm-plex-sans-v23-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ibm-plex-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  src: url('ibm-plex-sans-v23-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ibm-plex-mono-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  src: url('ibm-plex-mono-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ibm-plex-mono-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  src: url('ibm-plex-mono-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}