/*sizes nav*/
body {
    --burger-line-height: 5px;
    --nav-icon-height: 31px;
    --nav-icon-width: 68px;
    --nav-icon-padding-X: 4.3vw;
    --nav-icon-padding-Y: 3.8vw;
    --nav-span-size: 26px;
    --nav-span-space: 4px;
}

body.shiftnav-open {
    --nav-span-size: 36px;
    --nav-span-space: 5px;
}

body.small {
    --nav-icon-padding-X: 2.15vw;
    --nav-icon-padding-Y: 0.92vw;

}

/*color*/
:root {
    --red: #D11312;
    --black: #101010;
    --gray: #F0F0F0;
    --margin-bottom-row: 9.3vw;
    --padding-mehr-abstand: 3.1vw;
    --mainfont: 'Quicksand';
    --headline-main: 'korolev';
    --filter-height: 161px;
    --filter-height-2: 122px;

}

/*VC*/



@media (min-width: 1920px) {
    /*----------------- ELEMENT -------------*/

    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1500px) {
    /*----------------- ELEMENT -------------*/

    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1200px) {
    /*----------------- ELEMENT -------------*/

    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 990px) {
    /*----------------- ELEMENT -------------*/

    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 768px) {
    /*----------------- ELEMENT -------------*/

    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 576px) {
    :root {
        --margin-bottom-row: 17.3vw;
    }
}

@media (max-width: 420px) {
    body {
        --nav-span-size: 19px;
        --nav-span-space: 2px;
        --nav-icon-padding-Y: 5vw;
        --nav-icon-padding-X: 5vw;
    }

    body.shiftnav-open {
        --nav-span-size: 26px;
        --nav-span-space: 4px;
    }

    body.small {
        --nav-icon-padding-X: 10px;
        --nav-icon-padding-Y: 10px;
    }
}

@media (max-width: 320px) {
    /*----------------- ELEMENT -------------*/

    /*----------------- END ELEMENT ---------*/
}