/* Gemeinsames mobiles Menü für alle Seitenvorlagen */
#header .mkl-menu-button,
#header .mkl-mobile-nav {
    display: none;
}

@media screen and (max-width: 768px) {
    #header.mkl-menu-ready {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        width: 100%;
        padding: 8px 12px;
        margin: 0;
        height: auto;
    }

    #header.mkl-menu-ready #logo {
        float: none;
        clear: none;
        width: 80px;
        margin: 0;
        flex: 0 0 80px;
    }

    #header.mkl-menu-ready #logo img {
        display: block;
        width: 80px;
        max-width: 100%;
        height: auto;
    }

    #header.mkl-menu-ready #obennavi,
    #header.mkl-menu-ready #unterenavi {
        display: none;
    }

    #header.mkl-menu-ready .mkl-menu-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 46px;
        padding: 10px 16px;
        margin: 0;
        border: 1px solid #647615;
        border-radius: 6px;
        background: #fff;
        color: #35420b;
        font: bold 16px/1.3 Arial, sans-serif;
        cursor: pointer;
    }

    #header.mkl-menu-ready .mkl-mobile-nav {
        flex: 0 0 100%;
        width: 100%;
        margin-top: 12px;
        border-top: 1px solid #dce3cc;
        background: #fff;
    }

    #header.mkl-menu-ready .mkl-mobile-nav:not([hidden]) {
        display: block;
    }

    #header .mkl-mobile-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #header .mkl-mobile-nav li {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #e8ebdf;
    }

    #header .mkl-mobile-nav a {
        display: block;
        box-sizing: border-box;
        min-height: 46px;
        padding: 13px 12px;
        color: #26300b;
        background: #fff;
        font: 16px/1.4 Arial, sans-serif;
        text-decoration: none;
        overflow-wrap: anywhere;
    }

    #header .mkl-mobile-nav a:hover {
        background: #f0f4e5;
        text-decoration: underline;
    }

    #header .mkl-menu-button:focus-visible,
    #header .mkl-mobile-nav a:focus-visible {
        outline: 3px solid #647615;
        outline-offset: 2px;
    }
}