:root {
    --headlines-font: 'Navigo';
    --text-font: 'Aktiv Grotesk Corp';
}

body {
    font-family: var(--text-font)
}

h1, h2, h3, h4, h5, h6
{
    font-family: var(--headlines-font)
}

.regionalhero {
    --primary-color: rgb(94, 179, 228);
    --secondary-color: rgb(230, 47, 57);
    --header-background: rgb(255, 255, 255);
}

.bcard {
    --primary-color: #EA5956;
    --secondary-color: #C7B3D6;
    --header-background: var(--primary-color);
}

.helfenberlin {
    --primary-color: #E95E57;
    --secondary-color: #C7B3D6;
    --header-background: var(--primary-color);
}

.mingacard {
    --primary-color: #6FABDF;
    --secondary-color: #E85C76;
    --header-background: var(--primary-color);
}

.helfenmuenchen {
    --primary-color: #6FABDF;
    --secondary-color: #E85C76;
    --header-background: var(--primary-color);
}

.grimmscheck {
    --primary-color: #BCCF03;
    --secondary-color: #BC3F45;
    --header-background: var(--primary-color);
}

@font-face {
    font-family: 'Navigo';
    src: url('/public/fonts/Navigo/Navigo-ExtraLight.eot');
    src: local('Navigo ExtraLight'), local('Navigo-ExtraLight'),
        url('/public/fonts/Navigo/Navigo-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/Navigo/Navigo-ExtraLight.woff2') format('woff2'),
        url('/public/fonts/Navigo/Navigo-ExtraLight.woff') format('woff'),
        url('/public/fonts/Navigo/Navigo-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Navigo';
    src: url('/public/fonts/Navigo/Navigo-Thin.eot');
    src: local('Navigo Thin'), local('Navigo-Thin'),
        url('/public/fonts/Navigo/Navigo-Thin.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/Navigo/Navigo-Thin.woff2') format('woff2'),
        url('/public/fonts/Navigo/Navigo-Thin.woff') format('woff'),
        url('/public/fonts/Navigo/Navigo-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Navigo';
    src: url('/public/fonts/Navigo/Navigo-Black.eot');
    src: local('Navigo Black'), local('Navigo-Black'),
        url('/public/fonts/Navigo/Navigo-Black.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/Navigo/Navigo-Black.woff2') format('woff2'),
        url('/public/fonts/Navigo/Navigo-Black.woff') format('woff'),
        url('/public/fonts/Navigo/Navigo-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Navigo';
    src: url('/public/fonts/Navigo/Navigo-Medium.eot');
    src: local('Navigo Medium'), local('Navigo-Medium'),
        url('/public/fonts/Navigo/Navigo-Medium.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/Navigo/Navigo-Medium.woff2') format('woff2'),
        url('/public/fonts/Navigo/Navigo-Medium.woff') format('woff'),
        url('/public/fonts/Navigo/Navigo-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Navigo';
    src: url('/public/fonts/Navigo/Navigo-Light.eot');
    src: local('Navigo Light'), local('Navigo-Light'),
        url('/public/fonts/Navigo/Navigo-Light.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/Navigo/Navigo-Light.woff2') format('woff2'),
        url('/public/fonts/Navigo/Navigo-Light.woff') format('woff'),
        url('/public/fonts/Navigo/Navigo-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Navigo';
    src: url('/public/fonts/Navigo/Navigo-Regular.eot');
    src: local('Navigo Regular'), local('Navigo-Regular'),
        url('/public/fonts/Navigo/Navigo-Regular.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/Navigo/Navigo-Regular.woff2') format('woff2'),
        url('/public/fonts/Navigo/Navigo-Regular.woff') format('woff'),
        url('/public/fonts/Navigo/Navigo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Navigo';
    src: url('/public/fonts/Navigo/Navigo-Bold.eot');
    src: local('Navigo Bold'), local('Navigo-Bold'),
        url('/public/fonts/Navigo/Navigo-Bold.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/Navigo/Navigo-Bold.woff2') format('woff2'),
        url('/public/fonts/Navigo/Navigo-Bold.woff') format('woff'),
        url('/public/fonts/Navigo/Navigo-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Aktiv Grotesk Corp';
    src: url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Medium.eot');
    src: local('AktivGroteskCorp-Medium'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Medium.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Medium.woff2') format('woff2'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Medium.woff') format('woff'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Aktiv Grotesk Corp';
    src: url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Bold.eot');
    src: local('AktivGroteskCorp-Bold'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Bold.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Bold.woff2') format('woff2'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Bold.woff') format('woff'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Aktiv Grotesk Corp';
    src: url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Italic.eot');
    src: local('AktivGroteskCorp-Italic'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Italic.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Italic.woff2') format('woff2'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Italic.woff') format('woff'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Aktiv Grotesk Corp';
    src: url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-LightItalic.eot');
    src: local('AktivGroteskCorp-LightItalic'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-LightItalic.woff2') format('woff2'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-LightItalic.woff') format('woff'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Aktiv Grotesk Corp';
    src: url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-MediumItalic.eot');
    src: local('AktivGroteskCorp-MediumItalic'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-MediumItalic.woff2') format('woff2'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-MediumItalic.woff') format('woff'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Aktiv Grotesk Corp';
    src: url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Light.eot');
    src: local('AktivGroteskCorp-Light'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Light.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Light.woff2') format('woff2'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Light.woff') format('woff'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Aktiv Grotesk Corp';
    src: url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Regular.eot');
    src: local('AktivGroteskCorp-Regular'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Regular.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Regular.woff2') format('woff2'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Regular.woff') format('woff'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aktiv Grotesk Corp';
    src: url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-BoldItalic.eot');
    src: local('AktivGroteskCorp-BoldItalic'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-BoldItalic.woff2') format('woff2'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-BoldItalic.woff') format('woff'),
        url('/public/fonts/AktivGroteskCorp/AktivGroteskCorp-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}