/*
* LOCAL FONTS — GermaNav
* ─────────────────────────────────────────────────────────
* Replaces remote Google Fonts loading for DSGVO compliance.
* No data is sent to Google servers.
*
* SETUP:
* 1. Download fonts from: https://fonts.google.com
* → Search "Bricolage Grotesque" → Download family
* → Search "DM Sans" → Download family
*
* 2. Place the .woff2 files in: /assets/fonts/
* (see file list below)
*
* 3. Replace the three Google Fonts tags in your HTML:
*
* ❌ REMOVE these lines from :
*
*
*
*
* ✅ ADD this instead:
*
*
* ─────────────────────────────────────────────────────────
* Required files in /assets/fonts/:
*
* BricolageGrotesque-Regular.woff2
* BricolageGrotesque-SemiBold.woff2
* BricolageGrotesque-ExtraBold.woff2
* DMSans-Regular.woff2
* DMSans-Italic.woff2
* DMSans-Medium.woff2
* DMSans-SemiBold.woff2
*
* To get .woff2 files:
* Option A: Download from https://fonts.google.com, then convert
* .ttf → .woff2 using https://cloudconvert.com/ttf-to-woff2
* Option B: Use google-webfonts-helper:
* https://gwfh.mranftl.com/fonts/bricolage-grotesque
* https://gwfh.mranftl.com/fonts/dm-sans
* (select woff2 format, download, done)
* ─────────────────────────────────────────────────────────
*/
/* ═══════════════════════════════════════════
Bricolage Grotesque — Display / Headings
═══════════════════════════════════════════ */
@font-face {
font-family: 'Bricolage Grotesque';
src: url('/assets/fonts/BricolageGrotesque-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bricolage Grotesque';
src: url('/assets/fonts/BricolageGrotesque-SemiBold.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bricolage Grotesque';
src: url('/assets/fonts/BricolageGrotesque-ExtraBold.woff2') format('woff2');
font-weight: 800;
font-style: normal;
font-display: swap;
}
/* ═══════════════════════════════════════════
DM Sans — Body Text
═══════════════════════════════════════════ */
@font-face {
font-family: 'DM Sans';
src: url('/assets/fonts/DMSans-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'DM Sans';
src: url('/assets/fonts/DMSans-Italic.woff2') format('woff2');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'DM Sans';
src: url('/assets/fonts/DMSans-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'DM Sans';
src: url('/assets/fonts/DMSans-SemiBold.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}