/* 1. Nur Erfolgsmeldungen ausblenden */

.alert-success, 
.alert-info {
    display: none !important;
}


/* 1. Alle Systemmeldungen komplett ausblende */
#system-message-container {
    display: none !important;
}


/* 1. Header-Breite und Ausrichtung exakt an den Inhalts-Container anpassen */
.header {
  max-width: 1300px; /* Anpassen, falls dein Container eine andere Max-Breite hat */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

/* 2. Logo bündig an den linken Rand setzen */
.header .navbar-brand,
.header .brand-logo,
.header .logo {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* 3. Menü direkt mit Abstand neben das Logo setzen */
.header .container-nav,
.header .mod-menu,
.header nav {
  margin-left: 30px !important; /* Gewünschter Abstand zwischen Logo und Menü */
  margin-right: 0 !important;
  padding-left: 0 !important;
}

/* 4. Hamburger-Menü für Smartphones (unter 992px) rechtsbündig halten */
@media (max-width: 991.98px) {
  .header {
    justify-content: space-between !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .header .container-nav {
    margin-left: auto !important;
  }
}
```[cite: 1, 3]

### Kurze Feinjustierung:
* **Logo sitzt noch minimal versetzt zur Karte?** Ändere den Wert `1320px` in Zeile 3 schrittweise (z. B. auf `1200px` oder `1400px`), bis die linke Kante des Logos perfekt über der linken Kante der dunklen Dashboard-Karte liegt.
* **Abstand zum Menü anpassen:** Ändere einfach den Wert `60px` in Zeile 20[cite: 1, 3].


/* Container und Basis der Joomla-Alerts */
#system-message-container joomla-alert {
    background-color: transparent !important;
}

/* Der weiße Innenbereich (.alert-wrapper) auf dunkel umstellen */
#system-message-container joomla-alert .alert-wrapper {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
}

/* Text in der Nachricht selbst */
#system-message-container joomla-alert .alert-message {
    color: #ffffff !important;
}

/* --- Spezifische Farben je nach Nachrichtentyp --- */

/* Success (Erfolgsmeldung wie im Screenshot) */
#system-message-container joomla-alert[type="success"] .alert-wrapper {
    background-color: #0f2b1a !important;
    border-color: #1b4d2e !important;
    color: #85e89d !important;
}
#system-message-container joomla-alert[type="success"] .alert-heading {
    background-color: #1b4d2e !important;
}
#system-message-container joomla-alert[type="success"] .alert-message {
    color: #85e89d !important;
}

/* Warning (Warnung/Hinweis) */
#system-message-container joomla-alert[type="warning"] .alert-wrapper {
    background-color: #2a2000 !important;
    border-color: #b88600 !important;
    color: #ffcc00 !important;
}
#system-message-container joomla-alert[type="warning"] .alert-heading {
    background-color: #b88600 !important;
}
#system-message-container joomla-alert[type="warning"] .alert-message {
    color: #ffcc00 !important;
}

/* Danger / Error (Fehler) */
#system-message-container joomla-alert[type="danger"] .alert-wrapper,
#system-message-container joomla-alert[type="error"] .alert-wrapper {
    background-color: #310c0c !important;
    border-color: #7d1d1d !important;
    color: #ff8e8e !important;
}
#system-message-container joomla-alert[type="danger"] .alert-heading,
#system-message-container joomla-alert[type="error"] .alert-heading {
    background-color: #7d1d1d !important;
}
#system-message-container joomla-alert[type="danger"] .alert-message,
#system-message-container joomla-alert[type="error"] .alert-message {
    color: #ff8e8e !important;
}

/* Schließen-Button (X) auf hellem/dunklem Hintergrund anpassen */
#system-message-container joomla-alert .joomla-alert--close {
    color: #ffffff !important;
    opacity: 0.8;
}


/* =========================================
   1. LOGIN-FORMULAR (Rahmen & Boxen entfernen)
   ========================================= */

.login-initial,
.login,
.card,
.well,
div.card,
.card-body,
.com-users-login,
.com-users-login__login {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
}


/* =========================================
   2. FOOTER (Extrem flach & vertikal zentriert)
   ========================================= */

/* Haupt-Container des Footers */
.container-footer,
footer.footer,
.site-footer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;

    /* Flexbox für exakte vertikale Zentrierung */
    display: flex !important;
    align-items: center !important;

    /* Symmetrische Abstände oben/unten */
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin: 0 !important;
    min-height: 50px !important;
    height: auto !important;
}

/* Alle inneren Platzhalter, Abstände & Grid-Elemente im Footer zurücksetzen */
.container-footer *,
footer.footer * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
}

/* Menü-Liste nebeneinander anordnen & zentrieren */
.container-footer .mod-menu,
.container-footer ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.container-footer .mod-menu li {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Links im Footer vertikal ausrichten & vertikale Ränder neutralisieren */
.container-footer a {
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
}


/* =========================================
   3. SEITENABSTAND (Platz für Footer schaffen)
   ========================================= */

body {
    padding-bottom: 50px !important;
}