/*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 {
    --blau: #2B3955;
    --dunkelblau: #162541;
    --orange: #EFA100;
    --dunkelorange: #E4A339;
    --margin-bottom-row: 12vw;
    --padding-mehr-abstand: 5vw;
    --font-alternativ: 'Miriam Libre';
    --fliesstext: Quicksand;
}


/*VC*/

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

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

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

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

@media (max-width: 767px) {
     :root {
        --margin-bottom-row: 20vw;
        --padding-mehr-abstand: 0;
    }
    #leistungen .vce-row>.vce-row-content>.vce-col.vce-col--xl-last {
        padding: 0 5%;
    }
}

@media (max-width: 576px) {
    body {
        --burger-line-height: 4px;
        --nav-icon-height: 26px;
        --nav-icon-width: 45px;
        --nav-icon-padding-X: 5%;
        --nav-icon-padding-Y: 5%;
    }
     :root {
        --margin-bottom-row: 40vw;
    }
}

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

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