/*///////// Sans /////////*/
/* Rubik */
@font-face {
  font-family: 'Rubik';
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  src: url('../fonts/Rubik.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'Rubik';
  font-display: swap;
  font-style: italic;
  font-weight: 100 900;
  src: url('../fonts/Rubik-Italic.ttf') format('truetype-variations');
}
/* Lexend */
@font-face {
  font-family: 'Lexend';
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  src: url('../fonts/Lexend.ttf') format('truetype-variations');
}
/* Manrope */
@font-face {
  font-family: 'Manrope';
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  src: url('../fonts/Manrope.ttf') format('truetype-variations');
}
/* Montserrat */
@font-face {
  font-family: 'Montserrat';
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  src: url('../fonts/Montserrat.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'Montserrat';
  font-display: swap;
  font-style: italic;
  font-weight: 100 900;
  src: url('../fonts/Montserrat-Italic.ttf') format('truetype-variations');
}
/* Nunito */
@font-face {
  font-family: 'Nunito';
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  src: url('../fonts/Nunito.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'Nunito';
  font-display: swap;
  font-style: italic;
  font-weight: 100 900;
  src: url('../fonts/Nunito-Italic.ttf') format('truetype-variations');
}
/* Recursive */
@font-face {
  font-family: 'Recursive';
  font-display: swap;
  font-style: normal;
  font-weight: 300 1000;
  src: url('../fonts/Recursive.ttf') format('truetype-variations');
}
/* Roboto */
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  src: url('../fonts/Roboto.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: italic;
  font-weight: 100 900;
  src: url('../fonts/Roboto-Italic.ttf') format('truetype-variations');
}
/* Roboto Flex (ggf. für spezielle Achsen) */
@font-face {
  font-family: 'Roboto Flex';
  font-display: swap;
  font-style: normal;
  font-weight: 100 1000;
  src: url('../fonts/RobotoFlex.ttf') format('truetype-variations');
}
/*///////// SERIF /////////*/
/* Lora */
@font-face {
  font-family: 'Lora';
  font-display: swap;
  font-style: normal;
  font-weight: 400 700;
  src: url('../fonts/Lora.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'Lora';
  font-display: swap;
  font-style: italic;
  font-weight: 400 700;
  src: url('../fonts/Lora-Italic.ttf') format('truetype-variations');
}
/* Merriweather */
@font-face {
  font-family: 'Merriweather';
  font-display: swap;
  font-style: normal;
  font-weight: 300 900;
  src: url('../fonts/Merriweather.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'Merriweather';
  font-display: swap;
  font-style: italic;
  font-weight: 300 900;
  src: url('../fonts/Merriweather-Italic.ttf') format('truetype-variations');
}
/* Newsreader */
@font-face {
  font-family: 'Newsreader';
  font-display: swap;
  font-style: normal;
  font-weight: 200 800;
  src: url('../fonts/Newsreader.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'Newsreader';
  font-display: swap;
  font-style: italic;
  font-weight: 200 800;
  src: url('../fonts/Newsreader-Italic.ttf') format('truetype-variations');
}

/*
-- SANS
Didact Gothic
IBM Plex Sans
Noto Sans
Nunito Sans
Sen
-- SERIF
Baskerville
Garamond
Roboto Serif
Vollkorn
-- SLAB
Roboto Slab
-- BLACKLETTER
Grenze
Grenze Gotisch
Moderne Fraktur
-- SPEZIAL
Aphont
Atkinson Hyperlegible
OpenDyslexic
OpenDyslexic 3
OpenDyslexic Mono
*/

/*///////// SPEZIAL /////////*/

/* Aphont */
@font-face {
  font-family: 'Aphont';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Aphont.ttf') format('truetype');
}
@font-face {
  font-family: 'Aphont';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Aphont-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Aphont';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Aphont-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Aphont';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Aphont-BoldItalic.ttf') format('truetype');
}

/* Atkinson Hyperlegible */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/AtkinsonHyperlegible-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/AtkinsonHyperlegible-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/AtkinsonHyperlegible-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/AtkinsonHyperlegible-BoldItalic.ttf') format('truetype');
}

/* Open Dyslexic */
@font-face {
  font-family: 'Open Dyslexic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/OpenDyslexic-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Open Dyslexic';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/OpenDyslexic-Italic.otf') format('opentype');
}
@font-face {
  font-family: 'Open Dyslexic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/OpenDyslexic-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Open Dyslexic';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/OpenDyslexic-BoldItalic.otf') format('opentype');
}

/* Open Dyslexic 3 */
@font-face {
  font-family: 'Open Dyslexic 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/OpenDyslexic3-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Dyslexic 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/OpenDyslexic3-Bold.ttf') format('truetype');
}

/*///////// SLAB /////////*/

/* Roboto Slab */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/RobotoSlab.ttf') format('truetype-variations');
}

/*///////// BLACKLETTER /////////*/

/* Grenze Gotisch */
@font-face {
  font-family: 'Grenze Gotisch';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/GrenzeGotisch.ttf') format('truetype');
}

/* Moderne Fraktur */
@font-face {
  font-family: 'Moderne Fraktur';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/ModerneFraktur.ttf') format('truetype');
}

/*///////// SERIF (Ergänzungen) /////////*/

/* IBM PLEX SERIF NOCH HOCHLADEN */

/* Roboto Serif */
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/RobotoSerif.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/RobotoSerif-Italic.ttf') format('truetype-variations');
}

/* Vollkorn */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../fonts/Vollkorn.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url('../fonts/Vollkorn-Italic.ttf') format('truetype-variations');
}

/* Garamond (EB Garamond) */
@font-face {
  font-family: 'Garamond';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/EBGaramond.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'Garamond';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/EBGaramond-Italic.ttf') format('truetype-variations');
}

/* Baskervville */
@font-face {
  font-family: 'Baskervville';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Baskervville.ttf') format('truetype');
}
@font-face {
  font-family: 'Baskervville';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Baskervville-Italic.ttf') format('truetype');
}

/*///////// SANS (Ergänzungen) /////////*/

/* IBM Plex Sans */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url('../fonts/IBMPlexSans.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100 700;
  font-display: swap;
  src: url('../fonts/IBMPlexSans-Italic.ttf') format('truetype-variations');
}

/* Noto Sans */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/NotoSans.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/NotoSans-Italic.ttf') format('truetype-variations');
}

/* Nunito Sans */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/NunitoSans.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/NunitoSans-Italic.ttf') format('truetype-variations');
}

/* Sen */
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('../fonts/Sen.ttf') format('truetype-variations');
}

/* Didact Gothic */
@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/DidactGothic-Regular.ttf') format('truetype');
}

/*///////// BLACKLETTER (Grenze-Vollausbau) /////////*/

@font-face {
  font-family: 'Grenze';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('../fonts/Grenze-Thin.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url('../fonts/Grenze-ThinItalic.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/Grenze-ExtraLight.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/Grenze-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/Grenze-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/Grenze-LightItalic.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Grenze-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Grenze-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Grenze-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Grenze-MediumItalic.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Grenze-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Grenze-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Grenze-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Grenze-BoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/Grenze-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/Grenze-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/Grenze-Black.ttf') format('truetype');
}
@font-face {
  font-family: 'Grenze';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/Grenze-BlackItalic.ttf') format('truetype');
}

/*
-- funzt nicht
Baskerville (fett is komisch)
Didact Gothic (fett fehlt vernutlich)
Grenze
Roboto Serif (kein italic)
-- weg damit
OpenDyslexic3
*/