.sticky-header {
  /* Generell Styles */
  transition: 0.3s ease-in-out !important;
  &.elementor-sticky--effects {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: rgba(250, 250, 250, 0.8) !important;
  }
}

/* Popup Menu*/
.main-menu-popup {
  .dialog-widget-content {
    position: absolute;
    left: calc(50% + (1400px / 2) - (462px) / 2);
    top: 90px;
    transform: translateX(-50%);
    @media (max-width: 1400px) {
      left: calc(100% - 462px - 50px);
      transform: none;
      top: 80px;
    }
    @media (max-width: 1024px) {
      left: calc(100% - 462px - 25px);
    }
    @media (max-width: 767px) {
      left: 0;
      top: 65px;
      padding: 0 20px;
    }
  }
  .main-menu {
    ul:not(.sub-menu) {
      height: 380px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: relative;
      width: 100%;
      &:after {
        display: none;
      }
      li {
        position: static;
        width: 125px;
        a {
          display: flex;
          justify-content: space-between;
          padding-bottom: 12px !important;
          border-bottom: 1px solid #fff;
          transition: 0.3s;
          &:not(:has( + ul)):hover {
            font-weight: 700 !important;
          }
          &.highlighted {
            font-weight: 700;
          }
        }
        ul {
          flex-direction: column;
          gap: 20px;
          background: none;
          width: 150px;
          position: absolute;
          margin: 0 !important;
          left: 200px !important;
          right: 0 !important;
          top: 0 !important;
          margin: 0 !important;
          transition: none !important;
          display: flex !important;
          &[aria-hidden="true"] {
            display: none !important;
          }
          @media (max-width: 767px) {
            left: 160px !important;
          }
          li {
            background: none !important;
            a {
              color: #fff;
              background: none !important;
              padding: 0 !important;
              border: none !important;
              font-size: 16px;
              transition: 0.3s;
              &:hover {
                font-weight: 700 !important;
              }
            }
          }
        }
      }
    }
  }
}
