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

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

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

/* Ersatzschrift mit an Inter angeglichenen Maßen: Bis die Webschrift geladen ist, läuft der
   Text schon so breit wie später, und beim Wechsel verschiebt sich das Layout nicht (CLS).
   Werte aus den Font-Metriken berechnet (Arial bzw. die metrisch gleichen Arimo/Liberation Sans). */
@font-face {
    font-family: 'Inter Fallback';
    font-style: normal;
    font-weight: 400;
    src: local('Arial'), local('ArialMT'), local('Arimo'), local('Liberation Sans');
    size-adjust: 104.46%;
    ascent-override: 92.74%;
    descent-override: 23.09%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Inter Fallback';
    font-style: normal;
    font-weight: 500;
    src: local('Arial'), local('ArialMT'), local('Arimo'), local('Liberation Sans');
    size-adjust: 105.82%;
    ascent-override: 91.54%;
    descent-override: 22.79%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Inter Fallback';
    font-style: normal;
    font-weight: 600;
    src: local('Arial Bold'), local('Arial-BoldMT'), local('Arimo Bold'), local('Liberation Sans Bold');
    /* Bewusst etwas schmaler als berechnet (100.17 %): Die Hero-Buttons passen bei 412 px Breite nur knapp nebeneinander. */
    size-adjust: 99.6%;
    ascent-override: 97.26%;
    descent-override: 24.22%;
    line-gap-override: 0%;
}