/* Template-spezifische Fixes/Ergänzungen */

/* app.css nutzt an ein paar Stellen .topbar .container – unser Markup nutzt .topbar-inner */
.topbar-inner{
  height: var(--topbar-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

/* Falls kein Rightbar genutzt wird */
.no-rightbar .rightbar{ display:none !important; }

/* Kleine Sicherheitsnetze für Icon-Wrapper */
.btn-ico, .rb-ico, .chip-ico, .small-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Der Footer enthält ein Modul-Output, der sonst "unformatiert" aussehen kann */
.brk-footer__text > .moduletable{
  margin:0;
}

/* ===============================
   Menü-Module Styling (Joomla mod_menu)
   =============================== */

/* Sidebar: mod_menu innerhalb der .nav so stylen, dass es wie die Template-Navigation aussieht */
.nav .mod-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.nav .mod-menu > li{ margin:0; padding:0; }

.nav .mod-menu > li > a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:14px;
  text-decoration:none;
  color:inherit;
  font-weight:800;
  opacity:.9;
}

.nav .mod-menu > li > a:hover{
  background: rgba(230,0,5,.06);
}

.nav .mod-menu > li.active > a,
.nav .mod-menu > li.current > a,
.nav .mod-menu > li > a[aria-current="page"]{
  background: rgba(230,0,5,.10);
  border:1px solid rgba(230,0,5,.18);
}

/* Topbar-Menüs (menu-1 / menu-2) */
.topbar .mod-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:10px;
}

.topbar .mod-menu > li > a{
  text-decoration:none;
  color:inherit;
  font-weight:800;
  opacity:.85;
  padding:8px 10px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  line-height:1;
}

.topbar .mod-menu > li > a:hover{
  background: rgba(0,0,0,.05);
}


/* Footer-Menüs (schlicht & zuverlässig) */
.brk-footer__menus{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:18px;
  padding:10px 16px;
}

/* nur rendern, wenn Spalten vorhanden sind */
.brk-footer__menus:empty{ display:none; }

/* Jede „Spalte“ ist nur ein Container fürs jeweilige Modul */
.brk-footer__menus .brk-footer__col{
  display:flex;
  justify-content:center;
  align-items:center;
}

/* Module ohne Standard-Abstände */
.brk-footer__menus .moduletable,
.brk-footer__menus .moduletable > *:first-child{
  margin:0;
}

/* Joomla Menüs im Footer horizontal erzwingen (egal ob ul.mod-menu, ul.nav, ul.menu, etc.) */
.brk-footer__menus ul,
.brk-footer__menus ul.mod-menu,
.brk-footer__menus ul.nav,
.brk-footer__menus ul.menu,
.brk-footer__menus ul.nav-pills,
.brk-footer__menus ul.navbar-nav{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:18px !important;
}

/* List Items als Inline-Flex, damit „gap“ sauber wirkt */
.brk-footer__menus li{
  margin:0 !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
}

/* Fallback für sehr alte Browser ohne flex-gap */
@supports not (gap: 1rem){
  .brk-footer__menus li + li{ margin-left:18px !important; }
}

/* Links */
.brk-footer__menus a,
.brk-footer__menus .nav-link{
  display:inline-block !important;
  text-decoration:none !important;
  color:inherit !important;
  opacity:.85;
  font-weight:700;
  padding:6px 10px;
  border-radius:12px;
  line-height:1.1;
  white-space:nowrap;
}

.brk-footer__menus a:hover,
.brk-footer__menus .nav-link:hover{
  background: rgba(0,0,0,.05);
  opacity:1;
}


/* Joomla System Messages etwas einbetten */
#system-message-container{
  margin: 0 0 12px 0;
}



/* ===============================
   Footer-Menüs (robust, Safari-safe)
   =============================== */
.brk-footer__menus{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:24px !important;
  padding: 12px 16px 16px 16px !important;
}

.brk-footer__menus .brk-footer__col{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

/* Joomla Menu-Modul Output: egal ob ul.mod-menu / ul.nav / ul.menu */
.brk-footer__menus .brk-footer__col ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:16px !important;
}

.brk-footer__menus .brk-footer__col ul > li{
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  position:static !important;
}

.brk-footer__menus .brk-footer__col ul > li > a,
.brk-footer__menus .brk-footer__col ul > li > span{
  display:inline-block !important;
  position:static !important;
  margin:0 !important;
  padding:6px 10px !important;
  border-radius:12px !important;
  line-height:1.1 !important;
  text-decoration:none !important;
  color:inherit !important;
  opacity:.85 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

.brk-footer__menus .brk-footer__col ul > li > a:hover{
  background: rgba(0,0,0,.05) !important;
  opacity:1 !important;
}

/* Untermenüs im Footer ausblenden: nur Ebene 1 */
.brk-footer__menus .brk-footer__col ul ul{ display:none !important; }



/* ===============================
   Footer menu spacing - hard override (Fix12)
   =============================== */
.brk-footer__menus ul,
.brk-footer__menus ul.menu,
.brk-footer__menus ul.mod-menu,
.brk-footer__menus ul.nav,
.brk-footer__menus ul.mod-list{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:18px !important;
  row-gap:10px !important;
  column-gap:18px !important;
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* ensure list items don't collapse together */
.brk-footer__menus li{
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
}
.brk-footer__menus li + li{
  margin-left:18px !important; /* fallback if gap gets overridden */
}

/* anchor styling */
.brk-footer__menus a,
.brk-footer__menus a.nav-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:6px 10px !important;
  border-radius:10px !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

/* fallback: if module renders plain links without li */
.brk-footer__menus a + a{
  margin-left:18px !important;
}

/* keep footer simple: hide any nested levels */
.brk-footer__menus ul ul{
  display:none !important;
}

/* Finale Footer-Härtung: egal wie Joomla das Menü rendert,
   die Links sollen IMMER mit Abstand nebeneinander stehen. */
.brk-footer .brk-footer__menus,
.brk-footer .brk-footer__menus *{
  position:static !important;
  float:none !important;
}

.brk-footer .brk-footer__menus a{
  display:inline-flex !important;
  align-items:center !important;
  padding:6px 10px !important;
  margin:0 10px !important;
  white-space:nowrap !important;
}

.brk-footer .brk-footer__menus li{
  display:inline-flex !important;
  margin:0 !important;
  padding:0 !important;
}
/* Abstand zwischen den Modulen in der Rightbar */
.rightbar {
  display: flex;
  flex-direction: column;
  gap: 10px; /* Hier den gewünschten Abstand einstellen */
}
/* Erzeugt Abstand zwischen allen Modulen in der rechten Spalte */
.rightbar .moduletable, 
.rightbar [class*="mod-"] {
    margin-bottom: 20px !important; /* Hier den Wert nach Wunsch anpassen */
    display: block;
}

/* Entfernt den Abstand beim letzten Modul, damit es unten bündig bleibt */
.rightbar .moduletable:last-child,
.rightbar [class*="mod-"]:last-child {
    margin-bottom: 0 !important;
}
/* =========================================================
   ONE-CARD-LAYOUT: innere "Card" neutralisieren
   (Bootstrap / UIkit / Helix / Astroid / T4 / SP Page Builder u.a.)
   ========================================================= */

/* 1) Wenn eine Card in einer Card steckt: innere Card optisch entfernen */
body .card .card,
body .uk-card .uk-card,
body .astroid-card .astroid-card,
body .t4-card .t4-card,
body .sppb-panel .sppb-panel,
body .sppb-card .sppb-card,
body .tp-card .tp-card,
body .panel .panel,
body .well .well {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* 2) Doppelte Innenabstände entfernen (typischer "verschachtelt" Look) */
body .card .card .card-body,
body .uk-card .uk-card .uk-card-body,
body .astroid-card .astroid-card .card-body,
body .t4-card .t4-card .card-body,
body .sppb-panel .sppb-panel-body,
body .sppb-card .sppb-card-body {
  padding: 0 !important;
}

/* 3) Häufig ist der Artikel selbst als Card/Box gerendert.
      Nur dann neutralisieren, wenn er IN einer anderen Card liegt. */
body .card :is(.item-page, .com-content-article, article.item, .blog-item),
body .uk-card :is(.item-page, .com-content-article, article.item, .blog-item),
body .astroid-card :is(.item-page, .com-content-article, article.item, .blog-item) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* 4) Falls der Wrapper selbst “Karte” spielt (rounded + shadow via utility classes) */
body :is(.card, .uk-card, .astroid-card, .t4-card) :is(.rounded, .rounded-3, .shadow, .shadow-sm, .shadow-lg) {
  box-shadow: none !important;
}