@charset "UTF-8";
.ablaufseite .intro{background:#fff;align-items:center}
.ablaufseite .intro-bild img{width:100%;height:auto;aspect-ratio:3/2;box-shadow:var(--schatten)}
.ablaufseite .intro-content p:last-child{margin-bottom:0}
.ablauf{background:var(--tint)}
.ablaufraster{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px}
.leiste{position:sticky;top:96px;align-self:start}
.leiste h2{text-align:left;margin-bottom:22px}
.leiste nav{display:grid;gap:4px}
.leiste a{display:flex;gap:14px;align-items:center;padding:13px 16px;border-radius:14px;font-weight:600;border:1px solid transparent;transition:background-color .15s ease,color .15s ease}
.leistenzahl{flex:none;width:32px;height:32px;border-radius:10px;background:#e3ecf3;display:grid;place-items:center;font-weight:700;transition:background-color .15s ease,color .15s ease}
.leiste a:hover{background:#fff}
.leiste a.aktiv{background:#fff;border-color:var(--linie);box-shadow:var(--schatten)}
.leiste a.aktiv .leistenzahl{background:var(--orange);color:#fff}
.leistenbalken{height:6px;border-radius:6px;background:#e3ecf3;margin-top:22px;overflow:hidden}
.leistenbalken i{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--navy-2),var(--orange));transition:width .25s ease}
.schritte{display:grid;gap:26px}
.schritt{display:flex;align-items:center;gap:28px;background:#fff;border:1px solid var(--linie);border-radius:22px;padding:30px;box-shadow:var(--schatten);scroll-margin-top:96px}
.schritttext{flex:1;min-width:0}
.schrittkopf{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.schrittkopf h3{margin:0}
.schrittzahl{flex:none;width:50px;height:50px;border-radius:16px;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:700;box-shadow:0 6px 16px rgba(242,109,23,.35)}
.schritttext p:last-child{margin-bottom:0}
.schrittbild{flex:0 0 200px;height:150px;background:var(--orange-hell);border-radius:18px;color:var(--orange);fill:none}
.schrittvideo .video-embed{flex:0 0 340px;box-shadow:var(--schatten)}
section.vertrauen{background:#fff}
.vorzuege{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--luft)}
.vorzug{margin:0;background:#fff;border:1px solid var(--navy);border-radius:20px;padding:26px 24px;box-shadow:var(--schatten);transition:transform .15s ease,box-shadow .15s ease}
.vorzug:hover{transform:translateY(-3px);box-shadow:var(--schatten-tief)}
.vorzugkopf{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.vorzugkopf h3{margin:0}
.vorzugzahl{flex:none;width:52px;height:52px;border-radius:14px;background:var(--orange-hell);color:var(--orange);display:grid;place-items:center;font-weight:600}
.vorzug p{margin:0}
.unterlagen{background:#fff}
.schriftlich{background:#fff}
.nachweise{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.nachweise li{margin:0;padding:26px 24px 24px;background:#fff;border:1px solid var(--linie);border-radius:14px;box-shadow:var(--schatten)}
.nachweissymbol{display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border-radius:12px;background:var(--orange-hell);color:var(--orange)}
.nachweissymbol svg{width:28px;height:28px}
.nachweise p{margin:0}
.entfaellt{background:var(--tint)}
.entfallend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.entfallend li{margin:0;padding:26px 24px 24px;background:#fff;border:1px solid var(--linie);border-radius:14px;box-shadow:var(--schatten)}
.entfallend svg{display:block;width:32px;height:32px;margin-bottom:16px;color:var(--orange)}
.entfallend p{margin:0}
.servicegebiet{background:var(--tint)}
.ablaufseite .bewertungen{background:var(--tint)}
.neuzugaenge{background:#fff}
.ablauffragen{background:var(--tint)}
.abschluss{background:#fff}
.abschluss>h2{text-align:left}
.abschluss>p:first-of-type{max-width:none;margin-inline:0;text-align:left}
.abschlussknoepfe{display:flex;flex-wrap:wrap;gap:16px}
.gebiet{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center}
.gebietstext h2{text-align:left}
.gebietstext p:last-child{margin-bottom:0}
.gebietsliste{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.gebietspunkt{margin:0;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--linie);border-radius:12px;padding:16px 20px;font-weight:600}
.gebietspunkt svg{width:22px;height:22px;flex:none;color:var(--orange)}
.neuzugaenge .gekaufte-autos-grid{display:flex;gap:18px;padding:4px 0 16px;margin-top:-4px}
.neuzugaenge .gekaufte-autos-grid>li{flex:0 0 calc((100% - 54px)/4)}
.neuzugaenge .slider-knopf{top:calc(50% - 30px)}
.neuzugaenge .slider-knopf[hidden]{display:none}

@media (prefers-reduced-motion:reduce){
.leiste a,.leistenzahl,.leistenbalken i,.vorzug{transition:none}
}
@media (max-width:1180px){
.nachweise{gap:20px}
.ablaufraster{grid-template-columns:260px minmax(0,1fr)}
.schrittbild{flex-basis:170px;height:128px}
.schrittvideo .video-embed{flex-basis:300px}
.entfallend{gap:20px}
}
@media (max-width:1024px){
.neuzugaenge .gekaufte-autos-grid>li{flex:0 0 calc((100% - 36px)/3)}
.vorzuege,.entfallend{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
.gebiet{grid-template-columns:minmax(0,1fr);gap:28px}
.gebietstext h2{text-align:center}
.ablaufraster{grid-template-columns:minmax(0,1fr)}
.leiste{position:static}
.leiste h2{text-align:center}
.leiste nav,.leistenbalken{display:none}
.nachweise{grid-template-columns:minmax(0,1fr);gap:18px}
}
@media (max-width:767px){
.neuzugaenge .gekaufte-autos-grid>li{flex:0 0 calc((100% - 18px)/2)}
.schritt{flex-direction:column;align-items:stretch;gap:18px;padding:22px 18px;border-radius:16px}
.schrittbild{display:none}
.schrittvideo .video-embed{flex-basis:auto}
}
@media (max-width:640px){
.neuzugaenge .gekaufte-autos-grid>li{flex:0 0 calc(100% - 44px)}
.abschlussknoepfe a{width:100%}
.vorzuege,.entfallend{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:360px){
.ablaufseite h1,.ablaufseite h2,.ablaufseite h3{hyphens:auto;overflow-wrap:anywhere}
}