input#hamburg { display:none; }

div#menue {
  overflow-y:scroll;  
}

div#menue > nav a, div#menue > nav button {
  width:100%;
}

div#menue > nav  ul {  
  padding:0px;
  margin:0px;
  line-height:1em;  
  //list-style-type:square;
  list-style-type:none;
}
div#menue > nav li {  
  padding:0px;  
  margin:0px;
}

ul#menue_hosts {  
  max-height:20.5em;
  overflow-y:scroll;
  overflow-x:hidden;
}
ul#menue_hosts > li > a {
  line-height:1.2em;
  white-space:nowrap;
  -webkit-appearance1: none;
  border:rgba(0,0,0,0.2) 1px solid;
  margin:1px;
  padding-left:0.2em;
  padding-right:0.2em;
  padding-top:0.1em;
  padding-bottom:0.1em;
  color:#000;
  font-size:12px;
  display:inline-block;
  background: linear-gradient(0deg, rgba(125,205,125,1) 0%, rgba(160,240,160,1) 80%, rgba(125,205,125,1) 100%);  
  border-radius: 3px;
  border:rgba(0,0,0,0.2) 1px solid;
  text-decoration:none;
  text-align:left;

}


div#menue > nav li.level2 {  
  padding:0px;  
  margin:0px;
  line-height:1em;
  color:#CD1797;
  margin-left:2em;
  //overflow:visible;
}

div#menue > nav > ul > li > ul > li {  
  background-color:rgba(130,239,1,0.3);
  margin-left:1em;
  border-bottom:rgba(239,130,1,0.9) solid 1px;
}

div#menue > nav li > ul > li > a {  
    text-decoration:none;
    color:#000;
    display:block;
    padding:2px;
    font-weight:normal;
    line-height:1.5em;
}
div#menue > nav li > ul > li a:hover {  
  background-color:rgba(239,130,1,0.5);
}


div#menue > label.hamburg { display:none; }
//div#menue nav a:hover { background:#CD1797; color:#ffffff; }  
div#menue li.active > a { color:#CD1797; }    
div#menue li.active:hover > a { color:#ffffff; }