#menu {
    -moz-align-items: flex-end !important;
    -webkit-align-items: flex-end !important;
    -ms-align-items: flex-end !important;
    align-items: flex-end !important;
    -moz-justify-content: flex-end !important;
    -webkit-justify-content: flex-end !important;
    -ms-justify-content: flex-end !important;
    justify-content: flex-end !important;
  }
  
  #menu .inner {
    margin-right: 0 !important; /* Entfernt den Abstand zum rechten Rand */
    border-radius: 0 !important; /* Entfernt die abgerundeten Ecken */
    width: 25em !important; /* Erhöht die Breite des Menüs */
    height: 100% !important; /* Lässt das Menü die volle Höhe einnehmen */
    border-top-left-radius: _size(border-radius) !important; /* Optional: Behält abgerundete Ecke oben links */
    border-bottom-left-radius: _size(border-radius) !important; /* Optional: Behält abgerundete Ecke unten links */

     /* Änderung der Animation von unten nach oben zu rechts nach links */
  -moz-transform: translateX(100%) !important;
  -webkit-transform: translateX(100%) !important;
  -ms-transform: translateX(100%) !important;
  transform: translateX(100%) !important;
}

/* Zustand wenn das Menü sichtbar ist */
body.is-menu-visible #menu .inner {
  -moz-transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important;
}