:root {
  --mvnav-blue: #168FE6;
  --mvnav-ink: #071A2C;
  --mvnav-muted: #61758A;
  --mvnav-border: #D9E7F1;
  --mvnav-soft: #F4F9FD;
}

#mvnav-final {
  position: sticky;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 86px;
  background: rgba(255,255,255,.985);
  border-bottom: 1px solid #E4EDF3;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

#mvnav-final .mvnav-final__inner {
  width: 100%;
  max-width: 1860px;
  height: 100%;
  margin: 0 auto;
  padding: 0 28px;
  display: grid;
  grid-template-columns: 240px minmax(0,1fr) 260px;
  align-items: center;
  column-gap: 18px;
}

#mvnav-final .mvnav-final__logo {
  width: 220px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#mvnav-final .mvnav-final__logo img {
  display: block;
  width: 220px;
  height: 54px;
  max-width: 220px;
  object-fit: contain;
  object-position: left center;
  background: transparent;
  filter: none;
  box-shadow: none;
}

#mvnav-final .mvnav-final__logo-dark {
  display: none;
}

#mvnav-final .mvnav-final__capsule {
  justify-self: center;
  min-width: 0;
  height: 58px;
  padding: 5px 8px;
  display: flex;
  align-items: center;
  gap: 3px;
  border: 1px solid var(--mvnav-border);
  border-radius: 30px;
  background: linear-gradient(180deg, #F7FBFD 0%, #F1F7FB 100%);
  box-shadow: 0 8px 24px rgba(15,64,97,.045);
}

#mvnav-final .mvnav-final__item,
#mvnav-final .mvnav-final__trigger {
  min-height: 46px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 23px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--mvnav-ink);
  font-size: 13px;
  line-height: 1;
  font-weight: 780;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: color .16s ease, background .16s ease, box-shadow .16s ease, border-color .16s ease;
}

#mvnav-final .mvnav-final__item:hover,
#mvnav-final .mvnav-final__trigger:hover {
  color: var(--mvnav-blue);
  background: rgba(255,255,255,.82);
}

#mvnav-final .mvnav-final__history {
  color: var(--mvnav-blue);
  font-weight: 850;
}

#mvnav-final .is-active {
  color: var(--mvnav-blue);
  background: #FFFFFF;
  border-color: rgba(22,143,230,.12);
  box-shadow: 0 4px 14px rgba(13,64,98,.09), 0 1px 3px rgba(13,64,98,.04);
}

#mvnav-final .mvnav-final__dropdown {
  position: relative;
  align-self: stretch;
  display: inline-flex;
  align-items: center;
}

#mvnav-final .mvnav-final__trigger svg {
  width: 12px;
  height: 12px;
  margin-left: 5px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .16s ease;
}

#mvnav-final .mvnav-final__dropdown.is-open .mvnav-final__trigger svg {
  transform: rotate(180deg);
}

#mvnav-final .mvnav-final__panel {
  position: absolute;
  z-index: 10050;
  top: calc(100% + 10px);
  left: 50%;
  width: 455px;
  padding: 10px;
  display: grid;
  gap: 8px;
  border: 1px solid #E1EAF1;
  border-radius: 20px;
  background: #FFFFFF;
  box-shadow: 0 22px 55px rgba(7,26,44,.17), 0 5px 15px rgba(7,26,44,.06);
  transform: translateX(-50%);
}

#mvnav-final .mvnav-final__panel[hidden] {
  display: none !important;
}

#mvnav-final .mvnav-final__panel--company {
  max-height: calc(100vh - 115px);
  overflow-y: auto;
}

#mvnav-final .mvnav-final__card {
  min-height: 88px;
  padding: 12px 16px;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) 24px;
  align-items: center;
  gap: 13px;
  border: 1px solid transparent;
  border-radius: 13px;
  background: #F2F7FB;
  color: var(--mvnav-ink);
  text-decoration: none;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

#mvnav-final .mvnav-final__card--accent {
  background: #EEF8FE;
  border-color: #62B5EF;
}

#mvnav-final .mvnav-final__card:hover {
  background: #EDF7FE;
  border-color: #62B5EF;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(22,143,230,.08);
}

#mvnav-final .mvnav-final__card-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #DFF1FD;
  color: var(--mvnav-blue);
  font-size: 12px;
  line-height: 1;
  font-weight: 850;
}

#mvnav-final .mvnav-final__card-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

#mvnav-final .mvnav-final__card-copy strong {
  color: var(--mvnav-ink);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 820;
}

#mvnav-final .mvnav-final__card-copy small {
  color: var(--mvnav-muted);
  font-size: 11.5px;
  line-height: 1.3;
  font-weight: 500;
}

#mvnav-final .mvnav-final__card-arrow {
  justify-self: end;
  color: var(--mvnav-blue);
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
}

#mvnav-final .mvnav-final__separator {
  width: 1px;
  height: 26px;
  margin: 0 7px;
  background: #CADBE7;
}

#mvnav-final .mvnav-final__dealer-block {
  min-height: 46px;
  padding: 0 10px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  cursor: default;
  user-select: none;
  opacity: .76;
}

#mvnav-final .mvnav-final__dealer-title {
  color: #5F7180;
  font-size: 13px;
  line-height: 1;
  font-weight: 850;
  white-space: nowrap;
}

#mvnav-final .mvnav-final__dealer-note {
  color: var(--mvnav-blue);
  font-size: 10.5px;
  line-height: 1;
  font-weight: 760;
  white-space: nowrap;
}

#mvnav-final .mvnav-final__tools {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 10px;
}

#mvnav-final .mvnav-final__login {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--mvnav-ink);
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  text-decoration: none;
}

#mvnav-final .mvnav-final__login:hover {
  color: var(--mvnav-blue);
}

#mvnav-final .mvnav-final__login svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#mvnav-final .mvnav-final__language,
#mvnav-final .mvnav-final__theme {
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D8E4ED;
  border-radius: 12px;
  background: #F7FAFC;
}

#mvnav-final .mvnav-final__language {
  padding: 0 13px;
  gap: 7px;
  color: #5E7386;
  font-size: 12px;
  font-weight: 800;
}

#mvnav-final .mvnav-final__language a {
  color: inherit;
  text-decoration: none;
}

#mvnav-final .mvnav-final__language a:hover {
  color: var(--mvnav-blue);
}

#mvnav-final .mvnav-final__language span {
  color: #9EAFBD;
}

#mvnav-final .mvnav-final__theme {
  overflow: hidden;
}

#mvnav-final .mvnav-final__theme button {
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #61778A;
  cursor: pointer;
}

#mvnav-final .mvnav-final__theme button + button {
  border-left: 1px solid #E1EAF0;
}

#mvnav-final .mvnav-final__theme button:hover,
#mvnav-final .mvnav-final__theme button[aria-pressed="true"] {
  color: var(--mvnav-blue);
  background: #EAF6FE;
}

#mvnav-final .mvnav-final__theme svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#mvnav-final .mvnav-final__mobile {
  display: none;
}

@media (max-width: 1500px) and (min-width: 1181px) {
  #mvnav-final .mvnav-final__inner {
    grid-template-columns: 190px minmax(0,1fr) 225px;
    padding: 0 16px;
    column-gap: 12px;
  }

  #mvnav-final .mvnav-final__logo {
    width: 175px;
  }

  #mvnav-final .mvnav-final__logo img {
    width: 175px;
    max-width: 175px;
  }

  #mvnav-final .mvnav-final__capsule {
    height: 54px;
    padding: 4px 5px;
  }

  #mvnav-final .mvnav-final__item,
  #mvnav-final .mvnav-final__trigger {
    min-height: 42px;
    padding: 0 9px;
    font-size: 12px;
  }

  #mvnav-final .mvnav-final__dealer-title {
    font-size: 12px;
  }

  #mvnav-final .mvnav-final__dealer-note {
    font-size: 10px;
  }

  #mvnav-final .mvnav-final__login {
    font-size: 12px;
  }

  #mvnav-final .mvnav-final__theme button {
    width: 38px;
  }

  #mvnav-final .mvnav-final__language {
    padding: 0 9px;
  }
}

@media (max-width: 1180px) {
  #mvnav-final {
    height: 70px;
  }

  #mvnav-final .mvnav-final__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
  }

  #mvnav-final .mvnav-final__logo {
    width: 155px;
    height: 42px;
  }

  #mvnav-final .mvnav-final__logo img {
    width: 155px;
    height: 40px;
    max-width: 155px;
  }

  #mvnav-final .mvnav-final__capsule,
  #mvnav-final .mvnav-final__tools {
    display: none;
  }

  #mvnav-final .mvnav-final__mobile {
    display: block;
    margin-left: auto;
  }

  #mvnav-final .mvnav-final__mobile > summary {
    list-style: none;
  }

  #mvnav-final .mvnav-final__mobile > summary::-webkit-details-marker {
    display: none;
  }

  #mvnav-final .mvnav-final__burger {
    width: 44px;
    height: 44px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid #D9E5EE;
    border-radius: 12px;
    background: #F7FAFC;
    cursor: pointer;
  }

  #mvnav-final .mvnav-final__burger span {
    display: block;
    width: 19px;
    height: 2px;
    border-radius: 999px;
    background: var(--mvnav-ink);
    transition: transform .17s ease, opacity .17s ease;
  }

  #mvnav-final .mvnav-final__mobile[open] .mvnav-final__burger span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  #mvnav-final .mvnav-final__mobile[open] .mvnav-final__burger span:nth-child(2) {
    opacity: 0;
  }

  #mvnav-final .mvnav-final__mobile[open] .mvnav-final__burger span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  #mvnav-final .mvnav-final__mobile-panel {
    position: fixed;
    z-index: 10040;
    top: 78px;
    left: 10px;
    right: 10px;
    max-height: calc(100vh - 92px);
    overflow-y: auto;
    padding: 10px;
    border: 1px solid #DCE7EF;
    border-radius: 18px;
    background: rgba(255,255,255,.995);
    box-shadow: 0 24px 60px rgba(7,26,44,.16), 0 4px 14px rgba(7,26,44,.05);
  }

  #mvnav-final .mvnav-final__mobile-link,
  #mvnav-final .mvnav-final__mobile-group > summary {
    min-height: 48px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    border-radius: 11px;
    color: var(--mvnav-ink);
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
  }

  #mvnav-final .mvnav-final__mobile-primary {
    color: var(--mvnav-blue);
    background: #EDF8FF;
    font-weight: 850;
  }

  #mvnav-final .mvnav-final__mobile-group > summary {
    justify-content: space-between;
    list-style: none;
    cursor: pointer;
  }

  #mvnav-final .mvnav-final__mobile-group > summary::-webkit-details-marker {
    display: none;
  }

  #mvnav-final .mvnav-final__mobile-group[open] > summary {
    color: var(--mvnav-blue);
    background: #F2F8FC;
  }

  #mvnav-final .mvnav-final__mobile-cards {
    padding: 6px 3px 10px;
    display: grid;
    gap: 7px;
  }

  #mvnav-final .mvnav-final__mobile-cards .mvnav-final__card {
    min-height: 76px;
    grid-template-columns: 44px minmax(0,1fr) 20px;
    padding: 10px 12px;
    gap: 11px;
  }

  #mvnav-final .mvnav-final__mobile-cards .mvnav-final__card-icon {
    width: 44px;
    height: 44px;
  }

  #mvnav-final .mvnav-final__mobile-cards .mvnav-final__card-copy strong {
    font-size: 13px;
  }

  #mvnav-final .mvnav-final__mobile-cards .mvnav-final__card-copy small {
    font-size: 10.5px;
  }

  #mvnav-final .mvnav-final__mobile-dealer {
    margin-top: 8px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-top: 1px solid #E2EAF0;
    color: #657786;
  }

  #mvnav-final .mvnav-final__mobile-dealer strong {
    color: #5F7180;
    font-size: 14px;
    font-weight: 850;
  }

  #mvnav-final .mvnav-final__mobile-dealer small {
    color: var(--mvnav-blue);
    font-size: 11px;
    font-weight: 760;
  }

  #mvnav-final .mvnav-final__mobile-tools {
    margin-top: 8px;
    padding: 12px 4px 2px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    border-top: 1px solid #E2EAF0;
  }

  #mvnav-final .mvnav-final__mobile-tools .mvnav-final__language,
  #mvnav-final .mvnav-final__mobile-tools .mvnav-final__theme {
    width: 100%;
  }

  #mvnav-final .mvnav-final__mobile-tools .mvnav-final__theme button {
    flex: 1 1 50%;
    width: auto;
  }
}

html[data-theme="dark"] #mvnav-final,
html.dark #mvnav-final {
  background: #071725;
  border-bottom-color: #20384A;
}

html[data-theme="dark"] #mvnav-final .mvnav-final__logo-light,
html.dark #mvnav-final .mvnav-final__logo-light {
  display: none;
}

html[data-theme="dark"] #mvnav-final .mvnav-final__logo-dark,
html.dark #mvnav-final .mvnav-final__logo-dark {
  display: block;
}

html[data-theme="dark"] #mvnav-final .mvnav-final__capsule,
html.dark #mvnav-final .mvnav-final__capsule {
  background: #0C2030;
  border-color: #294355;
}

html[data-theme="dark"] #mvnav-final .mvnav-final__item,
html[data-theme="dark"] #mvnav-final .mvnav-final__trigger,
html[data-theme="dark"] #mvnav-final .mvnav-final__login,
html[data-theme="dark"] #mvnav-final .mvnav-final__card-copy strong,
html.dark #mvnav-final .mvnav-final__item,
html.dark #mvnav-final .mvnav-final__trigger,
html.dark #mvnav-final .mvnav-final__login,
html.dark #mvnav-final .mvnav-final__card-copy strong {
  color: #F4F8FB;
}

html[data-theme="dark"] #mvnav-final .mvnav-final__item:hover,
html[data-theme="dark"] #mvnav-final .mvnav-final__trigger:hover,
html.dark #mvnav-final .mvnav-final__item:hover,
html.dark #mvnav-final .mvnav-final__trigger:hover {
  background: #132B3D;
}

html[data-theme="dark"] #mvnav-final .is-active,
html.dark #mvnav-final .is-active {
  background: #FFFFFF;
  color: var(--mvnav-blue) !important;
}

html[data-theme="dark"] #mvnav-final .mvnav-final__panel,
html.dark #mvnav-final .mvnav-final__panel {
  background: #0D1E2D;
  border-color: #294052;
}

html[data-theme="dark"] #mvnav-final .mvnav-final__card,
html.dark #mvnav-final .mvnav-final__card {
  background: #132638;
  border-color: #1E394D;
}

html[data-theme="dark"] #mvnav-final .mvnav-final__card--accent,
html.dark #mvnav-final .mvnav-final__card--accent {
  background: #122D40;
  border-color: #328FD2;
}

html[data-theme="dark"] #mvnav-final .mvnav-final__card-copy small,
html.dark #mvnav-final .mvnav-final__card-copy small {
  color: #A9BAC8;
}

html[data-theme="dark"] #mvnav-final .mvnav-final__dealer-title,
html.dark #mvnav-final .mvnav-final__dealer-title {
  color: #B4C3CE;
}

html[data-theme="dark"] #mvnav-final .mvnav-final__language,
html[data-theme="dark"] #mvnav-final .mvnav-final__theme,
html.dark #mvnav-final .mvnav-final__language,
html.dark #mvnav-final .mvnav-final__theme {
  background: #0E2232;
  border-color: #294355;
  color: #D4DEE6;
}

#mvnav-final a:focus-visible,
#mvnav-final button:focus-visible,
#mvnav-final summary:focus-visible {
  outline: 3px solid rgba(22,143,230,.30);
  outline-offset: 2px;
}

/* MOTAVIO_CANONICAL_THEME_START */


/* ============================================================
   LIGHT
   Bestehendes helles Design bleibt erhalten.
   Fahrzeughistorie ist NICHT blau.
   ============================================================ */

html:not([data-theme="dark"])
#mvnav-final
.mvnav-final__history,

html:not([data-theme="dark"])
#mvnav-final
.mvnav-final__history.is-active {

    color:
        #071A2C !important;

}


/* ============================================================
   DARK · NAVY / WEISS / MOTAVIO-BLAU
   ============================================================ */

html[data-theme="dark"]
#mvnav-final,

html.dark
#mvnav-final {

    background:
        #061827 !important;

    border-bottom-color:
        rgba(143,190,225,.12) !important;

    box-shadow:
        0 10px 34px rgba(0,0,0,.28) !important;

}


/* Menü-Capsule */

html[data-theme="dark"]
#mvnav-final
.mvnav-final__capsule,

html.dark
#mvnav-final
.mvnav-final__capsule {

    background:
        #0A2135 !important;

    border-color:
        rgba(75,155,220,.22) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.02) !important;

}


/* normale Navigation */

html[data-theme="dark"]
#mvnav-final
.mvnav-final__item,

html[data-theme="dark"]
#mvnav-final
.mvnav-final__trigger,

html[data-theme="dark"]
#mvnav-final
.mvnav-final__login,

html.dark
#mvnav-final
.mvnav-final__item,

html.dark
#mvnav-final
.mvnav-final__trigger,

html.dark
#mvnav-final
.mvnav-final__login {

    color:
        #F4F8FB !important;

}


/*
   Active State im Dark Mode:
   keine weiße Fremd-Pill.
   Dunkles Blau + weiße Schrift.
*/

html[data-theme="dark"]
#mvnav-final
.is-active,

html.dark
#mvnav-final
.is-active {

    color:
        #FFFFFF !important;

    background:
        #0E2A43 !important;

    border-color:
        rgba(22,143,230,.34) !important;

    box-shadow:
        inset 0 0 0 1px rgba(22,143,230,.10) !important;

}


/* explizit Fahrzeughistorie */

html[data-theme="dark"]
#mvnav-final
.mvnav-final__history,

html[data-theme="dark"]
#mvnav-final
.mvnav-final__history.is-active,

html.dark
#mvnav-final
.mvnav-final__history,

html.dark
#mvnav-final
.mvnav-final__history.is-active {

    color:
        #FFFFFF !important;

}


/* Hover */

html[data-theme="dark"]
#mvnav-final
.mvnav-final__item:hover,

html[data-theme="dark"]
#mvnav-final
.mvnav-final__trigger:hover,

html.dark
#mvnav-final
.mvnav-final__item:hover,

html.dark
#mvnav-final
.mvnav-final__trigger:hover {

    color:
        #FFFFFF !important;

    background:
        #0D2B45 !important;

}


/* Separator */

html[data-theme="dark"]
#mvnav-final
.mvnav-final__separator,

html.dark
#mvnav-final
.mvnav-final__separator {

    background:
        rgba(151,190,218,.24) !important;

}


/* Autohändler OS */

html[data-theme="dark"]
#mvnav-final
.mvnav-final__dealer-title,

html.dark
#mvnav-final
.mvnav-final__dealer-title {

    color:
        #91A9BC !important;

}


html[data-theme="dark"]
#mvnav-final
.mvnav-final__dealer-note,

html.dark
#mvnav-final
.mvnav-final__dealer-note {

    color:
        #168FE6 !important;

}


/* DE / EN + Theme Controls */

html[data-theme="dark"]
#mvnav-final
.mvnav-final__language,

html[data-theme="dark"]
#mvnav-final
.mvnav-final__theme,

html.dark
#mvnav-final
.mvnav-final__language,

html.dark
#mvnav-final
.mvnav-final__theme {

    color:
        #E9F1F7 !important;

    background:
        #0A2135 !important;

    border-color:
        rgba(143,190,225,.18) !important;

}


html[data-theme="dark"]
#mvnav-final
.mvnav-final__theme button,

html.dark
#mvnav-final
.mvnav-final__theme button {

    color:
        #A9BED0 !important;

}


html[data-theme="dark"]
#mvnav-final
.mvnav-final__theme button[aria-pressed="true"],

html.dark
#mvnav-final
.mvnav-final__theme button[aria-pressed="true"] {

    color:
        #168FE6 !important;

    background:
        #0D2B45 !important;

}


/* ============================================================
   DARK DROPDOWNS
   ============================================================ */

html[data-theme="dark"]
#mvnav-final
.mvnav-final__panel,

html.dark
#mvnav-final
.mvnav-final__panel {

    background:
        #081D30 !important;

    border-color:
        rgba(92,162,215,.20) !important;

    box-shadow:
        0 24px 60px rgba(0,0,0,.38) !important;

}


html[data-theme="dark"]
#mvnav-final
.mvnav-final__card,

html.dark
#mvnav-final
.mvnav-final__card {

    color:
        #F4F8FB !important;

    background:
        #0B253C !important;

    border-color:
        rgba(108,168,211,.10) !important;

}


html[data-theme="dark"]
#mvnav-final
.mvnav-final__card--accent,

html.dark
#mvnav-final
.mvnav-final__card--accent {

    background:
        #0C2942 !important;

    border-color:
        #168FE6 !important;

}


html[data-theme="dark"]
#mvnav-final
.mvnav-final__card:hover,

html.dark
#mvnav-final
.mvnav-final__card:hover {

    background:
        #0E304D !important;

    border-color:
        #168FE6 !important;

}


html[data-theme="dark"]
#mvnav-final
.mvnav-final__card-copy strong,

html.dark
#mvnav-final
.mvnav-final__card-copy strong {

    color:
        #FFFFFF !important;

}


html[data-theme="dark"]
#mvnav-final
.mvnav-final__card-copy small,

html.dark
#mvnav-final
.mvnav-final__card-copy small {

    color:
        #9DB4C6 !important;

}


/* ============================================================
   LOGO DARK
   ============================================================ */

html[data-theme="dark"]
#mvnav-final
.mvnav-final__logo-light,

html.dark
#mvnav-final
.mvnav-final__logo-light {

    display:
        none !important;

}


html[data-theme="dark"]
#mvnav-final
.mvnav-final__logo-dark,

html.dark
#mvnav-final
.mvnav-final__logo-dark {

    display:
        block !important;

    visibility:
        visible !important;

    opacity:
        1 !important;

}


html[data-theme="dark"]
#mvnav-final
.mvnav-final__logo-dark-fallback,

html.dark
#mvnav-final
.mvnav-final__logo-dark-fallback {

    filter:
        brightness(0)
        invert(1) !important;

}


/* ============================================================
   FOOTER ORIGINAL LOGO
   Footer ist dunkel – deshalb Dark-Variante.
   ============================================================ */

.mv-footer-original-logo-link {

    display:
        inline-flex !important;

    align-items:
        center !important;

    text-decoration:
        none !important;

}


.mv-footer-original-logo {

    display:
        block !important;

    width:
        auto !important;

    max-width:
        220px !important;

    height:
        52px !important;

    object-fit:
        contain !important;

    object-position:
        left center !important;

    visibility:
        visible !important;

    opacity:
        1 !important;

}


.mv-footer-original-dark-fallback {

    filter:
        brightness(0)
        invert(1) !important;

}


/* MOTAVIO_CANONICAL_THEME_END */


/* MOTAVIO_HISTORY_NORMAL_CASE_START */

#mvnav-final .mvnav-final__history,
#mvnav-final [data-mvnav-active="history"] {
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* MOTAVIO_HISTORY_NORMAL_CASE_END */


/* MOTAVIO_AUTOHAUS_OS_CLICKABLE_START */

.mvnav-autohaus-os-link {

    pointer-events:
        auto !important;

    cursor:
        pointer !important;

    opacity:
        1 !important;

    text-decoration:
        none !important;

    white-space:
        nowrap !important;

}


/* LIGHT */

html:not([data-theme="dark"])
.mvnav-autohaus-os-link {

    color:
        #071A2C !important;

}


/* DARK */

html[data-theme="dark"]
.mvnav-autohaus-os-link,

html.dark
.mvnav-autohaus-os-link {

    color:
        #FFFFFF !important;

}


/* Hover */

.mvnav-autohaus-os-link:hover {

    color:
        #168FE6 !important;

}


/* Dark Theme Hover */

html[data-theme="dark"]
.mvnav-autohaus-os-link:hover,

html.dark
.mvnav-autohaus-os-link:hover {

    color:
        #E5B745 !important;

}

/* MOTAVIO_AUTOHAUS_OS_CLICKABLE_END */

/* MOTAVIO_NAV_COMPACT_V8_START */


/* ============================================================
   KLARE, PROFESSIONELLE TYPOGRAFIE
   ============================================================ */

#mvnav-final,
#mvnav-unified-shell,
.mvnav-shell__nav,
.mvnav-shell__dd-panel {

    font-family:
        Inter,
        "Segoe UI Variable",
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif !important;

    font-kerning:
        normal;

    -webkit-font-smoothing:
        antialiased;

    -moz-osx-font-smoothing:
        grayscale;

}


/* ============================================================
   HAUPTMENÜ
   ============================================================ */

.mvnav-shell__link,
.mvnav-shell__dd-toggle,
.mvnav-shell__login,
.mvnav-shell__soon,
.mvnav-autohaus-os-link,

#mvnav-final .mvnav-final__item,
#mvnav-final .mvnav-final__dropdown-toggle,
#mvnav-final .mvnav-final__login {

    font-family:
        inherit !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;

    line-height:
        1.15 !important;

    letter-spacing:
        -0.01em !important;

}


/* ============================================================
   DESKTOP UNTERMENÜ
   ============================================================ */

@media (min-width: 1181px) {


    /* --------------------------------------------------------
       aktuelle mvnav-shell Struktur
       -------------------------------------------------------- */

    .mvnav-shell__dd-panel {

        width:
            320px !important;

        max-width:
            calc(100vw - 24px) !important;

        top:
            calc(100% + 8px) !important;

        padding:
            7px !important;

        border-radius:
            16px !important;

    }


    .mvnav-shell__dd-card {

        grid-template-columns:
            34px
            minmax(0, 1fr)
            14px !important;

        gap:
            9px !important;

        min-height:
            50px !important;

        padding:
            8px 9px !important;

        border-radius:
            11px !important;

    }


    .mvnav-shell__dd-card
    +
    .mvnav-shell__dd-card {

        margin-top:
            5px !important;

    }


    .mvnav-shell__dd-badge {

        width:
            32px !important;

        height:
            32px !important;

        min-width:
            32px !important;

        border-radius:
            9px !important;

        font-size:
            10.5px !important;

        font-weight:
            800 !important;

    }


    .mvnav-shell__dd-title {

        display:
            block !important;

        margin:
            0 0 2px !important;

        font-family:
            inherit !important;

        font-size:
            13px !important;

        font-weight:
            750 !important;

        line-height:
            1.18 !important;

        letter-spacing:
            -0.01em !important;

    }


    .mvnav-shell__dd-sub {

        display:
            block !important;

        margin:
            0 !important;

        font-family:
            inherit !important;

        font-size:
            11px !important;

        font-weight:
            500 !important;

        line-height:
            1.28 !important;

        letter-spacing:
            0 !important;

    }


    .mvnav-shell__dd-card
    > span:last-child {

        font-size:
            11px !important;

    }



    /* --------------------------------------------------------
       Fallback für mvnav-final
       -------------------------------------------------------- */

    #mvnav-final
    .mvnav-final__panel {

        width:
            320px !important;

        max-width:
            calc(100vw - 24px) !important;

        padding:
            7px !important;

        border-radius:
            16px !important;

    }


    #mvnav-final
    .mvnav-final__panel
    a {

        min-height:
            50px !important;

        padding:
            8px 9px !important;

        border-radius:
            11px !important;

        font-family:
            inherit !important;

    }


    #mvnav-final
    .mvnav-final__panel
    a
    +
    a {

        margin-top:
            5px !important;

    }


    #mvnav-final
    .mvnav-final__panel
    [class*="badge"] {

        width:
            32px !important;

        height:
            32px !important;

        min-width:
            32px !important;

        font-size:
            10.5px !important;

        border-radius:
            9px !important;

    }


    #mvnav-final
    .mvnav-final__panel
    [class*="title"] {

        font-size:
            13px !important;

        font-weight:
            750 !important;

        line-height:
            1.18 !important;

    }


    #mvnav-final
    .mvnav-final__panel
    [class*="sub"] {

        font-size:
            11px !important;

        font-weight:
            500 !important;

        line-height:
            1.28 !important;

    }

}


/* MOTAVIO_NAV_COMPACT_V8_END */

/* MOTAVIO_MENU_COMPACT_FINAL_START */

/* ==========================================================
   HAUPTMENÜ
   kleiner, präziser, professioneller
   ========================================================== */

#mvnav-final .mvnav-final__link,
#mvnav-final .mvnav-final__item,
#mvnav-final .mvnav-final__dd-toggle,
#mvnav-unified-shell .mvnav-shell__link,
#mvnav-unified-shell .mvnav-shell__dd-toggle {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.01em !important;

    min-height: 40px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
}


/* Login ebenfalls etwas ruhiger */

#mvnav-final .mvnav-final__login,
#mvnav-unified-shell .mvnav-shell__login {
    font-size: 13px !important;
    font-weight: 700 !important;
}


/* Sprache kompakter */

#mvnav-final .mvnav-final__lang button,
#mvnav-final .mvnav-final__theme button,
#mvnav-unified-shell .mvnav-shell__lang button,
#mvnav-unified-shell .mvnav-shell__theme button {
    font-size: 12px !important;
    font-weight: 750 !important;
}


/* ==========================================================
   AUTOHÄNDLER OS
   wieder MOTAVIO-BLAU
   ========================================================== */

#mvnav-final a[href="/autohaendleros"],
#mvnav-unified-shell a[href="/autohaendleros"] {
    color: #168FE6 !important;
    font-weight: 800 !important;
}


#mvnav-final a[href="/autohaendleros"]:hover,
#mvnav-unified-shell a[href="/autohaendleros"]:hover {
    color: #0D78CE !important;
    background: rgba(22, 143, 230, 0.09) !important;
}


html[data-theme="dark"]
#mvnav-final a[href="/autohaendleros"],

html.dark
#mvnav-final a[href="/autohaendleros"],

html[data-theme="dark"]
#mvnav-unified-shell a[href="/autohaendleros"],

html.dark
#mvnav-unified-shell a[href="/autohaendleros"] {
    color: #42A9F2 !important;
}


/* ==========================================================
   DROPDOWN AUSSENBOX
   Form bleibt identisch, nur kompakter
   ========================================================== */

#mvnav-final .mvnav-final__dd-panel,
#mvnav-final .mvnav-final__dropdown,
#mvnav-unified-shell .mvnav-shell__dd-panel {
    width: 320px !important;
    padding: 9px !important;
    border-radius: 18px !important;
}


/* ==========================================================
   DROPDOWN-KARTEN
   ========================================================== */

#mvnav-final .mvnav-final__dd-card,
#mvnav-final .mvnav-final__dropdown-card,
#mvnav-unified-shell .mvnav-shell__dd-card {
    grid-template-columns: 42px 1fr 14px !important;

    gap: 10px !important;

    padding: 9px 10px !important;

    border-radius: 14px !important;

    min-height: 60px !important;
}


#mvnav-final .mvnav-final__dd-card + .mvnav-final__dd-card,
#mvnav-final .mvnav-final__dropdown-card + .mvnav-final__dropdown-card,
#mvnav-unified-shell .mvnav-shell__dd-card + .mvnav-shell__dd-card {
    margin-top: 6px !important;
}


/* ==========================================================
   LINKES ICON / BADGE
   ========================================================== */

#mvnav-final .mvnav-final__dd-badge,
#mvnav-final .mvnav-final__dropdown-badge,
#mvnav-unified-shell .mvnav-shell__dd-badge {
    width: 34px !important;
    height: 34px !important;

    border-radius: 10px !important;

    font-size: 11px !important;
    font-weight: 850 !important;
}


/* ==========================================================
   DROPDOWN TITEL
   ========================================================== */

#mvnav-final .mvnav-final__dd-title,
#mvnav-final .mvnav-final__dropdown-title,
#mvnav-unified-shell .mvnav-shell__dd-title {
    font-size: 13px !important;
    font-weight: 800 !important;

    line-height: 1.16 !important;

    margin-bottom: 2px !important;

    letter-spacing: -0.01em !important;
}


/* ==========================================================
   DROPDOWN UNTERZEILE
   ========================================================== */

#mvnav-final .mvnav-final__dd-sub,
#mvnav-final .mvnav-final__dropdown-sub,
#mvnav-unified-shell .mvnav-shell__dd-sub {
    font-size: 11px !important;
    font-weight: 500 !important;

    line-height: 1.28 !important;

    letter-spacing: 0 !important;
}


/* ==========================================================
   PFEIL RECHTS
   ========================================================== */

#mvnav-final .mvnav-final__dd-arrow,
#mvnav-final .mvnav-final__dropdown-arrow,
#mvnav-unified-shell .mvnav-shell__dd-arrow {
    font-size: 12px !important;
}


/* ==========================================================
   DESKTOP: etwas weniger Luft zwischen Menüeinträgen
   ========================================================== */

@media (min-width: 1181px) {

    #mvnav-final .mvnav-final__nav,
    #mvnav-unified-shell .mvnav-shell__nav {
        gap: 3px !important;
    }

}


/* ==========================================================
   MOBILE
   nicht zu klein machen
   ========================================================== */

@media (max-width: 1180px) {

    #mvnav-final .mvnav-final__mobile a,
    #mvnav-final .mvnav-final__mobile button,
    #mvnav-unified-shell .mvnav-shell__mobile a,
    #mvnav-unified-shell .mvnav-shell__mobile button {
        font-size: 13px !important;
        font-weight: 700 !important;
    }

}

/* MOTAVIO_MENU_COMPACT_FINAL_END */


/* MOTAVIO_AUTOHAUS_SOON_FINAL_START */

/* Autohändler OS – sichtbar, aber noch nicht aktiv */

.mvnav-autohaus-soon {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    min-height: 40px !important;
    padding: 5px 12px !important;

    border-radius: 12px !important;

    cursor: default !important;
    pointer-events: none !important;

    user-select: none !important;

    line-height: 1 !important;

    opacity: 1 !important;
}


.mvnav-autohaus-soon__title {
    display: block;

    font-size: 12.5px !important;
    font-weight: 700 !important;

    line-height: 1.05 !important;

    white-space: nowrap;
}


.mvnav-autohaus-soon__status {
    display: block;

    margin-top: 3px !important;

    font-size: 9.5px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    white-space: nowrap;
}


/* LIGHT */

html[data-theme="light"]
.mvnav-autohaus-soon,

html[data-mv-theme="light"]
.mvnav-autohaus-soon {
    background: rgba(10, 31, 54, 0.025) !important;
}


html[data-theme="light"]
.mvnav-autohaus-soon__title,

html[data-mv-theme="light"]
.mvnav-autohaus-soon__title {
    color: #7C8DA0 !important;
}


html[data-theme="light"]
.mvnav-autohaus-soon__status,

html[data-mv-theme="light"]
.mvnav-autohaus-soon__status {
    color: #168FE6 !important;
}


/* DARK */

html[data-theme="dark"]
.mvnav-autohaus-soon,

html[data-mv-theme="dark"]
.mvnav-autohaus-soon,

html.dark
.mvnav-autohaus-soon {
    background: rgba(255,255,255,0.025) !important;
}


html[data-theme="dark"]
.mvnav-autohaus-soon__title,

html[data-mv-theme="dark"]
.mvnav-autohaus-soon__title,

html.dark
.mvnav-autohaus-soon__title {
    color: #91A7BC !important;
}


html[data-theme="dark"]
.mvnav-autohaus-soon__status,

html[data-mv-theme="dark"]
.mvnav-autohaus-soon__status,

html.dark
.mvnav-autohaus-soon__status {
    color: #E5B745 !important;
}


/* Mobile etwas komfortabler */

@media (max-width: 1180px) {

    .mvnav-autohaus-soon {
        width: 100% !important;

        padding: 10px 12px !important;

        min-height: 48px !important;
    }

    .mvnav-autohaus-soon__title {
        font-size: 13px !important;
    }

    .mvnav-autohaus-soon__status {
        font-size: 10px !important;
    }

}

/* MOTAVIO_AUTOHAUS_SOON_FINAL_END */

/* MOTAVIO_COUNTRY_LANGUAGE_MENU_V1_1 */
#mvnav-final .mvnav-final__language-picker {
  position: relative;
  padding: 0;
  overflow: visible;
}

#mvnav-final .mvnav-final__language-summary {
  list-style: none;
  min-width: 48px;
  min-height: 42px;
  height: 100%;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  user-select: none;
  border-radius: inherit;
}

#mvnav-final .mvnav-final__language-summary::-webkit-details-marker {
  display: none;
}

#mvnav-final .mvnav-final__language-summary::marker {
  content: "";
}

#mvnav-final .mvnav-final__language-caret {
  font-size: 11px;
  line-height: 1;
  opacity: .62;
  transform: translateY(-1px);
  transition: transform .16s ease;
}

#mvnav-final .mvnav-final__language-picker[open] .mvnav-final__language-caret {
  transform: rotate(180deg) translateY(1px);
}

#mvnav-final .mvnav-final__language-menu {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  z-index: 3000;
  min-width: 172px;
  padding: 7px;
  background: #fff;
  border: 1px solid #d8e4ed;
  border-radius: 13px;
  box-shadow: 0 16px 42px rgba(6,24,39,.16);
}

#mvnav-final .mvnav-final__language-menu a {
  min-height: 41px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: #071a2c;
  text-decoration: none;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 750;
  white-space: nowrap;
}

#mvnav-final .mvnav-final__language-menu a:hover,
#mvnav-final .mvnav-final__language-menu a:focus-visible {
  color: #0875c9;
  background: #eef7ff;
  outline: none;
}

#mvnav-final .mvnav-final__language-menu small {
  color: #7b8fa0;
  font-size: 11px;
  font-weight: 800;
}

html[data-theme="dark"] #mvnav-final .mvnav-final__language-menu,
html.dark #mvnav-final .mvnav-final__language-menu {
  background: #0a2135;
  border-color: rgba(143,190,225,.18);
  box-shadow: 0 18px 48px rgba(0,0,0,.34);
}

html[data-theme="dark"] #mvnav-final .mvnav-final__language-menu a,
html.dark #mvnav-final .mvnav-final__language-menu a {
  color: #f4f8fb;
}

html[data-theme="dark"] #mvnav-final .mvnav-final__language-menu a:hover,
html[data-theme="dark"] #mvnav-final .mvnav-final__language-menu a:focus-visible,
html.dark #mvnav-final .mvnav-final__language-menu a:hover,
html.dark #mvnav-final .mvnav-final__language-menu a:focus-visible {
  color: #fff;
  background: #0d2b45;
}

@media (max-width: 720px) {
  #mvnav-final .mvnav-final__language-menu {
    right: -4px;
    min-width: 156px;
  }
}