/* Autobedrijf Van der Laan/Beek — citroenvanderlaan.nl (statisch, 2026) */
* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family: Georgia, "Times New Roman", serif;
  color:#222; background:#f7f5f2; line-height:1.65;
}
a { color:#8a1f1f; }

header {
  background:#111; color:#fff;
  padding:18px 20px;
}
.kop {
  max-width:960px; margin:0 auto;
  display:flex; align-items:center; gap:22px; flex-wrap:wrap;
}
.kop img { width:96px; height:96px; display:block; }
.kop .naam { font-size:1.6rem; font-weight:bold; letter-spacing:.02em; }
.kop .sub { color:#c9c4bd; font-size:.95rem; font-family:Verdana, Arial, sans-serif; }

nav { background:#8a1f1f; }
nav ul {
  max-width:960px; margin:0 auto; list-style:none;
  display:flex; flex-wrap:wrap;
}
nav a {
  display:block; padding:12px 22px; color:#fff; text-decoration:none;
  font-family:Verdana, Arial, sans-serif; font-size:.85rem;
  text-transform:uppercase; letter-spacing:.08em;
}
nav a:hover, nav a.actief { background:#6f1717; }

main { max-width:960px; margin:0 auto; padding:36px 20px 48px; }
h1 { font-size:1.9rem; color:#8a1f1f; margin-bottom:18px; }
h2 { font-size:1.3rem; margin:26px 0 10px; }
p { margin-bottom:14px; }

.intro { display:flex; gap:34px; align-items:flex-start; flex-wrap:wrap; }
.intro .tekst { flex:1 1 380px; }
.intro img { flex:0 1 340px; max-width:100%; height:auto; margin-top:6px; }

.kaarten {
  display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:18px; margin-top:34px;
}
.kaart {
  background:#fff; border:1px solid #e2ddd5; border-top:4px solid #8a1f1f;
  padding:20px; text-decoration:none; color:#222;
}
.kaart strong { display:block; color:#8a1f1f; margin-bottom:6px; font-family:Verdana, Arial, sans-serif; font-size:.9rem; text-transform:uppercase; letter-spacing:.06em; }
.kaart:hover { background:#fdfcfa; }

table.tijden { border-collapse:collapse; margin:12px 0 20px; }
table.tijden td { padding:6px 26px 6px 0; border-bottom:1px solid #e2ddd5; }

footer {
  background:#111; color:#c9c4bd;
  font-family:Verdana, Arial, sans-serif; font-size:.8rem;
  padding:26px 20px; margin-top:20px;
}
footer .binnen { max-width:960px; margin:0 auto; }
footer a { color:#fff; text-decoration:none; }

@media (max-width:600px) {
  .kop { gap:14px; }
  .kop img { width:64px; height:64px; }
  .kop .naam { font-size:1.15rem; }
}