/* ---------- Kopfband ---------- */

p {
    margin: 0 0 10px;
}

body.wrapper-fluid header>.grid-child, body.wrapper-fluid footer>.grid-child {
    padding-bottom:0;
}
.mod-list li {
    padding:0;
}
.container-header .mod-menu>li+li {
    margin-left: 0;
}
.container-header {
    background-color: #043458;
    box-shadow: 10px 10px 15px silver;
}

.container-header .brand-logo,
.container-header .brand-logo span {
  color: #fff;
  /*font-size: 1.5rem;*/
  font-weight: 700;
  text-decoration: none;
}

/* ---------- Navigationsleiste ---------- */
/* weiße Menüleiste über die volle Breite, Inhalt am zentrierten Raster */
.container-header .container-nav {
  max-width: none;
  background-color: #fff;
  padding-bottom: 0;
  padding-inline: max(50px, calc((100% - 1320px) / 2)) !important;
}

.container-nav .mod-menu > li > a {
  display: block;
  padding: 1rem 1.25rem;
  color: #555;
  text-decoration: none;
}

.container-nav .mod-menu > li > a:hover,
.container-nav .mod-menu > li > a:focus {
  color: #000;
  background-color: #f5f5f5;
}

/* aktiver Reiter wie vorher: hellgrau, volle Höhe */
.container-nav .mod-menu > li.active > a,
.container-nav .mod-menu > li.current > a {
  background-color: #eee;
  color: #333;
}


/* ---------- Fußbereich ---------- */
.container-footer {
  background-color: #f5f5f5;
  color: #444;
}

.container-footer a {
  color: #3174af;
}

.container-footer a:hover,
.container-footer a:focus {
  color: #1a4266;
}

/* drei Spalten nebeneinander, oben bündig, wie vorher */
.container-footer .grid-child {
      align-items: flex-start;
    gap: 4rem;
    padding: 15px 50px;
}

/* Footer-Menü: untereinander mit Luft */
.container-footer .mod-menu {
  flex-direction: column;
}

.container-footer .mod-menu > li.nav-item > a {
  display: block;
  padding: 0.75rem 1rem;
  text-decoration: none;
  color: #444;
}

.container-footer .mod-menu > li.nav-item > a:hover,
.container-footer .mod-menu > li.nav-item > a:focus {
  background-color: #eee;
  color: #222;
}


.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus {
    color: #204c73;
}

/* weiße Menüleiste über die volle Breite */
@media (min-width: 992px) {
  .container-header .container-nav {
    grid-column: full-start / full-end;
    max-width: none;
    background-color: #fff;
    padding: 0 50px;
  }

  /* Menüpunkte bleiben am zentrierten Raster */
  .container-header .container-nav .mod-menu {
    width: 100%;
    max-width: 1320px;
    margin-inline: auto;
  }
}


.container-header .navbar-toggler {
    background: #043458;
    height: 40px;
}

.container-header .container-nav .container-search, .container-header .container-nav nav {
    margin: 5px;
}


.container-header .grid-child {
    padding: 0 50px;
}
.site-grid { padding: 0 50px;}