:root{
  --tinte:#12263a; --tinte-weich:#3d5872; --petrol:#1f6f7a;
  --sand:#f4efe6; --sand-tief:#e6dccb; --papier:#fdfbf7; --linie:#ddd2be;
}
*{box-sizing:border-box}
body{margin:0;background:var(--papier);color:var(--tinte);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:44rem;margin:0 auto;padding:0 1.5rem}
header{background:var(--sand);border-bottom:1px solid var(--linie);padding:1.5rem 0}
.marke{font-size:1.05rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--petrol);text-decoration:none;display:inline-block}
main{padding:3.5rem 0 4rem}
h1{font-size:clamp(1.9rem,5vw,2.6rem);line-height:1.15;margin:0 0 1.25rem;letter-spacing:-.02em}
h2{font-size:1.15rem;margin:2.5rem 0 .6rem;letter-spacing:-.01em}
h3{font-size:1rem;margin:1.75rem 0 .4rem}
p{margin:0 0 1.1rem}
.lead{font-size:1.15rem;color:var(--tinte-weich)}
a{color:var(--petrol)}
.karte{background:var(--sand);border:1px solid var(--linie);border-radius:10px;
  padding:1.4rem 1.5rem;margin:2rem 0}
.karte p:last-child{margin-bottom:0}
.fahrzeuge{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));
  margin:2rem 0;padding:0;list-style:none}
.fahrzeuge li{background:var(--sand);border:1px solid var(--linie);border-radius:10px;padding:1.1rem 1.2rem}
.fahrzeuge strong{display:block;font-size:1.05rem;margin-bottom:.15rem}
.fahrzeuge span{color:var(--tinte-weich);font-size:.95rem}
dl{margin:0}
dt{font-weight:600;margin-top:1rem}
dd{margin:0}
footer{border-top:1px solid var(--linie);background:var(--sand);padding:1.75rem 0;
  font-size:.92rem;color:var(--tinte-weich)}
footer a{margin-right:1.25rem}
.zurueck{display:inline-block;margin-bottom:2rem;font-size:.95rem}
