@font-face {
        font-family: 'Pearorange';
        font-style: normal;
        font-weight: normal;
        src: url('https://www.alexandertechnik.com/images/fonts/pearorange/pearorange.woff2') format('woff2'),
            url('https://www.alexandertechnik.com/images/fonts/pearorange/pearorange.woff') format('woff'); 
}

@font-face {
        font-family: 'Pearorange';
        font-style: normal;
        font-weight: bold;
        src: url('https://www.alexandertechnik.com/images/fonts/pearorange/pearorangebold.woff2') format('woff2'), 
            url('https://www.alexandertechnik.com/images/fonts/pearorange/pearorangebold.woff') format('woff');
}

@font-face {
        font-family: 'PearorangeH';
        font-style: normal;
        font-weight: normal;
        src: url('https://www.alexandertechnik.com/images/fonts/pearorange/pearorange.woff2') format('woff2'),
            url('https://www.alexandertechnik.com/images/fonts/pearorange/pearorange.woff') format('woff'); 
}

@font-face {
        font-family: 'PearorangeH';
        font-style: normal;
        font-weight: bold;
        src: url('https://www.alexandertechnik.com/images/fonts/pearorange/pearorangebold.woff2') format('woff2'), 
            url('https://www.alexandertechnik.com/images/fonts/pearorange/pearorangebold.woff') format('woff');
}

/* ---------------------------------------------------------------------------------------------------- */
    
/* Variablen anlegen */
:root {
    --bg-color: #ffffff;    /* Hintergrundfarbe kpl. */
    --bg-trans: transparent;
    --bgr-color: rgba(21,21,21,0.5);   /* Hintergrund rechts */
    --bgl-color: rgba(255,255,255,1);   /* Hintergrund links */
    --bgf-color: rgba(21,21,21,0.8);      /* Hintergrund Footer */
    --text-color: #F4F5F6;      /* Standard-Schriftfarbe */
    --text-form: #151515;       /* für Formularfelder */
    --h15-color: #2266AA;       /* Überschriftenfarbe */
    --foo-color: #F4F5F6;       /* Footer Schriftfarbe */      
    --font-family: 'Pearorange', Verdana, sans-serif;
    --h15-font: 'PearorangeH', sans-serif;
    --font-size: 1.1rem;
    --line-txt: 1.3; /* Standard */
    --line-h15: 1.5; /* Überschriften */
    --letter-txt: 0.02rem; /* Abstände Standard */
    --letter-h15: 0.04rem; /* Abstände Überschrift */
} 