/* BDMP Gelnhausen - Alt-Design (Protostar-Look) auf Cassiopeia - v5 - 2026-06-12 */

/* Seitenrahmen: grauer Hintergrund, weisse Box (1170px = Protostar-Containerbreite) */
body.site { background-color: #ececec; padding: 16px 10px; }
.container-header, .site-grid {
  width: 100%; max-width: 1170px; margin-left: auto; margin-right: auto; background: #fff;
}
.container-header {
  background-image: none; box-shadow: none; border: 1px solid #d4d4d4; border-bottom: 0;
  border-radius: 6px 6px 0 0; padding: 12px 18px 2px;
}
.site-grid {
  border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4; border-radius: 0 0 6px 6px;
  padding: 0 18px 24px; column-gap: 0;
}
footer.container-footer {
  width: 100%; max-width: 1170px; margin: 14px auto 0;
  background: transparent; background-image: none; color: #555;
  border: 0; border-top: 1px solid #c9c9c9;
}
footer.container-footer a:not(.btn) { color: #1d3d8f; text-decoration: none; }
footer.container-footer a:not(.btn):hover,
footer.container-footer a:not(.btn):focus { color: #15306f; text-decoration: underline; }
footer.container-footer .grid-child { max-width: none; padding: 14px 4px; }
footer.container-footer .mod-custom { width: 100%; }
.wb-footer {
  display: flex; justify-content: space-between; align-items: center;
  width: 100%; flex-wrap: wrap; gap: 6px;
}

/* Header: Seitentitel als Text, dunkelblau */
.container-header .navbar-brand,
.container-header .navbar-brand a {
  color: #1b2a55; font-size: 1.9rem; font-weight: 600;
  text-decoration: none; text-shadow: none;
}
.container-header .navbar-brand { margin: 0; }

/* Banner-Bild randbuendig */
.container-banner { text-align: center; margin-bottom: 1rem; }
.container-banner img { width: 100%; height: auto; }
.container-banner p { margin: 0; }

/* Desktop-Navigation links: graue Well-Box, alle Punkte untereinander */
.container-sidebar-left ul.mod-menu {
  background: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 6px;
  padding: 10px; margin: 0 0 1rem; list-style: none; display: block;
}
.container-sidebar-left ul.mod-menu li + li { margin-top: 2px; }
.container-sidebar-left ul.mod-menu a {
  display: block; padding: 5px 10px; border-radius: 4px;
  color: #1d3d8f; text-decoration: none;
}
.container-sidebar-left ul.mod-menu a:hover,
.container-sidebar-left ul.mod-menu a:focus { background: #e6e6e6; color: #15306f; }
.container-sidebar-left ul.mod-menu li.active > a,
.container-sidebar-left ul.mod-menu a[aria-current] { background: #1d3d8f; color: #fff; }

/* Klappmenue im Header (Modul 123, Position menu, Layout collapse-metismenu) */
.container-header .navbar { padding: 0; width: 100%; }
.container-header .navbar-toggler {
  color: #1b2a55; background: #f5f5f5; border: 1px solid #d4d4d4;
  border-radius: 4px; margin: 2px 0 10px auto; padding: 6px 12px; display: block;
}
.container-header .mod-menu { color: #1d3d8f; width: 100%; }
.container-header .metismenu.mod-menu .metismenu-item {
  display: block; width: 100%; padding: 0; font-size: 1rem;
}
.container-header .metismenu.mod-menu .metismenu-item + .metismenu-item { margin-top: 2px; }
.container-header .metismenu.mod-menu .metismenu-item > a,
.container-header .metismenu.mod-menu .metismenu-item > span {
  color: #1d3d8f; display: block; width: 100%; padding: 8px 10px;
  border-radius: 4px; text-decoration: none; white-space: normal;
}
.container-header .metismenu.mod-menu .metismenu-item > a:hover,
.container-header .metismenu.mod-menu .metismenu-item > a:focus {
  background: #e6e6e6; color: #15306f; text-decoration: none;
}
.container-header .metismenu.mod-menu .metismenu-item.active > a {
  background: #1d3d8f; color: #fff; text-decoration: none;
}
.container-header .navbar-collapse { padding-bottom: .5em; }

/* Sichtbarkeit: ab 992px Sidebar links, darunter Hamburger im Header */
@media (min-width: 992px) {
  .container-header .container-nav { display: none; }
  .container-component { padding-left: 2.5em; }
}
@media (max-width: 991.98px) {
  .container-sidebar-left { display: none; }
}