/* ============================================================
Self-hosted Webfonts – Bünnig Marketing
------------------------------------------------------------
Ersetzt das externe Laden von Google Fonts (kein IP-Transfer
an Google mehr, kein Consent nötig).
So einbinden:
1. Diese Datei als fonts.css ins Stammverzeichnis legen.
2. woff2-Dateien in einen Ordner /fonts/ legen (Namen s. unten).
3. In jeder HTML-Datei im die drei Google--Zeilen
(preconnect + fonts.googleapis.com) ersetzen durch:
woff2-Dateien holen: https://gwfh.mranftl.com
-> Familie suchen, Stile (siehe unten) wählen, "Modern Browsers"
(= nur woff2), herunterladen, in /fonts/ entpacken und exakt
so benennen wie hier referenziert (oder die src-Pfade anpassen).
============================================================ */
/* ---------- Bricolage Grotesque (600 / 700 / 800) ---------- */
@font-face {
font-family: 'Bricolage Grotesque';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('fonts/bricolage-grotesque-600.woff2') format('woff2');
}
@font-face {
font-family: 'Bricolage Grotesque';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('fonts/bricolage-grotesque-700.woff2') format('woff2');
}
@font-face {
font-family: 'Bricolage Grotesque';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url('fonts/bricolage-grotesque-800.woff2') format('woff2');
}
/* ---------- Hanken Grotesk (400 / 500 / 600 / 700) ---------- */
@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');
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('fonts/hanken-grotesk-700.woff2') format('woff2');
}
/* ---------- Fraunces (italic 300 – nur Startseite, h1 em) ---------- */
@font-face {
font-family: 'Fraunces';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url('fonts/fraunces-300-italic.woff2') format('woff2');
}