/* MIVV Graphite 1.3.0: Fahrzeugfinder für das bestehende Plugin.
   Keine Kopie von Fahrzeugdaten, Formularen oder Plugin-JavaScript. */
html.mt-graphite-home body #mivv-finder {
 --mfg-accent:#d52a38;
 display:block;
 margin:-98px 0 20px!important;
 border:1px solid #677178;
 border-top:3px solid var(--mfg-accent);
 border-radius:5px;
 background:linear-gradient(115deg,#3b4349,#2d353b);
 box-shadow:0 8px 28px #0003;
 overflow:visible;
}
html.mt-graphite-home body #mivv-finder .mfs-hero,
html.mt-graphite-home body #mivv-finder .mfs-panel>.mfs-eyebrow {display:none}
html.mt-graphite-home body #mivv-finder .mfs-panel {
 display:grid;
 grid-template-columns:180px minmax(0,1fr);
 grid-template-rows:1fr 1fr;
 column-gap:26px;
 row-gap:0;
 padding:18px 24px;
 border-radius:3px;
 background:transparent;
}
html.mt-graphite-home body #mivv-finder .mfs-panel h2 {
 grid-column:1;
 grid-row:1;
 align-self:end;
 margin:0 0 6px;
 font-family:'Barlow Condensed',sans-serif;
 font-weight:700;
 font-size:32px;
 line-height:1.05;
 color:#fff;
 white-space:normal;
}
html.mt-graphite-home body #mivv-finder .mfs-panel h2::after {display:none}
html.mt-graphite-home body #mivv-finder .mfs-panel>h2+p {
 grid-column:1;
 grid-row:2;
 align-self:start;
 margin:0;
 max-width:180px;
 color:#d0d7dc;
 font-size:13px;
 line-height:1.4;
}
html.mt-graphite-home body #mivv-finder form {
 grid-column:2;
 grid-row:1/3;
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr)) minmax(160px,.9fr);
 grid-template-areas:'l0 l1 l2 .' 's0 s1 s2 submit' 'status status reset reset';
 gap:6px 12px;
 align-items:center;
 margin:0;
 min-width:0;
}
html.mt-graphite-home body #mivv-finder form>label {
 position:static;
 display:block;
 width:auto;
 height:auto;
 margin:0;
 padding:0;
 clip:auto;
 clip-path:none;
 overflow:visible;
 color:#e8ecef;
 font-family:'Barlow',sans-serif;
 font-size:12px;
 font-weight:600;
 line-height:18px;
 text-transform:none;
}
html.mt-graphite-home body #mivv-finder label[for='mfs-0']{grid-area:l0}
html.mt-graphite-home body #mivv-finder label[for='mfs-1']{grid-area:l1}
html.mt-graphite-home body #mivv-finder label[for='mfs-2']{grid-area:l2}
html.mt-graphite-home body #mivv-finder #mfs-0{grid-area:s0}
html.mt-graphite-home body #mivv-finder #mfs-1{grid-area:s1}
html.mt-graphite-home body #mivv-finder #mfs-2{grid-area:s2}
html.mt-graphite-home body #mivv-finder select {
 display:block;
 width:100%;
 min-width:0;
 height:48px;
 min-height:48px;
 border:1px solid #c7cdd1;
 border-radius:3px;
 padding:0 30px 0 12px;
 background-color:#f4f5f5;
 color:#202a32;
 font-family:'Barlow',sans-serif;
 font-size:16px;
 font-weight:500;
 line-height:1.3;
 color-scheme:light;
}
html.mt-graphite-home body #mivv-finder select:disabled {
 opacity:1;
 background-color:#dce1e4;
 border-color:#b7c0c7;
 color:#63717c;
 cursor:not-allowed;
}
html.mt-graphite-home body #mivv-finder button[type='submit'] {
 grid-area:submit;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 width:100%;
 height:48px;
 min-height:48px;
 margin:0;
 padding:8px 10px;
 border:1px solid var(--mfg-accent);
 border-radius:3px;
 background:var(--mfg-accent);
 color:#fff;
 font-family:'Barlow',sans-serif;
 font-size:14px;
 font-weight:600;
 line-height:1.2;
 cursor:pointer;
 opacity:1;
}
html.mt-graphite-home body #mivv-finder button[type='submit']::after {
 content:'→';
 font-size:21px;
 line-height:1;
}
html.mt-graphite-home body #mivv-finder button[type='submit']:disabled {
 background:#67404a;
 border-color:#85515e;
 color:#e4cfd4;
 cursor:not-allowed;
 opacity:1;
}
html.mt-graphite-home body #mivv-finder button[type='submit']:not(:disabled):hover {
 background:#b61f2c;
 border-color:#b61f2c;
}
html.mt-graphite-home body #mivv-finder .mfs-status {
 grid-area:status;
 align-self:center;
 min-height:24px;
 margin:0;
 color:#d2d9df;
 font-size:12px;
 line-height:1.35;
}
html.mt-graphite-home body #mivv-finder .mfs-reset {
 grid-area:reset;
 justify-self:end;
 margin:0;
 min-height:28px;
 padding:3px 0 3px 12px;
 border:0;
 border-radius:2px;
 background:transparent;
 color:#dbe1e5;
 font-family:'Barlow',sans-serif;
 font-size:12px;
 line-height:1.3;
 text-decoration:underline;
 text-underline-offset:3px;
 cursor:pointer;
}
html.mt-graphite-home body #mivv-finder :is(select,button):focus-visible {
 outline:3px solid #ffb9bf;
 outline-offset:3px;
 box-shadow:none;
}
html.mt-graphite-home body #mivv-finder noscript {
 grid-column:1/-1;
 color:#f4e1c2;
 font-size:13px;
}
@media(min-width:768px) and (max-width:1199.98px){
 html.mt-graphite-home body #mivv-finder{margin-top:-112px!important}
 html.mt-graphite-home body #mivv-finder .mfs-panel{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:12px 20px;padding:18px 22px}
 html.mt-graphite-home body #mivv-finder .mfs-panel h2{grid-column:1;grid-row:1;align-self:center;margin:0;font-size:30px}
 html.mt-graphite-home body #mivv-finder .mfs-panel>h2+p{grid-column:2;grid-row:1;align-self:center;max-width:none;font-size:13px}
 html.mt-graphite-home body #mivv-finder form{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(155px,.9fr);gap:6px 10px}
}
@media(max-width:767.98px){
 html.mt-graphite-home body #mivv-finder{margin:-18px 0 20px!important}
 html.mt-graphite-home body #mivv-finder .mfs-panel{display:block;padding:20px}
 html.mt-graphite-home body #mivv-finder .mfs-panel h2{font-size:32px;margin:0 0 7px}
 html.mt-graphite-home body #mivv-finder .mfs-panel>h2+p{max-width:none;font-size:14px;line-height:1.4;margin:0 0 16px}
 html.mt-graphite-home body #mivv-finder form{grid-template-columns:minmax(0,1fr);grid-template-areas:'l0' 's0' 'l1' 's1' 'l2' 's2' 'submit' 'status' 'reset';gap:6px;margin:0}
 html.mt-graphite-home body #mivv-finder form>label{font-size:13px;margin-top:6px;line-height:18px}
 html.mt-graphite-home body #mivv-finder form>label:first-of-type{margin-top:0}
 html.mt-graphite-home body #mivv-finder select{height:50px;min-height:50px;font-size:16px}
 html.mt-graphite-home body #mivv-finder button[type='submit']{height:50px;min-height:50px;font-size:16px;margin-top:10px}
 html.mt-graphite-home body #mivv-finder .mfs-status{min-height:0;margin-top:5px;font-size:12px}
 html.mt-graphite-home body #mivv-finder .mfs-reset{justify-self:start;min-height:44px;padding:10px 6px 10px 0;font-size:13px}
}

/* 1.5.0: Desktop arrangement from the approved design reference. */
@media(min-width:768px){
 html.mt-graphite-home body #mivv-finder .mfs-panel{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:14px 28px;padding:22px 28px 16px}
 html.mt-graphite-home body #mivv-finder .mfs-panel h2{grid-column:1;grid-row:1;align-self:center;margin:0;font-size:34px;white-space:nowrap}
 html.mt-graphite-home body #mivv-finder .mfs-panel h2::after{content:'';display:inline-block;width:40px;height:2px;margin-left:24px;vertical-align:middle;background:#d52a38}
 html.mt-graphite-home body #mivv-finder .mfs-panel>h2+p{grid-column:2;grid-row:1;align-self:center;max-width:none;margin:0}
 html.mt-graphite-home body #mivv-finder form{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(160px,.9fr);margin:0}
}