header .language-switch {

  display: flex;
  position: relative;
  max-width: fit-content;
  padding-top: 25px;
  padding-right: 26px;
}

@media all and (max-width: 1370px) {
  header .language-switch {
    padding-top: 8px;
  }
}


header .language-switch .lang-switch {
  color: #000;
  font-size: 16px;
  width: 10px;
  height: 100%;
  float: left;
  position: relative;
  z-index: 0;
  cursor: pointer;
}

header.sticky .language-switch .lang-switch {
  color: #000;
}

header .language-switch .lang-switch i {
  transition: 0.5s;
  position: relative;
  bottom: 3px;
}

header .language-switch .lang-switch.open i {
  transform: rotate(-180deg);
}

header .language-switch li {
  list-style: none;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  position: relative;
  height: 20px;
  width: 25px;
  order: 2;
  min-height: 22px;
}

header .language-switch li.is-active {
  order: 1;
}


header .language-switch ul {
  height: 20px;
  width: 35px;
  overflow: hidden;
  transition: 0.5s;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  margin-left: 2rem;
}

header .language-switch ul.open {
  overflow: visible;
}

header .language-switch li a {
  color: white;
  text-decoration: none;
}

header .language-switch li.de a,
header .language-switch li.en a {
  height: 20px;
  width: 25px;
}