/* ============================================================
   MOTAVIO FAHRZEUGHISTORIE – CONVERSION FINAL

   Nur Fahrzeughistorie-Seite:
   section[data-mv-builder-section^="vehicle_check-"]

   Light:
   - Weiß
   - Deep Navy #071A2C
   - Motavio Blue #168FE6

   Dark:
   - Midnight
   - Weiß
   - Motavio Gold #E2B449
   ============================================================ */


/* ============================================================
   LOKALE VARIABLEN
   ============================================================ */

body.mv-public {
  --vh-blue: #168FE6;
  --vh-blue-dark: #0D78CE;
  --vh-blue-deep: #0A376F;

  --vh-navy: #071A2C;
  --vh-navy-soft: #0B2A3D;

  --vh-gold: #E2B449;
  --vh-gold-light: #F1C85E;
  --vh-gold-dark: #D8A934;

  --vh-white: #FFFFFF;
  --vh-offwhite: #F6FAFD;

  --vh-text-light: #F5F7FA;
  --vh-text-dark: #071A2C;

  --vh-muted-light: #AFC0CB;
  --vh-muted-dark: #526A7D;

  --vh-line-light: #D8E5EE;
  --vh-line-dark: #193447;
}


/* ============================================================
   ALLE FAHRZEUGHISTORIE-ABSCHNITTE
   ============================================================ */

body.mv-public
section[data-mv-builder-section^="vehicle_check-"] {
  position: relative !important;

  width: 100% !important;

  box-sizing: border-box !important;

  scroll-margin-top: 96px;
}


body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
*,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
*::before,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
*::after {
  box-sizing: border-box;
}


/* Einheitliche Inhaltsbreite */

body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.mv-shell,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-shell {
  width:
    min(
      1160px,
      calc(100% - 48px)
    ) !important;

  max-width: 1160px !important;

  margin-left: auto !important;
  margin-right: auto !important;
}


/* ============================================================
   HERO
   ============================================================ */

body.mv-public
section[data-mv-builder-section="vehicle_check-1"],
body.mv-public
.vc2-hero {
  position: relative !important;

  top: auto !important;
  inset: auto !important;

  z-index: auto !important;

  min-height:
    calc(
      100svh
      - var(
          --mv-header-height,
          86px
        )
    ) !important;

  margin: 0 !important;

  padding:
    64px 0
    76px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  overflow: hidden !important;

  border-bottom:
    1px solid
    var(--vh-line-dark) !important;
}


/* Hero-Geometrie */

body.mv-public
section[data-mv-builder-section="vehicle_check-1"]
>
.vc2-shell.vc2-grid,
body.mv-public
.vc2-hero
>
.vc2-shell.vc2-grid {
  width:
    min(
      1220px,
      calc(100% - 48px)
    ) !important;

  max-width: 1220px !important;

  margin: 0 auto !important;

  padding: 0 !important;

  display: grid !important;

  grid-template-columns:
    minmax(0, 1.08fr)
    minmax(330px, 0.92fr) !important;

  gap: 76px !important;

  align-items: center !important;

  justify-items: stretch !important;
}


/* Linke Hero-Spalte */

body.mv-public
.vc2-copy {
  width: 100% !important;

  max-width: 670px !important;

  margin: 0 !important;

  padding: 0 !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: flex-start !important;

  justify-content: center !important;

  text-align: left !important;
}


body.mv-public
.vc2-copy
>
.vc2-kicker {
  min-height: 34px !important;

  margin:
    0 0
    23px !important;

  padding:
    0 17px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  align-self: flex-start !important;

  border:
    1px solid
    rgba(226, 180, 73, 0.32) !important;

  border-radius: 999px !important;

  font-size: 10.5px !important;

  line-height: 1 !important;

  font-weight: 900 !important;

  letter-spacing: 0.08em !important;

  text-align: left !important;
}


body.mv-public
.vc2-copy
>
h1 {
  width: 100% !important;

  max-width: 670px !important;

  margin:
    0 0
    19px !important;

  padding: 0 !important;

  font-size:
    clamp(
      54px,
      4.15vw,
      72px
    ) !important;

  line-height: 0.97 !important;

  letter-spacing: -0.052em !important;

  font-weight: 850 !important;

  text-align: left !important;

  text-wrap: balance !important;
}


body.mv-public
.vc2-copy
>
h1
span,
body.mv-public
.vc2-copy
>
h1
em {
  color: var(--vh-gold) !important;

  font-style: normal !important;

  text-align: inherit !important;
}


body.mv-public
.vc2-copy
>
p {
  width: 100% !important;

  max-width: 625px !important;

  margin: 0 !important;

  padding: 0 !important;

  font-size: 16px !important;

  line-height: 1.65 !important;

  text-align: left !important;
}


/* ============================================================
   CHECK-MODUL IM HERO
   ============================================================ */

body.mv-public
.vc2-box {
  width: 100% !important;

  max-width: 610px !important;

  margin:
    28px 0
    0 !important;

  overflow: hidden !important;

  border:
    1px solid
    var(--vh-line-dark) !important;

  border-radius: 17px !important;

  background: #071722 !important;

  box-shadow:
    0 24px 65px
    rgba(0, 0, 0, 0.24) !important;

  text-align: left !important;
}


body.mv-public
.vc2-tabs {
  min-height: 54px !important;

  padding:
    8px 10px !important;

  display: flex !important;

  align-items: center !important;

  gap: 7px !important;

  background: #0A2133 !important;
}


body.mv-public
.vc2-tabs
button {
  appearance: none !important;

  min-height: 37px !important;

  padding:
    0 17px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  border: 0 !important;

  border-radius: 9px !important;

  background: transparent !important;

  color: #B6C7D1 !important;

  font-family: inherit !important;

  font-size: 12px !important;

  font-weight: 850 !important;

  cursor: pointer !important;
}


body.mv-public
.vc2-tabs
button.active {
  color: #071A2C !important;

  background: #F7FAFC !important;

  box-shadow:
    0 4px 14px
    rgba(0, 0, 0, 0.14) !important;
}


body.mv-public
.vc2-tabs
>
span {
  margin-left: auto !important;

  color: var(--vh-gold) !important;
}


body.mv-public
.vc2-box
form {
  width: 100% !important;

  margin: 0 !important;

  padding: 16px !important;
}


body.mv-public
.vc2-field {
  width: 100% !important;

  min-height: 58px !important;

  display: grid !important;

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

  overflow: hidden !important;

  border:
    1px solid
    #CBD8E3 !important;

  border-radius: 11px !important;

  background: #F8FAFC !important;
}


body.mv-public
.vc2-field[hidden] {
  display: none !important;
}


body.mv-public
.vc2-field
b {
  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  color: #FFFFFF !important;

  background: #123F80 !important;

  font-size: 12px !important;

  font-weight: 900 !important;
}


body.mv-public
.vc2-field
input {
  width: 100% !important;

  min-width: 0 !important;

  min-height: 58px !important;

  margin: 0 !important;

  padding:
    0 17px !important;

  border: 0 !important;

  outline: 0 !important;

  color: #263C54 !important;

  background: #F8FAFC !important;

  font-family: inherit !important;

  font-size: 16px !important;

  font-weight: 750 !important;

  text-align: left !important;
}


body.mv-public
.vc2-field
input::placeholder {
  color: #9EAAB7 !important;

  opacity: 1 !important;
}


body.mv-public
.vc2-submit {
  width: 100% !important;

  min-height: 54px !important;

  margin:
    13px 0
    0 !important;

  padding:
    0 20px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 10px !important;

  border: 0 !important;

  border-radius: 11px !important;

  color: #FFFFFF !important;

  background:
    linear-gradient(
      180deg,
      #215AA4 0%,
      #123F80 100%
    ) !important;

  box-shadow:
    0 12px 26px
    rgba(18, 63, 128, 0.24) !important;

  font-family: inherit !important;

  font-size: 14px !important;

  font-weight: 900 !important;

  text-align: center !important;

  cursor: pointer !important;
}


body.mv-public
.vc2-submit:hover {
  filter: brightness(1.06) !important;

  transform: translateY(-1px);
}


body.mv-public
.vc2-box
footer {
  min-height: 37px !important;

  margin:
    8px 0
    0 !important;

  padding:
    11px 0
    0 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 11px !important;

  border-top:
    1px solid
    rgba(132, 165, 187, 0.14) !important;

  color: #8DA1AD !important;

  font-size: 9.5px !important;

  font-weight: 800 !important;

  text-align: center !important;
}


/* ============================================================
   RECHTES HERO-MOTIV
   ============================================================ */

body.mv-public
.vc2-visual {
  width: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  display: grid !important;

  justify-items: center !important;

  align-items: center !important;

  align-content: center !important;

  text-align: center !important;
}


body.mv-public
.vc2-ring {
  width: 310px !important;

  height: 310px !important;

  min-width: 310px !important;

  max-width: 310px !important;

  margin: 0 auto !important;

  padding: 12px !important;

  border-radius: 50% !important;

  background:
    repeating-conic-gradient(
      var(--vh-gold) 0 3deg,
      transparent 3deg 8deg
    ) !important;

  box-shadow:
    0 28px 75px
    rgba(0, 0, 0, 0.22) !important;
}


body.mv-public
.vc2-inner {
  width: 100% !important;

  height: 100% !important;

  padding: 18px !important;

  border-radius: 50% !important;

  background: #04121C !important;
}


body.mv-public
.vc2-shield {
  border-color: var(--vh-gold) !important;
}


body.mv-public
.vc2-visual
>
small {
  margin:
    12px auto
    0 !important;

  color: #8297A4 !important;

  font-size: 9px !important;

  font-weight: 850 !important;

  letter-spacing: 0.13em !important;

  text-align: center !important;
}


/* ============================================================
   ABSCHNITTE UNTER DEM HERO
   ============================================================ */

body.mv-public
section[data-mv-builder-section="vehicle_check-2"],
body.mv-public
section[data-mv-builder-section="vehicle_check-3"],
body.mv-public
section[data-mv-builder-section="vehicle_check-4"],
body.mv-public
section[data-mv-builder-section="vehicle_check-5"],
body.mv-public
section[data-mv-builder-section="vehicle_check-6"] {
  padding:
    96px 0 !important;

  border-bottom:
    1px solid
    var(--vh-line-dark) !important;
}


body.mv-public
section[data-mv-builder-section="vehicle_check-2"],
body.mv-public
section[data-mv-builder-section="vehicle_check-4"],
body.mv-public
section[data-mv-builder-section="vehicle_check-6"] {
  background: #06111A !important;
}


body.mv-public
section[data-mv-builder-section="vehicle_check-3"],
body.mv-public
section[data-mv-builder-section="vehicle_check-5"] {
  background: #030A11 !important;
}


/* Abschnittsüberschriften */

body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.mv-kicker,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-kicker {
  width: max-content !important;

  margin:
    0 auto
    17px !important;

  color: var(--vh-gold) !important;

  text-align: center !important;
}


body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
h2 {
  max-width: 790px !important;

  margin:
    0 auto
    17px !important;

  color: #F5F7FA !important;

  font-size:
    clamp(
      38px,
      3.5vw,
      54px
    ) !important;

  line-height: 1.04 !important;

  letter-spacing: -0.04em !important;

  text-align: center !important;

  text-wrap: balance !important;
}


body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
h2
+
p {
  max-width: 720px !important;

  margin:
    0 auto
    40px !important;

  color: #AFC0CB !important;

  font-size: 16px !important;

  line-height: 1.65 !important;

  text-align: center !important;
}


/* ============================================================
   KARTEN – DARK
   ============================================================ */

body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-card,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-feature,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-step,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-report-card {
  padding: 27px !important;

  overflow: hidden !important;

  border:
    1px solid
    #1B3649 !important;

  border-radius: 20px !important;

  color: #EAF1F4 !important;

  background:
    linear-gradient(
      145deg,
      #091B28 0%,
      #06131D 100%
    ) !important;

  box-shadow:
    0 16px 44px
    rgba(0, 0, 0, 0.18) !important;

  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease !important;
}


body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article:hover,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-card:hover,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-feature:hover,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-step:hover {
  transform: translateY(-3px) !important;

  border-color:
    rgba(226, 180, 73, 0.38) !important;

  box-shadow:
    0 24px 60px
    rgba(0, 0, 0, 0.26) !important;
}


body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article
h3,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-card
h3,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-feature
h3,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-step
h3 {
  margin:
    14px 0
    10px !important;

  color: #F5F7FA !important;

  font-size: 19px !important;

  line-height: 1.25 !important;

  font-weight: 800 !important;

  letter-spacing: -0.02em !important;
}


body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article
p,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-card
p,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-feature
p,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-step
p {
  margin: 0 !important;

  color: #A8BBC7 !important;

  font-size: 14px !important;

  line-height: 1.65 !important;
}


/* Nummern und Icons */

body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article
>
b:first-child,
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article
>
span:first-child {
  color: var(--vh-gold) !important;

  font-size: 11px !important;

  font-weight: 900 !important;

  letter-spacing: 0.06em !important;
}


/* ============================================================
   ABSCHNITT 2 – SECHS BERICHTSKATEGORIEN
   ============================================================ */

body.mv-public
section[data-mv-builder-section="vehicle_check-2"]
article,
body.mv-public
section[data-mv-builder-section="vehicle_check-2"]
.vcx-card,
body.mv-public
section[data-mv-builder-section="vehicle_check-2"]
.vcx-feature {
  min-height: 176px !important;
}


/* ============================================================
   ABSCHNITT 3 – AUFFÄLLIGKEITEN
   ============================================================ */

body.mv-public
section[data-mv-builder-section="vehicle_check-3"]
>
.mv-shell,
body.mv-public
section[data-mv-builder-section="vehicle_check-3"]
>
.vcx-shell {
  display: grid !important;

  grid-template-columns:
    minmax(0, 0.86fr)
    minmax(0, 1.14fr) !important;

  gap: 70px !important;

  align-items: center !important;
}


body.mv-public
section[data-mv-builder-section="vehicle_check-3"]
.mv-kicker,
body.mv-public
section[data-mv-builder-section="vehicle_check-3"]
.vcx-kicker,
body.mv-public
section[data-mv-builder-section="vehicle_check-3"]
h2,
body.mv-public
section[data-mv-builder-section="vehicle_check-3"]
h2
+
p {
  margin-left: 0 !important;

  margin-right: 0 !important;

  text-align: left !important;
}


body.mv-public
section[data-mv-builder-section="vehicle_check-3"]
article {
  min-height: 0 !important;

  padding: 23px !important;
}


/* ============================================================
   ABSCHNITT 4 – VIER SCHRITTE
   ============================================================ */

body.mv-public
section[data-mv-builder-section="vehicle_check-4"]
article,
body.mv-public
section[data-mv-builder-section="vehicle_check-4"]
.vcx-step {
  min-height: 225px !important;
}


/* ============================================================
   ABSCHNITT 5 – PREIS
   ============================================================ */

body.mv-public
section[data-mv-builder-section="vehicle_check-5"]
.vcx-price-card,
body.mv-public
section[data-mv-builder-section="vehicle_check-5"]
article {
  max-width: 900px !important;

  margin-left: auto !important;

  margin-right: auto !important;

  padding:
    36px 40px !important;

  border-color:
    rgba(226, 180, 73, 0.32) !important;

  background:
    linear-gradient(
      135deg,
      #0A1E2C 0%,
      #06131D 100%
    ) !important;
}


body.mv-public
section[data-mv-builder-section="vehicle_check-5"]
strong,
body.mv-public
section[data-mv-builder-section="vehicle_check-5"]
b {
  color: var(--vh-gold) !important;
}


/* ============================================================
   ABSCHNITT 6 – FAQ
   ============================================================ */

body.mv-public
section[data-mv-builder-section="vehicle_check-6"]
details {
  max-width: 900px !important;

  margin:
    0 auto
    12px !important;

  overflow: hidden !important;

  border:
    1px solid
    #1B3649 !important;

  border-radius: 15px !important;

  color: #EAF1F4 !important;

  background: #081722 !important;

  box-shadow:
    0 12px 34px
    rgba(0, 0, 0, 0.13) !important;
}


body.mv-public
section[data-mv-builder-section="vehicle_check-6"]
summary {
  min-height: 62px !important;

  padding:
    0 21px !important;

  display: flex !important;

  align-items: center !important;

  color: #F5F7FA !important;

  font-size: 15px !important;

  font-weight: 800 !important;

  cursor: pointer !important;
}


body.mv-public
section[data-mv-builder-section="vehicle_check-6"]
details
p {
  padding:
    0 21px
    21px !important;

  color: #A8BBC7 !important;
}


/* ============================================================
   ABSCHNITT 7 – FINAL CTA
   ============================================================ */

body.mv-public
section[data-mv-builder-section="vehicle_check-7"] {
  padding:
    90px 0 !important;

  color: #F5F7FA !important;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(226, 180, 73, 0.09),
      transparent 43%
    ),
    #030A11 !important;

  border-bottom:
    1px solid
    #193447 !important;

  text-align: center !important;
}


body.mv-public
section[data-mv-builder-section="vehicle_check-7"]
h2 {
  color: #F5F7FA !important;
}


body.mv-public
section[data-mv-builder-section="vehicle_check-7"]
p {
  color: #AFC0CB !important;
}


body.mv-public
section[data-mv-builder-section="vehicle_check-7"]
a {
  min-height: 52px !important;

  margin:
    12px auto
    0 !important;

  padding:
    0 24px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  border-radius: 13px !important;

  color: #071019 !important;

  background:
    linear-gradient(
      180deg,
      var(--vh-gold-light) 0%,
      var(--vh-gold-dark) 100%
    ) !important;

  box-shadow:
    0 15px 38px
    rgba(226, 180, 73, 0.18) !important;

  font-size: 14px !important;

  font-weight: 900 !important;

  text-decoration: none !important;
}


/* ============================================================
   LIGHT MODE – VOLLSTÄNDIG LESBAR
   ============================================================ */

html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-1"],
html[data-mv-theme="light"]
body.mv-public
.vc2-hero {
  border-bottom-color:
    #DCE7EF !important;

  background:
    radial-gradient(
      circle at 67% 48%,
      rgba(22, 143, 230, 0.12),
      transparent 28%
    ),
    repeating-radial-gradient(
      circle at 67% 48%,
      rgba(22, 143, 230, 0.035) 0 1px,
      transparent 1px 25px
    ),
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FAFCFE 100%
    ) !important;
}


html[data-mv-theme="light"]
body.mv-public
.vc2-copy
>
.vc2-kicker {
  color: var(--vh-blue) !important;

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

  background:
    rgba(22, 143, 230, 0.035) !important;
}


html[data-mv-theme="light"]
body.mv-public
.vc2-copy
>
h1 {
  color: var(--vh-navy) !important;
}


html[data-mv-theme="light"]
body.mv-public
.vc2-copy
>
h1
span,
html[data-mv-theme="light"]
body.mv-public
.vc2-copy
>
h1
em {
  color: var(--vh-blue) !important;
}


html[data-mv-theme="light"]
body.mv-public
.vc2-copy
>
p {
  color: var(--vh-muted-dark) !important;
}


/* Light Form */

html[data-mv-theme="light"]
body.mv-public
.vc2-box {
  border-color:
    #D5E3ED !important;

  background:
    #FFFFFF !important;

  box-shadow:
    0 24px 65px
    rgba(7, 26, 44, 0.12) !important;
}


html[data-mv-theme="light"]
body.mv-public
.vc2-tabs {
  background:
    linear-gradient(
      135deg,
      #0A376F 0%,
      #0C4B8F 100%
    ) !important;
}


html[data-mv-theme="light"]
body.mv-public
.vc2-tabs
button {
  color: #D9E9F5 !important;
}


html[data-mv-theme="light"]
body.mv-public
.vc2-tabs
button.active {
  color: #071A2C !important;

  background: #FFFFFF !important;
}


html[data-mv-theme="light"]
body.mv-public
.vc2-tabs
>
span {
  color: #8CCEFF !important;
}


html[data-mv-theme="light"]
body.mv-public
.vc2-submit {
  color: #FFFFFF !important;

  background:
    linear-gradient(
      180deg,
      #249BF0 0%,
      #117ED1 100%
    ) !important;

  box-shadow:
    0 13px 30px
    rgba(22, 143, 230, 0.22) !important;
}


html[data-mv-theme="light"]
body.mv-public
.vc2-box
footer {
  color: #657C8D !important;

  border-top-color:
    #E3EBF1 !important;
}


/* Light Visual */

html[data-mv-theme="light"]
body.mv-public
.vc2-ring {
  background:
    repeating-conic-gradient(
      var(--vh-blue) 0 3deg,
      transparent 3deg 8deg
    ) !important;

  box-shadow:
    0 27px 70px
    rgba(7, 26, 44, 0.13) !important;
}


html[data-mv-theme="light"]
body.mv-public
.vc2-inner {
  background: #F4F9FC !important;
}


html[data-mv-theme="light"]
body.mv-public
.vc2-shield {
  border-color:
    var(--vh-blue) !important;

  background:
    radial-gradient(
      circle at 50% 42%,
      #E8F5FC,
      #D5ECF8 58%,
      #C5E4F3
    ) !important;
}


html[data-mv-theme="light"]
body.mv-public
.vc2-visual
>
small {
  color: #526A7D !important;
}


/* Light Abschnittsflächen */

html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-2"],
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-4"],
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-6"] {
  border-bottom-color:
    #DFE9F0 !important;

  background:
    #F5F9FC !important;
}


html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-3"],
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-5"] {
  border-bottom-color:
    #DFE9F0 !important;

  background:
    #FFFFFF !important;
}


/* Light Abschnittstitel */

html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.mv-kicker,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-kicker {
  color: var(--vh-blue) !important;

  border-color:
    rgba(22, 143, 230, 0.24) !important;
}


html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
h2 {
  color: var(--vh-navy) !important;
}


html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
h2
+
p {
  color: var(--vh-muted-dark) !important;
}


/* Light Karten – wichtigster Lesbarkeits-Fix */

html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-card,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-feature,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-step,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-report-card {
  color: #183247 !important;

  border-color:
    #D8E5EE !important;

  background:
    #FFFFFF !important;

  box-shadow:
    0 15px 42px
    rgba(7, 26, 44, 0.07) !important;
}


html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article:hover,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-card:hover,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-feature:hover,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-step:hover {
  border-color:
    rgba(22, 143, 230, 0.38) !important;

  box-shadow:
    0 23px 58px
    rgba(7, 26, 44, 0.115) !important;
}


html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article
h2,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article
h3,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article
strong,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-card
h3,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-feature
h3,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-step
h3 {
  color: var(--vh-navy) !important;
}


html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article
p,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article
li,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article
small,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-card
p,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-feature
p,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
.vcx-step
p {
  color: #526A7D !important;
}


html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article
>
b:first-child,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section^="vehicle_check-"]
article
>
span:first-child {
  color: var(--vh-blue) !important;
}


/* Light Price Card darf bewusst Navy bleiben */

html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-5"]
.vcx-price-card,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-5"]
article {
  color: #F5F7FA !important;

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

  background:
    linear-gradient(
      135deg,
      #0B2A3D 0%,
      #071A2C 100%
    ) !important;

  box-shadow:
    0 22px 58px
    rgba(7, 26, 44, 0.18) !important;
}


html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-5"]
article
h2,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-5"]
article
h3,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-5"]
article
strong {
  color: #FFFFFF !important;
}


html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-5"]
article
p,
html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-5"]
article
small {
  color: #B8CAD5 !important;
}


html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-5"]
article
b {
  color: #70C2FF !important;
}


/* Light FAQ */

html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-6"]
details {
  color: #183247 !important;

  border-color:
    #D8E5EE !important;

  background:
    #FFFFFF !important;

  box-shadow:
    0 12px 34px
    rgba(7, 26, 44, 0.055) !important;
}


html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-6"]
summary {
  color: var(--vh-navy) !important;
}


html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-6"]
details
p {
  color: #526A7D !important;
}


/* Light Final CTA */

html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-7"] {
  color: #FFFFFF !important;

  border-bottom-color:
    #0D78CE !important;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255, 255, 255, 0.15),
      transparent 45%
    ),
    linear-gradient(
      135deg,
      #168FE6 0%,
      #0D78CE 100%
    ) !important;
}


html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-7"]
h2 {
  color: #FFFFFF !important;
}


html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-7"]
p {
  color: #E3F3FF !important;
}


html[data-mv-theme="light"]
body.mv-public
section[data-mv-builder-section="vehicle_check-7"]
a {
  color: #071A2C !important;

  background: #FFFFFF !important;

  box-shadow:
    0 15px 38px
    rgba(7, 26, 44, 0.17) !important;
}


/* ============================================================
   TABLET / BUILDER-VORSCHAU
   ============================================================ */

@media
(min-width: 901px)
and
(max-width: 1220px) {

  body.mv-public
  section[data-mv-builder-section="vehicle_check-1"],
  body.mv-public
  .vc2-hero {
    min-height:
      calc(
        100svh
        - 78px
      ) !important;

    padding:
      48px 0
      58px !important;
  }


  body.mv-public
  section[data-mv-builder-section="vehicle_check-1"]
  >
  .vc2-shell.vc2-grid,
  body.mv-public
  .vc2-hero
  >
  .vc2-shell.vc2-grid {
    width:
      calc(
        100%
        - 34px
      ) !important;

    grid-template-columns:
      minmax(0, 1.05fr)
      minmax(260px, 0.75fr) !important;

    gap: 36px !important;
  }


  body.mv-public
  .vc2-copy
  >
  h1 {
    font-size:
      clamp(
        48px,
        5.4vw,
        60px
      ) !important;
  }


  body.mv-public
  .vc2-ring {
    width: 250px !important;
    height: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
  }


  body.mv-public
  section[data-mv-builder-section="vehicle_check-3"]
  >
  .mv-shell,
  body.mv-public
  section[data-mv-builder-section="vehicle_check-3"]
  >
  .vcx-shell {
    gap: 40px !important;
  }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width: 900px) {

  body.mv-public
  section[data-mv-builder-section="vehicle_check-1"],
  body.mv-public
  .vc2-hero {
    min-height: auto !important;

    padding:
      48px 0
      58px !important;
  }


  body.mv-public
  section[data-mv-builder-section="vehicle_check-1"]
  >
  .vc2-shell.vc2-grid,
  body.mv-public
  .vc2-hero
  >
  .vc2-shell.vc2-grid {
    width:
      calc(
        100%
        - 28px
      ) !important;

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

    gap: 40px !important;
  }


  body.mv-public
  .vc2-copy {
    max-width: 680px !important;

    margin:
      0 auto !important;

    align-items: center !important;

    text-align: center !important;
  }


  body.mv-public
  .vc2-copy
  >
  .vc2-kicker {
    align-self: center !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  body.mv-public
  .vc2-copy
  >
  h1,
  body.mv-public
  .vc2-copy
  >
  p {
    max-width: 100% !important;

    text-align: center !important;
  }


  body.mv-public
  .vc2-copy
  >
  h1 {
    font-size:
      clamp(
        43px,
        11.5vw,
        57px
      ) !important;
  }


  body.mv-public
  .vc2-box {
    max-width: 620px !important;

    margin:
      25px auto
      0 !important;
  }


  body.mv-public
  .vc2-ring {
    width: 235px !important;
    height: 235px !important;
    min-width: 235px !important;
    max-width: 235px !important;
  }


  body.mv-public
  section[data-mv-builder-section="vehicle_check-2"],
  body.mv-public
  section[data-mv-builder-section="vehicle_check-3"],
  body.mv-public
  section[data-mv-builder-section="vehicle_check-4"],
  body.mv-public
  section[data-mv-builder-section="vehicle_check-5"],
  body.mv-public
  section[data-mv-builder-section="vehicle_check-6"] {
    padding:
      72px 0 !important;
  }


  body.mv-public
  section[data-mv-builder-section="vehicle_check-3"]
  >
  .mv-shell,
  body.mv-public
  section[data-mv-builder-section="vehicle_check-3"]
  >
  .vcx-shell {
    grid-template-columns:
      minmax(0, 1fr) !important;

    gap: 34px !important;
  }


  body.mv-public
  section[data-mv-builder-section="vehicle_check-3"]
  .mv-kicker,
  body.mv-public
  section[data-mv-builder-section="vehicle_check-3"]
  .vcx-kicker,
  body.mv-public
  section[data-mv-builder-section="vehicle_check-3"]
  h2,
  body.mv-public
  section[data-mv-builder-section="vehicle_check-3"]
  h2
  +
  p {
    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
  }


  body.mv-public
  section[data-mv-builder-section^="vehicle_check-"]
  article,
  body.mv-public
  section[data-mv-builder-section^="vehicle_check-"]
  .vcx-card,
  body.mv-public
  section[data-mv-builder-section^="vehicle_check-"]
  .vcx-feature,
  body.mv-public
  section[data-mv-builder-section^="vehicle_check-"]
  .vcx-step {
    min-height: 0 !important;
  }

}


/* ============================================================
   KLEINES MOBILE
   ============================================================ */

@media(max-width: 560px) {

  body.mv-public
  section[data-mv-builder-section="vehicle_check-1"]
  >
  .vc2-shell.vc2-grid,
  body.mv-public
  .vc2-hero
  >
  .vc2-shell.vc2-grid {
    width:
      calc(
        100%
        - 22px
      ) !important;
  }


  body.mv-public
  .vc2-copy
  >
  h1 {
    font-size:
      clamp(
        38px,
        11.8vw,
        48px
      ) !important;
  }


  body.mv-public
  .vc2-copy
  >
  p {
    font-size: 15px !important;
  }


  body.mv-public
  .vc2-tabs {
    padding:
      7px 8px !important;
  }


  body.mv-public
  .vc2-tabs
  button {
    padding:
      0 12px !important;
  }


  body.mv-public
  .vc2-box
  form {
    padding: 12px !important;
  }


  body.mv-public
  .vc2-ring {
    width: 205px !important;
    height: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
  }


  body.mv-public
  section[data-mv-builder-section^="vehicle_check-"]
  h2 {
    font-size:
      clamp(
        34px,
        10vw,
        44px
      ) !important;
  }


  body.mv-public
  section[data-mv-builder-section="vehicle_check-5"]
  .vcx-price-card,
  body.mv-public
  section[data-mv-builder-section="vehicle_check-5"]
  article {
    padding:
      28px 22px !important;
  }

}