#OverTopHtmlContDIV {
  max-height: 200px;
  margin-top: 70px;
  padding: 0;
}
#OverTopHtmlContDIV svg {
  max-height: 250px;
}
#navigationV4 {
  margin-top: -30px;
}
@media screen and (max-width: 1268px) {
  #navigationV4 { margin-top: -60px; }
}
@media screen and (max-width: 1074px) {
  #navigationV4 { margin-top: -80px; }
}

/* ################################################################## */
/* #      TEIL 2: DARK-THEME - NUR AUF EBENE 1 ANGEWENDET           # */
/* ################################################################## */

/* 1. Nur der äußere Container wird dunkel gemacht */
#NavigationContainer {
  background-color: rgba(0, 0, 0, 0.2);
}

/* 2. Standard-Aussehen NUR für die Listenelemente der ERSTEN EBENE. */
/* Der ">" Selektor stellt sicher, dass dies NICHT auf Ebene 2/3 wirkt. */
ul.FM_CSS_navigationV4 > li {
  width: 80%;
  background-color: rgba(255, 255, 255, 0.1);
  margin: 2px auto;
  border-radius: 7px;
  outline: 1px dotted rgba(255, 255, 255, 0.3);
  outline-offset: -5px;
  transition: background-color 0.3s ease-in-out;
}

/* 3. Textfarbe NUR für die Links der ERSTEN EBENE */
ul.FM_CSS_navigationV4 > li > a,
ul.FM_CSS_navigationV4 > li > a span,
ul.FM_CSS_navigationV4 > li > a font {
  color: white;
  text-align: left;
  font-size: 1em;
  transition: color 0.2s ease-in-out;
}

/* 4. Hover-Effekt NUR für die Listenelemente der ERSTEN EBENE */
ul.FM_CSS_navigationV4 > li:hover {
  background-color: white;
}

/* 5. Schriftfarbe beim Hovern NUR für die Links der ERSTEN EBENE */
ul.FM_CSS_navigationV4 > li:hover > a,
ul.FM_CSS_navigationV4 > li:hover > a span,
ul.FM_CSS_navigationV4 > li:hover > a font {
  color: black;
}

/*
  WICHTIG: Es werden absichtlich KEINE Stile für die Untermenüs (ul ul, ul li, etc.) definiert.
  Dadurch wird sichergestellt, dass das ursprüngliche CSS für die zweite und
  dritte Ebene ohne Störungen funktioniert und alle Figuren, Hintergründe
  und Verhaltensweisen wie im Original erhalten bleiben.
*/

/* --- Aktiver Navigationspunkt (unverändert) --- */
#navactive {
  background-color: rgba(255, 255, 255, 1);
  background-image: url(/lib/imgAllg/dreieckUn.svg);
  background-position: 50% 5px;
  background-size: 12px 12px;
    border-radius: 7px;
  -webkit-border-radius:7px;
  background-repeat: no-repeat;
}
.pnact1 {
  background-color: rgba(172, 69, 72, 0.8);
}