.wp-block-formasuisse-site-header {
  display: block;
  width: 100%;
  padding: 0 clamp(16px, 4vw, 48px);
  z-index: 50;
  background: var(--color-surface, #ffffff);

  @media (min-width: 901px) {
    position: sticky;
    top: 0;
  }
  border-bottom: 1px solid var(--color-rule, #d8dde3);

  .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 76px;
    overflow: visible;
  }

  ul,
  ol {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
  }

  .logo {
    display: block;
    overflow: hidden;
    width: 38px;

    @media (min-width: 280px) {
      width: 162px;
    }

    img {
      max-width: none;
      width: 162px;
      height: 38px;
    }
  }

  nav.main-nav {
    display: none;

    @media (min-width: 901px) {
      display: block;
    }

    a {
      display: inline-block;
      color: var(--color-primary, #062343);
      font-size: 0.92rem;
      font-weight: 500;
      padding: 0 2px 6px;
      border-bottom: 2px solid transparent;
      transition:
        color 150ms ease-out,
        border-color 150ms ease-out;
    }

    a:hover {
      color: var(--color-primary-light, #1c3b69);
      border-bottom-color: var(--color-accent, #328efe);
    }

    .current-menu-item > a,
    .current-menu-ancestor > a,
    .current-menu-parent > a,
    .current-page-ancestor > a {
      border-bottom-color: var(--color-primary, #062343);
    }

    li {
      float: left;
      padding-top: 25px;
      padding-bottom: 25px;
      margin: 0 clamp(7px, 1vw, 16px);

      &:hover > ul,
      &.touch-open > ul {
        background: var(--color-surface, #ffffff);
        visibility: visible;
        opacity: 1;
        padding-top: 10px;
      }

      &:hover ul ul,
      &.touch-open ul ul {
        padding-top: 10px;
        margin: -30px 9px 0 0;
        left: 100%;

        li {
          white-space: nowrap;
        }

        li a {
          padding-right: 5px;
        }
      }

      ul {
        position: absolute;
        z-index: 9999;
        visibility: hidden;
        opacity: 0;
        padding-bottom: 10px;
        margin-left: 22px;
        margin-top: 25px;
        box-shadow: 1px 1px 3px 0 rgba(153, 153, 153, 1);

        li {
          float: none;
          line-height: 1em;
          padding: 3px 15px;
          position: relative;
        }

        a {
          padding: 10px 0 10px;
          text-transform: none;
        }
      }
    }
  }
}