/* ═══════════════════════════════════════════════════════════════
   johannaweiermann — Schriften aus dem eigenen Webspace
   ═══════════════════════════════════════════════════════════════

   Beide Schriften lagen früher bei Google. Dabei ging die IP-Adresse
   jeder Besucherin an einen Server von Google, und das musste in der
   Datenschutzerklärung stehen. Seit die Dateien hier liegen, verlässt
   beim Aufruf der Seite nichts mehr den eigenen Webspace – der Absatz
   in der Erklärung fällt damit weg.

   Beides sind variable Schriften: eine Datei je Zeichensatz deckt alle
   Schnitte ab, die die Seite braucht. Deshalb steht bei font-weight
   eine Spanne und keine einzelne Zahl.

   Zwei Zeichensätze je Schrift:
   · latin      – alles, was deutsche Texte brauchen
   · latin-ext  – osteuropäische Zeichen, für Namen in Referenzen

   Der Browser lädt nur, was die Seite auch anzeigt. Steht kein
   einziges Zeichen aus latin-ext auf der Seite, bleibt diese Datei
   ungeladen. Deshalb kosten die zwei Zusatzdateien im Normalfall
   nichts.

   font-display: swap heißt: Text steht sofort in der Ersatzschrift da
   und wird nachgezogen, sobald die Datei da ist. Lieber ein kurzer
   Sprung als eine leere Seite.

   Die Dateinamen sehen wirr aus, weil sie unverändert von Google
   kommen. Absicht: So kann beim Herunterladen nichts vertauscht
   werden. Wer sie schöner haben will, benennt sie um und ändert die
   vier url() unten mit. */

/* ── Instrument Sans ───────────────────────────────────────────
   Die Fließschrift. 400 bis 700, weil die Seite von Normalgewicht
   bis Fett alles verwendet (Knöpfe und Auszeichnungen sind 700). */

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/pxiTypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr0SZe1ZuWi3g.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                 U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                 U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
                 U+FFFD;
}

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("assets/fonts/pxiTypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr0She1ZuWi3hKpA.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
                 U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
                 U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                 U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ── Newsreader ────────────────────────────────────────────────
   Die Serife für Wortmarke, Schlagzeilen und die Rechtstexte.
   400 bis 500, mehr braucht die Seite nicht. */

@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("assets/fonts/cY9AfjOCX1hbuyalUrK4397yjIJFJpc.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                 U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                 U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
                 U+FFFD;
}

@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("assets/fonts/cY9AfjOCX1hbuyalUrK439DyjIJFJpeBZQ.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
                 U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
                 U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                 U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}