/*sizes nav*/

body {
    --burger-line-height: 5px;
    --nav-icon-height: 32px;
    --nav-icon-width: 57px;
    --nav-icon-padding-X: 2.4vw;
    --nav-icon-padding-Y: 3.1vw;
}



/*sizes,pad,marg*/

:root {
    --margin-bottom-row: 11vw;
    --margin-bottom-row-small: 5vw;
    --padding-mehr-abstand: 2vw;
    --content-width: 1170px;
    --content-width-responsive: 90vw;
    --margin-tabblock: 10rem;
    --polaroid-gap: 4.5vw;
    --height-calculus: calc(100vh - max(127px, 7vw));
    --bg-padding: 10.9vw;
    --height-footer-bar: 60px;
    --btn-font-size: 16px;
    --w-after-size: 100vw;
}


/*fonts*/

:root {
    --mainfont: 'Nunito Sans';
    --headlinefont: 'new-spirit';
    --sigantur: 'neonoir';

}


/*VC*/

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

@media (max-width: 1500px) {
    :root {
        --polaroid-gap: 6vw;
        --btn-font-size: 14px;

    }
}

@media (max-width: 1200px) {
    :root {
        --btn-font-size: 13px;

    }

    body {
        --nav-icon-padding-Y: 45px;
    }
}

@media (max-width: 1024px) {
    :root {
        --polaroid-gap: 8vw;
    }
}

@media (max-width: 990px) {
    :root {
        --bg-padding: 16.9vw;
        --margin-bottom-row: 14vw;
        --margin-bottom-row-small: 10vw;
    }

    :root {
        --w-after-size: 160vw;
    }
}

@media (max-width: 768px) {
    body {
        --burger-line-height: 4px;
        --nav-icon-height: 22px;
        --nav-icon-width: 46px;
    }
}

@media (max-width: 576px) {

    :root {
        --w-after-size: 230vw;
    }
}

@media (max-width: 435px) {
    :root {
        --margin-bottom-row: 20vw;
        --margin-bottom-row-small: 14vw;
        --btn-font-size: 13px;

    }
}

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