/* ===== Overlay Hintergrund ===== */
#menu-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.92);
  backdrop-filter:blur(6px);

  opacity:0;
  pointer-events:none;
  transition:.35s ease;

  z-index:999999;
}

/* aktiv */
#menu-overlay.active{
  opacity:1;
  pointer-events:auto;
}

/* Scrollbereich */
.menu-overlay-inner{
  position:absolute;
  inset:0;
  overflow-y:auto;
  padding:90px 20px 60px;
}

/* Bilder */
.menu-images{
  max-width:900px;
  margin:auto;
  display:flex;
  flex-direction:column;
  gap:40px;
}

.menu-images img{
  width:100%;
  height:auto;
  border-radius:14px;
  box-shadow:0 25px 70px rgba(0,0,0,.6);
}

/* Close Button */
#close-menu{
  position:fixed;
  top:25px;
  right:25px;
  width:46px;
  height:46px;
  border-radius:50%;
  border:2px solid #FFFFFF;
  background:#000;
  color:#FFFFFF;
  font-size:20px;
  cursor:pointer;
}

/* Mobile */
/* Desktop kleiner darstellen */
@media (min-width: 992px){

  .menu-images{
    max-width: 500px;      /* vorher ~900 → deutlich angenehmer */
  }

  .menu-images img{
    width: 100%;
    height: auto;
  }

}