@font-face {
    font-family: 'CoreSans';
    font-style: normal;
    font-weight: normal;
    src: url('https://www.michaeldreier.eu/images/fonts/CoreSans/coresans.woff2') format('woff2'),
        url('https://www.michaeldreier.eu/images/fonts/CoreSans/coresans.woff') format('woff'); 
    }

@font-face {
    font-family: 'CoreSans';
    font-style: normal;
    font-weight: bold;
    src: url('https://www.michaeldreier.eu/images/fonts/CoreSans/coresans-bold.woff2') format('woff2'), 
        url('https://www.michaeldreier.eu/images/fonts/CoreSans/coresans-bold.woff') format('woff');
    }

@font-face {
    font-family: 'OceanShore';
    font-style: normal;
    font-weight: normal;
    src: url('https://www.michaeldreier.eu/images/fonts/OceanShore/oceanshore-regular.woff2') format('woff2'),
        url('https://www.michaeldreier.eu/images/fonts/OceanShore/oceanshore-regular.woff') format('woff');
    }

@font-face {
    font-family: 'OceanShore';
    font-style: normal;
    font-weight: bold;
    src: url('https://www.michaeldreier.eu/images/fonts/OceanShore/oceanshore-medium.woff2') format('woff2'), 
        url('https://www.michaeldreier.eu/images/fonts/OceanShore/oceanshore-medium.woff') format('woff'); 
    }


/* ------------------------------------------------------------------------------------------------------ */


:root {
    /* Schrift Art und Größe */
    --font-family: 'CoreSans', 'OceanShore', Verdana, sans-serif; /* Body, klaro */
    --font-size: 1rem; /* Body, Standard, klaro */
    --font-txt: 'CoreSans', sans-serif; /* Standard */
    --font-h15: 'OceanShore', sans-serif; /* Überschriften */
    
    /* Schrift Abstände */
    --line-txt: 1.3; /* Standard */
    --line-h15: 1.5; /* Überschriften */
    --letter-txt: 0.01rem; /* Abstände Standard */
    --letter-h15: 0.03rem; /* Abstände Überschrift */

    /* Schrift Farben */
    --font-color: #445566; /* Body, klaro */
    --color-txt: #445566; /* Standard */
    --color-h15: #3377AA; /* Überschriften, Schmuck */
    --color-light: #F4F5F6; /* Navi, Footer */

    /* Hintergrund Farben */
    --bgc-body: #FFFFFF; /* Hintergrund Body */
    --bgc-trans: transparent; /* Grid Areas */
    --bgc-norm: #445566; /* Standard, Linie */
    --bgc-norm-rgb: 68, 85, 102; /* Standard, Linie */
    --bgc-color: #3377AA; /* Grid: Navi */
    --bgc-color-rgb: 51, 119, 170; /* N.A. */
    --bgc-dark: #151515; /* N.A. */
    --bgc-dark-rgb: 21, 21, 21; /* footer */
    --bgc-light: #F4F5F6; /* Navi Hamburger */
    --bgc-light-rgb: 244, 245, 246;

    /* Rahmen Farben */
    --border-norm: #445566; /* Border Standard */
    --border-norm-rgb: 68, 85, 102; /* Border Termine Standard */
    --border-color: #3377AA; /* Border Schmuck: Sidebar */
    --border-dark: #151515; /* N.A. */
}