/***************************************************************************
* Calc Size
*
* Beispiel – Alle Elemente Proporional größer darstellen:
* @media screen and (min-width:100em){
*     :root {
*         --typo-calc-size: 1.125;
*     }
* }
****************************************************************************/
:root {
    --typo-calc-size: 1;
}


/***************************************************************************
* Colors (Werte der alten Live-Seite easy4me.info)
****************************************************************************/
:root {
    --typo-color-text: #373737;
    --typo-color-light-grey: #F1F1F1;
    --e4m-color-blue: #003399;      /* Seitentitel + Content-Ueberschriften */
    --e4m-color-link: #105f9a;      /* Links + Buttons */
    --e4m-color-box: #f9f9f9;       /* Footer-Box */
    --e4m-color-border: #dddddd;
}

/***************************************************************************
* Basics
****************************************************************************/
:root {
    --typo-border-radius: calc(var(--typo-calc-size) * 0.5rem);
}


/***************************************************************************
* Gaps (kompakt wie die alte Seite)
****************************************************************************/
:root {
    --typo-gap: calc(var(--typo-calc-size) * 1rem);
    --typo-half-gap: calc(var(--typo-calc-size) * 0.5rem);
    --typo-double-gap: calc(var(--typo-calc-size) * 2rem);
    --typo-section-gap: calc(var(--typo-calc-size) * 1rem);
}

@media screen and (min-width:64em){
    :root {
        --typo-section-gap: calc(var(--typo-calc-size) * 1.5rem);
    }
}

/***************************************************************************
* Font-Sizes (alte Seite: Text 15px, Ueberschriften klein + fett + blau)
****************************************************************************/
:root {
    --typo-font-size-default: calc(var(--typo-calc-size) * 0.9375rem);
    --typo-font-size-h1: calc(var(--typo-calc-size) * 1rem);
    --typo-font-size-h2: calc(var(--typo-calc-size) * 1rem);
    --typo-font-size-h3: calc(var(--typo-calc-size) * 0.9375rem);
    --typo-font-size-h4: calc(var(--typo-calc-size) * 0.9375rem);
}