/* ****************************************************************************
// Projekt: escode Homepage
// Datum  : Juli 2026
// Autor  : Egon Schulz
// Anm.   : Stylesheet-Informationen
//*************************************************************************** */
@import url("divtable_esc.css");
@import url("table_esc.css");
@import url("editor_esc.css");
@import url("mooaccordion_esc.css");
@import url("hauptmenue_metis_class_esc.css");
@import url("sitemap_esc.css");
@import url("footer_esc.css");
@import url("content_template_table_brauntoene_esc.css");

:root {
  --cassiopeia-color-primary: #913535;
  --cassiopeia-color-hover: #913535;
}

body {
  background-image: url('../images/Hintergrund_Logo.png');
  background-repeat: repeat;
}

ul {
  /* list-style: disc; */
	list-style-image: url(../images/Bullit.gif);
}

.container-component {
  background-color: #EEF0F3;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
}  

body .header {
  background-image: url('../images/Hintergrund_Logo.png');
  background-repeat: repeat;
}

header .grid-child {
  background-color: var(--cassiopeia-color-primary);
  max-width: 1650px;
}

@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: 15px; */ /* 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;
  }  
}