nav.desktop .content-logo {
  margin-top: 2.77rem;
  transition: margin-top 0.25s;
}
nav.desktop .content-logo .logo {
  display: flex;
  align-items: center;
  height: 100%;
  z-index: 1000;
}
nav.desktop .content-logo .logo img {
  width: auto;
  height: auto;
  max-height: 2rem;
}
@media screen and (max-width: 67.5em) {
  nav.desktop .content-logo .logo img {
    max-height: 30px;
  }
}
nav.desktop .content-logo .logo svg {
  width: auto;
  height: 3.88rem;
}
nav.desktop .desktop-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  transition: background-color 0.25s;
}
nav.desktop .desktop-container .wrap-menu-lang {
  transition: margin-top 0.25s;
}
nav.desktop .desktop-container .buy-now {
  margin: 0 0 0 2.77rem;
}
nav.desktop .desktop-container .desktop-menu {
  display: flex;
  flex-direction: row;
  list-style: none;
  counter-reset: zaehler;
}
@media screen and (max-width: 67.5em) {
  nav.desktop .desktop-container .desktop-menu {
    padding: 0;
    margin: 0;
  }
}
nav.desktop .desktop-container .desktop-menu ul {
  list-style: none;
}
nav.desktop .desktop-container .desktop-menu .parent {
  position: relative;
  top: 0;
  right: 0;
  font-weight: 400;
  padding: 1rem;
  margin-right: 1rem;
  padding: 0;
  margin: 0;
}
nav.desktop .desktop-container .desktop-menu .parent a {
  font-size: 0.888em;
  font-weight: 600;
  text-decoration: none;
  color: rgba(36, 40, 45, 0.5);
}
@media screen and (max-width: 67.5em) {
  nav.desktop .desktop-container .desktop-menu .parent a {
    font-size: 0.722rem;
    line-height: 0.888rem;
  }
}
nav.desktop .desktop-container .desktop-menu .parent a:hover {
  color: var(--text);
}
nav.desktop .desktop-container .desktop-menu .parent a.active {
  color: var(--text);
}
nav.desktop .desktop-container .desktop-menu .parent a.active::before {
  color: var(--text);
}
nav.desktop .desktop-container .desktop-menu .parent a::before {
  counter-increment: zaehler;
  content: counter(zaehler);
  border-radius: 50%;
  background-color: rgba(58, 58, 58, 0.1);
  width: 22px;
  height: 22px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.777rem;
  font-weight: 500;
  color: rgba(36, 40, 45, 0.5);
  margin-right: 0.5rem;
}
nav.desktop .desktop-container .desktop-menu .parent .desktop-dropdown {
  display: none;
  position: absolute;
  top: 3rem;
  right: -1rem;
  min-width: 5rem;
  background-color: var(--white);
  text-align: right;
  border-top: 0;
  padding: 0.5rem 0;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.05);
}
nav.desktop .desktop-container .desktop-menu .parent:hover .desktop-dropdown {
  display: block;
}
nav.desktop .desktop-container .desktop-menu .parent:first-child::after {
  content: "";
  display: inline-block;
  width: 4rem;
  border-top: 1px dashed #3A3A3A4D;
  margin: 0 1.277rem;
  position: relative;
  top: -5px;
}
@media screen and (max-width: 67.5em) {
  nav.desktop .desktop-container .desktop-menu .parent:first-child::after {
    width: 0.833rem;
    margin: 0 0.888rem;
  }
}
nav.desktop .desktop-container .desktop-menu .has-children::after {
  content: url("../../icons/dropdown.svg");
  position: absolute;
  top: 50%;
  right: -0.5rem;
  transform: translateY(-40%);
  transition: 0.25s;
}
nav.desktop .desktop-container .desktop-menu .child {
  font-size: 0.9em;
  font-weight: normal;
  padding: 0.5rem 2rem;
}
nav.desktop .language-menu {
  position: relative;
  top: 0;
  right: 0;
  list-style: none;
  font-weight: bold;
  padding: 1rem;
  margin: 0 1rem 0 0;
  cursor: pointer;
}
nav.desktop .language-menu ul {
  list-style: none;
}
nav.desktop .language-menu a {
  font-size: 1.11em;
  text-decoration: none;
  color: var(--link);
}
nav.desktop .language-menu a:hover {
  color: var(--link-hover);
}
nav.desktop .language-menu::after {
  content: url("../../icons/dropdown.svg");
  position: absolute;
  top: 50%;
  right: -0.5rem;
  transform: translateY(-40%);
  transition: 0.25s;
}
nav.desktop .language-menu:hover .language {
  display: block;
}
nav.desktop .language-menu:hover::after {
  animation: fadeInOut 2s infinite;
}
nav.desktop .language-menu .language {
  display: none;
  position: absolute;
  top: 3rem;
  right: -1rem;
  min-width: 5rem;
  background-color: var(--white);
  text-align: right;
  border-top: 0;
  padding: 0.5rem 0;
}
nav.desktop .language-menu .language li {
  font-size: 0.9em;
  font-weight: normal;
  padding: 0.5rem 2rem;
  white-space: nowrap;
}
.desktop-fixed .desktop-container {
  background-color: var(--white);
}
.desktop-fixed .desktop-container .content-logo {
  margin-top: 0.77rem;
}
.desktop-fixed .desktop-container .wrap-menu-lang {
  margin: 0 !important;
}
.sequel .desktop-container {
  min-height: 5.166rem;
  border-bottom: 1px solid rgba(58, 58, 58, 0.1);
  background-color: var(--white);
}
@media screen and (max-width: 67.5em) {
  .sequel .desktop-container {
    min-height: 7.222rem;
    border: none;
  }
}
@media screen and (max-width: 67.5em) {
  .sequel .desktop-container > .content--xl {
    flex-wrap: wrap;
  }
}
.sequel .desktop-container .content-logo {
  margin-top: 1.666rem;
  margin-bottom: 1.666rem;
}
@media screen and (max-width: 67.5em) {
  .sequel .desktop-container .content-logo {
    margin: 2.5rem 0 1.333rem 0;
  }
}
.sequel .desktop-container .content-logo .logo {
  height: 2rem;
}
.sequel .desktop-container .content-logo .logo > a {
  padding-right: 2.222rem;
  border-right: 1px solid rgba(58, 58, 58, 0.3);
}
.sequel .desktop-container .content-logo .logo .event-date {
  color: rgba(36, 40, 45, 0.5);
}
@media screen and (max-width: 67.5em) {
  .sequel .desktop-container .content-logo .logo .event-date {
    font-size: 0.666rem;
    line-height: 0.833rem;
  }
}
