#mobile-header {
    display: none;
}

#mobileMenu {
    display: none;
}

@media only screen and (max-width: 770px){
    #mobile-header {
        display: inherit;
    }

    #mobileMenu {
        display: inherit;
        position: fixed;
        background-color: #000;
        height: 100%;
        z-index: 10;
        width: 270px;
        color: #fff;
        top: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        opacity: 1;
        font-family: 'Open Sans', Arial, sans-serif;
    }

    #mobileMenu ul {
        list-style: none;
        margin-top: 0;
        padding: 0;
    }

    #mobileMenu ul li {
        border-bottom: 1px solid #fff;
    }

    #mobileMenu ul li.last {
        margin-bottom: 25px;
    }

    #mobileMenu ul li a {
        color: inherit;
        font-size: 16px;
        display: block;
        padding: 8px 0 8px 7px;
        text-decoration: none;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        font-weight: 400;
        text-transform: uppercase;
        border-left: 3px solid #000;
    }

    #mobileMenu>ul>li>a:hover,
    #mobileMenu>ul>li>a.aktiv {
        background-color: #fff;
        border-left: 3px solid #097fba;
        color: #333;
    }

    /* Submenu */

    #mobileMenu ul li ul {
        margin-top: 0;
        display: none;
        background: #fff;
    }

    #mobileMenu ul li ul li {
        border-top: 1px dotted #888;
    }

    #mobileMenu ul li ul li:last-child {
        border-bottom: none;
    }

    #mobileMenu ul li ul li a {
        padding-left: 30px;
        color: #333;
        border-left: 3px solid #fff;
        text-transform: none;
        font-size: 14px;
    }


    /* hamburger */

    .left { left: -270px; }

    .right { right: -270px; }

    .show {
        right: 0;
        overflow-y: auto;
    }

    .left.show {
        -webkit-box-shadow: 5px 0px 5px 0px rgba(50, 50, 50, 0.3);
        -moz-box-shadow:    5px 0px 5px 0px rgba(50, 50, 50, 0.3);
        box-shadow:         5px 0px 5px 0px rgba(50, 50, 50, 0.3);
    }

    .right.show {
        -webkit-box-shadow: -5px 0px 5px 0px rgba(50, 50, 50, 0.3);
        -moz-box-shadow:    -5px 0px 5px 0px rgba(50, 50, 50, 0.3);
        box-shadow:         -5px 0px 5px 0px rgba(50, 50, 50, 0.3);
    }

    #showmenu {
        position: absolute;
        display: block;
        top: 15px;
        right: 0;
        width: 40px;
        height: 30px;
        text-indent: -9999px;
        overflow: hidden;
        background: url(/_images/menu-button.png) no-repeat;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        cursor: pointer;
        z-index: 10;
    }

    #showmenu.open {
        right: 265px;
        position: fixed;
    }

    /* Suche */

    .mobileSuche {
        width: 220px !important;
        padding: 0 0 0 10px !important;
        position: relative !important;
        height: 90px;
        margin-left: 15px;
    }

    .mobileSuche .suche {
        position: relative !important;
        width: auto !important;
        top: auto !important;
        left: auto !important;
    }

    .mobileSuche .suche .formSearch {
        padding: 6px 30px 5px 8px !important;
        font-size: 16px !important;
        width: 160px !important;
        background: #fff !important;
        border: none !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }

    .mobileSuche button.sendSearch {
        background: url(/_images/search_sidr.png) no-repeat !important;
        margin: 0 0 0 5px;
    }

}