:root {
    /* Farben */
    --font-color: #3f403e;
    --body-color: #fbfaff;
    --light-purple-color: #b0a9d9;
    --light-purple-color-hover: #a29bc7;
    --purple-color: #2e2a72;
    --purple-color-hover: #242159;
    --green-color: #6ca34b;
    --green-color-hover: #5e8f42;
    --white-color: #fff;
    --black-color: #000;

    /* Effekte */
    --default-transition: all .3s ease-in-out;

    /* Größen */
    --content-max-width: 1300px;
    --space-left-to-header: calc((100vw - var(--content-max-width)) / 2);
}