/* ==========================================================================
   Schriften – selbst gehostet
   ==========================================================================

   Die Seite benutzt ZWEI Schriften, und das ist kein Zufall:

   Roboto Slab (Serif)  → alle Überschriften. Gemessen am Original:
                          Hero 46,5px/500/2px, Taschennamen 22,5px/500.
   Roboto Mono          → Navigation, Fließtext, Auszeichnungen.

   Ich hatte anfangs nur Mono gemessen – auf der Napoli-Seite, wo fast alles
   Mono ist – und daraus geschlossen, die ganze Seite sei so. Falsch. Die
   Startseite ist überwiegend Slab. Deshalb jetzt beide.

   ==========================================================================
   Roboto Mono
   ==========================================================================

   Vorher kam die Schrift von Google. Das bedeutete: eine Verbindung zu einem
   Google-Server bei jedem Seitenaufruf, mit IP-Adresse des Besuchers. In der EU
   ist das ohne Einwilligung heikel und muss in die Datenschutzerklärung.

   Jetzt liegen die Dateien auf dem eigenen Server. Kein fremder Request, kein
   Absatz in der Datenschutzerklärung, und schneller ist es obendrein: eine
   Verbindung weniger zu einem fremden Host.

   font-display: swap – der Text ist sofort lesbar, auch bevor die Schrift da
   ist. Sonst starrt man auf eine leere Fläche.
   ========================================================================== */

@font-face {
	font-family: "Roboto Mono";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("../fonts/roboto-mono-latin-300-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

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

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

@font-face {
	font-family: "Roboto Mono";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/roboto-mono-latin-700-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Deutsche Umlaute und österreichische Sonderzeichen liegen im „latin-ext“-
   Bereich. Ohne diese Dateien würde der Browser für „ö“ eine Ersatzschrift
   nehmen – und das sieht man. */

@font-face {
	font-family: "Roboto Mono";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/roboto-mono-latin-ext-400-normal.woff2") format("woff2");
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Roboto Mono";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/roboto-mono-latin-ext-500-normal.woff2") format("woff2");
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* --------------------------------------------------------------------------
   Roboto Slab – die Überschriften
   -------------------------------------------------------------------------- */

@font-face {
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("../fonts/roboto-slab-latin-300-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("../fonts/roboto-slab-latin-ext-300-normal.woff2") format("woff2");
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

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

@font-face {
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/roboto-slab-latin-ext-400-normal.woff2") format("woff2");
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

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

@font-face {
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/roboto-slab-latin-ext-500-normal.woff2") format("woff2");
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/roboto-slab-latin-700-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/roboto-slab-latin-ext-700-normal.woff2") format("woff2");
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}