/* ****************************************************************************
// Projekt: Homepage "Lebendiges Leben"
// Datum  : Juli 2026
// Autor  : Egon Schulz
// Anm.   : Stylesheet-Informationen
//*************************************************************************** */
@import url("editor_lev.css");

:root {
  /* Hintergrundfarbe Header aus "colors_alternative.min.css" */ 
  --cassiopeia-color-primary:#728D3C;
  --cassiopeia-color-hover:#728D3C;
  
  /* Hintergrundfarbe Content aus template.min.css */
  --body-bg:#DEEBD9;
}

.container-header .mod-menu { 
  flex-wrap: wrap; 
}

@media (min-width: 992px) {
  /* Hebt das starre Spalten-Raster auf und ordnet Elemente untereinander an */
  .container-header {
    display: flex;
    flex-direction: column;
    align-items: center; /* Zentriert Logo, Menü etc. horizontal */
    justify-content: center;
    gap: 5px; /* Abstand zwischen den Elementen (z.B. zwischen Logo und Menü) */
}

  /* Zentriert das Menü selbst und sorgt dafür, dass die Links mittig stehen */
  .container-header .navbar,
  .container-header .mod-menu {
    justify-content: center;
    text-align: center;
    width: 100%;
  }

  /* Falls das Logo ein Link/Bild ist, wird auch dieses zentriert */
  .container-header .navbar-brand {
    margin-right: 0;
    text-align: center;
  }
  
  /* Erzwingt die Zentrierung des Logo-Containers */
  .container-header .navbar-brand {
    display: block;
    margin: 0 auto !important; /* Setzt den Außenabstand links und rechts auf automatisch */
    text-align: center;
    float: none; /* Verhindert das Linkskleben */
  }

  /* Zentriert das eigentliche Bild oder den Logo-Text im Container */
  .container-header .navbar-brand img,
  .container-header .navbar-brand .logo-text {
    display: inline-block;
    margin: 0 auto;
  }  
}