.sticky-nav-wrapper {
  position: sticky;
  top: calc(110px + 10px);
  z-index: 1000;
  width: 100vw;
  /*margin-left: -15px;*/
  /*margin-right: -15px;*/
  left: 0;
  background-color: #ffffff;
  /*padding: 0.5rem 0.5rem;*/
}

/* Optional: Box-Shadow für bessere Abgrenzung */

.sticky-nav-wrapper {
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Weißes Div unter Navigation */

.white-background {
  width: 100%;
  height: 229px;
  background-color: #ffffff;
}

/* 1) Scroll sperren, wenn dein Filter offen ist (.glossar-navigation.open) */

html:has(.glossar-navigation.open), body:has(.glossar-navigation.open) {
  overflow: hidden;
  height: 100%;
  overscroll-behavior: none;
}

/* 2) Scroll sperren, wenn Bootstrap-Menü offen ist (Navbar-Collapse) */

html:has(.navbar-collapse.show), body:has(.navbar-collapse.show) {
  overflow: hidden;
  height: 100%;
  overscroll-behavior: none;
}

/* 3) Scroll sperren, wenn Bootstrap-Offcanvas offen ist (falls genutzt) */

html:has(.offcanvas.show), body:has(.offcanvas.show) {
  overflow: hidden;
  height: 100%;
  overscroll-behavior: none;
}

/* (Optional) Verhindert versehentliche Hintergrund-Gesten auf Mobile */

body:has(.glossar-navigation.open), body:has(.navbar-collapse.show), body:has(.offcanvas.show) {
  touch-action: none;
}