/* Farbige Kästen im Menü */
.menu-item {
    position: relative; /* Damit der absolute Positionierung des Kastens relativ zum Menüpunkt ist */
}

.menu-item-wer::before,
.menu-item-kollegium::before,
.menu-item-elternbeirat::before,
.menu-item-freunde::before,
.menu-item-smv::before,
.menu-item-1::before,
.menu-item-2::before,
.menu-item-3::before,
.menu-item-4::before,
.menu-item-5::before,
.menu-item-6::before,
.menu-item-7::before,
.menu-item-8::before{
    content: "";
		    position: absolute;
    left: -2px; /* Abstand vom Text */
    top: 50%;
    transform: translateY(-50%); /* Vertikale Zentrierung */
    width: 10px;
    height: 10px;
		border-radius: 0.2rem
}

.menu-item-wer::before {
    background-color: #FF0000; /* Farbe für Wer ist Wer */
}

.menu-item-kollegium::before {
    background-color: #FFCCCC; /* Farbe für About */
}

.menu-item-elternbeirat::before {
    background-color: #00FF00; /* Farbe für ELternbeirat */
}

.menu-item-freunde::before {
    background-color: #0000FF; /* Farbe für Freunde u. Förderer*/
}

.menu-item-smv::before {
    background-color: #CCEEFF; /* Farbe für SMV */
}

.menu-item-1::before {
    background-color: #004a81; /* Blau */
}
.menu-item-2::before {
    background-color: #dcaa00; /* Gelb */
}
.menu-item-3::before {
    background-color: #b61615; /* Rot */
}
.menu-item-4::before {
    background-color: #6eb25b; /* Grün */
}
.menu-item-5::before {
    background-color: #748eb0; /* Blau2 */
}
.menu-item-6::before {
    background-color: #f6e68e; /* Gelb2 */
}
.menu-item-7::before {
    background-color: #c99480; /* Rot2 */
}
.menu-item-8::before {
    background-color: #c2cd9c; /* Grün2 */
}


/* Abgerundete Ecken für Elemente wie Bilder */

.rounded-corners {
  position: relative;
  /* Wichtig für das Platzieren des Hintergrunds */
  border-radius: 10px;
  /* Abgerundete Ecken */
  z-index: 1;
  /* Stellt sicher, dass das Element über dem Hintergrund liegt */
}

.rounded-corners::before {
  content: "";
  position: absolute;
  top: -10px;
  /* Abstand nach oben */
  left: -10px;
  /* Abstand nach links */
  right: -10px;
  /* Abstand nach rechts */
  bottom: -10px;
  /* Abstand nach unten */
  /*background-color: lightblue; /* Hintergrundfarbe */
  border-radius: 15px;
  /* Abgerundete Ecken des Hintergrunds */
  z-index: -1;
  /* Stellt sicher, dass der Hintergrund hinter dem Element liegt */
}