/* kop + trustbalk 1-op-1 uit css/site.css (gegenereerd door voorbeeld-gen.py) */
:root{--rust:#A8262C;--rust-d:#861C21;--muted:#7F8285}
.hdr{backdrop-filter:none;-webkit-backdrop-filter:none}
.hdr .nav{margin-left:0;font-size:16px;font-weight:400}
.hdr .nav a{color:var(--ink)}
.hdr .nav a.on,.hdr .nav a:hover{color:var(--rust)}
.hdr .wrap,.trustbalk .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.hdr .btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 26px;font-family:Jost,sans-serif;font-weight:500;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;border-radius:0;line-height:1.75;background:var(--rust);color:#fff}
.hdr .btn:hover{background:var(--rust-d)}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--lijn)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:84px;gap:20px}
.logo{text-decoration:none;display:flex;flex-direction:column;line-height:1}
.logo b{font-family:Jost,sans-serif;font-weight:500;font-size:1.5rem;letter-spacing:.3em;color:var(--ink)}
.logo small{font-family:Jost,sans-serif;font-size:.62rem;letter-spacing:.42em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.nav{display:flex;gap:30px}
.nav a{text-decoration:none;font-family:Jost,sans-serif;font-weight:400;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
.nav a:hover{color:var(--rust)}
.acts{display:flex;gap:18px;align-items:center}
.acts .tel{font-family:Jost,sans-serif;font-size:.95rem;color:var(--ink);text-decoration:none}
.menub{display:none;background:none;border:1px solid var(--lijn);padding:8px 12px;cursor:pointer;font-size:1.05rem}
@media(max-width:1000px){.nav{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:4px 24px 18px;border-bottom:1px solid var(--lijn)}.nav a{padding:13px 0;border-bottom:1px solid var(--lijn)}.nav.open{display:flex}.menub{display:block}.acts .tel{display:none}}
@media(max-width:560px){.acts .btn{display:none}}
.hdr .logo b{letter-spacing:.24em}
.nav a.on{color:var(--rust)}
.nav a,.acts .tel{white-space:nowrap}
.nav{gap:26px}
@media(max-width:1240px){.acts .tel{display:none}}
.btn,.logo small{white-space:nowrap}
.nav{gap:24px}
@media(max-width:1480px){.acts .tel{display:none}}
@media(max-width:1180px){.nav{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:4px 24px 18px;border-bottom:1px solid var(--lijn)}.nav a{padding:13px 0;border-bottom:1px solid var(--lijn)}.nav.open{display:flex}.menub{display:block}}
.nav{gap:20px}
.nav a{letter-spacing:.14em}
/* De Lange: trustbalk + modelkaarten configurator */
.trustbalk{background:#1D1E1F;color:#E7E1D9;font-family:Jost,sans-serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}
.trustbalk .wrap{display:flex;justify-content:center;gap:42px;min-height:36px;align-items:center;overflow:hidden;white-space:nowrap}
.trustbalk span:before{content:"";display:inline-block;width:5px;height:5px;background:var(--rust);margin-right:12px;vertical-align:middle}
@media(max-width:900px){.trustbalk span:nth-child(n+3){display:none}.trustbalk .wrap{gap:20px;font-size:.66rem}}
@media(max-width:480px){.trustbalk span:nth-child(2){display:none}}
.preview{top:100px}@media (max-width:1080px){.preview{top:85px}}