/* =====================================================
   CSS-VARIABLEN
   ===================================================== */

:root {
  --beitrag-titel-farbe: #1E73BE;                /* Mittelblau für Beitrags-Überschrift */
  --beitrag-titel-ausrichtung: left;             /* Ausrichtung: left */
  --menue-hintergrund: #0d3560;                  /* GANZ DUNKELBLAU für Menüleiste (NEU) */
  --menue-textfarbe: #ffffff;                    /* Weiß für Menü-Text */
  --logo-hintergrund: #ffffff;                   /* Weiß für Logo-Bereich */
  --modul-hintergrund: #ffffff;                  /* Weiß für Modul-Hintergrund */
  --modul-rand: transparent;                     /* Transparenter Rand */
  /* --modul-titel-farbe: #1E73BE;               /* Mittelblau für Modul-Überschrift-Text */
  --modul-titel-farbe: #0d3560;                  /* Dunkel-Blau für Modul-Überschrift-Text */
  --modul-titel-hintergrund: #FFF3C4;            /* Gelb für Modul-Überschrift-Hintergrund */
  --beitrags-liste-farbe: #000000;               /* Schwarz für Beitrags-Links */
}

/* =====================================================
   0) LOGO ZENTRIERT
   ===================================================== */

.container-header {
  background-color: #ffffff; /* Weiß */
}

.container-header .navbar-brand {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* =====================================================
   1) HAUPTMENÜ - DUNKELBLAU
   ===================================================== */

/* Container mit DUNKELBLAUEM Hintergrund */
.container-header .container-nav {
  background-color: #0d3560 !important; /* Ganz dunkelblau */
  margin-bottom: 0 !important; /* Kein Abstand nach unten zur Breadcrumb */
}
/* Menü-Liste (UL) */
.container-header .mod-menu {
  background-color: transparent !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Menü-Einträge (LI) */
.container-header .mod-menu .nav-item {
  background-color: transparent !important;
  margin: 0 0.15rem !important;
}

/* Menü-Links - Weiß */
.container-header .mod-menu .nav-item a {
  color: #ffffff !important; /* Weiß */
  text-transform: uppercase !important;
  font-weight: 600;
  padding: 0.3rem 0.5rem !important;
  display: block;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

/* Aktiver Menüpunkt - Weiß */
.container-header .mod-menu .nav-item.current.active a,
.container-header .mod-menu .nav-item.current a {
  color: #ffffff !important; /* Weiß */
  font-weight: 700;
}

/* Hover-Effekt - Weiß mit leichtem Hintergrund */
.container-header .mod-menu .nav-item a:hover {
  color: #ffffff !important; /* Weiß */
  background-color: rgba(255, 255, 255, 0.15) !important; /* Sehr transparentes Weiß */
  border-radius: 4px;
}

 
/* Aktueller Link mit aria-current - Weiß */
.container-header .mod-menu .nav-item a[aria-current="page"] {
  color: #ffffff !important; /* Weiß */
  font-weight: 700;
}

/* =====================================================
   2) BEITRAGS-ÜBERSCHRIFT
   ===================================================== */

.page-header,
.com-content-article .page-header,
.com-content-article__page-heading,
.com-content-article .item-title {
  display: none !important;
}

/* Beitrags-Titel - Mittelblau */
.com-content-article h1[itemprop="headline"] {
  display: block !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  color: #1E73BE !important; /* Mittelblau */
  font-size: 2rem !important;
  font-weight: 700 !important;
  text-align: left !important;
  margin-bottom: 2rem !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Artikel-Info (Datum, Autor etc.) ausblenden */
.com-content-article .article-info,
.com-content-article .article-info-term,
.com-content-article .article-info dd {
  display: none !important;
}

 
/* =====================================================
   ABSTAND NACH DEM MENÜ - WICHTIG!
   ===================================================== */

/* Abstand nach dem Menü für Breadcrumb und Module */
.container-header + .container-main,
.container-nav + div,
.container-wrapper > div:not(.container-header) {
  margin-top: 20px !important; /* GLEICHER ABSTAND WIE SUCHMODUL VON DER MENÜZEILE */
}

/* ===== BREADCRUMB ANZEIGEN UND STYLEN ===== */
/* Breadcrumb nebeneinander, Aprikose Hintergrund, dunkelblauer Text */
.mod-breadcrumbs__wrapper,
.breadcrumb,
.pathway,
.breadcrumbs,
.breadcrumb-wrapper,
.breadcrumbs-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  background-color: #FFF3C4 !important; /* Aprikose Hintergrund */
  padding: 0 15px !important;
  margin: 20px 0 0 0 !important; /* 20px ABSTAND ZUR MENÜZEILE */
  list-style: none !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  color: #0d3560 !important; /* Ganz dunkelblauer Text */
  font-weight: 600 !important;
  height: 40px !important; /* GLEICHE HÖHE */
  min-height: 40px !important;
  line-height: 40px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  font-size: 0.95rem !important; /* SCHRIFTGRÖSSE */
}

 
/* Breadcrumb-Liste */
.breadcrumb,
.pathway,
.breadcrumbs {
  display: flex !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow-x: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 100% !important;
  align-items: center !important;
}

/* Breadcrumb-Elemente */
.breadcrumb li,
.pathway li,
.breadcrumbs li,
.breadcrumb .breadcrumb-item,
.pathway .breadcrumb-item,
.breadcrumb span,
.pathway span {
  display: inline-flex !important;
  align-items: center !important;
  margin-right: 8px !important;
  color: #0d3560 !important; /* Ganz dunkelblauer Text */
  height: 100% !important;
  line-height: inherit !important;
}

/* Breadcrumb-Links */
.breadcrumb a,
.pathway a,
.breadcrumbs a {
  color: #0d3560 !important; /* Ganz dunkelblauer Text */
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 100% !important;
  line-height: inherit !important;
  font-size: 0.95rem !important; /* SCHRIFTGRÖSSE */
}

/* Breadcrumb-Links hover */
.breadcrumb a:hover,
.pathway a:hover,
.breadcrumbs a:hover {
  color: #0d3560 !important; /* Ganz dunkelblauer Text bleibt */
  text-decoration: underline !important;
}

/* Trennzeichen (>) zwischen Breadcrumb-Elementen */
.breadcrumb li + li::before,
.pathway li + li::before,
.breadcrumbs li + li::before,
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: ">" !important;
  margin: 0 8px 0 0 !important;
  color: #0d3560 !important; /* Ganz dunkelblauer Text */
  opacity: 0.8 !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 100% !important;
  line-height: inherit !important;
}

/* Aktuelles Element (Installation) */
.breadcrumb .active,
.pathway .active,
.breadcrumbs .active,
.youarehere,
.breadcrumb .current,
.pathway .current {
  color: #0d3560 !important; /* Ganz dunkelblauer Text */
  font-weight: 700 !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 100% !important;
  line-height: inherit !important;
  font-size: 0.95rem !important; /* SCHRIFTGRÖSSE */
}

 
/* Scrollbar für lange Breadcrumbs (optional) */
.breadcrumb::-webkit-scrollbar {
  height: 4px !important;
}
.breadcrumb::-webkit-scrollbar-thumb {
  background-color: #0d3560 !important; /* Ganz dunkelblau */
  border-radius: 2px !important;
}

/* Falls andere h1-Titel vorhanden sind - Mittelblau */
.com-content-article__body h1:first-child {
  display: block !important;
  color: #1E73BE !important; /* Mittelblau */
  font-size: 2rem !important;
  margin: 1rem 0 2rem 0 !important;
  text-align: left !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* =====================================================
   3) MODULE - ALLGEMEIN
   ===================================================== */

.sidebar-left > div,
.sidebar-left > section {
  background-color: #ffffff !important; /* Weiß */
  border: none !important;
  margin-bottom: 2rem !important;
  padding: 0 !important;
  margin-top: 20px !important; /* GLEICHER ABSTAND ZUR MENÜZEILE WIE BREADCRUMB */
}

 
/* =====================================================
   4) MODUL-ÜBERSCHRIFT - APRIKOSE mit DUNKELBLAU
   ===================================================== */

/* Überschrift - APRIKOSE Hintergrund mit DUNKELBLAUEM Text */
/* GLEICHE GRÖSSE WIE BREADCRUMB, NUR FETT (BOLD) */
body .sidebar-left h3,
body .sidebar-left .card-title,
body .sidebar-left .module-title,
body .sidebar-left .mod-title,
html body .sidebar-left h3,
html body .sidebar-left .card-title,
html body .sidebar-left .module-title,
html body .sidebar-left .mod-title {
  background-color: #FFF3C4 !important; /* Aprikose-Orange */
  color: #0d3560 !important; /* Ganz Dunkelblau */
  font-size: 0.95rem !important; /* GLEICHE SCHRIFTGRÖSSE WIE BREADCRUMB */
  font-weight: 700 !important; /* FETT (BOLD) */
  text-transform: uppercase !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 15px !important; /* GLEICHES PADDING WIE BREADCRUMB */
  border: none !important;
  height: 40px !important; /* GLEICHE HÖHE WIE BREADCRUMB */
  line-height: 40px !important; /* Vertikale Zentrierung */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Container der Überschrift */
body .sidebar-left .card-header,
body .sidebar-left .module-header,
body .sidebar-left .mod-header {
  background-color: #FFF3C4 !important; /* Aprikose-Orange */
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 40px !important; /* Gleiche Höhe */
  min-height: 40px !important;
}

 
/* =====================================================
   5) MODUL-INHALT
   ===================================================== */

body .sidebar-left .card-body,
body .sidebar-left .module-body,
body .sidebar-left .mod-body {
  background-color: #ffffff !important; /* Weiß */
  padding: 1.5rem !important;
  border: none !important;
  margin: 0 !important;
}

/* =====================================================
   6) BEITRAGS-LISTE - SCHWARZE LINKS
   ===================================================== */

/* Beitrags-Links SCHWARZ */
body .sidebar-left .mod-articlescategory a,
body .sidebar-left .mod-articleslatest a,
body .sidebar-left .category-module a,
html body .sidebar-left .mod-articlescategory a,
html body .sidebar-left .mod-articleslatest a,
html body .sidebar-left .category-module a {
  color: #000000 !important; /* Schwarz */
  text-decoration: none !important;
}

/* Hover für Beitrags-Links */
body .sidebar-left .mod-articlescategory a:hover,
body .sidebar-left .mod-articleslatest a:hover,
body .sidebar-left .category-module a:hover {
  color: #000000 !important; /* Schwarz bleibt */
  text-decoration: underline !important;
}

 
/* Listen-Items */
body .sidebar-left .mod-articlescategory,
body .sidebar-left .mod-articleslatest {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

body .sidebar-left .mod-articlescategory__item,
body .sidebar-left .mod-articleslatest__item {
  background-color: #f8f9fa !important; /* Sehr hellgrau */
  border: 1px solid #dee2e6 !important; /* Heller Grau-Rand */
  border-radius: 6px !important;
  padding: 0.8rem 1rem !important;
  margin-bottom: 0.8rem !important;
}

body .sidebar-left .mod-articlescategory__item:last-child,
body .sidebar-left .mod-articleslatest__item:last-child {
  margin-bottom: 0 !important;
}

/* =====================================================
   7) SUCH-MODUL
   ===================================================== */

body .sidebar-left .mod-search input[type="search"] {
  background-color: #ffffff !important; /* Weiß */
  border: 1px solid #ced4da !important; /* Heller Grau-Rand */
  border-radius: 4px !important;
  color: #333333 !important; /* Dunkelgrauer Text */
  padding: 0.6rem 0.8rem !important;
  width: 100% !important;
}

body .sidebar-left .mod-search button {
  background-color: #1E73be !important; /* Mittelblau */
  color: #ffffff !important; /* Weiß */
  border: none !important;
  border-radius: 4px !important;
  padding: 0.6rem 1.2rem !important;
  margin-top: 0.8rem !important;
  font-weight: 600 !important;
  width: 100% !important;
}

/* =====================================================
   8) ULTIMATIVE LINK-ÜBERSCHREIBUNG
   ===================================================== */

/* Alle Links in Sidebar schwarz */
.sidebar-left a,
.sidebar-left a:link,
.sidebar-left a:visited,
.sidebar-left a:hover,
.sidebar-left a:active,
.sidebar-left a:focus {
  color: #000000 !important; /* Schwarz */
}

/* Ausnahme: Modul-Überschriften mittelblau */
.sidebar-left h3 a,
.sidebar-left .card-title a,
.sidebar-left .module-title a,
.sidebar-left .mod-title a,
.sidebar-left h3 a:link,
.sidebar-left .card-title a:link,
.sidebar-left .module-title a:link,
.sidebar-left .mod-title a:link,
.sidebar-left h3 a:visited,
.sidebar-left .card-title a:visited,
.sidebar-left .module-title a:visited,
.sidebar-left .mod-title a:visited {
  color: #1E73be !important; /* Mittelblau für Überschrift-Links */
}

 
/* =====================================================
   9) RESPONSIVE
   ===================================================== */

@media (max-width: 991px) {
  /* Menü für Tablets */
  .container-header .mod-menu {
    flex-direction: column;
  }
  
  .container-header .mod-menu .nav-item {
    margin: 0 !important;
  }
  
  .container-header .mod-menu .nav-item a {
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; /* Heller transparenter Rand */
    padding: 0.8rem 0.5rem !important;
  }
  
  .sidebar-left > div {
    margin-bottom: 1.5rem !important;
  }
  
  /* Abstände responsive */
  .container-header + .container-main,
  .container-nav + div,
  .container-wrapper > div:not(.container-header) {
    margin-top: 15px !important;
  }
  
  .sidebar-left > div,
  .sidebar-left > section {
    margin-top: 15px !important;
  }
  
  
 
/* Breadcrumb responsive */
  .breadcrumb,
  .pathway,
  .breadcrumbs,
  .mod-breadcrumbs__wrapper {
    height: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important;
    padding: 0 12px !important;
    font-size: 0.9em !important;
    margin-top: 15px !important;
  }
  
  /* Modul-Überschrift responsive */
  body .sidebar-left h3,
  body .sidebar-left .card-title {
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 12px !important;
    font-size: 0.9rem !important;
  }
  
  body .sidebar-left .card-header,
  body .sidebar-left .module-header {
    height: 38px !important;
    min-height: 38px !important;
  }
}

@media (max-width: 768px) {
  .sidebar-left > div {
    margin-bottom: 1.2rem !important;
  }
  
  /* Abstände mobile */
  .container-header + .container-main,
  .container-nav + div,
  .container-wrapper > div:not(.container-header) {
    margin-top: 12px !important;
  }
  
  .sidebar-left > div,
  .sidebar-left > section {
    margin-top: 12px !important;
  }
  
  /* Modul-Überschrift kleiner auf Mobile */
  body .sidebar-left h3,
  body .sidebar-left .card-title {
    padding: 0 10px !important;
    font-size: 0.85rem !important;
    height: 36px !important;
    line-height: 36px !important;
  }
  
  body .sidebar-left .card-header,
  body .sidebar-left .module-header {
    height: 36px !important;
    min-height: 36px !important;
  }
  
  /* Modul-Inhalt kleiner auf Mobile */
  body .sidebar-left .card-body,
  body .sidebar-left .module-body {
    padding: 1rem !important;
  }
  
  /* Breadcrumb auf Mobile */
  .breadcrumb,
  .pathway,
  .breadcrumbs,
  .mod-breadcrumbs__wrapper {
    height: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
    padding: 0 10px !important;
    font-size: 0.85rem !important;
    margin-top: 12px !important;
  }
}

 
/* =====================================================
   10) FARBEN-ÜBERSICHT
   ===================================================== */

/*
VERWENDETE FARBEN:

1. BLAU-TÖNE (NEU: MENÜLEISTE GANZ DUNKELBLAU):
   #0d3560     = Ganz dunkelblau (Menüleiste-Hintergrund) ← NEU
   #1E73BE     = Mittelblau (Modul-Überschrift-Text, Beitrags-Titel)
   #155a9c     = Dunkleres Blau (optional für Hover)

2. GELBE-TÖNE:
   #FFF3C4     = Light Gelb (Modul-Überschrift-Hintergrund) ← AUCH FÜR BREADCRUMB

3. WEIß/SCHWARZ/GRAU-TÖNE:
   #ffffff     = Weiß (Menü-Text, Modul-Hintergrund, Logo-Bereich)
   #000000     = Schwarz (Beitrags-Links)
   #f8f9fa     = Sehr hellgrau (Item-Hintergrund)
   #dee2e6     = Heller Grau (Item-Ränder)
   #ced4da     = Heller Grau (Input-Ränder)
   #333333     = Dunkelgrau (Input-Text)

FARBVERTEILUNG:
- MENÜLEISTE: #0d3560 (ganz dunkelblau) mit #ffffff (weißem Text)
- MODUL-ÜBERSCHRIFT: #FFF3C4 (gelb mit #0d3560 (ganz dunkelblauem Text)
- BREADCRUMB: #FFF3C4 (gelb) mit #0d3560 (ganz dunkelblauem Text)
- MODUL-HINTERGRUND: #ffffff (weiß)
- BEITRAGS-LINKS: #000000 (schwarz)

HÖHEN UND ABSTÄNDE:
- BREADCRUMB: Höhe 40px, Abstand zur Menüzeile 20px
- MODUL-ÜBERSCHRIFT: Höhe 40px, Abstand zur Menüzeile 20px
- SCHRIFTGRÖSSE: 0.95rem für beide
- UNTERSCHIED: Breadcrumb font-weight: 600, Modul-Überschrift font-weight: 700 (fett)
*/

 
/* =====================================================
   11) FOOTER MENÜZEULE - RECHTSBÜNDIG
   ===================================================== */

/* Footer-Hintergrund WEIẞ */
footer,
footer .container-footer,
footer .container,
footer .site-footer {
  background-color: #ffffff !important;
  color: #333333 !important;
}

/* Menü-Modul mit blauem Hintergrund */
footer .mod-menu,
.position-footer .mod-menu,
footer .mod-menu-navigation,
footer [aria-label="Footer-Menü"] {
  background-color: #0d3560 !important;
  padding: 0 !important;
  margin: 20px 0 0 0 !important;
  width: 100% !important;
  min-height: 48px !important;
  display: block !important;
}

/* UL-Liste RECHTSBÜNDIG ausrichten */
footer .mod-menu ul,
footer .mod-menu .nav,
.position-footer .mod-menu ul {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important; /* RECHTSBÜNDIG */
  align-items: center !important;
  flex-wrap: nowrap !important;
  list-style: none !important;
  padding: 0 30px 0 0 !important; /* Nur rechts Padding */
  margin: 0 0 0 auto !important; /* Nach rechts schieben */
  width: auto !important; /* Nicht 100% Breite */
  max-width: 100% !important;
  height: 48px !important;
  background-color: transparent !important;
  float: right !important; /* Zusätzlich rechts ausrichten */
}

/* LI-Elemente horizontal mit Abstand RECHTS nach LINKS */
footer .mod-menu li,
footer .mod-menu .nav-item,
.position-footer .mod-menu li {
  display: inline-block !important;
  float: none !important;
  margin: 0 0 0 30px !important; /* Abstand NUR links (weil rechtsbündig) */
  padding: 0 !important;
  height: 100% !important;
}

/* Alternative: Flex-Order für umgekehrte Reihenfolge */
footer .mod-menu li:first-child {
  order: 3 !important; /* Letztes wird zuerst */
}

footer .mod-menu li:nth-child(2) {
  order: 2 !important;
}

footer .mod-menu li:last-child {
  order: 1 !important; /* Erstes wird zuletzt */
}

/* A-Links Styling */
footer .mod-menu a,
footer .mod-menu .nav-link,
.position-footer .mod-menu a {
  color: #ffffff !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  padding: 0 20px !important;
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  font-size: 0.95rem !important;
  height: 48px !important;
  line-height: 48px !important;
  white-space: nowrap !important;
}

/* Hover & Active */
footer .mod-menu a:hover,
footer .mod-menu .active > a,
footer .mod-menu a[aria-current="page"] {
  background-color: rgba(255, 255, 255, 0.15) !important;
}

/* Modul-Container ausblenden */
footer .mod-menu h3,
footer .mod-menu .module-title {
  display: none !important;
}

footer .mod-menu .card,
footer .mod-menu .module,
footer .mod-menu .card-body {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* =====================================================
   ALTERNATIVE RECHTSBÜNDIGE LÖSUNG MIT TEXT-ALIGN
   ===================================================== */

/* Container für rechtsbündige Ausrichtung */
footer .mod-menu .mod-menu__list-container {
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
}

/* Noch stärkere Rechtsausrichtung */
footer .mod-menu {
  text-align: right !important;
  direction: rtl !important; /* Right-to-Left für extreme Rechtsausrichtung */
}

footer .mod-menu ul {
  text-align: right !important;
  direction: ltr !important; /* Innerhalb wieder normal */
}

/* =====================================================
   SPEZIFISCHE LÖSUNG FÜR 2 MENÜPUNKTE
   ===================================================== */

/* Für genau 2 Menüpunkte (Impressum & Datenschutzerklärung) */
footer .mod-menu li:first-child {
  margin-left: 40px !important; /* Mehr Abstand für ersten Punkt */
}

footer .mod-menu li:last-child {
  margin-left: 20px !important; /* Weniger Abstand für letzten Punkt */
}

 
/* =====================================================
   RESPONSIVE RECHTSBÜNDIG
   ===================================================== */

@media (max-width: 991px) {
  footer .mod-menu ul {
    padding: 0 20px 0 0 !important;
    height: 44px !important;
  }
  
  footer .mod-menu li {
    margin: 0 0 0 25px !important;
  }
  
  footer .mod-menu a {
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 15px !important;
    font-size: 0.9rem !important;
  }
}

@media (max-width: 768px) {
  /* Auf Mobile zentrieren für bessere Lesbarkeit */
  footer .mod-menu ul {
    justify-content: center !important; /* Zentriert auf Mobile */
    padding: 0 10px !important;
    height: 40px !important;
    margin: 0 auto !important;
    float: none !important;
  }
  
  footer .mod-menu li {
    margin: 0 15px !important; /* Gleicher Abstand auf Mobile */
  }
  
  footer .mod-menu a {
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 12px !important;
    font-size: 0.85rem !important;
  }
  
  footer .mod-menu {
    text-align: center !important;
    direction: ltr !important;
  }
}

/* =====================================================
   NOTFALL: ABSOLUTE RECHTSAUSRICHTUNG
   ===================================================== */

/* Wenn Flexbox nicht funktioniert */
footer .mod-menu__right-align {
  position: relative !important;
}

footer .mod-menu__right-align ul {
  position: absolute !important;
  right: 30px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Direkte Float-Lösung */
footer .mod-menu ul.align-right {
  float: right !important;
  clear: both !important;
}

footer .mod-menu ul.align-right li {
  float: left !important; /* Wichtig für Float-Layout */
}


/* user.css - Nur den Footer-Hintergrund auf weiß ändern */
footer, 
#footer, 
.footer, 
[class*="footer"],
[role="contentinfo"],
[data-element="footer"],
.container-footer,
.site-footer,
.t-footer,
.mod_footer {
    background-color: white !important;
}

/* Spezifischere Selektoren für Joomla-Strukturen */
div#footer,
div.footer,
footer#footer,
footer.site-footer,
.moduletable-footer,
#module-footer {
    background-color: white !important;
}