m;
    z-index: -1;
  }
  .mobile-navigation:not([hidden]) .mobile-navigation__close-button {
    display: block;
  }
  .mobile-navigation:not([hidden]) .mobile-navigation__menu {
    margin: 0;
  }
}

.logo {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-block: clamp(var(--base-spacing), 10vh, var(--base-spacing) * 3);
  line-height: 1;
}
.logo__headline {
  font-weight: 775;
  margin-block-end: max(.3em, 10px);
  font-size: clamp(2em, 3.5vmax, 4em);
  color: var(--color-primary