#menu ul {
  margin: 0;
  padding: 0;
}


/* Menu anzeigen */
#menu .main-menu {
  display: block;
}




/* Pfeil für toggle-menu ändern */
#tm:checked ~ label span.drop-icon2 {
  display: none;
}

#tm:checked ~ label span.drop-icon1 {
  display: block;
}


span.drop-icon1 {
  display: none;
}




#menu input[type="checkbox"]
{
  display: none;
}


#menu li,
#toggle-menu,
#menu .sub-menu {
  /*font-family:'Lucida Grande', Geneva, Candara, Tahoma, sans-serif;*/
  /*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
  /*font-family: "Noto Sans", Helvetica, sans-serif;*/
  font-family: "Univers LT W01 45 Light", arial, sans-serif;

  font-weight:bold;
  font-size:12pt;
  background-color: #8494B2; /* FARBE Hauptmenue */

  text-indent: 5px;

  border: 1px rgba(255, 255, 255, 0.25);
  border-bottom-style: solid;
}

#menu .sub-menu {
  margin: 0 0 0 20px;
}



#menu .sub-menu li,
#menu .sub-menu {
  background-color: rgba(255,255,255,0.07);
}



#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li,
#toggle-menu,
#menu a {
  position: relative;
  display: block;
  color: #fff;
}



#toggle-menu {
  background: #8494B2;  /* FARBE Hintergrund mobile Button*/
  width: 500px;
}

#toggle-menu, #menu  a {
  padding: 10px 0 10px 20px;
}


#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
  text-decoration: none;
  /*border: 1px solid #004191;*/
}



#menu a:hover {
  background-color: rgba(0,0,0,0.07);
}


#menu a.active {
  color: #002557;
}


#menu .sub-menu {
  display: none;
}


#menu input[type="checkbox"]:checked ~ .sub-menu {
  display: block;
}




#menu li label.drop-icon1 {
  display: none;
}


#menu li label.drop-icon {
  display: block;
}



#menu input[type="checkbox"]:checked ~ a > label.drop-icon1 {
  display: block;
}

#menu input[type="checkbox"]:checked ~ a > label.drop-icon2 {
  display: none;
}




#toggle-menu .drop-icon1,
#toggle-menu .drop-icon2,
#toggle-menu .drop-icon,
#menu li label.drop-icon1,
#menu li label.drop-icon2,
#menu li label.drop-icon {
  position: absolute;
  /*right: 0;*/
  left: 4px;

  top: 9px;
  text-indent: 0;
}


#menu label.drop-icon1,
#menu label.drop-icon2,
#menu label.drop-icon,
#toggle-menu span.drop-icon1,
#toggle-menu span.drop-icon2,
#toggle-menu span.drop-icon
{
  width: 20px;
  height: 35px;
  /*padding: 7px 7px 7px 7px;*/
  text-align: center;
  vertical-align: middle;
  /* background-color: rgba(255, 255, 255, 0.125); */   /* FARBE Hintergrund Pfeile */
}



/* toggle-menu nicht anzeigen */
#toggle-menu
{
  display: none;
}









@media (max-width: 1100px) {

  #menu .main-menu {
    display: none;
  }

  #tmb:checked ~ .main-menu {
    display: block;
  }

  /*
	#toggle-menu, #menu  a {
		padding: 15px 20px 15px 20px;
	}
*/


  #menu label.drop-icon1,
  #menu label.drop-icon2,
  #menu label.drop-icon,
  #toggle-menu span.drop-icon1,
  #toggle-menu span.drop-icon2,
  #toggle-menu span.drop-icon
  {
    /*padding: 15px 25px 15px 25px;*/
    font-size: 1em;
    text-align: center;
    /*background-color: rgba(0, 0, 0, 0.125);  */  /* FARBE Hintergrund Pfeile */
    text-shadow: 0 0 0 transparent;
    color: rgba(255, 255, 255, .75);
  }


  #toggle-menu {
    display: block;
    background: #8494B2;  /* FARBE Hintergrund mobile Button*/
    width: 50px;
    height: 37px;
  }



  #toggle-menu .drop-icon1,
  #toggle-menu .drop-icon2,
  #toggle-menu .drop-icon,
  #menu li label.drop-icon1,
  #menu li label.drop-icon2,
  #menu li label.drop-icon
  {
    position: absolute;
    /*right: 0;*/
    left: 0;

    padding-top:10px;
    top: 0;
    text-indent: 0;
  }


  #menu label.drop-icon1,
  #menu label.drop-icon2,
  #menu label.drop-icon,
  #toggle-menu span.drop-icon1,
  #toggle-menu span.drop-icon2,
  #toggle-menu span.drop-icon
  {
    width: 35px;
    height: 42px;
    /*padding: 7px 7px 7px 7px;*/
    text-align: center;
    vertical-align: middle;
    /* background-color: rgba(255, 255, 255, 0.125); */   /* FARBE Hintergrund Pfeile */
  }

  #menu  a {
    padding: 10px 0 10px 35px;
  }


  #toggle-menu {
    padding: 5px 0 5px 5px;
  }


  #menu .sub-menu {
    margin: 0 0 0 35px;
  }
}