/* Zentriert Logo und Menü gemeinsam in Cassiopeia */
.container-header .grid-child {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

/* Entfernt überflüssigen Abstand */
.container-header .grid-child .site-branding,
.container-header .grid-child .mod-menu {
  margin: 0 10px;
}

/* Menü horizontal ausrichten */
.container-header .mod-menu {
  display: flex;
  justify-content: center;
}

/* Optionale Verfeinerung: gleichmäßige Abstände zwischen Buttons */
.container-header .mod-menu li {
  margin: 0 8px;
}

/* Optional: zentrierte Textausrichtung der Menülinks */
.container-header .mod-menu li a {
  text-align: center;
}