/* Mobile Navigation – ersetzt okayNav */

/* Hamburger-Button – auf Desktop versteckt */
#nav__toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  background: none;
  border: none;
  padding: 0.8rem;
  cursor: pointer;
  margin-left: auto;
  flex-shrink: 0;
}

#nav__toggle span {
  display: block;
  width: 22px;
  height: 2px;
  background: #222;
  border-radius: 1px;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

#nav__toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
#nav__toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
#nav__toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Mobile: Hamburger anzeigen, Nav-Wrapper als Dropdown */
@media (max-width: 39.99rem) {
  #nav__toggle { display: flex; }

  #nav__wrapper {
    display: none;
    position: fixed;
    top: 5.2rem;
    left: 0;
    right: 0;
    background: rgba(253, 253, 253, 0.97);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    padding: 0.5rem 2rem 1.5rem;
    z-index: 98;
  }

  @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
    #nav__wrapper {
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background: rgba(253, 253, 253, 0.88);
    }
  }

  #nav__wrapper.nav-open { display: block; }

  #nav__list { display: flex; flex-direction: column; }
  .nav__item { margin-left: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
  .nav__item:last-child { border-bottom: none; }
  .nav__link,
  .nav__link:focus,
  .nav__link:hover { line-height: 4rem; }
}

/* Ausfalltermine */
.cancelled-list {
  list-style: none;
  margin-top: -1.5rem;
  padding-left: 2rem;
}
.cancelled-list li {
  font-weight: 700;
  margin-bottom: 0.5rem;
}

/* Aktive Seite */
.nav__link[aria-current="page"],
.nav__link[aria-current="page"]:hover,
.nav__link[aria-current="page"]:focus {
  color: #444;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}