body{ -webkit-animation: bugfix infinite 1s;  /*Zunächst muss der "General/adjacent Sibling Bug" der Android Browser abgefangen werden*/
}
@-webkit-keyframes bugfix {
from { padding: 0; }
to { padding: 0; }
}


/************************************************************/
.mobilemenuebutton{ display:block; }
.mobilemenuebutton:after{
  position: absolute;
  right: .5em;
  top: .5em;
  content: url('../images/design/menu-hell.png');
  font-size:1.8em;
  border:1px solid #aaa;
  border:1px solid #999;
  cursor:pointer;
  padding:0.2em;
}



/************************************************************/
/*Alle Checkboxen verstecken*/
#mobilemenue input[type=checkbox], #mobilemenuebutton{
position: absolute;
display:none;
left: -9999px;
}

/************************************************************/

nav[role="off-canvas"]     /* PopUp-Bereich */
{ z-index:1000;            /*Fix für Videoelemente, da Click sonst Video startet*/
  position:absolute;
  top:5em;
  left:0;
  width:100%;
  /*height:100%;*/
  /*overflow-y: scroll;*/

  left:-120%;
  opacity:0.1;
  -webkit-transition: all 0.4s ease; -moz-transition: all  0.4s ease; -o-transition: all  0.4s ease;  transition: all  0.4s ease;
}


#mobilemenuebutton:checked ~ nav[role="off-canvas"] {       /* PopUp-Bereich aktiviert*/
opacity:1;
left:0;
display:block;
box-shadow:0em 0em 5em 5em rgba(0, 0, 0, .4);
}

/************************************************************/

#mobilemenue .aktiv{color:#333;	text-shadow: -1px 0px 3px #fff,1px 0px 3px #fff;}


/*Grundeinstellung Menüliste*/
#mobilemenue ul{
  box-sizing: border-box;
  margin:0;padding:0; list-style-type:none;
}

/*Grundeinstellung Menüpunkt Ebene 0*/
#mobilemenue ul>li{  margin-bottom:2px;}

#mobilemenue ul > li A, #mobilemenue ul > li LABEL{
  /*box-sizing: border-box;*/
  box-sizing: content-box;
  display:block;
  /*width:100%;*/
  text-align:left;
  padding:0.7em;
  color:#444;
  background-color:#d77c00;
  background-color:#F8B80A;
  border:1px solid #ccc;
}

#mobilemenue ul > li.hassub > A{
 /*width:calc(100% - 3em);*/
 /*width:100%;*/
 border-left:none;
 margin-left:3.0em;
 padding-left:0.5em;
 /* opacity:0.9;*/
}

#mobilemenue ul > li LABEL {
  box-sizing: border-box;
  opacity:0.9;
  float:left;
  background-image:url(../images/design/plus.gif);background-position:center center;background-repeat:no-repeat;
  background-size:60%;
  width:3em;
  border-right:none;
}

#mobilemenue ul > li A:hover,#mobilemenue ul > li LABEL:hover {  background-color:#FFFFee; }


/************ Grundeinstellung Menüpunkt Ebene 1*************/


#mobilemenue ul>li>ul>li{padding-left:3em;}
#mobilemenue ul>li>ul>li LABEL {
  box-sizing: border-box;
  width:2.5em;
}

#mobilemenue ul>li>ul>li.hassub > A{margin-left:2.5em;   }

#mobilemenue ul>li>ul>li A , #mobilemenue ul>li>ul>li LABEL {
  padding:0.5em;
  background-color:#F7EAB9;

}

/************ Grundeinstellung Menüpunkt Ebene 2*************/


#mobilemenue ul > li > ul> li>ul> li A, #mobilemenue ul > li > ul> li>ul> li LABEL {
  padding:0.5em;
  background-color:#F9F8ee;
}

#mobilemenue ul>li>ul>li>ul>li{padding-left:2.5em;}
#mobilemenue ul>li>ul>li>ul>li>ul>li{padding-left:2.5em;}














/*
#P1:checked ~ LABEL {    background-image:url(../images/design/minus.gif);}
#P1 ~ UL { display:none; }
#P1:checked ~ UL {  display:block; }
*/