/**
 * mobile.css
 * 
 * @author Roman Schlöricke
 * @created 16.07.25
 */

@media only screen and (max-width: 900px) {
    #header .menu-icon {
        background-image: url("/template/default/extensions/Menu/template/menu.svg");
    }

    nav.main > div ul.menu li.active > a {
        color: var(--mainColor) !important;
    }
}

@media only screen and (max-width: 700px) {
    :root{
        --footerHeight: 360px;
    }
    #Consent {
        display: none;
    }

    #FooterWrapper {
        height: calc(var(--footerHeight) - 10px);
    }


    #FooterWrapper #footer {
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    #FooterWrapper #footer > *:not(.logo){
        width: 100%;
        text-align: center;
    }

    #FooterWrapper .logo{
        /*width: calc((100% / 4) - 10px );*/
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        max-height: calc(var(--footerHeight) - 45px);
        margin-bottom: 40px;
    }

    #FooterWrapper #footer .Footer {
        margin-right: 0px;
    }

    #FooterWrapper .logo img:last-child {
        height: 50%;
        width: auto;
        align-self: unset;
        margin: auto;
    }

    #header #menu #Logo {
        height: calc(var(--headerHeight) - 35px);
    }

    #header #menu{
        padding: 10px;
    }

    .col_4 {
        margin: 0;
    }

    .text{
        width: 100%;
    }

    .ext_FormBuilder .mailSelect.buttons label {
        display: flex;
        align-items: center;
        gap: 10px;
        border: 1px solid var(--mainColor);
        color: var(--mainColor);
        padding: 6px 20px 6px 10px;
        border-radius: 10px;
        overflow: hidden;
        transition: transform 0.2s ease-in-out;
        width: 100%;
    }

    .ext_FormBuilder .mailSelect.buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
}