@font-face {
	font-family: 'Acumin';
  	src: url('fonts/Acumin\ Variable\ Concept.ttf');
}

@font-face {
	font-family: 'Antarctica';
	src: url(fonts/AntarcticaBetaVAR-Regular.ttf);
}

@font-face {
	font-family: 'Migra';
	src: url(fonts/PPMigraItalic-Variable.ttf);
}

@font-face {
	font-family: 'Thunder';
	src: url(fonts/Thunder-VF.ttf);
}

@font-face {
	font-family: 'Kicker';
	src: url(fonts/Kicker-Variable.ttf);
	font-weight: 1 1000;
	font-stretch: 1% 200%;
}

@font-face {
	font-family: 'Gravity';
	src: url(fonts/ABCGravityVariable-Trial.ttf);
}

@font-face {
	font-family: 'Whirly';
	src: url(fonts/WhirlybatsGX.ttf);
}

@font-face {
	font-family: 'DX';
	src: url(fonts/Dx\ Slight\ Variable.ttf);
}

@font-face {
	font-family: 'Formula';
	src: url(fonts/PPFormula-Variable.ttf);
}

@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,slnt,wdth,wght,GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC@8..144,-10..0,25..151,100..1000,-200..150,27..175,323..603,25..135,649..854,-305..-98,560..788,416..570,528..760&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT,WONK@0,9..144,100..900,0..100,0..1;1,9..144,100..900,0..100,0..1&family=Wavefont:wght,ROND,YELA@4..1000,0..100,-100..100&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Wavefont:wght,ROND,YELA@4..1000,0..100,-100..100&display=swap');

/*
 * =======================
 * 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: 'Acumin';
  	src: url('fonts/Acumin\ Variable\ Concept.ttf') format('ttf');
	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!
*/

/* hide inactive nav*/
#previous, #next {
  visibility: hidden;
}