/* =============================== */
/*         Designgrößen            */
/* =============================== */
:root {
    /* Größen für Wrapper */
    --cw-full: 1256px;
    --cw-text: 753px;

    /* Größen für Cards/Elements */
    --card-h: 340px;
    --card-w: 385px;
    --element-gap: 50px;
    --element-bora: 20px;
    --text-gap: 75px;
    --button-gap: 100px;

    --nav-height: 175px;
    --nav-margin-top: 100px;
    --nav-logo-size: 150px;
    
    --motivation-padding: 50px;

    --calc-button-gap: 30px;
    --calc-button-w: 163px;
    --calc-button-h: 35px;
    --calc-button-p: 18pt;
    --calc-fee-p: 27pt;
    --calc-h3-gap: 40px;

    --steps-card-padding: 30px;

    --about-img-w: 603px;
    --about-img-bottom-gap: 30px;

    /* Paddings für Sektionen */
    --padding-white-h: 200px;
    --padding-primary-h: 100px;

    /* Größe CTA-Button */
    --cta-w: 275px;
    --cta-h: 53px;
    --cta-bora: 5px;

    /* Textgrößen */
    --nav-a: 20pt;
    --headline: 63pt;
    --headline2: 33pt;
    --headline2-lh: 47pt;
    --headline3: 26pt;
    --headline4: 22pt;

    --text1: 22pt;
    --text2: 19pt;

    --text1-lh: 26.4pt; 

    /* Skalierungsfaktoren 1080p (Pixel und Punkte) */
    --factor-2160: calc(2160/1440);
    --factor-2160-f: calc((3840/3440));

    --factor-1440: calc(1440/1440);
    --factor-1440-f: calc(2560/3440);

    --factor-1080: calc(1080/1440); /* Faktor für Pixelgröße/Objekte */
    --factor-1080-f: calc(1920/3440); /* Faktor für Punktgröße/Fonts */

    --factor-720: calc(720/1440);
    --factor-720-f: calc(1280/3440);

    --cfactor: var(--factor-1080); /* CurrentFactor, wird bei Aufruf festgelegt */
    --cfactor-f: var(--factor-1080-f);
}