/* ################################################################## */
/* #         TEIL 1: LOGO- UND LAYOUT-ANPASSUNGEN (NEU)             # */
/* ################################################################## */

/*Logo-Part Änderung*/
#OverTopHtmlContDIV {
  max-height: 250px;
  margin-top: 60px;
}
#OverTopHtmlContDIV svg {
  max-height: 250px;
}

/*Abstand zu Logo Änderung*/
#navigationV4 {
  margin-top: -90px;
}
@media screen and (max-width: 1268px) {
  #navigationV4 {
    margin-top: -110px;
  }
}
@media screen and (max-width: 1150px) {
  #navigationV4 {
    margin-top: -130px;
  }
}
@media screen and (max-width: 1000px) {
  #navigationV4 {
    margin-top: -60px;
  }
}

/* ################################################################## */
/* #      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.8);
}

/* 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%;
  padding: 0%;
  background-color: rgba(255, 255, 255, 0.1);
  margin-bottom: 0.3%;
  font-size: 0.8em; /* Schriftgröße aus Ihren Vorgaben */
  border-radius: 7px; /* Ergänzt für einheitliches Design */
  transition: background-color 0.3s ease-in-out;
}

/* 3. Textfarbe und -größe 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 {
  text-align: left;
  color: white;
  font-size: 1.1em; /* Schriftgröße aus Ihren Vorgaben */
  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 "ul.FM_CSS_navigationV4 ul"
  oder "ul.FM_CSS_navigationV4 ul li" definiert. Dadurch bleiben Ebene 2 und 3
  vollständig unberührt und behalten ihr ursprüngliches Aussehen und Verhalten.
*/