/*
 * ESKlarheitGrotesk Font Setup for Shopware 6
 *
 * Empfohlener Speicherort:
 * custom/plugins/DEIN_PLUGIN/src/Resources/app/storefront/src/scss/base/_fonts.scss
 *
 * Fonts ablegen unter:
 * custom/plugins/DEIN_PLUGIN/src/Resources/app/storefront/src/assets/font/esklarheit/
 */

@font-face {
    font-family: 'ES Klarheit Grotesk';
    src: url('/css/fonts/ESKlarheitGrotesk-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ES Klarheit Grotesk';
    src: url('/css/fonts/ESKlarheitGrotesk-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ES Klarheit Grotesk';
    src: url('/css/fonts/ESKlarheitGrotesk-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ES Klarheit Grotesk';
    src: url('/css/fonts/ESKlarheitGrotesk-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/*
 * Shopware 6 Bootstrap Font Override
 * Diese Variablen müssen vor dem Import der Shopware-/Bootstrap-Styles geladen werden.
 */

$font-family-base: 'ES Klarheit Grotesk', Arial, Helvetica, sans-serif;
$headings-font-family: 'ES Klarheit Grotesk', Arial, Helvetica, sans-serif;

/*
 * Optionaler Fallback, falls Variablen an einer Stelle nicht greifen.
 */

body {
    font-family: 'ES Klarheit Grotesk', Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'ES Klarheit Grotesk', Arial, Helvetica, sans-serif;
    font-weight: 700;
}