/*------------------------------------------------------------------------------------------------------
-------------------------------------------  Schriftart Anfang  ----------------------------------------
----------------------------------------------------------------------------------------------------  */

/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/open-sans-v20-latin-300.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/open-sans-v20-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/open-sans-v20-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/open-sans-v20-latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/open-sans-v20-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/open-sans-v20-latin-300.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v20-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/open-sans-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/open-sans-v20-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/open-sans-v20-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/open-sans-v20-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/open-sans-v20-latin-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/open-sans-v28-latin-600.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/open-sans-v28-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/open-sans-v28-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/open-sans-v28-latin-600.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/open-sans-v28-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/open-sans-v28-latin-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans-v20-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('fonts/open-sans-v20-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('fonts/open-sans-v20-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('fonts/open-sans-v20-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('fonts/open-sans-v20-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('fonts/open-sans-v20-latin-700.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


* {
    font-family: 'Open Sans', sans-serif;
}

/*------------------------------------------------------------------------------------------------------
-------------------------------------------  Schriftart Ende  ------------------------------------------
----------------------------------------------------------------------------------------------------  */

/*------------------------------------------------------------------------------------------------------
-------------------------------------------  Farben Anfang  --------------------------------------------
----------------------------------------------------------------------------------------------------  */

:root,
::before,
::after {
    --farbverlauf: linear-gradient(to right, var(--sip-primary-color) 0%, oklch(from var(--sip-primary-color) calc(l - 0.09) calc(c - 0.06) h) 50%, var(--sip-primary-color) 100%);
    --background-transparent: color-mix(in srgb, var(--sip-background), transparent 10%);
    --background-dark: var(--sip-text-color);
}

/*------------------------------------------------------------------------------------------------------
-------------------------------------------  Farben Ende  ----------------------------------------------
----------------------------------------------------------------------------------------------------  */

/*------------------------------------------------------------------------------------------------------
-------------------------------------------  Maße Anfang  --------------------------------------------
----------------------------------------------------------------------------------------------------  */

:root,
::before,
::after {
    --h1span-font-size: 3.5rem;
    --h1span-line-height: 1.1;
    --schrift: 1.6rem;
    --ueberschrift-klein: 2rem;
    --ueberschrift-gross: 3.5rem;
}

/*------------------------------------------------------------------------------------------------------
-------------------------------------------  Maße Ende  ----------------------------------------------
----------------------------------------------------------------------------------------------------  */