/*
 * fonts.css – E.ON Markenschriften (self-hosted, DSGVO-konform)
 *
 * EON BrixSans:   Primäre Headline-Schrift (E.ON Corporate Font)
 * EON Screen Head: Display-Schrift für Hero-Schlagzeilen
 * Fallback-Stack:  System-Fonts für schnellen FCP
 *
 * WOFF2 zuerst (≈75% kleiner als TTF → lädt vor dem ersten Paint), TTF als Fallback für alte Browser.
 * Die kritischen Hero-/Body-Schnitte werden zusätzlich per <link rel="preload"> vorgeladen (functions.php),
 * damit der auffällige Hero-Font nicht sichtbar aus dem Fallback nachspringt (FOUT).
 */

/* ============================================================
   EON BRIXSANS (Headline, Navigation, CTAs, Buttons)
   ============================================================ */

@font-face {
    font-family: 'EON BrixSans';
    src: url('../fonts/eon_brixsans-regular.woff2') format('woff2'),
         url('../fonts/eon_brixsans-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EON BrixSans';
    src: url('../fonts/eon_brixsans-medium.woff2') format('woff2'),
         url('../fonts/eon_brixsans-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EON BrixSans';
    src: url('../fonts/eon_brixsans-bold.woff2') format('woff2'),
         url('../fonts/eon_brixsans-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EON BrixSans';
    src: url('../fonts/eon_brixsans-black.woff2') format('woff2'),
         url('../fonts/eon_brixsans-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ============================================================
   EON SCREEN HEAD (Hero-Display, große Schlagzeilen)
   ============================================================
   font-display: optional — der Hero-Font ist sehr auffällig; ein sichtbarer Fallback-Swap fällt hier
   besonders unangenehm auf. optional zeigt in einem sehr kurzen Fenster entweder direkt den echten
   Font (dank Preload + WOFF2 fast immer) oder bleibt für diesen Ladevorgang beim Fallback OHNE später
   sichtbar umzuspringen. Kein FOUT mehr. */

@font-face {
    font-family: 'EON Screen';
    src: url('../fonts/eonscreen-head.woff2') format('woff2'),
         url('../fonts/eonscreen-head.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: optional;
}