:root{
  --bg:#03080d;
  --bg-soft:#061017;
  --panel:#071523;
  --panel2:#0a1d2e;

  --line:rgba(105,140,190,.22);
  --line-soft:rgba(255,255,255,.07);

  --text:#f4f7f8;
  --muted:rgba(236,242,244,.74);
  --muted-soft:rgba(236,242,244,.56);

  --gold:#e2b449;
  --gold-light:#f1c85e;

  --cyan:#00c2cb;
  --blue:#1cc8ff;

  --shadow:0 28px 90px rgba(0,0,0,.36);
  --radius:26px;
}


*{
  box-sizing:border-box;
}


html{
  scroll-behavior:smooth;
  font-size:16px;

  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;

  background:var(--bg);
}


body.mv-public{
  margin:0;

  zoom:1.08;

  background:
    radial-gradient(
      circle at 50% -12%,
      rgba(0,194,203,.065),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #03080d 0%,
      #061017 44%,
      #03080d 100%
    );

  color:var(--text);

  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif;

  overflow-x:hidden;
}


a{
  color:inherit;
}


.mv-skip{
  position:absolute;
  left:-9999px;
}


.mv-skip:focus{
  left:16px;
  top:16px;
  z-index:5000;

  padding:10px 14px;

  border-radius:10px;

  background:#fff;
  color:#000;
}


section{
  scroll-margin-top:118px;
}


.mv-container,
.mv-shell{
  width:
    min(
      1180px,
      calc(100% - 56px)
    );

  margin:0 auto;
}


/* ==========================================================
   HEADER
   ========================================================== */

.mv-site-header{
  position:sticky;
  top:0;

  z-index:1000;

  min-height:92px;

  background:
    rgba(3,8,13,.975);

  border-bottom:
    1px solid rgba(255,255,255,.06);

  backdrop-filter:
    blur(18px);
}


.mv-header-inner{
  width:
    min(
      1280px,
      calc(100% - 56px)
    );

  min-height:92px;

  margin:0 auto;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:24px;
}


.mv-brand{
  display:inline-flex;

  align-items:center;

  gap:12px;

  padding:
    9px 12px 9px 9px;

  border-radius:13px;

  background:#061724;

  text-decoration:none;
}


.mv-brand-icon{
  width:50px;
  height:50px;

  border-radius:12px;

  display:grid;

  place-items:center;

  background:#082b40;

  border:
    1px solid rgba(0,194,203,.24);

  color:var(--cyan);

  font-size:19px;

  font-weight:950;

  box-shadow:
    0 0 24px rgba(0,194,203,.08);
}


.mv-brand strong{
  color:#fff;

  font-size:23px;

  line-height:1;

  font-weight:950;

  letter-spacing:-.025em;
}


.mv-main-nav{
  display:flex;

  align-items:center;

  gap:8px;

  padding:7px;

  border-radius:999px;

  border:
    1px solid rgba(255,255,255,.075);

  background:
    rgba(255,255,255,.035);

  box-shadow:
    0 18px 48px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.035);
}


.mv-main-nav a{
  min-height:40px;

  padding:0 14px;

  border-radius:999px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  color:
    rgba(244,247,248,.90);

  text-decoration:none;

  font-size:12px;

  font-weight:950;

  letter-spacing:.055em;

  background:
    rgba(255,255,255,.035);

  border:
    1px solid transparent;

  white-space:nowrap;

  transition:.18s ease;
}


.mv-main-nav a:hover{
  transform:
    translateY(-1px);

  color:#fff;

  background:
    rgba(0,194,203,.10);

  border-color:
    rgba(0,194,203,.24);
}


.mv-main-nav .mv-login{
  color:#081019;

  background:
    linear-gradient(
      180deg,
      #f1c85e,
      #d8a934
    );

  border-color:
    rgba(226,180,73,.50);

  box-shadow:
    0 10px 24px rgba(226,180,73,.20);
}


.mv-header-tools{
  display:flex;

  align-items:center;

  gap:5px;
}


.mv-lang-switch,
.mv-theme-switch{
  display:flex;

  align-items:center;

  gap:2px;

  padding:3px;

  border:
    1px solid rgba(255,255,255,.08);

  border-radius:10px;

  background:#0e1319;
}


.mv-lang-switch span{
  font-size:9px;

  color:#596771;
}


.mv-lang-switch button,
.mv-theme-switch button{
  height:27px;

  min-width:27px;

  padding:0 6px;

  border:0;

  border-radius:7px;

  background:transparent;

  color:#9db0bc;

  font:inherit;

  font-size:9px;

  font-weight:850;

  cursor:pointer;
}


.mv-theme-switch button{
  font-size:12px;
}


.mv-lang-switch button.is-active,
.mv-theme-switch button.is-active{
  background:#082b40;

  color:var(--cyan);
}


.mv-burger{
  display:none;
}


.mv-mobile-menu{
  display:grid;

  gap:8px;

  padding:18px 20px;

  background:#050d14;

  border-top:
    1px solid var(--line-soft);
}


.mv-mobile-menu a{
  padding:12px;

  border-radius:10px;

  text-decoration:none;

  font-size:12px;

  font-weight:900;
}


.mv-mobile-login{
  color:var(--gold)!important;
}


.mv-mobile-tools{
  display:flex;

  gap:10px;

  padding:8px 12px;
}


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

.mv-hero{
  position:relative;

  width:100%;

  min-height:
    clamp(
      680px,
      calc(100svh - 92px),
      790px
    );

  padding:
    clamp(64px,7vh,84px)
    0
    clamp(60px,6vh,76px);

  display:flex;

  align-items:center;

  overflow:hidden;

  background:
    radial-gradient(
      circle at 25% 42%,
      rgba(0,187,199,.125),
      transparent 33%
    ),
    radial-gradient(
      circle at 70% 47%,
      rgba(226,180,73,.085),
      transparent 31%
    ),
    linear-gradient(
      180deg,
      #061017 0%,
      #07141c 48%,
      #03080d 100%
    );
}


.mv-hero:before{
  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(3,8,13,.18),
      transparent 28%,
      transparent 72%,
      rgba(3,8,13,.20)
    ),
    radial-gradient(
      ellipse at center,
      transparent 20%,
      rgba(0,0,0,.22) 100%
    );
}


.mv-hero:after{
  content:"";

  position:absolute;

  left:50%;

  bottom:0;

  width:
    min(
      1180px,
      calc(100% - 56px)
    );

  height:1px;

  transform:
    translateX(-50%);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(226,180,73,.30),
      rgba(0,187,199,.20),
      rgba(226,180,73,.30),
      transparent
    );

  box-shadow:
    0 0 30px rgba(226,180,73,.08),
    0 0 38px rgba(0,187,199,.06);
}


.mv-hero-inner{
  position:relative;

  z-index:2;

  width:
    min(
      1380px,
      calc(100% - 56px)
    );

  margin:0 auto;

  display:grid;

  grid-template-columns:
    minmax(0,1.04fr)
    minmax(0,.96fr);

  gap:
    clamp(
      38px,
      3.4vw,
      54px
    );

  align-items:center;
}


.mv-hero-copy{
  width:100%;

  max-width:760px;

  margin:0 auto;

  justify-self:center;

  text-align:center;
}


.mv-eyebrow{
  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-height:34px;

  padding:0 18px;

  border-radius:999px;

  color:var(--gold-light);

  border:
    1px solid rgba(226,180,73,.30);

  background:
    rgba(226,180,73,.075);

  font-size:12px;

  font-weight:950;

  letter-spacing:.13em;

  box-shadow:
    0 0 28px rgba(226,180,73,.08);
}


.mv-hero h1{
  width:100%;

  max-width:760px;

  margin:
    24px auto 22px;

  color:#f7f8f9;

  font-size:
    clamp(
      56px,
      4.45vw,
      76px
    );

  line-height:.92;

  letter-spacing:-.066em;

  font-weight:950;

  text-align:center;
}


.mv-hero h1 span{
  color:var(--gold);

  background:
    linear-gradient(
      180deg,
      #f1c85d,
      #daa930
    );

  -webkit-background-clip:text;
  background-clip:text;

  -webkit-text-fill-color:transparent;

  text-shadow:
    0 0 32px rgba(226,180,73,.085);
}


.mv-hero p{
  width:100%;

  max-width:720px;

  margin:0 auto;

  color:var(--muted);

  font-size:16px;

  line-height:1.65;

  text-align:center;
}


.mv-hero-actions{
  margin-top:28px;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:13px;

  flex-wrap:wrap;
}


.mv-btn{
  min-height:50px;

  padding:0 27px;

  border-radius:999px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  text-decoration:none;

  font-size:14px;

  line-height:1;

  font-weight:950;

  border:
    1px solid transparent;

  transition:.18s ease;
}


.mv-btn:hover{
  transform:
    translateY(-2px);
}


.mv-btn-primary{
  color:#081019;

  background:
    linear-gradient(
      180deg,
      #f2c75b,
      #d9a936
    );

  border-color:
    rgba(242,199,91,.34);

  box-shadow:
    0 16px 38px rgba(226,180,73,.18),
    inset 0 1px 0 rgba(255,255,255,.25);
}


.mv-btn-secondary{
  color:#fff;

  background:
    linear-gradient(
      180deg,
      rgba(10,26,42,.94),
      rgba(5,14,25,.98)
    );

  border-color:
    rgba(92,132,183,.26);

  box-shadow:
    0 16px 38px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.035);
}


.mv-hero-trust{
  display:flex;

  justify-content:center;

  gap:8px;

  flex-wrap:wrap;

  margin-top:20px;
}


.mv-hero-trust span{
  min-height:30px;

  padding:0 12px;

  border-radius:999px;

  display:inline-flex;

  align-items:center;

  border:
    1px solid rgba(0,194,203,.22);

  background:
    rgba(4,31,40,.66);

  color:#d8e4e9;

  font-size:9px;

  font-weight:800;
}


.mv-hero-visual{
  position:relative;

  width:100%;

  min-width:0;

  justify-self:end;
}


.mv-hero-visual:before{
  content:"";

  position:absolute;

  left:50%;

  top:54%;

  width:88%;

  height:48%;

  transform:
    translate(-50%,-50%);

  background:
    radial-gradient(
      circle at center,
      rgba(0,187,199,.18),
      transparent 61%
    ),
    radial-gradient(
      circle at 52% 80%,
      rgba(226,180,73,.14),
      transparent 58%
    );

  filter:
    blur(34px);

  opacity:.78;

  pointer-events:none;
}


.mv-dashboard-frame{
  position:relative;

  z-index:2;

  width:
    min(
      100%,
      820px
    );

  margin:0 auto;

  padding:11px;

  border-radius:29px;

  border:
    1px solid rgba(226,180,73,.20);

  background:
    radial-gradient(
      circle at 12% 0%,
      rgba(0,187,199,.11),
      transparent 36%
    ),
    linear-gradient(
      180deg,
      rgba(11,24,37,.92),
      rgba(4,10,17,.98)
    );

  box-shadow:
    0 32px 90px rgba(0,0,0,.46),
    0 0 48px rgba(0,187,199,.09),
    0 0 36px rgba(226,180,73,.065),
    inset 0 1px 0 rgba(255,255,255,.055);
}


.mv-dashboard{
  display:grid;

  grid-template-columns:
    92px
    1fr;

  overflow:hidden;

  border-radius:21px;

  border:
    1px solid rgba(105,140,190,.25);

  background:#061017;
}


.mv-dashboard > aside{
  padding:
    16px 9px;

  background:
    linear-gradient(
      180deg,
      #061925,
      #031019
    );
}


.mv-dash-logo{
  width:36px;

  height:36px;

  margin-bottom:18px;

  border-radius:10px;

  display:grid;

  place-items:center;

  background:#083247;

  color:var(--cyan);

  border:
    1px solid rgba(0,194,203,.23);

  font-size:13px;

  font-weight:950;
}


.mv-dashboard aside nav{
  display:grid;

  gap:6px;
}


.mv-dashboard aside nav span{
  min-height:27px;

  padding:0 7px;

  display:flex;

  align-items:center;

  border-radius:7px;

  color:#9fb5c0;

  font-size:8px;

  font-weight:750;
}


.mv-dashboard aside nav span.active{
  background:#07384a;

  color:var(--cyan);
}


.mv-dashboard > main{
  padding:18px;

  background:
    linear-gradient(
      180deg,
      #07151f,
      #051019
    );
}


.mv-dash-head{
  display:flex;

  justify-content:space-between;

  align-items:flex-start;
}


.mv-dash-head small{
  display:block;

  margin-bottom:4px;

  color:#8298a4;

  font-size:8px;
}


.mv-dash-head h3{
  margin:0;

  color:#f7f9fb;

  font-size:22px;

  line-height:1.1;

  font-weight:950;
}


.mv-avatar{
  width:29px;
  height:29px;

  display:grid;

  place-items:center;

  border-radius:50%;

  background:#e7b95e;

  color:#2e210a;

  font-size:10px;

  font-weight:950;
}


.mv-dash-stats{
  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:8px;

  margin-top:14px;
}


.mv-dash-stats article,
.mv-dash-mid article,
.mv-dash-car{
  border:
    1px solid #173043;

  background:#06141e;

  border-radius:12px;
}


.mv-dash-stats article{
  padding:11px;
}


.mv-dash-stats small,
.mv-dash-mid small{
  display:block;

  margin-bottom:6px;

  color:#8198a4;

  font-size:7px;
}


.mv-dash-stats strong{
  display:block;

  color:#f7f9fb;

  font-size:16px;

  line-height:1;
}


.mv-dash-stats em{
  display:block;

  margin-top:7px;

  color:#728a96;

  font-size:7px;

  font-style:normal;
}


.mv-dash-mid{
  display:grid;

  grid-template-columns:
    1.1fr
    .9fr;

  gap:8px;

  margin-top:8px;
}


.mv-dash-mid article{
  padding:11px;
}


.mv-dash-mid ul{
  margin:0;

  padding-left:15px;

  color:#ccd9df;

  font-size:8px;

  line-height:1.8;
}


.mv-bars{
  height:62px;

  display:flex;

  gap:5px;

  align-items:flex-end;
}


.mv-bars i{
  flex:1;

  border-radius:
    5px 5px 0 0;

  background:
    linear-gradient(
      180deg,
      var(--cyan),
      #087083
    );
}


.mv-bars i:nth-child(1){height:30%;}
.mv-bars i:nth-child(2){height:52%;}
.mv-bars i:nth-child(3){height:43%;}
.mv-bars i:nth-child(4){height:70%;}
.mv-bars i:nth-child(5){height:62%;}


.mv-dash-car{
  display:grid;

  grid-template-columns:
    42px
    1fr
    auto;

  gap:10px;

  align-items:center;

  margin-top:8px;

  padding:10px;
}


.mv-dash-car > span{
  width:42px;

  height:26px;

  border-radius:7px;

  background:
    linear-gradient(
      135deg,
      #1b3444,
      #8399a5
    );
}


.mv-dash-car strong{
  display:block;

  color:#f5f7f9;

  font-size:8px;
}


.mv-dash-car small{
  display:block;

  margin-top:2px;

  color:#8198a4;

  font-size:7px;
}


.mv-dash-car > b{
  color:var(--gold);

  font-size:8px;
}


/* ==========================================================
   SEKTIONEN
   ========================================================== */

.mv-section{
  position:relative;

  padding:
    92px 0 100px;

  overflow:hidden;
}


.mv-section-head{
  text-align:center;

  max-width:940px;

  margin:
    0 auto 44px;
}


.mv-section-head h2{
  max-width:940px;

  margin:
    14px auto 16px;

  color:#fff;

  font-size:
    clamp(
      40px,
      3.8vw,
      64px
    );

  line-height:1.04;

  letter-spacing:-.052em;

  font-weight:950;

  text-wrap:balance;
}


.mv-section-head p{
  max-width:790px;

  margin:0 auto;

  color:var(--muted);

  font-size:16px;

  line-height:1.68;
}


.mv-system-section{
  padding-top:78px;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(0,194,203,.07),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      rgba(3,8,13,0),
      rgba(4,12,19,.66) 42%,
      rgba(3,8,13,0)
    );
}


.mv-solution-section{
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(0,194,203,.075),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      rgba(3,8,13,0),
      rgba(4,12,19,.70) 36%,
      rgba(3,8,13,0)
    );
}


.mv-tools-section,
.mv-access-section{
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(226,180,73,.055),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      rgba(3,8,13,0),
      rgba(4,12,19,.74) 38%,
      rgba(3,8,13,0)
    );
}


.mv-card-grid{
  width:
    min(
      1080px,
      100%
    );

  margin:0 auto;

  display:grid;

  gap:16px;
}


.mv-card-grid-3{
  grid-template-columns:
    repeat(3,1fr);
}


.mv-card-grid-4{
  grid-template-columns:
    repeat(4,1fr);
}


.mv-info-card,
.mv-benefit-card{
  min-height:218px;

  padding:26px;

  border-radius:23px;

  border:
    1px solid var(--line);

  background:
    radial-gradient(
      circle at 0 0,
      rgba(0,194,203,.055),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      rgba(8,22,35,.94),
      rgba(5,13,22,.985)
    );

  box-shadow:
    0 20px 58px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.035);

  transition:.20s ease;
}


.mv-info-card:hover,
.mv-benefit-card:hover{
  transform:
    translateY(-6px);

  border-color:
    rgba(0,194,203,.40);

  box-shadow:
    0 28px 76px rgba(0,0,0,.34),
    0 0 32px rgba(0,194,203,.13);
}


.mv-card-num{
  min-width:40px;

  height:30px;

  padding:0 12px;

  margin-bottom:20px;

  border-radius:999px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  color:var(--gold-light);

  border:
    1px solid rgba(226,180,73,.22);

  background:
    rgba(226,180,73,.075);

  font-size:10.5px;

  font-weight:950;

  letter-spacing:.11em;
}


.mv-info-card h3,
.mv-benefit-card h3{
  margin:
    0 0 11px;

  color:#fff;

  font-size:21px;

  line-height:1.24;

  font-weight:950;

  letter-spacing:-.025em;
}


.mv-info-card p,
.mv-benefit-card p{
  margin:0;

  color:var(--muted);

  font-size:14.5px;

  line-height:1.62;
}


.mv-status{
  display:inline-flex;

  min-height:28px;

  padding:0 11px;

  align-items:center;

  margin-bottom:18px;

  border-radius:999px;

  font-size:9px;

  font-weight:950;

  letter-spacing:.08em;
}


.mv-status.live{
  color:#45df95;

  border:
    1px solid rgba(69,223,149,.25);

  background:
    rgba(69,223,149,.05);
}


.mv-status.build{
  color:var(--gold-light);

  border:
    1px solid rgba(226,180,73,.28);

  background:
    rgba(226,180,73,.05);
}


.mv-status.road{
  color:#9badb7;

  border:
    1px solid rgba(155,173,183,.22);
}


/* ==========================================================
   PRODUKTANSICHT
   ========================================================== */

.mv-product-frame{
  width:
    min(
      1040px,
      100%
    );

  margin:0 auto;

  border-radius:30px;

  padding:18px;

  border:
    1px solid rgba(255,255,255,.10);

  background:
    radial-gradient(
      circle at 12% 0%,
      rgba(0,194,203,.12),
      transparent 34%
    ),
    radial-gradient(
      circle at 82% 8%,
      rgba(226,180,73,.12),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      rgba(12,25,38,.96),
      rgba(4,10,17,.985)
    );

  box-shadow:
    0 34px 95px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.07);
}


.mv-product-top{
  display:flex;

  justify-content:space-between;

  align-items:center;

  padding:
    12px 12px 16px;
}


.mv-product-top span{
  color:var(--cyan);

  font-size:10px;

  font-weight:950;

  letter-spacing:.12em;
}


.mv-product-top h3{
  margin:
    5px 0 2px;

  color:#fff;

  font-size:25px;

  font-weight:950;
}


.mv-product-top p{
  margin:0;

  color:var(--muted);

  font-size:12px;
}


.mv-product-top > strong{
  color:var(--gold-light);

  font-size:24px;
}


.mv-product-tabs{
  display:flex;

  gap:4px;

  padding:0 12px;

  border-top:
    1px solid var(--line-soft);

  border-bottom:
    1px solid var(--line-soft);

  overflow:auto;
}


.mv-product-tabs span{
  padding:
    13px 11px;

  color:var(--muted-soft);

  font-size:11px;

  font-weight:800;

  white-space:nowrap;
}


.mv-product-tabs span.active{
  color:var(--cyan);

  border-bottom:
    2px solid var(--cyan);
}


.mv-product-body{
  display:grid;

  grid-template-columns:
    1fr
    280px;

  gap:14px;

  padding:
    16px 12px 12px;
}


.mv-vehicle-stage{
  min-height:330px;

  border-radius:22px;

  border:
    1px solid rgba(105,140,190,.25);

  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(0,194,203,.12),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #071621,
      #030b11
    );

  display:grid;

  place-items:center;
}


.mv-car-silhouette{
  color:#244352;

  font-size:52px;

  font-weight:950;

  letter-spacing:.15em;
}


.mv-next-panel{
  padding:18px;

  border-radius:20px;

  border:
    1px solid var(--line);

  background:
    linear-gradient(
      180deg,
      rgba(8,22,35,.94),
      rgba(5,13,22,.985)
    );
}


.mv-next-panel > span{
  display:block;

  margin-bottom:8px;

  color:var(--gold-light);

  font-size:9px;

  font-weight:950;

  letter-spacing:.13em;
}


.mv-next-panel article{
  display:grid;

  grid-template-columns:
    34px 1fr;

  gap:10px;

  padding:14px 0;

  border-top:
    1px solid var(--line-soft);
}


.mv-next-panel article:first-of-type{
  border-top:0;
}


.mv-next-panel i{
  width:32px;

  height:32px;

  border-radius:999px;

  display:grid;

  place-items:center;

  background:#07384a;

  color:var(--cyan);

  font-style:normal;

  font-size:11px;

  font-weight:950;
}


.mv-next-panel b{
  display:block;

  color:#fff;

  font-size:13px;
}


.mv-next-panel small{
  display:block;

  margin-top:3px;

  color:var(--muted-soft);

  font-size:10px;
}


.mv-point-grid{
  width:
    min(
      1040px,
      100%
    );

  margin:
    18px auto 0;

  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:14px;
}


.mv-point{
  min-height:126px;

  padding:
    22px 24px;

  border-radius:22px;

  border:
    1px solid var(--line);

  background:
    radial-gradient(
      circle at 0 0,
      rgba(0,194,203,.06),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      rgba(8,22,35,.92),
      rgba(5,13,22,.98)
    );

  display:grid;

  grid-template-columns:
    48px 1fr;

  gap:18px;
}


.mv-check{
  width:42px;

  height:42px;

  border-radius:999px;

  display:flex;

  align-items:center;

  justify-content:center;

  color:#081019;

  font-size:22px;

  font-weight:950;

  background:
    linear-gradient(
      180deg,
      #f1c85e,
      #d8a934
    );
}


.mv-point h3{
  margin:
    0 0 7px;

  color:#fff;

  font-size:20px;

  line-height:1.25;

  font-weight:950;
}


.mv-point p{
  margin:0;

  color:var(--muted);

  font-size:14.5px;

  line-height:1.58;
}


/* ==========================================================
   VORTEILE
   ========================================================== */

.mv-benefit-card > span{
  width:28px;

  height:28px;

  border-radius:999px;

  display:inline-grid;

  place-items:center;

  background:var(--cyan);

  color:#071019;

  font-size:14px;

  font-weight:950;
}


.mv-benefit-card h3{
  margin-top:14px;
}


/* ==========================================================
   ZUGANG
   ========================================================== */

.mv-access-grid{
  width:
    min(
      1080px,
      100%
    );

  margin:0 auto;

  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:15px;
}


.mv-access-grid article{
  min-height:225px;

  padding:25px;

  border-radius:23px;

  border:
    1px solid var(--line);

  background:
    radial-gradient(
      circle at 0 0,
      rgba(0,194,203,.055),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      rgba(8,22,35,.94),
      rgba(5,13,22,.985)
    );
}


.mv-access-grid article > span{
  width:43px;

  height:43px;

  margin-bottom:20px;

  border-radius:999px;

  display:grid;

  place-items:center;

  color:#081019;

  background:
    linear-gradient(
      180deg,
      #f1c85e,
      #d8a934
    );

  font-size:15px;

  font-weight:950;
}


.mv-access-grid h3{
  margin:
    0 0 10px;

  color:#fff;

  font-size:19px;

  font-weight:950;
}


.mv-access-grid p{
  margin:0;

  color:var(--muted);

  font-size:14px;

  line-height:1.58;
}


.mv-plan-note{
  width:
    min(
      1080px,
      100%
    );

  margin:
    18px auto 0;

  padding:
    29px 31px;

  border-radius:25px;

  border:
    1px solid rgba(226,180,73,.22);

  background:
    radial-gradient(
      circle at 0 0,
      rgba(226,180,73,.09),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      rgba(10,24,35,.96),
      rgba(5,12,19,.99)
    );

  display:grid;

  grid-template-columns:
    1.25fr
    .75fr;

  gap:24px;

  align-items:center;
}


.mv-plan-note span{
  color:var(--gold-light);

  font-size:11px;

  font-weight:950;

  letter-spacing:.11em;
}


.mv-plan-note h3{
  margin:
    8px 0;

  color:#fff;

  font-size:23px;

  font-weight:950;
}


.mv-plan-note p,
.mv-plan-note small{
  margin:0;

  color:var(--muted);

  font-size:14px;

  line-height:1.58;
}


.mv-plan-note > div:last-child{
  text-align:right;
}


.mv-plan-note b{
  display:block;

  color:#fff;

  font-size:16px;
}


.mv-plan-note strong{
  display:block;

  margin:5px 0;

  color:var(--gold-light);

  font-size:31px;

  line-height:1.1;
}


.mv-plans{
  width:
    min(
      1040px,
      100%
    );

  margin:
    18px auto 0;

  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:14px;
}


.mv-plans article{
  padding:26px;

  border-radius:24px;

  border:
    1px solid var(--line);

  background:
    linear-gradient(
      180deg,
      rgba(8,22,35,.94),
      rgba(5,13,22,.985)
    );
}


.mv-plans article.featured{
  border-color:
    rgba(226,180,73,.38);

  box-shadow:
    0 20px 54px rgba(0,0,0,.22),
    0 0 30px rgba(226,180,73,.05);
}


.mv-plans article > span{
  color:var(--gold-light);

  font-size:10px;

  font-weight:950;

  letter-spacing:.12em;
}


.mv-plans h3{
  margin:
    12px 0 15px;

  color:#fff;

  font-size:21px;

  font-weight:950;
}


.mv-plans ul{
  margin:0;

  padding-left:18px;

  color:var(--muted);

  font-size:14px;

  line-height:1.85;
}


.mv-access-cta{
  margin-top:28px;

  display:flex;

  justify-content:center;

  align-items:center;

  gap:18px;
}


.mv-text-link,
.mv-center-link a{
  color:var(--gold-light);

  font-size:13px;

  font-weight:900;

  text-decoration:none;
}


.mv-center-link{
  margin-top:30px;

  text-align:center;
}


/* ==========================================================
   FAQ
   ========================================================== */

.mv-faq-list,
.mv-faq-page{
  width:
    min(
      920px,
      100%
    );

  margin:0 auto;

  display:grid;

  gap:12px;
}


.mv-faq-list details,
.mv-faq-page details{
  border:
    1px solid var(--line);

  border-radius:18px;

  background:
    radial-gradient(
      circle at 0 0,
      rgba(0,194,203,.05),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      rgba(10,25,41,.92),
      rgba(6,14,26,.98)
    );

  overflow:hidden;
}


.mv-faq-list summary,
.mv-faq-page summary{
  list-style:none;

  cursor:pointer;

  padding:
    19px 22px;

  color:#fff;

  font-size:15.5px;

  font-weight:900;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:18px;
}


.mv-faq-list summary::-webkit-details-marker,
.mv-faq-page summary::-webkit-details-marker{
  display:none;
}


.mv-faq-list summary:after,
.mv-faq-page summary:after{
  content:"+";

  width:30px;

  height:30px;

  min-width:30px;

  border-radius:999px;

  display:flex;

  align-items:center;

  justify-content:center;

  color:#081019;

  background:
    linear-gradient(
      180deg,
      #f1c85e,
      #d8a934
    );

  font-weight:950;
}


.mv-faq-list details[open] summary:after,
.mv-faq-page details[open] summary:after{
  content:"–";
}


.mv-faq-list details div,
.mv-faq-page details p{
  padding:
    0 22px 20px;

  margin:0;

  color:var(--muted);

  font-size:14px;

  line-height:1.65;
}


/* ==========================================================
   FINAL CTA
   ========================================================== */

.mv-final-cta{
  text-align:center;
}


.mv-final-cta h2{
  max-width:980px;

  margin:
    14px auto 16px;

  color:#fff;

  font-size:
    clamp(
      42px,
      4.1vw,
      70px
    );

  line-height:1.04;

  letter-spacing:-.055em;

  font-weight:950;
}


.mv-final-cta p{
  max-width:780px;

  margin:0 auto;

  color:var(--muted);

  font-size:16.5px;

  line-height:1.68;
}


/* ==========================================================
   FOOTER
   ========================================================== */

.mv-footer{
  border-top:
    1px solid rgba(255,255,255,.065);

  background:#03080d;

  padding:
    38px 0 24px;

  color:var(--muted-soft);

  font-size:13px;
}


.mv-footer-inner{
  width:
    min(
      1180px,
      calc(100% - 56px)
    );

  margin:0 auto;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:24px;

  flex-wrap:wrap;
}


.mv-footer-brand{
  display:flex;

  align-items:center;

  gap:18px;
}


.mv-footer-brand .mv-brand{
  padding:
    7px 10px 7px 7px;
}


.mv-footer-brand .mv-brand-icon{
  width:38px;

  height:38px;

  font-size:14px;
}


.mv-footer-brand .mv-brand strong{
  font-size:18px;
}


.mv-footer-brand p{
  max-width:520px;

  margin:0;
}


.mv-footer-links{
  display:flex;

  gap:16px;

  flex-wrap:wrap;
}


.mv-footer-links a{
  color:var(--muted);

  text-decoration:none;

  font-weight:800;
}


.mv-footer-copy{
  width:
    min(
      1180px,
      calc(100% - 56px)
    );

  margin:
    24px auto 0;

  padding-top:18px;

  border-top:
    1px solid var(--line-soft);
}


/* ==========================================================
   UNTERSEITEN
   ========================================================== */

.mv-page-hero{
  padding:
    94px 0 78px;

  text-align:center;

  background:
    radial-gradient(
      circle at 50% 0,
      rgba(0,194,203,.08),
      transparent 34%
    );
}


.mv-page-hero .mv-kicker{
  display:inline-flex;

  min-height:34px;

  padding:0 18px;

  align-items:center;

  border-radius:999px;

  color:var(--gold-light);

  border:
    1px solid rgba(226,180,73,.30);

  background:
    rgba(226,180,73,.075);

  font-size:12px;

  font-weight:950;

  letter-spacing:.13em;
}


.mv-page-hero h1{
  max-width:980px;

  margin:
    16px auto;

  color:#fff;

  font-size:
    clamp(
      46px,
      4.5vw,
      72px
    );

  line-height:1.02;

  letter-spacing:-.055em;

  font-weight:950;
}


.mv-page-hero h1 span{
  color:var(--gold-light);
}


.mv-page-hero .mv-lead{
  max-width:780px;

  margin:0 auto;

  color:var(--muted);

  font-size:16.5px;

  line-height:1.68;
}


.mv-section.mv-soft{
  background:
    rgba(4,12,19,.55);
}


.mv-feature-page-grid,
.mv-price-grid,
.mv-three-wide{
  width:
    min(
      1040px,
      100%
    );

  margin:0 auto;

  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:18px;
}


.mv-feature-page-grid article,
.mv-price-grid article,
.mv-three-wide article{
  padding:28px;

  border:
    1px solid var(--line);

  border-radius:24px;

  background:
    linear-gradient(
      180deg,
      rgba(8,22,35,.94),
      rgba(5,13,22,.985)
    );
}


.mv-feature-page-grid h2,
.mv-price-grid h2,
.mv-three-wide h2{
  margin:
    16px 0 10px;

  color:#fff;

  font-size:21px;

  font-weight:950;
}


.mv-feature-page-grid p,
.mv-price-grid li,
.mv-three-wide p{
  color:var(--muted);

  font-size:14.5px;

  line-height:1.65;
}


.mv-status-pill{
  display:inline-flex;

  min-height:28px;

  padding:0 11px;

  align-items:center;

  border-radius:999px;

  font-size:9px;

  font-weight:950;
}


.mv-status-pill.live{
  color:#45df95;

  border:
    1px solid rgba(69,223,149,.25);
}


.mv-status-pill.build{
  color:var(--gold-light);

  border:
    1px solid rgba(226,180,73,.28);
}


.mv-status-pill.road{
  color:#9badb7;

  border:
    1px solid rgba(155,173,183,.22);
}


.mv-feature-icon{
  width:46px;

  height:46px;

  margin-top:18px;

  border-radius:14px;

  display:grid;

  place-items:center;

  background:#07384a;

  color:var(--cyan);

  font-weight:950;
}


.mv-feature-page-grid a{
  color:var(--gold-light);

  font-weight:900;

  text-decoration:none;
}


.mv-price-grid article{
  position:relative;

  display:flex;

  flex-direction:column;
}


.mv-price-grid article.featured{
  border-color:
    rgba(226,180,73,.38);
}


.mv-price-grid article > span{
  color:var(--gold-light);

  font-size:10px;

  font-weight:950;

  letter-spacing:.12em;
}


.mv-price-grid article > em{
  position:absolute;

  top:-13px;

  left:22px;

  padding:
    7px 10px;

  border-radius:999px;

  background:var(--gold-light);

  color:#081019;

  font-size:8px;

  font-style:normal;

  font-weight:950;
}


.mv-price-placeholder{
  margin:
    8px 0 16px;

  padding:14px;

  border-radius:15px;

  background:
    rgba(226,180,73,.05);

  border:
    1px solid rgba(226,180,73,.18);
}


.mv-price-placeholder b{
  display:block;

  color:#fff;
}


.mv-price-placeholder small{
  color:var(--muted-soft);
}


.mv-price-grid article > a{
  margin-top:auto;

  min-height:44px;

  border-radius:999px;

  display:flex;

  align-items:center;

  justify-content:center;

  background:
    linear-gradient(
      180deg,
      #f1c85e,
      #d8a934
    );

  color:#081019;

  text-decoration:none;

  font-size:12px;

  font-weight:950;
}


.mv-price-principles,
.mv-cta-panel{
  width:
    min(
      1040px,
      100%
    );

  margin:0 auto;

  text-align:center;
}


.mv-price-principles h2,
.mv-cta-panel h2{
  color:#fff;

  font-size:
    clamp(
      34px,
      3.2vw,
      52px
    );

  font-weight:950;
}


.mv-price-principles p,
.mv-cta-panel p{
  color:var(--muted);

  font-size:15px;
}


.mv-three-mini{
  display:flex;

  justify-content:center;

  gap:12px;

  flex-wrap:wrap;
}


.mv-three-mini span{
  padding:
    10px 14px;

  border-radius:999px;

  border:
    1px solid var(--line);

  color:var(--muted);
}


.mv-contact-layout{
  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:34px;

  align-items:start;

  text-align:left;
}


.mv-contact-card{
  padding:28px;

  border-radius:24px;

  border:
    1px solid var(--line);

  background:
    linear-gradient(
      180deg,
      rgba(8,22,35,.94),
      rgba(5,13,22,.985)
    );
}


.mv-contact-points{
  display:flex;

  gap:10px;

  flex-wrap:wrap;

  margin-top:20px;

  color:var(--muted);

  font-size:13px;
}


.public-form-grid{
  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:14px;
}


.public-contact-form label{
  display:grid;

  gap:7px;

  color:#fff;

  font-size:13px;

  font-weight:850;
}


.public-contact-form input,
.public-contact-form textarea{
  width:100%;

  border-radius:14px;

  border:
    1px solid rgba(105,140,190,.24);

  background:
    rgba(3,8,13,.68);

  color:#fff;

  padding:14px;

  font:inherit;

  outline:none;
}


.public-contact-form input{
  min-height:50px;
}


.public-form-message{
  margin-top:14px;
}


.public-contact-form textarea{
  resize:vertical;
}


.public-form-footer{
  display:flex;

  align-items:center;

  gap:14px;

  flex-wrap:wrap;

  margin-top:16px;
}


.mv-primary{
  min-height:50px;

  padding:0 24px;

  border:0;

  border-radius:999px;

  background:
    linear-gradient(
      180deg,
      #f1c85e,
      #d8a934
    );

  color:#081019;

  font-weight:950;
}


.public-form-footer small{
  color:var(--muted-soft);
}


.public-form-success,
.public-form-errors{
  margin-bottom:16px;

  padding:14px;

  border-radius:14px;

  border:
    1px solid var(--line);
}


.mv-workflow-page{
  width:
    min(
      980px,
      100%
    );

  margin:0 auto;

  display:grid;

  gap:14px;
}


.mv-workflow-page article{
  display:grid;

  grid-template-columns:
    54px 48px 1fr;

  gap:16px;

  align-items:center;

  padding:22px;

  border:
    1px solid var(--line);

  border-radius:22px;

  background:
    linear-gradient(
      180deg,
      rgba(8,22,35,.94),
      rgba(5,13,22,.985)
    );
}


.mv-workflow-page article > b{
  width:46px;

  height:46px;

  border-radius:999px;

  display:grid;

  place-items:center;

  background:var(--gold-light);

  color:#081019;
}


.mv-workflow-page article > span{
  color:var(--cyan);

  font-size:26px;
}


.mv-workflow-page h2{
  margin:
    0 0 5px;

  color:#fff;

  font-size:20px;
}


.mv-workflow-page p{
  margin:0;

  color:var(--muted);

  font-size:14.5px;
}


.mv-dealer-hero{
  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:34px;

  align-items:center;

  text-align:left;
}


.mv-dealer-browser{
  border-radius:24px;

  overflow:hidden;

  border:
    1px solid var(--line);

  background:#071523;
}


.mv-browser-top{
  display:flex;

  gap:6px;

  align-items:center;

  padding:10px;

  background:#101923;
}


.mv-browser-top i{
  width:8px;

  height:8px;

  border-radius:50%;

  background:#6f8290;
}


.mv-browser-top span{
  margin-left:8px;

  color:var(--muted-soft);

  font-size:10px;
}


.mv-browser-nav{
  display:flex;

  gap:12px;

  align-items:center;

  padding:14px;

  color:var(--muted);

  font-size:10px;
}


.mv-browser-nav b{
  margin-right:auto;

  color:#fff;
}


.mv-browser-vehicle{
  min-height:220px;

  padding:28px;

  background:
    radial-gradient(
      circle at 75% 50%,
      rgba(0,194,203,.12),
      transparent 30%
    );
}


.mv-browser-vehicle small{
  color:var(--gold-light);
}


.mv-browser-vehicle h3{
  margin:
    8px 0;

  color:#fff;

  font-size:34px;
}


.mv-browser-vehicle p{
  color:var(--muted);
}


.mv-browser-vehicle button{
  min-height:40px;

  padding:0 16px;

  border:0;

  border-radius:999px;

  background:var(--gold-light);

  font-weight:900;
}


/* ==========================================================
   LIGHT MODE
   ========================================================== */

html[data-mv-theme="light"] body.mv-public{
  background:#f5f8fc;

  color:#15223a;
}


html[data-mv-theme="light"] .mv-site-header{
  background:
    rgba(255,255,255,.97);

  border-color:#e3e9f2;
}


html[data-mv-theme="light"] .mv-brand{
  background:#eef4fb;
}


html[data-mv-theme="light"] .mv-brand strong{
  color:#13233d;
}


html[data-mv-theme="light"] .mv-main-nav{
  background:#f2f5f8;

  border-color:#e2e8f0;
}


html[data-mv-theme="light"] .mv-main-nav a{
  color:#27364d;

  background:#fff;
}


html[data-mv-theme="light"] .mv-main-nav .mv-login{
  background:
    linear-gradient(
      180deg,
      #f1c85e,
      #d8a934
    );

  color:#081019;
}


html[data-mv-theme="light"] .mv-hero,
html[data-mv-theme="light"] .mv-section,
html[data-mv-theme="light"] .mv-page-hero{
  background:#f5f8fc;

  color:#15223a;
}


html[data-mv-theme="light"] .mv-hero h1,
html[data-mv-theme="light"] .mv-section-head h2,
html[data-mv-theme="light"] .mv-final-cta h2,
html[data-mv-theme="light"] .mv-page-hero h1{
  color:#112447;
}


html[data-mv-theme="light"] .mv-hero p,
html[data-mv-theme="light"] .mv-section-head p,
html[data-mv-theme="light"] .mv-final-cta p,
html[data-mv-theme="light"] .mv-page-hero .mv-lead{
  color:#526582;
}


html[data-mv-theme="light"] .mv-info-card,
html[data-mv-theme="light"] .mv-benefit-card,
html[data-mv-theme="light"] .mv-product-frame,
html[data-mv-theme="light"] .mv-point,
html[data-mv-theme="light"] .mv-access-grid article,
html[data-mv-theme="light"] .mv-plans article,
html[data-mv-theme="light"] .mv-faq-list details,
html[data-mv-theme="light"] .mv-faq-page details,
html[data-mv-theme="light"] .mv-feature-page-grid article,
html[data-mv-theme="light"] .mv-price-grid article,
html[data-mv-theme="light"] .mv-three-wide article,
html[data-mv-theme="light"] .mv-contact-card,
html[data-mv-theme="light"] .mv-workflow-page article{
  background:#fff;

  border-color:#dce5f0;

  box-shadow:
    0 18px 45px rgba(23,52,95,.08);
}


html[data-mv-theme="light"] .mv-info-card h3,
html[data-mv-theme="light"] .mv-benefit-card h3,
html[data-mv-theme="light"] .mv-point h3,
html[data-mv-theme="light"] .mv-access-grid h3,
html[data-mv-theme="light"] .mv-plans h3,
html[data-mv-theme="light"] .mv-feature-page-grid h2,
html[data-mv-theme="light"] .mv-price-grid h2,
html[data-mv-theme="light"] .mv-three-wide h2{
  color:#112447;
}


html[data-mv-theme="light"] .mv-info-card p,
html[data-mv-theme="light"] .mv-benefit-card p,
html[data-mv-theme="light"] .mv-point p,
html[data-mv-theme="light"] .mv-access-grid p,
html[data-mv-theme="light"] .mv-plans ul,
html[data-mv-theme="light"] .mv-feature-page-grid p,
html[data-mv-theme="light"] .mv-three-wide p{
  color:#526582;
}


html[data-mv-theme="light"] .mv-footer{
  background:#fff;

  color:#526582;

  border-color:#e2e8f0;
}


/* ==========================================================
   CROSS-BROWSER SCALE
   ========================================================== */

@supports not (zoom:1.08){
  body.mv-public{
    width:92.592593%;

    transform:
      scale(1.08);

    transform-origin:
      top left;
  }
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(
  min-width:1181px
) and (
  max-height:820px
){

  .mv-hero{
    min-height:660px;

    padding:
      54px 0 58px;
  }

  .mv-hero h1{
    font-size:
      clamp(
        52px,
        4.15vw,
        68px
      );
  }
}


@media(max-width:1180px){

  .mv-header-inner{
    width:
      min(
        1040px,
        calc(100% - 32px)
      );
  }

  .mv-header-tools{
    display:none;
  }

  .mv-main-nav a{
    padding:0 10px;

    font-size:10px;
  }

  .mv-hero{
    min-height:auto;

    padding:
      76px 0 72px;
  }

  .mv-hero-inner{
    width:
      min(
        900px,
        calc(100% - 40px)
      );

    grid-template-columns:1fr;

    gap:44px;
  }

  .mv-dashboard-frame{
    width:
      min(
        100%,
        860px
      );
  }

  .mv-card-grid-4{
    grid-template-columns:
      repeat(2,1fr);
  }
}


@media(max-width:900px){

  .mv-main-nav{
    display:none;
  }

  .mv-header-tools{
    display:flex;
  }

  .mv-lang-switch{
    display:none;
  }

  .mv-burger{
    width:42px;

    height:38px;

    padding:9px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    border:
      1px solid rgba(255,255,255,.09);

    border-radius:10px;

    background:#10151b;
  }

  .mv-burger span{
    width:100%;

    height:2px;

    background:#f3f5f7;
  }

  .mv-container,
  .mv-shell,
  .mv-footer-inner,
  .mv-footer-copy{
    width:
      calc(100% - 28px);
  }

  .mv-card-grid-3,
  .mv-card-grid-4,
  .mv-point-grid,
  .mv-access-grid,
  .mv-plans,
  .mv-feature-page-grid,
  .mv-price-grid,
  .mv-three-wide{
    grid-template-columns:1fr;
  }

  .mv-product-body,
  .mv-plan-note,
  .mv-contact-layout,
  .mv-dealer-hero{
    grid-template-columns:1fr;
  }

  .mv-plan-note > div:last-child{
    text-align:left;
  }

  .mv-section-head h2{
    font-size:
      clamp(
        36px,
        9vw,
        52px
      );
  }

  .mv-page-hero h1{
    font-size:
      clamp(
        38px,
        9vw,
        56px
      );
  }
}


@media(max-width:720px){

  .mv-hero{
    padding:
      64px 0 60px;
  }

  .mv-hero-inner{
    width:
      calc(100% - 28px);
  }

  .mv-hero h1{
    font-size:
      clamp(
        42px,
        11.5vw,
        58px
      );

    line-height:.94;
  }

  .mv-hero p{
    font-size:15px;
  }

  .mv-btn{
    width:100%;
  }

  .mv-dashboard{
    grid-template-columns:1fr;
  }

  .mv-dashboard > aside{
    display:none;
  }

  .mv-dash-stats,
  .mv-dash-mid{
    grid-template-columns:1fr;
  }

  .mv-section{
    padding:
      72px 0 80px;
  }

  .mv-product-top{
    align-items:flex-start;

    flex-direction:column;
  }

  .mv-vehicle-stage{
    min-height:210px;
  }

  .mv-car-silhouette{
    font-size:34px;
  }

  .public-form-grid{
    grid-template-columns:1fr;
  }

  .mv-footer-brand{
    align-items:flex-start;

    flex-direction:column;
  }
}

/* MOTAVIO_HERO_FIX_V6_START */


/* ==========================================================
   WICHTIG:
   hidden muss IMMER wirklich hidden bleiben
   ========================================================== */

.mv-mobile-menu[hidden]{
  display:none !important;
}


/* ==========================================================
   DESKTOP
   ========================================================== */

@media (min-width:901px){

  .mv-mobile-menu{
    display:none !important;
  }

  .mv-burger{
    display:none !important;
  }

  .mv-site-header{
    height:92px !important;
    min-height:92px !important;
  }

  .mv-header-inner{
    height:92px !important;
    min-height:92px !important;
  }


  /*
   * Hero sitzt direkt unter dem Header.
   * Kein zusätzlicher leerer Navigationsbereich.
   */
  .mv-hero{
    margin-top:0 !important;

    min-height:
      calc(100svh - 92px)
      !important;

    padding:
      62px 0 70px
      !important;

    display:flex !important;

    align-items:center !important;
  }


  .mv-hero-inner{
    width:
      min(
        1280px,
        calc(100% - 56px)
      )
      !important;

    grid-template-columns:
      minmax(0, 1.02fr)
      minmax(0, .98fr)
      !important;

    gap:
      54px
      !important;

    align-items:center !important;
  }


  .mv-hero-copy{
    max-width:650px !important;
  }


  .mv-hero h1{
    max-width:650px !important;

    font-size:
      clamp(
        58px,
        4.2vw,
        72px
      )
      !important;

    line-height:
      .93
      !important;
  }


  .mv-hero p{
    max-width:650px !important;
  }


  .mv-dashboard-frame{
    width:100% !important;

    max-width:660px !important;

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

}


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

@media (max-width:900px){

  .mv-burger{
    display:flex !important;
  }


  .mv-mobile-menu:not([hidden]){
    display:grid !important;
  }


  .mv-hero{
    min-height:auto !important;

    padding:
      58px 0 68px
      !important;
  }


  .mv-hero-inner{
    grid-template-columns:
      1fr
      !important;

    gap:
      42px
      !important;
  }


  .mv-hero-copy{
    max-width:700px !important;
  }


  .mv-dashboard-frame{
    max-width:720px !important;

    margin:
      0 auto
      !important;
  }

}


/* ==========================================================
   KLEINES SMARTPHONE
   ========================================================== */

@media (max-width:560px){

  .mv-site-header,
  .mv-header-inner{
    min-height:70px !important;
    height:70px !important;
  }


  .mv-hero{
    padding:
      46px 0 58px
      !important;
  }


  .mv-hero h1{
    font-size:
      44px
      !important;
  }

}


/* MOTAVIO_HERO_FIX_V6_END */

/* MOTAVIO_HERO_PILLS_WEIGHT_V1_START */

.mv-hero-trust span{
  font-weight:950 !important;
  font-size:9.5px !important;
  letter-spacing:.005em !important;

  color:#e7f0f3 !important;

  border-color:
    rgba(0,194,203,.28)
    !important;

  background:
    rgba(4,31,40,.78)
    !important;
}

/* MOTAVIO_HERO_PILLS_WEIGHT_V1_END */


/* MOTAVIO_HERO_PILLS_WEIGHT_V1_START */

.mv-hero-trust span{
  font-weight:950 !important;
  font-size:9.5px !important;
  letter-spacing:.005em !important;

  color:#e7f0f3 !important;

  border-color:
    rgba(0,194,203,.28)
    !important;

  background:
    rgba(4,31,40,.78)
    !important;
}

/* MOTAVIO_HERO_PILLS_WEIGHT_V1_END */


/* MOTAVIO_BRAND_PACK_V1_START */

.motavio-brand-enhanced{
  display:inline-flex !important;
  align-items:center !important;
  text-decoration:none !important;
  color:inherit !important;
}

header .motavio-brand-enhanced,
.site-header .motavio-brand-enhanced,
.mv-site-header .motavio-brand-enhanced,
.mv-public-header .motavio-brand-enhanced{
  padding:8px 16px 8px 8px !important;
  border-radius:22px !important;
  background:
    linear-gradient(180deg, rgba(8,18,30,.96), rgba(5,12,20,.98)) !important;
  border:1px solid rgba(34,211,238,.16) !important;
  box-shadow:
    0 12px 34px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(231,188,78,.03) !important;
}

footer .motavio-brand-enhanced,
.mv-footer .motavio-brand-enhanced{
  padding:6px 14px 6px 6px !important;
  border-radius:20px !important;
  background:
    linear-gradient(180deg, rgba(8,18,30,.94), rgba(5,12,20,.98)) !important;
  border:1px solid rgba(34,211,238,.12) !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.motavio-brand-lockup{
  display:inline-flex !important;
  align-items:center !important;
  gap:14px !important;
}

.motavio-brand-icon-wrap{
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  background:
    linear-gradient(180deg, rgba(10,24,36,.98), rgba(6,17,28,.98)) !important;
  border:1px solid rgba(34,211,238,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 24px rgba(34,211,238,.12) !important;
}

footer .motavio-brand-icon-wrap,
.mv-footer .motavio-brand-icon-wrap{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:14px !important;
}

.motavio-brand-icon{
  width:28px !important;
  height:28px !important;
  display:block !important;
}

footer .motavio-brand-icon,
.mv-footer .motavio-brand-icon{
  width:25px !important;
  height:25px !important;
}

.motavio-brand-name{
  font-family: Inter, Arial, Helvetica, sans-serif !important;
  font-size: clamp(28px, 1.42vw, 31px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  color:#f7fbff !important;
  white-space:nowrap !important;
}

footer .motavio-brand-name,
.mv-footer .motavio-brand-name{
  font-size: clamp(22px, 1.1vw, 24px) !important;
}

.motavio-sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

@media (max-width: 900px){
  .motavio-brand-name{
    font-size:22px !important;
  }

  .motavio-brand-icon-wrap{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:14px !important;
  }

  .motavio-brand-icon{
    width:24px !important;
    height:24px !important;
  }

  header .motavio-brand-enhanced,
  .site-header .motavio-brand-enhanced,
  .mv-site-header .motavio-brand-enhanced,
  .mv-public-header .motavio-brand-enhanced{
    padding:6px 12px 6px 6px !important;
    border-radius:18px !important;
  }
}

/* MOTAVIO_BRAND_PACK_V1_END */

/* MOTAVIO_FINAL_CONTACT_V1_START */


/* ==========================================================
   SECTION
   ========================================================== */

.mv-final-contact{
  position:relative;

  padding:
    96px 0 104px;

  overflow:hidden;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(0,194,203,.055),
      transparent 31%
    ),
    linear-gradient(
      180deg,
      #03090e,
      #03080d
    );

  border-top:
    1px solid rgba(255,255,255,.045);
}


.mv-contact-container{
  width:
    min(
      1180px,
      calc(100% - 56px)
    );

  margin:
    0 auto;
}


/* ==========================================================
   HEADER
   ========================================================== */

.mv-final-contact-head{
  max-width:
    980px;

  margin:
    0 auto 48px;

  text-align:
    center;
}


.mv-final-contact-head h2{
  max-width:
    980px;

  margin:
    14px auto 16px;

  color:
    #ffffff;

  font-size:
    clamp(
      42px,
      4.1vw,
      70px
    );

  line-height:
    1.04;

  letter-spacing:
    -.055em;

  font-weight:
    950;

  text-wrap:
    balance;
}


.mv-final-contact-head p{
  max-width:
    820px;

  margin:
    0 auto;

  color:
    var(--muted);

  font-size:
    16.5px;

  line-height:
    1.68;
}


/* ==========================================================
   FORM CARD
   ========================================================== */

.mv-contact-card{
  position:relative;

  width:
    min(
      920px,
      100%
    );

  margin:
    0 auto;

  padding:
    30px;

  border-radius:
    26px;

  border:
    1px solid var(--line);

  background:
    linear-gradient(
      180deg,
      rgba(8,22,35,.94),
      rgba(5,13,22,.985)
    );

  box-shadow:
    0 22px 62px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.025);
}


/* ==========================================================
   TOPIC
   ========================================================== */

.mv-contact-topic{
  width:
    100%;

  margin-bottom:
    14px;
}


.mv-contact-topic label,
.mv-contact-field label{
  display:block;

  margin:
    0 0 9px;

  color:
    #f5f7f8;

  font-size:
    13px;

  font-weight:
    850;
}


.mv-contact-topic select{
  width:
    100%;

  min-height:
    52px;

  padding:
    0 46px 0 16px;

  border:
    1px solid rgba(105,140,190,.30);

  border-radius:
    14px;

  color:
    #f5f7f8;

  background-color:
    #091724;

  font:
    inherit;

  font-size:
    14px;

  cursor:
    pointer;

  outline:
    none;

  transition:
    border-color .18s ease,
    box-shadow .18s ease;
}


.mv-contact-topic select:focus{
  border-color:
    rgba(0,194,203,.75);

  box-shadow:
    0 0 0 3px rgba(0,194,203,.12);
}


.mv-contact-topic select option{
  color:
    #f5f7f8;

  background:
    #091724;
}


/* ==========================================================
   GRID
   ========================================================== */

.mv-contact-form-grid{
  display:
    grid;

  grid-template-columns:
    1fr 1fr;

  gap:
    14px;
}


.mv-contact-field{
  display:
    grid;

  gap:
    8px;
}


.mv-contact-field.full{
  grid-column:
    1 / -1;
}


/* ==========================================================
   INPUTS
   ========================================================== */

.mv-contact-field input,
.mv-contact-field textarea{
  width:
    100%;

  min-height:
    50px;

  padding:
    14px;

  border:
    1px solid rgba(105,140,190,.24);

  border-radius:
    14px;

  background:
    rgba(3,8,13,.68);

  color:
    #ffffff;

  font:
    inherit;

  font-size:
    14px;

  line-height:
    1.45;

  outline:
    none;

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}


.mv-contact-field textarea{
  min-height:
    130px;

  resize:
    vertical;
}


.mv-contact-field input::placeholder,
.mv-contact-field textarea::placeholder{
  color:
    rgba(215,227,234,.43);
}


.mv-contact-field input:focus,
.mv-contact-field textarea:focus{
  border-color:
    rgba(0,194,203,.75);

  background:
    rgba(3,13,21,.94);

  box-shadow:
    0 0 0 3px rgba(0,194,203,.11);
}


/* ==========================================================
   CHECKBOXES
   ========================================================== */

.mv-contact-checks{
  grid-column:
    1 / -1;

  display:
    grid;

  gap:
    10px;

  padding-top:
    2px;

  color:
    var(--muted);

  font-size:
    12.5px;

  line-height:
    1.48;
}


.mv-contact-checks label{
  display:
    flex;

  gap:
    10px;

  align-items:
    flex-start;

  cursor:
    pointer;
}


.mv-contact-checks input{
  width:
    14px;

  height:
    14px;

  min-width:
    14px;

  min-height:
    14px;

  margin:
    3px 0 0;

  padding:
    0;

  accent-color:
    var(--gold-light);
}


/* ==========================================================
   SUBMIT
   ========================================================== */

.mv-contact-submit-wrap{
  grid-column:
    1 / -1;

  margin-top:
    10px;
}


.mv-contact-submit{
  width:
    100%;

  min-height:
    52px;

  border:
    1px solid rgba(241,200,94,.30);

  border-radius:
    999px;

  background:
    linear-gradient(
      180deg,
      #f1c85e,
      #d8a934
    );

  color:
    #081019;

  font:
    inherit;

  font-size:
    14px;

  font-weight:
    950;

  cursor:
    pointer;

  box-shadow:
    0 14px 34px rgba(226,180,73,.14),
    inset 0 1px 0 rgba(255,255,255,.22);

  transition:
    transform .17s ease,
    box-shadow .17s ease;
}


.mv-contact-submit:hover{
  transform:
    translateY(-2px);

  box-shadow:
    0 18px 42px rgba(226,180,73,.20),
    inset 0 1px 0 rgba(255,255,255,.25);
}


.mv-contact-submit:active{
  transform:
    translateY(0);
}


/* ==========================================================
   RESULT
   ========================================================== */

.mv-contact-result{
  width:
    min(
      920px,
      100%
    );

  margin:
    0 auto 14px;

  padding:
    14px 17px;

  border-radius:
    14px;

  font-size:
    13px;

  line-height:
    1.55;
}


.mv-contact-result strong{
  display:block;

  margin-bottom:
    3px;
}


.mv-contact-result p,
.mv-contact-result ul{
  margin:
    0;
}


.mv-contact-result.success{
  color:
    #9ef2cc;

  border:
    1px solid rgba(18,211,145,.34);

  background:
    rgba(3,58,41,.35);
}


.mv-contact-result.error{
  color:
    #ffc0ca;

  border:
    1px solid rgba(255,82,109,.36);

  background:
    rgba(74,13,27,.36);
}


/* ==========================================================
   LIGHT MODE
   ========================================================== */

html[data-mv-theme="light"] .mv-final-contact{
  background:
    #f5f8fc;

  border-color:
    #e4eaf2;
}


html[data-mv-theme="light"] .mv-final-contact-head h2{
  color:
    #112447;
}


html[data-mv-theme="light"] .mv-final-contact-head p{
  color:
    #526582;
}


html[data-mv-theme="light"] .mv-contact-card{
  background:
    #ffffff;

  border-color:
    #dce5f0;

  box-shadow:
    0 22px 60px rgba(23,52,95,.10);
}


html[data-mv-theme="light"] .mv-contact-topic label,
html[data-mv-theme="light"] .mv-contact-field label{
  color:
    #172640;
}


html[data-mv-theme="light"] .mv-contact-topic select,
html[data-mv-theme="light"] .mv-contact-field input,
html[data-mv-theme="light"] .mv-contact-field textarea{
  color:
    #14223b;

  background:
    #f8fafc;

  border-color:
    #d6e1ed;
}


html[data-mv-theme="light"] .mv-contact-topic select option{
  color:
    #14223b;

  background:
    #ffffff;
}


html[data-mv-theme="light"] .mv-contact-checks{
  color:
    #526582;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:900px){

  .mv-final-contact{
    padding:
      78px 0 84px;
  }


  .mv-contact-container{
    width:
      calc(100% - 28px);
  }


  .mv-final-contact-head h2{
    font-size:
      clamp(
        36px,
        9vw,
        52px
      );
  }

}


@media(max-width:700px){

  .mv-contact-card{
    padding:
      22px;
  }


  .mv-contact-form-grid{
    grid-template-columns:
      1fr;
  }


  .mv-contact-field.full,
  .mv-contact-checks,
  .mv-contact-submit-wrap{
    grid-column:
      1;
  }


  .mv-final-contact-head{
    margin-bottom:
      34px;
  }


  .mv-final-contact-head p{
    font-size:
      15px;
  }

}


/* MOTAVIO_FINAL_CONTACT_V1_END */

/* MOTAVIO_MENU_FIX_V2_START */


/* ==========================================================
   HEADER
   ========================================================== */

.mv-menu-v2-header{
  overflow:visible!important;
}


.mv-menu-v2-nav{
  gap:7px!important;
}


.mv-menu-v2-trigger{
  min-height:40px;

  padding:0 14px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:7px;

  border:
    1px solid transparent;

  border-radius:999px;

  color:
    rgba(244,247,248,.90);

  background:
    rgba(255,255,255,.035);

  font:inherit;

  font-size:12px;

  font-weight:950;

  letter-spacing:.055em;

  cursor:pointer;

  white-space:nowrap;
}


.mv-menu-v2-trigger:hover,
.mv-menu-v2-trigger[
  aria-expanded="true"
]{
  color:#fff;

  background:
    rgba(0,194,203,.10);

  border-color:
    rgba(0,194,203,.24);
}


.mv-menu-v2-trigger span{
  font-size:9px;
}


.mv-menu-v2-actions{
  display:flex;

  align-items:center;

  gap:7px;
}


.mv-menu-login-text{
  color:
    rgba(244,247,248,.88);

  text-decoration:none;

  font-size:11px;

  font-weight:900;

  white-space:nowrap;
}


.mv-menu-trial{
  min-height:40px;

  padding:0 15px;

  border-radius:999px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  text-decoration:none;

  color:#071019;

  background:
    linear-gradient(
      180deg,
      #f1c85e,
      #d8a934
    );

  font-size:10px;

  font-weight:950;

  white-space:nowrap;

  box-shadow:
    0 10px 24px rgba(226,180,73,.16);
}


/* ==========================================================
   MEGA MENU
   ========================================================== */

.mv-mega-v2[hidden]{
  display:none!important;
}


.mv-mega-v2{
  position:absolute;

  top:
    calc(100% - 4px);

  left:50%;

  transform:
    translateX(-50%);

  width:
    min(
      1080px,
      calc(100vw - 42px)
    );

  padding:24px;

  border:
    1px solid rgba(105,140,190,.22);

  border-radius:22px;

  background:
    radial-gradient(
      circle at 5% 0%,
      rgba(0,194,203,.09),
      transparent 27%
    ),
    radial-gradient(
      circle at 92% 0%,
      rgba(226,180,73,.07),
      transparent 27%
    ),
    linear-gradient(
      180deg,
      rgba(8,20,31,.995),
      rgba(4,11,18,.998)
    );

  box-shadow:
    0 35px 90px rgba(0,0,0,.48);

  z-index:2000;
}


.mv-mega-v2-inner{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr))
    230px;

  gap:19px;
}


/* ==========================================================
   COLUMNS
   ========================================================== */

.mv-mega-v2-column h3{
  margin:
    0 0 10px;

  padding:
    0 7px 11px;

  border-bottom:
    1px solid rgba(255,255,255,.07);

  font-size:10px;

  font-weight:950;

  letter-spacing:.10em;
}


.mv-mega-v2-column h3.blue{
  color:#39cce5;
}


.mv-mega-v2-column h3.gold{
  color:#f1c85e;
}


.mv-mega-v2-column h3.teal{
  color:#52d5ad;
}


.mv-mega-v2-column > a{
  min-height:62px;

  padding:9px 7px;

  display:grid;

  grid-template-columns:
    34px
    minmax(0,1fr)
    auto;

  align-items:center;

  gap:9px;

  border-radius:12px;

  text-decoration:none;

  transition:
    background .16s ease,
    transform .16s ease;
}


.mv-mega-v2-column > a:hover{
  transform:
    translateX(3px);

  background:
    rgba(255,255,255,.045);
}


.mv-mega-v2-icon{
  width:34px;

  height:34px;

  display:grid;

  place-items:center;

  border-radius:10px;

  border:
    1px solid rgba(0,194,203,.17);

  background:#082b3d;

  color:var(--cyan);

  font-size:11px;

  font-weight:950;
}


.mv-mega-v2-column b{
  display:block;

  color:#f6f8f9;

  font-size:12px;

  line-height:1.2;

  font-weight:900;
}


.mv-mega-v2-column small{
  display:block;

  margin-top:3px;

  color:#8499a5;

  font-size:9px;

  line-height:1.35;
}


.mv-mega-v2-column em{
  padding:
    4px 6px;

  border-radius:999px;

  font-size:6.5px;

  line-height:1;

  font-style:normal;

  font-weight:950;

  letter-spacing:.04em;
}


.mv-mega-v2-column em.live{
  color:#4bdf97;

  border:
    1px solid rgba(75,223,151,.22);
}


.mv-mega-v2-column em.build{
  color:#f0c35e;

  border:
    1px solid rgba(240,195,94,.22);
}


.mv-mega-v2-column em.road{
  color:#96a8b1;

  border:
    1px solid rgba(150,168,177,.20);
}


/* ==========================================================
   SPECIAL
   ========================================================== */

.mv-mega-v2-special{
  padding:18px;

  border-radius:16px;

  border:
    1px solid rgba(226,180,73,.19);

  background:
    radial-gradient(
      circle at 85% 0%,
      rgba(226,180,73,.10),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      #0b1822,
      #061018
    );
}


.mv-mega-v2-special > span{
  color:var(--gold-light);

  font-size:8px;

  font-weight:950;

  letter-spacing:.13em;
}


.mv-mega-v2-special h3{
  margin:
    10px 0 8px;

  color:#fff;

  font-size:16px;

  line-height:1.25;

  font-weight:950;
}


.mv-mega-v2-special p{
  margin:0;

  color:#9aabb4;

  font-size:10px;

  line-height:1.5;
}


.mv-mega-v2-status{
  display:grid;

  gap:7px;

  margin:
    14px 0;
}


.mv-mega-v2-status small{
  display:flex;

  align-items:center;

  gap:7px;

  color:#bac7cc;

  font-size:9px;
}


.mv-mega-v2-status i{
  width:7px;

  height:7px;

  border-radius:50%;
}


.mv-mega-v2-status i.live{
  background:#45df95;
}


.mv-mega-v2-status i.build{
  background:var(--gold-light);
}


.mv-mega-v2-status i.road{
  background:#82949e;
}


.mv-mega-v2-special > a{
  display:block;

  margin-top:8px;

  color:var(--cyan);

  text-decoration:none;

  font-size:10px;

  font-weight:900;
}


.mv-mega-v2-special > a.trial{
  min-height:37px;

  display:flex;

  align-items:center;

  justify-content:center;

  margin-top:15px;

  border-radius:999px;

  color:#081019;

  background:
    linear-gradient(
      180deg,
      #f1c85e,
      #d8a934
    );
}


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

.mv-menu-v2-mobile-sub{
  display:grid;

  margin:
    -4px 0 7px 12px;

  padding-left:10px;

  border-left:
    1px solid rgba(0,194,203,.22);
}


.mv-menu-v2-mobile-sub a{
  padding:
    8px 10px!important;

  color:#98adb7!important;

  font-size:10px!important;
}


/* ==========================================================
   DETAIL
   ========================================================== */

.mv-menu-v2-detail{
  width:
    min(
      980px,
      100%
    );

  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    270px;

  gap:35px;

  align-items:start;
}


.mv-menu-v2-detail main h2{
  margin:
    18px 0 14px;

  color:#fff;

  font-size:
    clamp(
      34px,
      3.2vw,
      50px
    );

  line-height:1.07;

  letter-spacing:-.045em;

  font-weight:950;
}


.mv-menu-v2-detail main > p{
  color:var(--muted);

  font-size:15.5px;

  line-height:1.68;
}


.mv-menu-v2-detail-points{
  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:10px;

  margin-top:25px;
}


.mv-menu-v2-detail-points article{
  min-height:70px;

  padding:14px;

  display:grid;

  grid-template-columns:
    29px
    1fr;

  gap:10px;

  align-items:center;

  border:
    1px solid var(--line);

  border-radius:15px;

  background:
    linear-gradient(
      180deg,
      rgba(8,22,35,.94),
      rgba(5,13,22,.985)
    );
}


.mv-menu-v2-detail-points span{
  width:27px;

  height:27px;

  display:grid;

  place-items:center;

  border-radius:50%;

  background:var(--cyan);

  color:#061017;

  font-weight:950;
}


.mv-menu-v2-detail-points b{
  color:#fff;

  font-size:12px;
}


.mv-menu-v2-detail > aside{
  padding:22px;

  border:
    1px solid rgba(226,180,73,.22);

  border-radius:19px;

  background:
    linear-gradient(
      180deg,
      #0a1721,
      #061018
    );
}


.mv-menu-v2-detail > aside > span{
  display:block;

  color:var(--gold-light);

  font-size:9px;

  font-weight:950;

  letter-spacing:.12em;
}


.mv-menu-v2-detail > aside strong{
  display:block;

  margin:
    10px 0;

  color:#fff;

  font-size:20px;
}


.mv-menu-v2-detail > aside p{
  color:#98aab4;

  font-size:12px;

  line-height:1.6;
}


.mv-menu-v2-detail > aside a{
  color:var(--cyan);

  text-decoration:none;

  font-size:10px;

  font-weight:900;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1250px){

  .mv-menu-v2-actions .mv-lang-switch{
    display:none;
  }


  .mv-menu-v2-nav a,
  .mv-menu-v2-trigger{
    padding:
      0 10px;

    font-size:10px;
  }

}


@media(max-width:1000px){

  .mv-mega-v2-inner{
    grid-template-columns:
      repeat(3,1fr);
  }


  .mv-mega-v2-special{
    grid-column:
      1 / -1;
  }

}


@media(max-width:900px){

  .mv-menu-v2-nav,
  .mv-menu-login-text,
  .mv-menu-trial,
  .mv-menu-v2-actions > .mv-theme-switch,
  .mv-menu-v2-actions > .mv-lang-switch{
    display:none!important;
  }


  .mv-mega-v2{
    display:none!important;
  }


  .mv-menu-v2-detail{
    grid-template-columns:
      1fr;
  }

}


@media(max-width:600px){

  .mv-menu-v2-detail-points{
    grid-template-columns:
      1fr;
  }

}


/* MOTAVIO_MENU_FIX_V2_END */

/* MOTAVIO_FAHRZEUGCHECK_MENU_V1_START */


/* ==========================================================
   TOP TAB
   ========================================================== */

.mv-vcheck-nav{
  position:relative;

  display:flex;

  align-items:center;
}


.mv-vcheck-trigger{
  min-height:40px;

  padding:0 14px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:7px;

  border:
    1px solid transparent;

  border-radius:999px;

  color:
    rgba(244,247,248,.90);

  background:
    rgba(255,255,255,.035);

  font:inherit;

  font-size:12px;

  font-weight:950;

  letter-spacing:.055em;

  cursor:pointer;

  white-space:nowrap;
}


.mv-vcheck-trigger span{
  font-size:9px;

  color:#83919a;

  transition:
    transform .16s ease;
}


.mv-vcheck-trigger:hover,
.mv-vcheck-trigger[
  aria-expanded="true"
]{
  background:
    rgba(0,194,203,.10);

  border-color:
    rgba(0,194,203,.24);

  color:#fff;
}


.mv-vcheck-trigger[
  aria-expanded="true"
] span{
  transform:
    rotate(180deg);
}


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

.mv-vcheck-menu[hidden]{
  display:none!important;
}


.mv-vcheck-menu{
  position:absolute;

  top:
    calc(100% + 13px);

  left:50%;

  transform:
    translateX(-50%);

  width:
    560px;

  padding:
    19px;

  border:
    1px solid rgba(105,140,190,.24);

  border-radius:
    19px;

  background:
    radial-gradient(
      circle at 7% 0%,
      rgba(0,194,203,.09),
      transparent 31%
    ),
    radial-gradient(
      circle at 95% 0%,
      rgba(226,180,73,.08),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #091620,
      #050d14
    );

  box-shadow:
    0 30px 80px rgba(0,0,0,.48);

  z-index:2500;
}


.mv-vcheck-menu::before{
  content:"";

  position:absolute;

  left:0;

  right:0;

  top:-15px;

  height:15px;
}


.mv-vcheck-head{
  display:flex;

  justify-content:space-between;

  align-items:flex-end;

  gap:18px;

  padding:
    1px 2px 16px;

  border-bottom:
    1px solid rgba(255,255,255,.07);
}


.mv-vcheck-head span{
  color:var(--gold-light);

  font-size:8px;

  font-weight:950;

  letter-spacing:.12em;
}


.mv-vcheck-head h3{
  margin:
    5px 0 3px;

  color:#fff;

  font-size:20px;

  font-weight:950;
}


.mv-vcheck-head p{
  margin:0;

  color:#91a3ad;

  font-size:10px;
}


.mv-vcheck-head > a{
  color:var(--cyan);

  text-decoration:none;

  font-size:10px;

  font-weight:900;

  white-space:nowrap;
}


.mv-vcheck-grid{
  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:8px;

  padding-top:14px;
}


.mv-vcheck-grid > a{
  min-height:64px;

  padding:10px;

  display:grid;

  grid-template-columns:
    34px
    1fr;

  gap:10px;

  align-items:center;

  border:
    1px solid transparent;

  border-radius:12px;

  text-decoration:none;

  transition:
    .16s ease;
}


.mv-vcheck-grid > a:hover{
  transform:
    translateY(-2px);

  border-color:
    rgba(0,194,203,.16);

  background:
    rgba(255,255,255,.04);
}


.mv-vcheck-grid i{
  width:34px;

  height:34px;

  display:grid;

  place-items:center;

  border-radius:10px;

  background:#082c3e;

  border:
    1px solid rgba(0,194,203,.17);

  color:var(--cyan);

  font-size:9px;

  font-style:normal;

  font-weight:950;
}


.mv-vcheck-grid b{
  display:block;

  color:#f5f7f8;

  font-size:11px;

  font-weight:900;
}


.mv-vcheck-grid small{
  display:block;

  margin-top:3px;

  color:#8499a5;

  font-size:8.5px;

  line-height:1.3;
}


.mv-vcheck-grid > a.mv-vcheck-cta{
  border-color:
    rgba(226,180,73,.16);

  background:
    rgba(226,180,73,.035);
}


.mv-vcheck-grid > a.mv-vcheck-cta i{
  color:var(--gold-light);

  border-color:
    rgba(226,180,73,.20);

  background:
    rgba(226,180,73,.07);
}


/* ==========================================================
   PAGE
   ========================================================== */

.mv-vcheck-page-hero{
  padding-bottom:76px;
}


.mv-vcheck-page-grid{
  width:
    min(
      1040px,
      100%
    );

  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  gap:16px;
}


.mv-vcheck-page-grid article{
  min-height:260px;

  padding:27px;

  border:
    1px solid var(--line);

  border-radius:23px;

  background:
    radial-gradient(
      circle at 0 0,
      rgba(0,194,203,.06),
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(8,22,35,.94),
      rgba(5,13,22,.985)
    );
}


.mv-vcheck-page-grid article > span{
  min-width:40px;

  height:30px;

  padding:0 10px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  border-radius:999px;

  border:
    1px solid rgba(226,180,73,.24);

  color:var(--gold-light);

  font-size:9px;

  font-weight:950;
}


.mv-vcheck-page-grid h2{
  margin:
    18px 0 9px;

  color:#fff;

  font-size:25px;

  font-weight:950;
}


.mv-vcheck-page-grid p{
  color:var(--muted);

  font-size:14px;

  line-height:1.62;
}


.mv-vcheck-page-grid ul{
  margin:
    16px 0 0;

  padding-left:18px;

  color:#c5d1d7;

  font-size:13px;

  line-height:1.8;
}


.mv-vcheck-flow{
  text-align:center;
}


.mv-vcheck-flow h2{
  margin:
    15px auto 34px;

  color:#fff;

  font-size:
    clamp(
      36px,
      3.6vw,
      55px
    );

  line-height:1.05;

  letter-spacing:-.05em;

  font-weight:950;
}


.mv-vcheck-flow > div{
  display:flex;

  align-items:center;

  justify-content:center;

  gap:12px;

  flex-wrap:wrap;
}


.mv-vcheck-flow article{
  min-width:155px;

  padding:17px;

  border:
    1px solid var(--line);

  border-radius:17px;

  background:
    linear-gradient(
      180deg,
      #081620,
      #050d14
    );
}


.mv-vcheck-flow article b{
  width:31px;

  height:31px;

  margin:
    0 auto 8px;

  display:grid;

  place-items:center;

  border-radius:50%;

  background:var(--gold-light);

  color:#071019;
}


.mv-vcheck-flow article span{
  color:#fff;

  font-size:11px;

  font-weight:900;
}


.mv-vcheck-flow > div > i{
  color:var(--cyan);

  font-size:20px;

  font-style:normal;
}


/* ==========================================================
   LIGHT
   ========================================================== */

html[data-mv-theme="light"] .mv-vcheck-menu{
  background:#fff;

  border-color:#dce5f0;

  box-shadow:
    0 25px 70px rgba(23,52,95,.18);
}


html[data-mv-theme="light"] .mv-vcheck-head{
  border-color:#e4eaf2;
}


html[data-mv-theme="light"] .mv-vcheck-head h3,
html[data-mv-theme="light"] .mv-vcheck-grid b,
html[data-mv-theme="light"] .mv-vcheck-page-grid h2,
html[data-mv-theme="light"] .mv-vcheck-flow h2{
  color:#112447;
}


html[data-mv-theme="light"] .mv-vcheck-grid > a:hover{
  background:#f5f8fc;
}


html[data-mv-theme="light"] .mv-vcheck-page-grid article,
html[data-mv-theme="light"] .mv-vcheck-flow article{
  background:#fff;

  border-color:#dce5f0;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1250px){

  .mv-vcheck-trigger{
    padding:
      0 10px;

    font-size:10px;
  }

}


@media(max-width:900px){

  .mv-vcheck-nav{
    display:none!important;
  }

}


@media(max-width:700px){

  .mv-vcheck-page-grid{
    grid-template-columns:
      1fr;
  }


  .mv-vcheck-flow > div{
    flex-direction:column;
  }


  .mv-vcheck-flow > div > i{
    transform:
      rotate(90deg);
  }

}


/* MOTAVIO_FAHRZEUGCHECK_MENU_V1_END */

/* MOTAVIO_MENU_READABILITY_V1_START */

/* Hauptnavigation */
.mv-menu-v2-nav > a,
.mv-menu-v2-trigger,
.mv-main-nav .mv-vehiclecheck-direct{
  min-height:46px !important;
  padding:0 17px !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.035em !important;
}

/* rechts: Login + Testen */
.mv-menu-login-text{
  font-size:13px !important;
  font-weight:950 !important;
}

.mv-menu-trial{
  min-height:46px !important;
  padding:0 18px !important;
  font-size:12px !important;
  font-weight:950 !important;
}

/* Mega-Menü Überschriften */
.mv-mega-v2-column h3{
  font-size:12px !important;
  letter-spacing:.09em !important;
}

/* Mega-Menü Hauptpunkte */
.mv-mega-v2-column b{
  font-size:14px !important;
  line-height:1.22 !important;
  font-weight:950 !important;
}

/* Mega-Menü Beschreibungen */
.mv-mega-v2-column small{
  margin-top:4px !important;
  font-size:10.5px !important;
  line-height:1.4 !important;
}

/* Live / Ausbau / Roadmap */
.mv-mega-v2-column em{
  padding:5px 7px !important;
  font-size:7.5px !important;
}

/* Mehr Höhe pro Eintrag */
.mv-mega-v2-column > a{
  min-height:70px !important;
  padding:10px 8px !important;
}

/* Icons etwas größer */
.mv-mega-v2-icon{
  width:38px !important;
  height:38px !important;
  font-size:12px !important;
}

/* rechte Produktkarte */
.mv-mega-v2-special > span{
  font-size:9px !important;
}

.mv-mega-v2-special h3{
  font-size:18px !important;
  line-height:1.25 !important;
}

.mv-mega-v2-special p{
  font-size:11px !important;
  line-height:1.55 !important;
}

.mv-mega-v2-status small{
  font-size:10px !important;
}

.mv-mega-v2-special > a{
  font-size:11px !important;
}

/* etwas mehr Luft im Dropdown */
.mv-mega-v2{
  width:min(1160px,calc(100vw - 42px)) !important;
  padding:27px !important;
}

.mv-mega-v2-inner{
  gap:23px !important;
}

@media(max-width:1250px){
  .mv-menu-v2-nav > a,
  .mv-menu-v2-trigger,
  .mv-main-nav .mv-vehiclecheck-direct{
    padding:0 12px !important;
    font-size:12px !important;
  }

  .mv-menu-login-text{
    font-size:11.5px !important;
  }

  .mv-menu-trial{
    font-size:10.5px !important;
  }
}

/* MOTAVIO_MENU_READABILITY_V1_END */


/* MOTAVIO_VCX_MARKETING_START */

.mv-vcheck-nav{display:none!important}
.mv-main-nav .mv-vehiclecheck-direct{min-height:46px;padding:0 17px;display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.035);color:#f4f7f8;text-decoration:none;font-size:14px;font-weight:950;letter-spacing:.035em}

.vcx-shell{width:min(1160px,calc(100% - 56px));margin:auto}
.vcx-hero,.vcx-section,.vcx-price,.vcx-final{background:#03080d}
.vcx-hero{padding:86px 0}
.vcx-hero-grid,.vcx-risk{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.vcx-pill{display:inline-flex;padding:8px 13px;border:1px solid rgba(226,180,73,.28);border-radius:999px;color:#f1c85e;font-size:10px;font-weight:950;letter-spacing:.11em}
.vcx-hero h1{max-width:700px;margin:20px 0 16px;color:#fff;font-size:clamp(50px,4.3vw,72px);line-height:.96;letter-spacing:-.055em;font-weight:950}
.vcx-hero h1 em{display:block;color:#e2b449;font-style:normal}
.vcx-lead,.vcx-head p,.vcx-risk>div>p{color:#a7b6bd;font-size:16px;line-height:1.65}
.vcx-form{margin-top:28px;padding:17px;border:1px solid rgba(105,140,190,.23);border-radius:18px;background:#07141e}
.vcx-form label{display:block;margin-bottom:8px;color:#fff;font-size:12px;font-weight:900}
.vcx-form>div{display:grid;grid-template-columns:1fr auto;gap:9px}
.vcx-form input{min-height:53px;padding:0 16px;border:1px solid rgba(105,140,190,.3);border-radius:12px;background:#03090e;color:#fff;font-size:15px;font-weight:800;outline:none}
.vcx-form button{padding:0 24px;border:0;border-radius:12px;background:linear-gradient(#f1c85e,#d8a934);color:#071019;font-weight:950;cursor:pointer}
.vcx-form small{display:block;min-height:18px;margin-top:8px;font-size:12px}.vcx-form small.bad{color:#ff8b9a}.vcx-form small.good{color:#61e3ad}
.vcx-trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.vcx-trust span,.vcx-categories span{padding:7px 10px;border:1px solid rgba(0,194,203,.15);border-radius:999px;color:#b6c9d1;font-size:10px;font-weight:850}
.vcx-preview{padding:20px;border:1px solid rgba(226,180,73,.24);border-radius:26px;background:linear-gradient(#081723,#050d14);box-shadow:0 30px 80px #0007}
.vcx-preview header,.vcx-car{display:flex;align-items:center;justify-content:space-between}.vcx-preview header{color:#fff;font-size:10px}.vcx-preview header span{color:#f1c85e}
.vcx-car{justify-content:flex-start;gap:13px;margin:18px 0;padding:16px;border:1px solid #163244;border-radius:15px}.vcx-car i{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#073047;color:#00c2cb;font-style:normal;font-weight:950}.vcx-car small,.vcx-preview p{color:#79909a;font-size:9px}.vcx-car strong{display:block;margin-top:4px;color:#fff}
.vcx-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.vcx-preview-grid article{padding:14px;border-radius:13px;background:#06131e}.vcx-preview-grid small{display:block;color:#71909e;font-size:8px}.vcx-preview-grid b{display:block;margin-top:4px;color:#fff;font-size:13px}
.vcx-categories{padding:18px 0;border-block:1px solid #ffffff0b;background:#050d14}.vcx-categories .vcx-shell{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.vcx-section{padding:88px 0}.vcx-alt{background:#050d14}.vcx-head{max-width:900px;text-align:center}.vcx-head h2,.vcx-risk h2,.vcx-price h2,.vcx-final h2{margin:17px 0 12px;color:#fff;font-size:clamp(37px,3.5vw,56px);line-height:1.05;letter-spacing:-.045em}
.vcx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}.vcx-cards article,.vcx-steps article{padding:24px;border:1px solid #698cbe31;border-radius:20px;background:linear-gradient(#081621,#050d14)}.vcx-cards article>b{color:#f1c85e;font-size:10px}.vcx-cards h3,.vcx-steps h3{margin:17px 0 8px;color:#fff;font-size:19px}.vcx-cards p,.vcx-steps p,.vcx-risk-list p,.vcx-price p,.vcx-faq p{color:#8fa3ad;font-size:13px;line-height:1.6}
.vcx-risk-list{display:grid;gap:11px}.vcx-risk-list article{display:grid;grid-template-columns:44px 1fr;gap:13px;padding:18px;border:1px solid #698cbe31;border-radius:17px;background:#07141e}.vcx-risk-list i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#073047;color:#00c2cb;font-style:normal;font-weight:950}.vcx-risk-list b{color:#fff}
.vcx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:38px}.vcx-steps>article>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e2b449;color:#071019}
.vcx-price{padding:65px 0}.vcx-price-box{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:32px;border:1px solid #e2b44940;border-radius:23px;background:#07141e}.vcx-price-box>div:last-child{text-align:right}.vcx-price-box small,.vcx-price-box span{display:block;color:#8297a1}.vcx-price-box strong{display:block;color:#f1c85e;font-size:42px}
.vcx-faq{max-width:900px;display:grid;gap:9px;margin-top:35px}.vcx-faq details{border:1px solid #698cbe31;border-radius:15px;background:#07141e}.vcx-faq summary{padding:17px 19px;color:#fff;font-size:14px;font-weight:900;cursor:pointer}.vcx-faq p{padding:0 19px 17px;margin:0}
.vcx-final{padding:85px 0;text-align:center;background:radial-gradient(circle at 50% 0,#00c2cb12,transparent 40%),#050d14}.vcx-final .vcx-shell{max-width:800px}.vcx-final a{display:inline-flex;margin-top:15px;padding:14px 24px;border-radius:999px;background:linear-gradient(#f1c85e,#d8a934);color:#071019;text-decoration:none;font-weight:950}.vcx-final p{color:#8297a1;font-size:11px}

@media(max-width:900px){.vcx-hero-grid,.vcx-risk{grid-template-columns:1fr}.vcx-cards{grid-template-columns:1fr 1fr}.vcx-steps{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.vcx-shell{width:calc(100% - 28px)}.vcx-hero{padding:58px 0}.vcx-hero h1{font-size:42px}.vcx-form>div,.vcx-cards,.vcx-steps,.vcx-price-box{grid-template-columns:1fr}.vcx-form button{min-height:52px}.vcx-price-box>div:last-child{text-align:left}}

/* MOTAVIO_VCX_MARKETING_END */








/* VC2_FRONTPAGE_EXACT_V1_START */

.vc2-hero{
  min-height:calc(100svh - 92px) !important;
  padding:62px 0 70px !important;
  display:flex !important;
  align-items:center !important;
  background:
    radial-gradient(circle at 25% 35%,rgba(0,194,203,.065),transparent 31%),
    #03080d !important;
}

.vc2-shell{
  width:min(1280px,calc(100% - 56px)) !important;
  margin:0 auto !important;
}

.vc2-grid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr) !important;
  gap:54px !important;
  align-items:center !important;
}

.vc2-copy{
  width:100% !important;
  max-width:650px !important;
}

.vc2-kicker{
  min-height:34px !important;
  padding:0 18px !important;
  font-size:11px !important;
}

.vc2-copy h1{
  width:100% !important;
  max-width:650px !important;
  margin:22px 0 18px !important;
  font-size:clamp(58px,4.2vw,72px) !important;
  line-height:.93 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
  text-wrap:initial !important;
}

.vc2-copy h1 span{
  display:inline !important;
  color:#e2b449 !important;
}

.vc2-copy > p{
  max-width:650px !important;
  margin:0 !important;
  font-size:16px !important;
  line-height:1.65 !important;
}

.vc2-box{
  width:100% !important;
  max-width:650px !important;
  margin-top:27px !important;
}

.vc2-tabs{
  min-height:54px !important;
}

.vc2-tabs button{
  min-height:36px !important;
  font-size:12px !important;
}

.vc2-field{
  min-height:56px !important;
}

.vc2-field input{
  font-size:16px !important;
}

.vc2-submit{
  min-height:54px !important;
  font-size:14px !important;
}


/* rechtes Motiv bewusst viel kleiner */

.vc2-visual{
  width:100% !important;
  padding:0 !important;
  justify-self:center !important;
  display:grid !important;
  justify-items:center !important;
  align-content:center !important;
}

.vc2-ring{
  width:225px !important;
  min-width:225px !important;
  max-width:225px !important;
}

.vc2-inner{
  padding:14px !important;
}

.vc2-shield > span{
  width:62px !important;
  height:40px !important;
  font-size:22px !important;
}

.vc2-shield > b{
  width:43px !important;
  height:43px !important;
  font-size:20px !important;
}

.vc2-visual > small{
  margin-top:2px !important;
  font-size:8px !important;
}


/* DESKTOP WIE FRONTPAGE */

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

  .vc2-hero{
    min-height:660px !important;
    padding:48px 0 58px !important;
  }

  .vc2-copy h1{
    font-size:clamp(54px,4vw,68px) !important;
  }

  .vc2-ring{
    width:205px !important;
    min-width:205px !important;
    max-width:205px !important;
  }
}


/* MOBILE */

@media(max-width:900px){

  .vc2-hero{
    min-height:auto !important;
    padding:52px 0 62px !important;
  }

  .vc2-shell{
    width:calc(100% - 28px) !important;
  }

  .vc2-grid{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  .vc2-copy,
  .vc2-copy h1,
  .vc2-copy > p,
  .vc2-box{
    max-width:100% !important;
  }

  .vc2-copy h1{
    font-size:44px !important;
  }

  .vc2-visual{
    display:none !important;
  }
}

/* VC2_FRONTPAGE_EXACT_V1_END */