.mobile-nav,
#toggle,
.toggle {
    display: none;
}

.menu_mobile>li {
    list-style: none;
    float: left;
}

@media only screen and (max-width: 990px) {
    .menu_mobile {
        display: none;
        opacity: 0;
        width: 100%;
        position: absolute;
        right: 0;
    }

    .menu_mobile>li {
        display: block;
        width: 100%;
        margin: 0;
    }

    .menu_mobile>li>a {
        display: block;
        width: 100%;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #toggle:checked+div .menu_mobile {
        display: block;
        opacity: 1;
        z-index: 99;
    }

    .toggle {
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
        background: url('/fileadmin/templates/private/layout/images/mobile_menu.png') no-repeat -144px 0;
        height: 70px;
        width: 72px;
        /*        margin-top: 70px;*/
        margin-top: -2rem;

    }

    .toggle:hover {
        background: url('/fileadmin/templates/private/layout/images/mobile_menu.png') no-repeat -72px 0;
    }

    #toggle:checked+div .toggle,
    #toggle:checked+div .toggle:hover {
        background: url('/fileadmin/templates/private/layout/images/mobile_menu.png') no-repeat 0 0;
    }

    .page-nav {
        display: none;
    }

    .mobile-nav {
        padding-bottom: 25px;
        display: block;
    }

    .menu_mobile {
        background: rgba(255, 255, 255, 0.9);
    }

    .menu_mobile>li>a {
        padding: 12px 25px;
        text-align: center;
        font-size: 18px;
    }


    .menu_mobile>li>ul>li a {
        font-size: 16px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .menu_mobile>li>a:hover,
    .menu_mobile>li>a:focus {
        background: #AAD2EB;
        padding: 12px 25px;

    }


}