.mod_mobile_menu { width: auto!important; margin-top: 35px; position: fixed; z-index: 20;}
.mobile_menu {min-width: 50%!important;}
.mobile_menu .inner {    background: #fafafa;}
.mobile_menu .mod_navigation {padding: 0;}
.mobile_menu span,
.mobile_menu strong {
display: block; 
color: #333;
}
.mobile_menu a:hover {color: rgb(225,188,115,.8);}
.mobile_menu li:hover,
.mobile_menu li.active {background: #d2e388;}
.mobile_menu li:hover li {background: #fff;}
.mobile_menu ul.level_2 li.active {background: #d2e388;}
.mobile_menu li {display: block; cursor: pointer;}
a.nonavlink {cursor: auto;}

.mobile_menu li.navmore span  {
background: transparent url(../images/pfeil.svg) right center no-repeat;
margin-right: 7px;
}
.mobile_menu li.navmore li span  {background: none;}

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

.mobile_menu ul.level_2 span:hover,
.mobile_menu ul.level_2 strong:hover {background: #d2e388;}

.mobile_menu_trigger span {
font-size: 2em;
background: #d2e388;
color: #221803;
padding: 0 0.5em;
display: inline-block;
cursor: pointer;
border: 1px solid #333;
margin: 5px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

}

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