/*
  Footer: dunkles Band in Content-Breite, bündig bis ganz unten,
  einheitlicher Seitenhintergrund oben & unten
*/

:root{
  --content-max: 75rem;          /* wie der weiße Inhaltsbereich */
  --page-bg:   #cfe3f5;           /* HELLBLAU DER SEITE -> ggf. exakt anpassen */
  --band-color:#0b5cad;           /* DUNKELBLAU vom Footer-Band */
}

html, body{
  background: var(--page-bg) !important;   /* überall gleiches Hellblau */
  margin: 0 !important;
}

/* Footer neutralisieren und als Träger für das schmale, zentrierte Band nutzen */
section#footer{
  position: relative;
  background: var(--page-bg) !important;   /* keine andere Fläche im Footer */
  background-image: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Dunkles, zentriertes Band – geht bis an den unteren Fensterrand */
section#footer::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0; right: 0;
  bottom: -2px;                             /* 2px „Sicherheit“, damit nichts durchblitzt */
  width: min(100%, var(--content-max));
  margin-left: auto;
  margin-right: auto;
  background: var(--band-color) !important;
  pointer-events: none;
  z-index: 0;
}

/* Inhalt liegt über dem Band */
section#footer > *{
  position: relative;
  z-index: 1;
}

/* Innerer Container: keine eigene Fläche, zentriert in Content-Breite */
section#footer .container-fluid{
  max-width: var(--content-max) !important;
  margin: 0 auto !important;
  background: transparent !important;
}

/* Copyright auf dem dunklen Band */
section#footer .copyright{
  color: #fff !important;
  margin: 0 !important;
  padding: .6rem .75rem !important;
}  box-shadow: none !important;
  position: relative;
}

/* frühere ::before/::after-Versuche vollständig ausknipsen */
section#footer::before,
section#footer::after,
#footer::before,
#footer::after{
  content: none !important;
  display: none !important;
  background: transparent !important;
}

/* Innerer Container im Footer: keine eigene Fläche */
section#footer .container-fluid,
#footer .container-fluid{
  background: transparent !important;
  margin: 0 auto !important;
}

/* Copyright gut lesbar und ohne Zusatzabstände */
section#footer .copyright,
#footer .copyright{
  color: #fff !important;
  margin: 0 !important;
  padding: 0 !important;
}