/*sizes nav*/

body {
    --burger-line-height: 5px;
    --nav-icon-height: 31px;
    --nav-icon-width: 68px;
    --nav-icon-padding-X: 2.4vw;
    --nav-icon-padding-Y: 0;
    --nav-icon-Left: 5vw;
}


/*color*/

:root {
    --color-1: #2E2B28;
    --color-2: #7EAF00;
    --color-3: #2E2F2C;
    --color-4: #edf1e3;
    --color-5: #d5f389;
}


/*sizes,pad,marg*/

:root {
    --margin-bottom-row: 10vw;
    --padding-mehr-abstand: 2vw;
    --content-width: 1170px;
    --btn-skew: 10px;
}


/*fonts*/

:root {
    --mainfont: 'Barlow';
    --headlinefont: 'Industry';
}


/*VC*/

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

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

@media (max-width: 1200px) {
    body {
        --nav-icon-width: 60px;
        --nav-icon-Left: 2vw;
    }
}

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

@media (max-width: 768px) {
    body {
        --nav-icon-width: 49px;
        --nav-icon-Left: 3vw;
        --burger-line-height: 4px;
        --nav-icon-height: 24px;
    }
}

@media (max-width: 576px) {
    /*----------------- ELEMENT -------------*/
    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 420px) {
    :root {
        --btn-skew: 10px;
    }
}

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