/* ##### MMenu ##### */
#mmenu-wrapper{overflow:hidden;}
.mm-panel.mm-panel_opened {box-shadow:inset 19px 0 15px -15px #655112;}
#menu.mm-menu {background:#fdc613; color:#000;}
#menuinfo {margin-bottom:20px;}
#menuinfo span {display:block; padding:5px 0 5px 20px; font-size:1.1em; font-weight:800;}
#menu .mm-listview {position:absolute; top:50%; transform:translateY(-50%); font-size:1.2em;}
#menu .mm-listview.sub-menu {position:relative; top:0; transform:translateY(0%); font-size:1.0em;}
#menu .mm-listitem>a, .mm-listitem>span, em.mm-counter {white-space:normal; font-family:Oswald, Tahoma, serif;}
#menu.mm-menu_offcanvas {z-index:1;}
a.mm-navbar__title {display:none;}
#menu .mm-navbar {height:auto; padding:0; border-color:transparent;}
button#menubutton {position:fixed; top:0; right:0; background-color:#fdc613; padding:17px 16px;}
button#menubutton:hover, button#menubutton.is-active {background-color:#fdc613;}
button .hamburger-inner, button .hamburger-inner::before, button .hamburger-inner::after {background-color:#252525;}
button.hamburger:hover {opacity:1;}
.mm-page__blocker.mm-slideout {background:transparent;}
button#menubutton span#remove {position:absolute; top:15px; right:60px;}
#menutext {position:relative; left:-25px; font-size:1.8em; line-height:1; color:#252525; padding:1px 8px; background-color:#fdc613; border-radius:3px;}
#menutext:after {content:''; position:absolute; z-index:-1; right:-18px; margin-top:-18px;  top:50%; border-style:solid; border-width:18px 0 18px 26px; border-color:transparent #fdc613; display:block; width:0;}
#menu .mm-listview em.mm-counter {color:#252525;}
#menu .mm-listitem_vertical>.mm-counter {top:10px;}
#menu .mm-listview .mm-btn_next:after {border-color:#252525;}
.mm-panel .mm-navbar img {display:block; margin:0 auto; padding:40px 5px 5px;}
.mm-panels>.mm-panel>.mm-navbar+.mm-listview {margin-top:20px;}
#menu .mm-btn_next:after, .mm-btn_prev:before {border-top:4px solid transparent; border-left:4px solid transparent;}


/* ################################################################################ */
/*  --------------------------------------------------------------------- His  Responsiveness --------------------------------------------------------------- */
/* ############################################################################### */


@media screen and (max-width:450px) {
.mm-panel .mm-navbar img {padding:15px 5px 5px;}
}/* Ende @media screen */


@media screen and (max-width:880px) and (orientation:landscape) {
.mm-panels>.mm-panel>.mm-navbar+.mm-listview {margin-top:190px;}
#menu .mm-listview {position:relative; top:0; transform:translateY(0); font-size:1.2em;}
}/* Ende @media screen */