*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff}
a{color:inherit}
.design-stage{position:relative;width:100%;line-height:0;background:#fff}
.design-image{display:block;width:100%;height:auto}
.hotspot{position:absolute;display:block;z-index:5;border-radius:12px}
.hotspot:focus{outline:3px solid #0b773e;outline-offset:2px}

/* Prozentwerte beziehen sich exakt auf die freigegebene 1536×1024-Vorlage */
.nav-leistungen{left:3.7%;top:2.8%;width:7.2%;height:5.4%}
.nav-fahrzeuge{left:10.9%;top:2.8%;width:7.5%;height:5.4%}
.nav-ankauf{left:18.2%;top:2.8%;width:10%;height:5.4%}
.nav-warum{left:28%;top:2.8%;width:8%;height:5.4%}
.nav-ueber{left:35%;top:2.8%;width:7%;height:5.4%}
.nav-kontakt{left:41.7%;top:2.5%;width:7.5%;height:6.1%}
.btn-unsere-fahrzeuge{left:54.7%;top:54.2%;width:17.4%;height:5.4%}
.btn-beratung{left:72.6%;top:54.2%;width:19%;height:5.4%}
.btn-whatsapp-oben{left:54.8%;top:60.1%;width:36.9%;height:5.3%}
.btn-alle-fahrzeuge{left:5.5%;top:93.6%;width:14.4%;height:5%}
.btn-bewerten{left:37.1%;top:93.6%;width:17.7%;height:5%}
.btn-inzahlung{left:68.3%;top:93.7%;width:10.1%;height:5%}
.floating-whatsapp{right:1.7%;bottom:1.8%;width:5.2%;height:8.2%;border-radius:50%}

.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.section{padding:88px 0}
.section-soft{background:#f4f7f5}
.section-dark{background:#111;color:#fff}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#08753d;font-size:13px}
.eyebrow.light{color:#8ee0ac}
h2{font-size:clamp(34px,5vw,62px);line-height:1.05;margin:14px 0 24px}
p{font-size:18px;line-height:1.65;color:#596169}
.section-dark p{color:#d6dbd8}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}
.cards.four{grid-template-columns:repeat(4,1fr)}
.card{padding:28px;border:1px solid #e1e7e3;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(0,0,0,.04)}
.card h3{font-size:22px;margin:0 0 12px}
.card p{font-size:16px;margin:0}
.split{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}
.align-start{align-items:start}
.button,button{display:inline-block;border:0;border-radius:12px;padding:15px 22px;background:#08753d;color:#fff;text-decoration:none;font-weight:800;font-size:16px;cursor:pointer}
.form{background:#fff;color:#111;border-radius:22px;padding:30px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:7px;font-weight:700;margin-bottom:16px}
input,textarea{width:100%;padding:13px 14px;border:1px solid #cbd4ce;border-radius:10px;font:inherit}
.form small{display:block;color:#677069;margin-top:12px}
.contact-box{border-radius:22px;padding:32px;background:#f3f7f4}
.contact-box h3{font-size:28px;margin-top:0}
.contact-box p{font-size:16px}
.contact-box a:not(.button){color:#08753d}
.map iframe{display:block;width:100%;height:420px;border:0}
footer{background:#0d0f0e;color:#fff;padding:28px 0}
.footer-inner{display:flex;justify-content:space-between;gap:24px}
.footer-inner nav{display:flex;gap:22px}
.footer-inner a{text-decoration:none}

@media(max-width:850px){
  .cards,.cards.four,.split{grid-template-columns:1fr}
  .section{padding:62px 0}
  .design-stage{overflow-x:hidden}
}
@media(max-width:560px){
  .container{width:min(100% - 24px,1180px)}
  .form-grid{grid-template-columns:1fr}
  .footer-inner{flex-direction:column}
}