@import url('https://fonts.googleapis.com/css2?family=Recursive:slnt,wght,CASL,CRSV,MONO@-15..0,300..1000,0..1,0..1,0..1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sixtyfour+Convergence&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sixtyfour+Convergence&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Dots:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Climate+Crisis&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');


@font-face {
    font-family: 'Antarctica Trial';
    src: url('fonts/Antarctica\ Trial\ VAR-VF.ttf.woff2') format('woff2-variations');
    font-weight: 1 1000;
    font-stretch: 25% 151%;
}


@font-face {
    font-family: 'PurpleHaze Trial';
    src: url('fonts/PurpleHaze-Trial/PurpleHaze-Trial.woff2') format('woff2-variations');
    font-weight: 1 1000;
    font-stretch: 25% 151%;
}

@font-face {
    font-family: 'Rotor Variable overlay';
    src: url('fonts/rotor-Variable_overlay.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Rotor Variable underlay';
    src: url('fonts/rotor-Variable_underlay.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Rulik Trial';
    src: url('fonts/RulikTRIALVF.ttf') format('woff2-variations');
}

@font-face {
    font-family: 'Stardusk Trial';
    src: url('fonts/Stardust\ Trial\ VAR-VF.ttf.woff2') format('woff-variations');
}

@font-face {
    font-family: 'Angela Trial';
    src: url('fonts/Angela\ Trial\ VAR-VF.ttf.woff2') format('woff-variations');
}

@font-face {
    font-family: 'Oddity Trial';
    src: url('fonts/Oddity\ Trial\ VAR-VF.ttf.woff2') format('woff-variations');
}

@font-face {
    font-family: 'GRidline Trial';
    src: url('fonts/GridlitePEVFTRIAL-All.ttf') format('woff-variations');
}


@font-face {
    font-family: 'Whoa Spine Trial';
    src: url('fonts/WHOA-Spine-v0.4.1.ttf') format('woff-variations');
}

@font-face {
    font-family: 'Maru Mega';
    src: url('fonts/GT-Maru-Mega-Trial-VF.woff2') format('woff-variations');
}

@font-face {
    font-family: 'GT Alpina';
    src: url('fonts/GT-Alpina-VAR-Trial.woff2') format('woff-variations');
}

@font-face {
    font-family: 'GT Flaire';
    src: url('fonts/GT-Flaire-Trial-VF.woff2') format('woff-variations');
}

@font-face {
    font-family: 'GT Ultra';
    src: url('fonts/GT-Ultra-Ultra-Trial-VF.woff2') format('woff-variations');
}









/*
 * =======================
 * Variable Font einbinden
 * =======================
 *
 * Lesen:
 * https://web.dev/variable-fonts/
 * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
 *
 */


/* 
 * =================
 * Entweder ab Datei
 * =================
 */

/*
 * - Vergleiche mit ‘Introduction to variable fonts on the web’
 * - Den Namen der font-family kannst du frei wählen.
 * - Foo-Bar-VF.woff2 mit dem Dateinamen deines Fonts ersetzen.
 * - Die Werte zu font-weight und font-stretch stellst du gemäss Font-Eigenschaften ein.
 */

/*
 * - Die unteren 2 Zeilen sind optional
 */

/*@font-face {
	font-family: 'My Variable Font';
  	src: url('Foo-Bar-VF.woff2') format('woff2-variations');
	font-weight: 100 1000;
	font-stretch: 25% 151%;
}
 */
/*
 * =====================================
 * Oder ab CDN (Google, Adobe, Monotype)
 * =====================================
 */

/*
@import url('https://fonts.googleapis.com/css2?family=Recursive:slnt,wght,CASL,CRSV,MONO@-15..0,300..1000,0..1,0..1,0..1&display=swap');
 */
/*
ACHTUNG! die @import-Zeile muss zuoberst im Stylesheet stehen!
*/