.navigation.ThemeNavigationDefault {
  display: flex;
  width: 100%;
  height: inherit;
  --activeTextThemeColor: var(--colorPrimary);
  --textThemeColor: var(--colorNeutralDark);
  --backgroundThemeColor: transparent;
  background-color: var(--backgroundThemeColor);
  color: var(--textThemeColor);
}
.navigation.ThemeNavigationDefault .navLogo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--textThemeColor);
  font-size: var(--fontXL);
  text-transform: uppercase;
  padding: var(--sizeXS) 0;
  height: inherit;
  margin-right: auto;
}
.navigation.ThemeNavigationDefault .navLogo > img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.navigation.ThemeNavigationDefault .navLogo > .icon {
  font-size: var(--fontNestedXXL);
  margin-right: var(--sizeS);
}
.navigation.ThemeNavigationDefault .navLogo > .textBox {
  display: flex;
  flex-direction: column-reverse;
}
.navigation.ThemeNavigationDefault .navLogo > .textBox > .subtitle {
  font-size: var(--fontNestedXS) !important;
}
.navigation.ThemeNavigationDefault > .navWrapper {
  display: flex;
  height: inherit;
  width: var(--contentWidth);
  max-width: var(--maxContentWidth);
  margin: 0 auto;
  align-items: center;
}
.navigation.ThemeNavigationDefault > .navWrapper > .navLink {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--sizeS);
  transition: 0.2s ease background-color;
  height: 100%;
}
.navigation.ThemeNavigationDefault > .navWrapper > .navLink[data-active] {
  box-shadow: 0 calc(-1 * var(--sizeXS)) var(--activeTextThemeColor) inset;
  color: var(--activeTextThemeColor);
}
.navigation.ThemeNavigationDefault > .navWrapper > .navLink:hover {
  background-color: var(--colorShadowLight);
  color: var(--textThemeColor);
  cursor: pointer;
}