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

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


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

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

    #FooterWrapper .logo{
        width: 60%;
        max-height: calc(var(--footerHeight) - 45px);
        height: auto;
        margin-top: 20px;
        position: relative;
    }

    /*#header #menu #Logo img{*/
    /*    width: calc(100% - 100px);*/
    /*}*/

    #header .sigel {
        position: absolute;
        right: 0;
        top: 0;
        height: 100px;
    }

    #header #menu #Logo img.logomob{
        display: block;
        margin-left: -20px;
        /*position: relative;*/
        /*left: -20px; !* Statt margin-left *!*/
        width: auto;
    }

    #header #menu #Logo img.logodesc{
        display: none;
    }
}