:root{--oranje:#E24E12;--oranje-tekst:#B23C0C;--navy:#1A1A2E;--tekst:#333333;--grijs:#666666;--licht:#F5F5F5;--lijn:#E6E6E6}
*{box-sizing:border-box}
body{margin:0;background:#FFFFFF;color:var(--tekst);font-family:Calibri,Carlito,Arial,sans-serif;font-size:18px;line-height:1.55}
a{color:var(--oranje-tekst)}a:hover{color:var(--navy)}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.bar{height:6px;background:var(--oranje)}
header{border-bottom:1px solid var(--lijn)}
header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px}
header img{height:34px;width:auto;display:block}
nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 26px;font-size:17px}
nav a{color:var(--tekst);text-decoration:none}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:12px 24px;border-radius:4px;font-weight:700;font-size:19px;text-decoration:none;background:var(--oranje);color:#FFFFFF}
.btn:hover{color:#FFFFFF;background:#C9440F}
.btn.ghost{background:#FFFFFF;color:var(--navy);border:2px solid var(--navy)}
.eyebrow{margin:0 0 14px;font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--oranje-tekst)}
section{padding:88px 0}
h1{margin:0 0 22px;font-size:clamp(40px,6vw,66px);line-height:1.04;color:var(--navy)}
h2{margin:0 0 16px;font-size:clamp(30px,4vw,40px);line-height:1.1;color:var(--navy)}
h3{margin:0 0 6px;font-size:21px;color:var(--navy)}
.hero .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:48px}
.hero .tekst{flex:999 1 520px;min-width:0}
.hero .beeld{flex:1 1 220px;display:flex;justify-content:center}
.hero .beeld img{height:300px;width:auto}
.lead{margin:0 0 30px;max-width:620px;font-size:21px}
.tagline{margin:34px 0 0;padding-top:14px;border-top:4px solid var(--oranje);max-width:620px;font-size:21px;font-weight:700;color:var(--navy)}
.tagline span{display:block;font-weight:400;color:var(--tekst)}
.knoppen{display:flex;flex-wrap:wrap;gap:14px}
.grijs{background:var(--licht)}
.drie{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;margin-top:28px}
.drie p{margin:0;font-size:17px}
.producten{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 48px;margin-top:28px}
.product{padding:18px 0;border-top:1px solid var(--lijn)}
.product strong{display:block;font-size:22px;color:var(--navy)}
.product span{font-size:17px}
.nieuw{font-size:12px;font-weight:700;color:#FFFFFF;background:var(--navy);padding:2px 7px;border-radius:3px;letter-spacing:.06em;vertical-align:middle;margin-left:6px}
.team .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:48px}
.team .tekst{flex:1 1 380px;min-width:0}
.team .beeld{flex:1 1 460px;min-width:0}
.team .beeld img{width:100%;height:auto;display:block}
ol.stappen{margin:20px 0 0;padding-left:22px}
ol.stappen li{margin-bottom:6px}
.donker{background:var(--navy);color:#FFFFFF}
.donker h2{color:#FFFFFF}
.donker p{color:#D6D6E0}
.donker a{color:#FFFFFF}
.contact{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px}
footer{background:var(--licht);border-top:4px solid var(--oranje);font-size:15px;color:var(--grijs)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:28px;padding-bottom:28px}
#privacy{padding:48px 0;font-size:16px}
#privacy h2{font-size:24px}
.ticker{background:var(--navy);color:#FFFFFF;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:700;letter-spacing:.02em}
.ticker-track{display:inline-flex;width:max-content;animation:ticker 45s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker a{color:#FFFFFF}
.ticker-track>div{display:inline-flex}
.ticker span{display:inline-flex;align-items:center;gap:14px;padding:6px 14px 6px 0}
.ticker span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--oranje);margin-left:14px}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@media (prefers-reduced-motion: reduce){.ticker-track{animation:none}}
nav a[aria-current]{color:var(--navy);font-weight:700;text-decoration:underline;text-decoration-color:var(--oranje);text-decoration-thickness:3px;text-underline-offset:8px}
.pagina-kop{background:var(--licht);padding:56px 0 64px}
.pagina-kop .lead{margin-bottom:0}
.kolommen{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px;align-items:start}
.kaart{background:#FFFFFF;border:1px solid var(--lijn);border-top:4px solid var(--oranje);border-radius:6px;padding:28px}
.kaart h2{font-size:26px}
.kaart p{margin:0 0 12px}
.gegevens{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 20px;font-size:17px}
.gegevens dt{font-weight:700;color:var(--navy)}
.gegevens dd{margin:0}
.redenen{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:28px}
.redenen a.btn{margin-top:8px}
form label{display:block;margin:0 0 4px;font-weight:700;font-size:16px;color:var(--navy)}
form input,form textarea,form select{width:100%;font:inherit;font-size:17px;padding:10px 12px;border:1px solid #BDBDBD;border-radius:4px;margin-bottom:16px;background:#FFFFFF;color:var(--tekst)}
form input:focus,form textarea:focus,form select:focus{outline:3px solid var(--oranje);outline-offset:1px;border-color:var(--oranje)}
form textarea{min-height:150px;resize:vertical}
form button{border:0;cursor:pointer;font-family:inherit}
.klein{font-size:15px;color:var(--grijs)}