body {
  max-width: 1024px;
}

body p, h1, h2, h3, h5, h6 {
  color: rgb(0, 51, 153);
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}


/**
* banner
*/
.banner {
  margin-top: 1.2em; /* Festlegen des Abstands nach oben */
  margin-left: 20px;
  top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* top: 50px;  Festlegen des Abstands nach oben */
  /* left: 0; Verhindern von Abstand nach links */
  /* right: 0;  Verhindern von Abstand nach rechts */
  /* width: 100%; Breite des Banners auf die gesamte Seitenbreite */
  height: 84px;
  background: linear-gradient(to right, #2F23CF 45%, #B40820 46%);
}

.banner-title {
  margin: 0;
  font-size: 40px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  color: white;
}

.banner-subtitle {
  margin: 0 0 5px 0;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  color: white;
}


.navbar {
  width: 150px; 
  font-family: Verdana;
  font-size: 12px;
  margin-top: 0%;
  /* Die Breite der Navigationsleiste in Pixel */
}

.navbar ul{
  padding-left: 30px;
}

.navbar-list {
  list-style: none; /* Versteckt die Aufzählungszeichen */
  display: block; /* Ordnet die Elemente der Navigationsleiste untereinander an */
}

.navbar-sublist .navbar-link{
  color:red;
}


.navbar-item {
    /* Standardstil für Navigationsleistenelemente */
}


.navbar-link {
  /* Standardstil für Links in Navigationsleistenelementen */
  text-decoration: none; /* Versteckt Unterstriche unter Links */
  color:#003399;
}

.navbar-link:hover{
  font-weight: bold;
}

.parent-item {
  /* Stil für Überelemente in der Navigationsleiste */
  padding-bottom: 0.2em;
}


.child-item {
  /* Stil für Unterelemente in der Navigationsleiste */
  color: red; /* Rote Textfarbe für Unterelemente */
}


.navbar-item.child-item{
  list-style: none;
  margin-left: 0;
  padding-bottom: 0.2em;
  white-space: nowrap;
}  


.navbar hr {
  width: 100px; /* Feste Breite in Pixel */
  height: 1px; /* Dicke der Linie */
  background: linear-gradient(to right, black, rgba(0,0,0,0)); /* Verblassen von links nach rechts */
  border: none; /* Entfernt eventuelle Rahmenlinien um die Linie */
}