:root {
    /* Sizes */
    --logo-width-desktop: 330px;
    --logo-width-mobile: 220px;
    --header-height: 100px;
    --header-height-mobile: 160px;

    --page-padding-sides: 25px;
    --page-padding-top: 100px;
    --page-padding-bottom: 140px;

    --content-width-thin: 800px;
    --content-width: 1200px;
    --content-width-wide: 1480px;

    /* Colors */
    --background-color: #fff;
    --text-color: #1D1D1B;
    --border-color: #56717f;
    --text-color-light: #8095a1;
    --gradient-grey-dark: #dce1e5;
    --gradient-grey-light: #f0f4f6;
    --gradient-orange-dark: #ef7a00;
    --gradient-orange-light: #f9ac00;
    --gradient-headline-start: #b21849;
    --gradient-headline-middle: #ce0055;
    --gradient-headline-end: #f08e17;

    /* Button */
    --button-height: 48px;
    --button-height-small: 32px;
    --button-color: var(--primary-color);
    --button-text-color: #fff;
    --button-text-size: 15px;

    /* Accordion */
    --accordion-height: 50px;
}

/* Selection Color */
/* ::selection {
    color: #fff;
    background: var(--primary-color);
}
::-moz-selection {
    color: #fff;
    background: var(--primary-color);
}

@media (max-width: 920px){
    :root {
        --header-height: 56px;
        --logo-width: 62px;
        --page-padding-top: 60px;
        --page-padding-bottom: 80px;
    }
} */