/* Basis */
.menu-toggle {
  align-items: center;
  gap: .6rem;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: .6rem .8rem;
    margin-top: 15px;
  line-height: 1;
    font-weight: bold;
    text-shadow: 0px 0 5px rgb(255, 255, 255);
}

@media only screen and (max-width: 1440px) {
    .menu-toggle {
        display: inline-flex;
    }
}
.menu-label { font-size: 0.95rem; }

/* Hamburger-Icon */
.menu-icon { display: inline-flex; flex-direction: column; justify-content: center; gap: 4px; width: 22px; }
.menu-icon .bar { height: 2px; width: 100%; background: currentColor; border-radius: 1px; transition: transform .25s ease, opacity .25s ease;    box-shadow: 0px 0 5px rgb(255, 255, 255); }

/* Toggle -> "X" */
.menu-toggle[aria-expanded="true"] .bar:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .bar:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] .bar:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* Drawer & Backdrop */
.backdrop {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.35);
  opacity: 0; visibility: hidden;
  transition: opacity .25s ease, visibility .25s step-end;
  z-index: 999;
}
.backdrop.is-open {
  opacity: 1; visibility: visible;
  transition: opacity .25s ease, visibility 0s;
}

.mobile-drawer {
  position: fixed; top: 0; left: 0; height: 100dvh; width: min(85vw, 320px);
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  transform: translateX(-100%);
  transition: transform .25s ease;
  z-index: 9999;
  display: flex; flex-direction: column;
    overflow-y: scroll;
}

/* Drawer-Header mit Logo + Close-Button */
.drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .8rem 1rem;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

/* Bildlogo verkleinern */
.drawer-header .custom-logo {
max-height: 31px;
  width: auto;
  margin-left: 0;
}
/* Textlogo */
.drawer-site-title {
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
  color: inherit;
}

.drawer-close {
  border: 0;
  background: transparent;
  font-size: 2rem;
  line-height: 1;
  padding: .25rem .5rem;
  cursor: pointer;
}


.mobile-drawer.is-open { transform: translateX(0); }

.drawer-close {
  border: 0; background: transparent;
  font-size: 2rem; line-height: 1; padding: .5rem .75rem; cursor: pointer;
}

.mobile-menu { list-style: none; margin: 0; padding: .5rem 0 2rem; }
.mobile-menu > li { border-bottom: 1px solid rgba(0,0,0,.06); }
.mobile-menu a { display: block; padding: .9rem 1.25rem; text-decoration: none; }

/* Submenus (Depth 2) – einfache Ein-/Ausblendung */
.mobile-menu .sub-menu { display: none; padding-left: .75rem; }
.mobile-menu .menu-item-has-children > a { position: relative; }
.mobile-menu .menu-item-has-children > a::after {
  content: '▾'; position: absolute; right: 0; transform: translateY(-2px);
}
.mobile-menu .menu-item-has-children.is-open > a::after { content: '▴'; }
.mobile-menu .menu-item-has-children.is-open > .sub-menu { display: block; }


.mobile-menu .current-menu-item a{background: var(--highlight); color:#fff;)}
/* Motion-Reduce */
@media (prefers-reduced-motion: reduce) {
  .mobile-drawer, .backdrop, .menu-icon .bar { transition: none; }
}