.menu-hopin,
.bns-menu-hopin {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;

  /* Anfangszustand: versteckt */
  opacity: 0 !important;
  transform: translateY(-8rem);
  -webkit-transform: translateY(-8rem);
  -moz-transform: translateY(-8rem);
  -ms-transform: translateY(-8rem);
  -o-transform: translateY(-8rem);

  /* Animation/Übergänge */
  transition:
    transform 0.5s ease,
    opacity 0s ease;
  -webkit-transition:
    -webkit-transform 0.5s ease,
    opacity 0s ease;
  -moz-transition:
    -moz-transform 0.5s ease,
    opacity 0s ease;
  -ms-transition:
    -ms-transform 0.5s ease,
    opacity 0s ease;
  -o-transition:
    -o-transform 0.5s ease,
    opacity 0s ease;

  will-change: transform, opacity;
}

.menu-hopin.menu-hopin-show,
.bns-menu-hopin.bns-menu-hopin-show {
  opacity: 1 !important;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.elementor-nav-menu__container {
  top: 0 !important;
}