:root { --teal:#1B8F97; --ink:#26343a; --grijs:#5c6f75; }
.experttip { background:var(--teal); color:#fff; border-radius:12px; padding:18px 22px; margin:26px 0; }
.experttip .experttip-kop { font-weight:700; font-size:1.05em; margin:0 0 8px; }
.experttip p { color:#fff; margin:0 0 8px; }
.experttip p:last-child { margin-bottom:0; }
.experttip a { color:#fff; text-decoration:underline; }
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; background:#f6fafa; color:var(--ink); line-height:1.65; font-size:16.5px; }
a { color:var(--teal); }
img { max-width:100%; height:auto; }
.kop { position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 16px; background:#fff; border-bottom:2px solid var(--teal); }
.merk { display:flex; align-items:center; gap:10px; font-weight:700; font-size:16.5px; color:var(--ink); text-decoration:none; min-width:0; }
.merk img { border-radius:8px; flex:none; }
.ctaknop { display:inline-block; background:var(--teal); color:#fff; text-decoration:none; padding:9px 16px; border-radius:999px; font-weight:600; font-size:14.5px; white-space:nowrap; }
.wrap { max-width:760px; margin:0 auto; padding:24px 16px 40px; }
article.post { max-width:720px; margin:0 auto; padding:20px 16px 40px; background:transparent; }
article.post h1 { font-size:clamp(26px,5.5vw,34px); line-height:1.22; margin:16px 0 4px; }
article.post h2 { font-size:clamp(21px,4vw,25px); margin:26px 0 8px; }
article.post h3 { font-size:18.5px; margin:20px 0 6px; }
.postmeta { color:#7d8f94; font-size:14px; margin:0 0 14px; }
.hero-vol { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:12px; }
.post img { border-radius:10px; }
.ytembed { width:100%; aspect-ratio:16/9; border:0; border-radius:10px; }
.bannerp { text-align:center; margin:24px 0; }
.bannerp img { max-width:100%; border-radius:12px; }
.ctablok { background:#e5f3f4; border:1px solid #bfe0e2; border-radius:14px; padding:20px 18px; text-align:center; margin:24px 0; }
.ctablok p { margin:0 0 14px; font-weight:500; }
.kaarten { display:grid; gap:18px; grid-template-columns:1fr; margin-top:18px; }
@media (min-width:640px) { .kaarten { grid-template-columns:1fr 1fr; } }
.blogkaart { display:block; background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.06); text-decoration:none; color:var(--ink); }
.blogkaart img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.blogkaart .binnen { padding:14px 16px 18px; }
.blogkaart h2 { font-size:18px; line-height:1.3; margin:0 0 8px; }
.blogkaart p { margin:0 0 8px; color:var(--grijs); font-size:14.5px; }
.blogkaart .datum { color:#9ab0b5; font-size:13px; margin:0; }
.blogkaart .kaartlink { display:block; text-decoration:none; color:inherit; }
.blogkaart > .datum { padding:0 16px 16px; }
.blogkaart .datum a { color:var(--teal); text-decoration:none; }
.kruimel { font-size:14px; color:#7d8f94; margin:0 0 10px; }
.kruimel a { color:var(--teal); text-decoration:none; }
.themakop { font-size:20px; margin:18px 0 4px; }
.themas, .subcats { display:flex; flex-wrap:wrap; gap:12px; margin:12px 0 8px; }
.themakaart { display:flex; flex-direction:column; gap:2px; background:#fff; border:1px solid #bfe0e2; border-radius:12px; padding:12px 18px; text-decoration:none; color:var(--ink); box-shadow:0 2px 8px rgba(0,0,0,.05); }
a.themakaart:hover { border-color:var(--teal); }
.themakaart strong { color:var(--teal); }
.themakaart span { color:var(--grijs); font-size:13.5px; }
.catintro { color:var(--grijs); margin:0 0 4px; }
.tekstfoto { display:grid; gap:18px; grid-template-columns:1fr; align-items:center; margin:20px 0; }
@media (min-width:640px) { .tekstfoto { grid-template-columns:1.25fr 1fr; } }
.paginaheader { --laag:.5; position:relative; background-size:cover; background-position:center; text-align:center; color:#fff; padding:56px 20px 64px; border-radius:14px; overflow:hidden; margin-bottom:18px; }
.paginaheader::before { content:''; position:absolute; inset:0; background:rgba(0,0,0,var(--laag)); }
.paginaheader > * { position:relative; z-index:1; }
.paginaheader h1, .paginaheader h2 { color:#fff; }
.paginaheader .streep { width:56px; height:2px; background:#fff; margin:0 auto 14px; }
.contactform { max-width:480px; margin:20px auto; text-align:left; }
.contactform label { display:block; margin:0 0 12px; font-weight:500; font-size:14.5px; }
.contactform input, .contactform textarea { width:100%; padding:10px 12px; border:1px solid #c8dadc; border-radius:8px; font:inherit; margin-top:4px; }
.contactform button { background:var(--teal); color:#fff; border:0; border-radius:8px; padding:12px 24px; font:inherit; font-weight:600; cursor:pointer; }
.voet { text-align:center; color:#7d8f94; font-size:14px; padding:26px 16px 44px; }