/* DE | EN, top right of the header on every screen size. */
.header-wrapper {
  position: relative;
}

#block-ak-b5subtheme-languageswitcher {
  position: absolute;
  top: 0.5rem;
  right: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
  z-index: 2;
  line-height: 1;
  ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
  }
  li {
    margin: 0;
  }
  li + li::before {
    content: "|";
    padding: 0 0.5rem;
    opacity: 0.4;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  a:hover,
  a:focus,
  a.is-active {
    text-decoration: underline;
    text-underline-offset: 0.2em;
  }
  .is-untranslated {
    opacity: 0.4;
    cursor: default;
  }
}

/* From lg up there is no menu button: line up with the top of the logo. */
@media (min-width: 992px) {
  #block-ak-b5subtheme-languageswitcher {
    top: 1.75rem;
  }
}