@font-face  {
    font-family: 'UniNeue';
    font-style: normal;
    font-weight: normal;
    src: url('https://www.etuitheater.de/images/fonts/UniNeue/UniNeue.woff2') format('woff2'), 
        url('https://www.etuitheater.de/images/fonts/UniNeue/UniNeue.woff') format('woff'); }

@font-face  {
    font-family: 'UniNeue';
    font-style: normal;
    font-weight: bold;
    src: url('https://www.etuitheater.de/images/fonts/UniNeue/UniNeueBold.woff2') format('woff2'), 
        url('https://www.etuitheater.de/images/fonts/UniNeue/UniNeueBold.woff') format('woff');}


@font-face  {
    font-family: 'Circa';
    font-style: normal;
    font-weight: normal;
    src: url('https://www.etuitheater.de/images/fonts/Circa/circa.woff2') format('woff2'), 
        url('https://www.etuitheater.de/images/fonts/Circa/circa.woff') format('woff');}

@font-face  {
    font-family: 'Circa';
    font-style: normal;
    font-weight: bold;
    src: url('https://www.etuitheater.de/images/fonts/Circa/circabold.woff2') format('woff2'), 
        url('https://www.etuitheater.de/images/fonts/Circa/circabold.woff') format('woff');}


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


:root {
    /* Schrift Art und Größe */
    --font-family: 'UniNeue', 'Circa', Verdana, sans-serif; /* Body, klaro */
    --font-size: 1rem; /* Body, Standard, klaro */
    --font-txt: 'UniNeue', sans-serif; /* Standard */
    --font-h15: 'Circa', sans-serif; /* Überschriften */
    
    /* Schrift Abstande */
    --line-txt: 1.35; /* Standard */
    --line-h15: 1.25; /* Überschriften */
    --letter-txt: 0.04rem; /* Abstände Standard */
    --letter-h15: 0.15rem; /* Abstände Überschrift */

    /* Schrift Farben */
    --font-color: #8090B0; /* Body, klaro */
    --color-txt: #8090B0; /* Standard */
    --color-h15: #2266AA; /* Überschriften, Schmuck */
    --color-light: #F4F6F8; /* Navi, Footer */

    /* Hintergrund Farben */
    --bgc-body: #FFFFFF; /* Hintergrund Body */
    --bgc-trans: transparent; /* Grid Areas */
    --bgc-norm: #8090B0; /* Standard, Linie */
    --bgc-color: #2266AA; /* Grid: Navi */
    --bgc-color-rgb: 34, 102, 170; /* N.A. */
    --bgc-dark: #151515; /* N.A. */
    --bgc-dark-rgb: 21, 21, 21; /* footer */
    --bgc-light: #F4F6F8; /* Navi Hamburger */

    /* Rahmen Farben */
    --border-norm: #8090B0; /* Border Standard */
    --border-norm-rgb: 128, 144, 176; /* Border Termine Standard */
    --border-color: #2266AA; /* Border Schmuck: Sidebar */
    --border-dark: #151515; /* N.A. */
}