/* @media only screen and (min-width: 64rem) { */

#footer {
 background:#000;
}
.level_2 li:hover {
  background:#cc0000;
}
.level_2 li.active {
  background:#000;
}
.level_2 li.active strong.active {
 color: #fff; background: #000;
}
.active.noprevlink, nav-main.level_2 li {
  color: #fff;
}
strong.active.noprevlink {
color: #fff;
background:#cc0000;
}
level_2 li.active,level_2 li strong.active, level_2 li strong  {
color: #fff;
background:#cc0000;
}

.nav-main .level_2 a:hover {color: #fff;}

@media only screen and (min-width: 64rem) {
.level_1 ul a, .level_1 ul strong {
 font-size:1rem;
 line-height:1.5;
 padding: 15px 0;
 margin: -7px 0;
}
 .nav-main ul ul {
padding: 15px 0;
 }
 .nav-main ul ul li {
  padding: 7px 15px;
  margin: -8px 0;
}
.nav-main ul ul li:hover, .nav-main ul ul:hover {color: #fff;}

.nav-main ul ul {
 padding:0;
 margin-top: 7px;
}

 .nav-main li.submenu {
  padding-right:22px;
 }
  .btn-toggle-submenu {
  width:1.5em;
  height:1.5em;
 }

}


.nav-main a, .nav-main strong {
transition: none;
}
.nav-main ul ul li:hover {
 color: #fff;
}
.nav-main strong.active.submenu {
  color:#cc0000;
  text-decoration-color:#c00
 }
 
.nav-main a, .nav-main strong {
margin-bottom: 10px
}

 .btn-toggle-submenu {
  margin-top: 6px;
 } 

/* .level_2 ul a, .level_2 ul strong {
 padding: 0;
} */

  /* Untermenü standardmäßig ausblenden */
  .level_2 {
    display: none;
    padding-left: 20px; /* Optional für Einrückung */
  }

  /* Untermenü anzeigen, wenn es die Klasse 'active' hat */
  .level_2.active {
    display: block;
  }