@font-face {
	font-family: 'garaje1';
  	src: url('fonts/Garaje0505-0515Trial-VAR.ttf') format('woff2-variations');
}

@font-face {
	font-family: 'garaje2';
  	src: url('fonts/Garaje0703-3503Trial-VAR.ttf') format('woff2-variations');
}

@font-face {
	font-family: 'xprm';
	src: url('fonts/CSTMXprmntl03-Variable.ttf') format('woff2-variations');
}

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

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

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

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

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

@font-face {
	font-family: 'seismic';
	src: url('fonts/SeismicTrial-Variable.ttf') format('woff2-variations');
}

@font-face {
	font-family: 'artex';
	src: url('fonts/Artex-Collection-Upright-and-Italic-Variable.ttf') format('woff2-variations');
}

@font-face {
	font-family: 'poly';
	src: url('fonts/Polymorph-VF.ttf') format('woff2-variations');
}

@font-face {
	font-family: 'NB';
	src: url('fonts/NB-International-Pro-Mono.otf');
}

@font-face {
	font-family: 'favorit1';
	src: url('fonts/FavoritMonoStd-Light.otf');
}

@font-face {
	font-family: 'favorit2';
	src: url('fonts/FavoritMonoStd-Book.otf');
}

@font-face {
	font-family: 'favorit3';
	src: url('fonts/FavoritMonoStd-Regular.otf');
}

@font-face {
	font-family: 'pir1';
	src: url('fonts/PirelliALLVIPWebTrial.woff2') format('woff2-variations');
}

@font-face {
	font-family: 'pir2';
	src: url('fonts/PirelliAStencilLLVIPWebTrial.woff2') format('woff2-variations');
}

@font-face {
	font-family: 'pir3';
	src: url('fonts/PirelliBStencilLLVIPWebTrial.woff2') format('woff2-variations');
}

@font-face {
	font-family: 'pir4';
	src: url('fonts/PirelliCLLVIPWebTrial.woff2') format('woff2-variations');
}

@font-face {
	font-family: 'pir5';
	src: url('fonts/PirelliCStencilLLVIPWebTrial.woff2') format('woff2-variations');
}

@font-face {
	font-family: 'thermaME';
	src: url('fonts/ASTherma-MediumCondensed.woff') format('woff2-variations');
}

@font-face {
	font-family: 'thermaBL';
	src: url('fonts/ASTherma-BlackCondensed.woff') format('woff2-variations');
}

@font-face {
	font-family: 'thermaBO';
	src: url('fonts/ASTherma-BoldCondensed.woff') format('woff2-variations');
}

@font-face {
	font-family: 'thermaLI';
	src: url('fonts/ASTherma-LightCondensed.woff') format('woff2-variations');
}

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

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

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

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

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

@font-face {
	font-family: 'newrail';
	src: url('fonts/NewRailAlphabet-Light.ttf') format('woff2-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.
 */

/* 
 @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!
*/