/* ==========================================================================
   LOKALE FONTS - DSGVO-konform (keine externe Verbindung zu Google)
   ==========================================================================

   ANLEITUNG ZUM HINZUFÜGEN DER FONT-DATEIEN:
   ------------------------------------------
   1. Besuche: https://gwfh.mranftl.com/fonts/exo-2
   2. Wähle die Gewichte: 300, 400, 500, 600, 700
   3. Wähle "Modern Browsers" (WOFF2)
   4. Lade das ZIP herunter
   5. Entpacke die WOFF2-Dateien in diesen Ordner: /Content/fonts/

   Sobald die Dateien vorhanden sind, entferne das "DISABLED-" Präfix
   bei den @font-face Regeln unten.

   ========================================================================== */

/* ==========================================================================
   SYSTEM FONT STACK (Fallback - funktioniert sofort ohne externe Fonts)

   Dieser Stack verwendet Schriftarten, die auf den meisten Geräten
   bereits installiert sind und ähnlich wie Exo 2 aussehen.
   ========================================================================== */

:root {
    /* Primärer Font-Stack: Verwendet System-Fonts die Exo 2 ähneln */
    --font-primary: 'Exo 2', 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell',
                    -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
                    Arial, sans-serif;
}

/* Globale Font-Anwendung */
body {
    font-family: var(--font-primary);
}

/* ==========================================================================
   LOKALE @FONT-FACE REGELN (aktivieren wenn WOFF2-Dateien vorhanden)

   Um diese zu aktivieren:
   1. Lade die Fonts herunter (siehe Anleitung oben)
   2. Entferne die Kommentare um die @font-face Blöcke
   ========================================================================== */

/*
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Exo 2 Light'), local('Exo2-Light'),
         url('exo-2-v21-latin-300.woff2') format('woff2');
}

@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Exo 2'), local('Exo2-Regular'),
         url('exo-2-v21-latin-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Exo 2 Medium'), local('Exo2-Medium'),
         url('exo-2-v21-latin-500.woff2') format('woff2');
}

@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Exo 2 SemiBold'), local('Exo2-SemiBold'),
         url('exo-2-v21-latin-600.woff2') format('woff2');
}

@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Exo 2 Bold'), local('Exo2-Bold'),
         url('exo-2-v21-latin-700.woff2') format('woff2');
}
*/