/*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: 3.1vw;
}

/*color*/
:root {
    --color-1: #FFB239;
    --color-2: #F4F4F4;
    --color-3: #0033CC;
    --color-3-2: #0F38C4;
    --color-3-3: #002EB8;
    --color-4: #404A56;
    --color-5: #FBFBFB;
}

/*sizes,pad,marg*/
:root {
    --header-pad-X: 5vw;
    --header-pad-Y: 3.1vw;
    --margin-bottom-row: 10vw;
    --padding-mehr-abstand: 2vw;
    --content-width: 1170px;
}

/*fonts*/
:root {
    --mainfont: 'Poppins', sans-serif;
    --headlinefont: "ff-market-web", sans-serif;
    --headlinefontalternative: amboy-inline;
}

/*VC*/



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

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

@media (max-width: 1500px) {
    :root {
        --header-pad-X: 30px;
    }

    body {

        --nav-icon-width: 60px;

    }
}

@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: 15vw;
    }
}

@media (max-width: 420px) {
    :root {
        --margin-bottom-row: 29vw;

        --header-pad-Y: 30px;

    }

    body {
        --nav-icon-width: 49px;
        --nav-icon-height: 26px;
        --burger-line-height: 4px;
    }
}

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

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