/* ============================================================ Aquapark Bayern · Schriften Zwei Familien, beide selbst gehostet aus fonts/: Space Grotesk für Überschriften, Kicker, Zahlen, Schaltflächen Inter für Fließtext Selbst gehostet und nicht über fonts.googleapis.com, aus zwei Gründen. Erstens überträgt der Abruf bei Google die IP-Adresse des Besuchers in die USA, wofür ohne Einwilligung die Rechtsgrundlage fehlt, siehe LG München I, 3 O 17493/20. Zweitens kostet der fremde Host zwei zusätzliche Verbindungen vor dem ersten Text. Je Familie und Gewicht gibt es zwei Dateien. Die Datei "latin" trägt das Alphabet, die Ziffern, die Satzzeichen und die deutschen Umlaute. Die Datei "latin-ext" trägt nur die osteuropäischen Sonderzeichen. Über unicode-range lädt der Browser die zweite Datei nur, wenn ein solches Zeichen auf der Seite vorkommt. Wichtig: eine Seite, die allein die Datei "latin-ext" einbindet, zeigt kein einziges normales Zeichen in dieser Schrift. Genau das war bis hierher der Fall. ============================================================ */ /* Grundalphabet, Ziffern, Satzzeichen, deutsche Umlaute, Euro */ @font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap; src:url('../fonts/space-grotesk-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+0304,U+0308,U+0329,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:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap; src:url('../fonts/space-grotesk-latin-600-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /* Der schwerste Schnitt von Space Grotesk ist Bold 700. Ein eigenes ExtraBold gibt es in dieser Familie nicht. Der Bereich 700 bis 800 sorgt dafür, dass eine Regel mit font-weight:800 diesen Schnitt nimmt und der Browser keinen künstlichen Fettdruck darüberlegt. */ @font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700 800;font-display:swap; src:url('../fonts/space-grotesk-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+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /* Osteuropäische Sonderzeichen, wird nur bei Bedarf geladen */ @font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap; src:url('../fonts/space-grotesk-latin-ext-500-normal.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} @font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap; src:url('../fonts/space-grotesk-latin-ext-600-normal.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} @font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700 800;font-display:swap; src:url('../fonts/space-grotesk-latin-ext-700-normal.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} /* Inter, Fließtext. 600 deckt auch 500 ab, ein eigener Medium-Schnitt wird auf der Seite nicht gebraucht. */ @font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap; src:url('../fonts/inter-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+0304,U+0308,U+0329,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:'Inter';font-style:normal;font-weight:500 600;font-display:swap; src:url('../fonts/inter-latin-600-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap; src:url('../fonts/inter-latin-ext-400-normal.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} @font-face{font-family:'Inter';font-style:normal;font-weight:500 600;font-display:swap; src:url('../fonts/inter-latin-ext-600-normal.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} /* ------------------------------------------------------------ Plus Jakarta Sans, die bisherige Überschriftenschrift. Steht zum Vergleich bereit, während entschieden wird, ob die Website bei Space Grotesk bleibt. Eine Familie kostet erst dann etwas, wenn eine Regel sie auch verwendet: ohne font-family- Angabe lädt der Browser keine dieser Dateien. ------------------------------------------------------------ */ @font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap; src:url('../fonts/plus-jakarta-sans-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+0304,U+0308,U+0329,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:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap; src:url('../fonts/plus-jakarta-sans-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+0304,U+0308,U+0329,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:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap; src:url('../fonts/plus-jakarta-sans-latin-800-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap; src:url('../fonts/plus-jakarta-sans-latin-ext-500-normal.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} @font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap; src:url('../fonts/plus-jakarta-sans-latin-ext-700-normal.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} @font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap; src:url('../fonts/plus-jakarta-sans-latin-ext-800-normal.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} /* ============================================================ Umbruch auf schmalen Geräten Space Grotesk läuft breiter als eine gewöhnliche Systemschrift. Deutsche Komposita wie "Geschäftsbedingungen" passen dadurch bei 375 Pixeln nicht mehr in eine Zeile und schieben die Seite zur Seite. Auf schmalen Geräten darf eine Überschrift deshalb trennen. Die Sprache steht im lang-Attribut, danach richtet sich die Trennung. ============================================================ */ @media (max-width:600px){ h1,h2,h3,h4{overflow-wrap:break-word;hyphens:auto} }