.menu-container {
    position: relative; /* Wichtig für die relative Positionierung */
  }
  
  #menuButton {
    position: relative; /* Relativ zum menu-container */
    z-index: 1001;
    display: block; /* Standardmäßig sichtbar */
  }
  
  .sidemenu-wrapper {
    position: absolute; /* Absolut positioniert relativ zum menu-container */
    top: 0; /* Bündig mit dem Menü-Button */
    left: 0; /* Startet an der gleichen Position wie der Menü-Button */
    height: 100vh;
    width: 250px;
    background-color: #120f22; /* Dunkel */
    z-index: 1000;
    transition: transform 0.3s ease;
    transform: translateX(-100%); /* Standardmäßig ausgeblendet */
    overflow-x: hidden; /* Verhindert horizontalen Scrollbalken */
  }
      .login-formular {
          position: relativ;
          z-index: 100000;
          height: 100vh !important;
          background-color: #f0ffff21;
          backgdrop-filter: blur(20px) !important;
      }
  
      #menuButton {
          position: fixed;
          top: 20px;
          left: 20px;
          z-index: 1001;
          display: block;
          max-width: fit-content;
          /* Stellen Sie sicher, dass der Button sichtbar ist */
      }
  
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none; /* Standardmäßig ausgeblendet */
  }
  -->
  .sidemenu-wrapper.open {
    transform: translateX(0); /* Sidemenu einblenden */
  }
  
  .overlay.active {
    display: block; /* Overlay anzeigen, wenn aktiv */
  }