/* ==========================================================================
   Schriften, lokal ausgeliefert
   --------------------------------------------------------------------------
   Outfit und Hanken Grotesk liegen als WOFF2 unter assets/fonts und werden
   vom eigenen Server geladen. Es besteht keine Verbindung zu Google Fonts
   oder einem anderen Dienst im Ausland.

   Beide Schriften stehen unter der SIL Open Font License 1.1. Die Lizenz-
   texte liegen im selben Ordner. Die Lizenz erlaubt das Mitliefern und
   Ausliefern über den eigenen Server ausdrücklich.

   Zeichenumfang: Latin. Deckt Deutsch, Französisch und Italienisch ab.
   font-display: swap sorgt dafür, dass der Text sofort sichtbar ist und
   nicht erst nach dem Laden der Schrift erscheint.
   ========================================================================== */

/* --- Outfit, für Überschriften und Auszeichnungen --- */

@font-face {
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/outfit-400.woff2') format('woff2');
}

@font-face {
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/outfit-500.woff2') format('woff2');
}

@font-face {
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/outfit-600.woff2') format('woff2');
}

@font-face {
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/outfit-700.woff2') format('woff2');
}

@font-face {
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('../fonts/outfit-800.woff2') format('woff2');
}

/* --- Hanken Grotesk, für Fliesstext --- */

@font-face {
	font-family: 'Hanken Grotesk';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/hanken-grotesk-400.woff2') format('woff2');
}

@font-face {
	font-family: 'Hanken Grotesk';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/hanken-grotesk-500.woff2') format('woff2');
}

@font-face {
	font-family: 'Hanken Grotesk';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/hanken-grotesk-600.woff2') format('woff2');
}