.mod_mobile_menu { width: auto!important; margin-top: 10px; }
#mobile-menu {position: fixed; z-index: 10000; top: 5px; left: 5px; }
.mobile_menu {width: auto!important; min-width: 50%; }
.mobile_menu .inner {    background: #222;  }
.mobile_menu .mod_navigation {padding: 0; margin-top: 60px; }
.mobile_menu strong,
.mobile_menu a {
display: block; 
color: #333;
margin-right: 4em;
text-decoration: none;
}
.mobile_menu a:active, .mobile_menu a:focus {color: #fff;}
.mobile_menu li {margin-bottom: 1px;}
.mobile_menu li.active {background: #b00;}
.mobile_menu li.active ul {background: #222;}
.mobile_menu li li.active {background: #d00;}
.mobile_menu li.active strong {color: #eee;}
.mobile_menu a:hover {color: #eee;}
.mobile_menu li:hover  {background: #b00;}
.mobile_menu li:hover ul {background: #222;}
.mobile_menu li:hover a {color: #d00; }
.mobile_menu li {display: block;cursor: pointer;}
.mobile_menu li.submenu_show {background: #000;}
.mobile_menu ul {padding: 0; }

.mobile_menu li.submenu > strong,
.mobile_menu li.submenu > a {
background: transparent url(../img/pfeil.svg) right center no-repeat;
margin-right: 7px;
}

.mobile_menu ul.level_1 strong,
.mobile_menu ul.level_1 a  {padding: 0.6em 2em; }
.mobile_menu ul.level_2 strong,
.mobile_menu ul.level_2 a  {padding: 0.3em 0.3em 0.3em 3em }
.mobile_menu ul.level_3 strong,
.mobile_menu ul.level_3 a  {padding: 0.3em 0.3em 0.3em 3.5em }

.mobile_menu ul.level_2 li:hover {background: #b00;}
.mobile_menu ul.level_1 li.active > ul.level_2 a,
.mobile_menu ul.level_1 li:hover > ul.level_2 a,
.mobile_menu ul.level_1 li:hover a { color: #eee;}

.mobile_menu_trigger span {
font-size: 1.8em;
background: #000;
color: #fff;
padding: 0 0.5em;
display: inline-block;
cursor: pointer;
border: 1px solid #fff;
}

.mobile_menu_trigger span:hover {
background: #d00;
color: #fff;
border: 1px solid #fff;
}