.menu_ul
{
width: 100%;
margin:0;
border:0;
padding:0;
list-style-type:none;
text-align:center;
overflow: hidden;
position: sticky;
position: -webkit-sticky;
top: -1px;
background-color: #e6ac00;
z-index: 99;
}


.menu_li
{
display: inline;
border-right: 1px solid white;
font-size: 30px;
padding: 0;
margin: 0;
}

li:last-child{
  border-right: none;
}

li:nth-last-child(2){
  border-right: none;
}

/*Formatierung der Links*/
.menubutton
{
display:inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 30px;
font-family: 'Raleway', Arial, Helvetica, sans-serif;
/*font-family: 'Libre_Caslon', 'Times New Roman', Times, serif;*/
outline: none;
}

.menubutton:hover
{
background-color:#CC9900;
text-decoration:none;
color:white;
outline: none;
}

#logout a:hover {
color: rgba(0, 0, 0, 0);
background:url('../Resources/Logout.svg') no-repeat;
background-size: 20px;
background-color:#CC9900;
background-position: center;
outline: none;
}

#logout a{
color: rgba(0, 0, 0, 0);
background:url('../Resources/Logout.svg') no-repeat;
background-size: 20px;
background-position: center;
outline: none;
}

/*.level1 .icon {
    display: none;
}
*/

.level1{
  position: sticky;
  background-color: #CC9900;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}  

.level1 a:not(.menubutton) {
  display: none;
}

.level1 a.icon {
  float: right;
  display: block;
}

.level1 li:not(.active) {
  display: none;
}

.level1 li{
  border: 0;
  display: block;
  float: left;
}

.level1 li.icon {
  float: right;
  display: block;
}

#logout{
  float: right;
  display: block;
}

.level1.responsive {
  /*padding-top: 65.6px;*/ /*Menü nach unten verschieben, TODO*/
  position: sticky;
  background-color: #e6ac00;
}

.level1.responsive .icon {
  position: absolute;
  right: 0;
  top: 0;
}

.level1.responsive a {
  float: none;
  display: block;
  text-align: left;  
} 

.level1.responsive li {
  float: none;
  display: block;
  text-align: left;
}

#logout{
  position: absolute;
  right: 54.29px;
  top: 0;
}

@media screen and (max-width: 1150px) {
  .menubutton:hover
  {
    background-color:rgba(0, 0, 0, 0);
  }

  .menubutton{
    font-size: 18px;
  }
}
  