/*sizes nav*/

body {
    --burger-line-height: 3px;
    --nav-icon-height: 21px;
    --nav-icon-width: 40px;
    --nav-icon-padding-X: max(min(10vw, 67px), 5vw);
    --nav-icon-padding-Y: max(min(10vw, 87px), 40px);
}




/*sizes,pad,marg*/

:root {
    --margin-bottom-row: 7.8vw;
    --padding-mehr-abstand: 2vw;
    --content-width: 1250px;
    --content-width-responsive: 90vw;
    --margin-tabblock: 10rem;
    --polaroid-gap: 4.5vw;
    --height-calculus: calc(100vh - max(127px, 7vw));
    --cont-gap-150: max(min(8.72vw, 150px), 30px);
    --cont-space-374: max(min(10vw, 187px), 136px);
    --cont-space-282: max(min(9vw, 141px), 140px);
}


/*fonts*/

:root {
    --mainfont: 'alfabet';
    --headlinefont: 'chinese-rocks';
    --headlinealternative: 'fastpen';
}


/*VC*/

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

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

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

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

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

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

@media (max-width: 576px) {
    body {
        --nav-icon-padding-X: max(min(5vw, 67px), 3vw);
        --nav-icon-padding-Y: max(min(8vw, 87px), 0px);
    }
}

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

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