.site-nav li.language-switch,
body.page-id-19 .kituwi-site-nav li.language-switch,
body.page-id-88 .kituwi-site-nav li.language-switch {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0;
  flex: 0 0 auto;
  align-items: center;
  gap: 2px !important;
  margin: 0 0 0 .65rem !important;
  padding: 2px !important;
  border: 1px solid rgba(82, 107, 92, .24);
  border-radius: 999px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 4px 12px rgba(50, 61, 54, .07);
  vertical-align: middle;
}

.site-nav .language-switch > a,
body.page-id-19 .entry-content .kituwi-site-nav .language-switch > a,
body.page-id-88 .entry-content .kituwi-site-nav .language-switch > a {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  height: 1.5rem;
  min-height: 1.5rem !important;
  flex: 0 0 auto !important;
  align-items: center;
  justify-content: center;
  gap: .25rem !important;
  padding: 0 .4rem !important;
  border: 0 !important;
  border-radius: 999px;
  background: transparent;
  color: #526b5c !important;
  font-family: "Rubik", sans-serif;
  font-size: .64rem !important;
  font-weight: 800;
  line-height: 1 !important;
  letter-spacing: .045em !important;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.site-nav .language-switch > a:hover,
.site-nav .language-switch > a:focus-visible,
body.page-id-19 .entry-content .kituwi-site-nav .language-switch > a:hover,
body.page-id-19 .entry-content .kituwi-site-nav .language-switch > a:focus-visible,
body.page-id-88 .entry-content .kituwi-site-nav .language-switch > a:hover,
body.page-id-88 .entry-content .kituwi-site-nav .language-switch > a:focus-visible {
  background: #eef3ef !important;
  color: #30483a !important;
  outline: none;
  transform: translateY(-1px);
}

.site-nav .language-switch > a[aria-current="page"],
body.page-id-19 .entry-content .kituwi-site-nav .language-switch > a[aria-current="page"],
body.page-id-88 .entry-content .kituwi-site-nav .language-switch > a[aria-current="page"] {
  background: #526b5c !important;
  color: #fff !important;
}

.language-switch-flag {
  display: inline-block;
  width: .9rem;
  height: .54rem;
  flex: 0 0 .9rem;
  overflow: hidden;
  border: 1px solid rgba(38, 60, 47, .16);
  border-radius: 2px;
  color: transparent;
  font-size: 0 !important;
  line-height: 0;
  text-indent: -9999px;
}

.language-switch > a[lang="de"] .language-switch-flag {
  background: #ffce00 url("../images/flag-de.svg?v=20260730-1") center / cover no-repeat;
}

.language-switch > a[lang="en"] .language-switch-flag {
  background: #012169 url("../images/flag-gb.svg?v=20260730-1") center / cover no-repeat;
}

@media (max-width: 60em) {
  .site-nav li.language-switch,
  body.page-id-19 .kituwi-site-nav li.language-switch,
  body.page-id-88 .kituwi-site-nav li.language-switch {
    margin: .35rem auto 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .language-switch > a {
    transition: none;
  }
}