/* Allgemeine Stile für das Navigationsmenü *\/*/
.vnav ul.level_1 {
  margin: 1em;
  padding: 0;
  list-style-type: none;
  display: block;
  border-top: 1px solid #444;
}

.vnav ul.level_1 li {
  position: relative; /* Hinzugefügt *\/*/
  border-bottom: 1px solid #444;
  font-size: 0.875em !important;
  line-height: 2.5em !important;
}

.vnav ul.level_1 li a,
.vnav ul.level_1 li strong {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  color: #444;
  line-height: 2.5em !important;
  font-size: 0.875em !important;
  text-decoration: none;
  padding: 0.2em 0.4em; /* Hinzugefügt für bessere Klickbarkeit *\/*/
}

.vnav ul.level_1 li a.trail,
.vnav ul.level_1 li a:hover,
.vnav ul.level_1 li strong.active {
  color: #000;
  background: #33a8b7;
  font-size: 0.875em !important;
  line-height: 2.5em !important;
  padding-left: 0em !important;
  font-weight: normal !important;
}

.vnav ul.level_2 {
  position: absolute;
  top: 100%; /* Hinzugefügt *\/*/
  left: 0; /* Hinzugefügt *\/*/
  display: none;
  background: #33a8b7; /* Hinzugefügt *\/*/
  padding: 0.5em; /* Hinzugefügt *\/*/
  margin: 0; /* Hinzugefügt *\/*/
}

.vnav ul.level_2 li {
  border: none; /* Hinzugefügt *\/*/
  width: 100%;
}

.vnav li:hover > ul.level_2 {
  display: block;
}

.vnav li:hover > ul.level_2 li {
  display: block;
}

/* Pfeil für Submenü hinzufügen *\/*/
.vnav ul.level_1 li:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
  border: solid #33a8b7;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transition: transform 0.3s ease-in-out;
}

.vnav ul.level_1 li.open:after {
  transform: translateY(-50%) rotate(-135deg);
}