/* =========================
   GLOBAL BASIS
   ========================= */
html, body {
  background-color: #ffffdf;
}

/* Achtung: Body-Block sauber schließen! */
body {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/* =========================
   TYPO / MENÜS
   ========================= */

/* Hauptmenü (MetisMenu) */
.metismenu.mod-menu .metismenu-item {
  font-size: 1.1rem;
  line-height: 1.5;
}

/* allgemeine Listen-Menüs */
.mod-list {
  font-size: 0.9em;
  line-height: 1.7em;
}

/* Linkfarbe (vorsichtig: wirkt global auf .nav!) */
.nav a {
  color: #000;
}

/* Datum/Uhrzeit Modul */
.mod_datetime {
  font-size: 14px !important;
}

/* =========================
   MODUL 114 (falls du das wirklich brauchst)
   ========================= */
div#mod-sp-menu-114 ul,
#mod-custom-114 ul,
.mod-menu[id*="114"],
div[id^="mod-menu-114"] ul {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  list-style: none !important;
  padding: 0 !important;
}

#mod-sp-menu-114 li,
div[id^="mod-menu-114"] li {
  display: inline-block !important;
  margin: 0 !important;
}

/* =========================
   PHOCA GALLERY PAGINATION
   ========================= */
.phocagallery,
.phoca-gallery {
  text-align: center;
}

.pagination {
  display: inline-block;
  text-align: center;
  margin: 2rem auto 0 auto;
}

.pagination .counter,
.pagination p.counter {
  display: block;
  margin: 0 0 12px 0;
  white-space: nowrap;
  font-size: 0.95rem;
  color: #666;
}

.pagination ul {
  display: inline-flex;
  padding-left: 0 !important;
  margin: 0 !important;
  justify-content: center !important;
}

.pagination ul li {
  margin: 0 2px;
  padding: 0 !important;
  list-style: none;
}

.pagination li a,
.pagination li span {
  background: #f7f6d8;
  border: 1px solid #d6d3a3;
  color: #3f3f3f;
  padding: 6px 10px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 0.95rem;
}

.pagination li a:hover {
  background: #ece9b8;
  color: #000;
}

.pagination li.active span,
.pagination li.active a {
  background: #c9c48a;
  border-color: #b6b16f;
  font-weight: 700;
  color: #000;
}

.pagination li:first-child,
.pagination li:last-child {
  display: none;
}

/* =========================
   FOOTER: Menü links + ohne Unterstreichung
   (das ist dein finaler, funktionierender Stand)
   ========================= */
.grid-child.container-bottom-b,
.bottom-b.no-card {
  text-align: left !important;
  justify-content: flex-start !important;
}

ul#footer-menu {
  display: flex !important;
  width: 100% !important;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 20px !important;

  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;

  margin-left: 0 !important;
  margin-right: auto !important;
}

ul#footer-menu > li {
  width: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

ul#footer-menu a {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  color: inherit !important;
}
/* ===== FIX: Footer-Menü #footer-menu horizontal + linksbündig ===== */
.bottom-b.no-card ul#footer-menu.mod-menu.mod-list.nav,
.grid-child.container-bottom-b ul#footer-menu.mod-menu.mod-list.nav,
ul#footer-menu.mod-menu.mod-list.nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;  /* linksbündig */
  align-items: center !important;
  gap: 20px !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;

  text-align: left !important;
}

/* LI dürfen nicht block/100% sein */
.bottom-b.no-card ul#footer-menu > li,
ul#footer-menu > li {
  display: inline-flex !important;
  width: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
}

/* Links ohne Unterstrich */
ul#footer-menu a,
ul#footer-menu a:visited,
ul#footer-menu a:hover,
ul#footer-menu a:focus,
ul#footer-menu a:active {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  color: inherit !important;
}