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


/*color*/

:root {
    --Blaugrau: #404365;
    --Purpur: #955CA3;
    --Beige: #F5F1EB;
    /*------------- Event Kalender Farben -----------------*/
    --tec-color-border-default: #955CA3 !important;
    --tec-color-text-disabled: #8d8e9e !important;
    --tec-color-text-primary: #404365 !important;
}


/*sizes,pad,marg*/

:root {
    --margin-bottom-row: 7.2vw;
    --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-pad: 4.9vw;
    --header-absolute-items-top: calc((100vh - var(--height-calculus)) / 2);
    --icon-pad-top: 12px;
    --icon-height: 21px;
}


/*fonts*/

:root {
    --mainfont: 'Basic Sans';
    --headlinefont: 'InkstonSans';
}


/*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) {
    :root {
        --margin-bottom-row: 12vw;
    }
}

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

    :root {
        --margin-bottom-row: 86px;
        --bg-pad: 14.9vw;
        --header-absolute-items-top: 30px;

    }
}

@media (max-width: 435px) {
    :root {
        --icon-height: 16px;
    }
}

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