/* Werkvlak: lokale fonts (SIL Open Font License) */
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/schibsted-grotesk-latin-wght-normal.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/newsreader-latin-wght-normal.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:200 800;font-display:swap;src:url(../fonts/newsreader-latin-wght-italic.woff2) format('woff2')}

:root{
  --bm-ink:#1b1f24;
  --bm-groen:#1f5c4a;
  --bm-groen-donker:#174636;
  --bm-groen-licht:#e6efeb;
  --bm-eiken:#f3ece2;
  --bm-eiken-lijn:#e2d6c6;
  --bm-grijs:#f2f3f4;
  --bm-lijn:#dfe2e5;
  --bm-muted:#5b636d;
  --bm-wit:#ffffff;
  --bm-wrap:1240px;
  --bm-gutter:32px;
  --bm-r:4px;
  --bm-sans:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --bm-serif:'Newsreader',Georgia,'Times New Roman',serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bm-wit);color:var(--bm-ink);font-family:var(--bm-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
img,svg{display:block;max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--bm-groen);outline-offset:3px}
.bm-wrap{max-width:var(--bm-wrap);margin:0 auto;padding-left:var(--bm-gutter);padding-right:var(--bm-gutter)}
.bm-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.bm-skip{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--bm-ink);color:var(--bm-wit);padding:10px 16px;text-decoration:none;font-weight:600}
.bm-skip:focus{left:16px}
.bm-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Typografie */
.bm-h1{font-weight:700;font-size:clamp(36px,4.6vw,60px);line-height:1.05;letter-spacing:-.03em;margin:0}
.bm-h2{font-weight:700;font-size:36px;line-height:1.12;letter-spacing:-.02em;margin:0}
.bm-kern{color:var(--bm-groen)}
.bm-lead{font-family:var(--bm-serif);font-size:22px;line-height:1.55;color:#2f3338;margin:22px 0 0;max-width:36em}
.bm-intro{font-family:var(--bm-serif);font-size:19px;line-height:1.6;color:#40474f;margin:12px 0 0;max-width:46ch}
.bm-kruimel{display:flex;flex-wrap:wrap;gap:6px 8px;font-size:14px;color:var(--bm-muted);margin:0 0 26px}
.bm-kruimel a{text-decoration:none}
.bm-kruimel a:hover{color:var(--bm-ink);text-decoration:underline}

/* Knoppen */
.bm-knop{flex:none;width:40px;height:40px;border:1.5px solid var(--bm-ink);display:grid;place-items:center;background:transparent;color:var(--bm-ink);transition:background .2s,color .2s,border-color .2s;cursor:pointer;padding:0}
.bm-knop svg{width:16px;height:16px}
a:hover .bm-knop,.bm-knop:hover{background:var(--bm-groen);border-color:var(--bm-groen);color:var(--bm-wit)}
.bm-actie{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font-weight:600;font-size:15px}
.bm-knopvol{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 24px;border:0;border-radius:var(--bm-r);background:var(--bm-groen);color:var(--bm-wit);font-weight:600;font-size:16px;text-decoration:none;cursor:pointer;transition:background .2s}
.bm-knopvol:hover{background:var(--bm-groen-donker)}

/* Header */
.bm-head{position:sticky;top:0;z-index:30;background:var(--bm-wit);border-bottom:1px solid var(--bm-lijn)}
.bm-head__in{display:flex;align-items:center;height:72px;gap:48px}
.bm-merk{font-weight:700;font-size:22px;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
.bm-merk span{color:var(--bm-groen)}
.bm-nav{display:flex;gap:32px;font-size:15px;font-weight:500}
.bm-nav a{text-decoration:none;padding:24px 0 22px;border-bottom:3px solid transparent;white-space:nowrap}
.bm-nav a:hover,.bm-nav a[aria-current]{border-bottom-color:var(--bm-groen)}
.bm-head__rechts{margin-left:auto;display:flex;gap:8px}
.bm-menuknop{display:none}
.bm-mobmenu{display:none;padding:16px 0 8px;border-top:1px solid var(--bm-lijn)}
.bm-mobmenu.is-open{display:block}
.bm-mobmenu a{display:block;padding:14px 0;border-bottom:1px solid var(--bm-lijn);text-decoration:none;font-weight:500;font-size:17px}
.bm-mobmenu a[aria-current]{color:var(--bm-groen)}
.bm-mobmenu .bm-zoekveld{margin:0 0 8px;max-width:none}

/* Zoekveld */
.bm-zoekveld{display:flex;max-width:540px;border:1.5px solid var(--bm-ink);border-radius:var(--bm-r);overflow:hidden;background:var(--bm-wit)}
.bm-zoekveld input{flex:1;min-width:0;border:0;outline:0;font-size:16px;padding:0 18px;height:52px;background:transparent}
.bm-zoekveld button{border:0;background:var(--bm-groen);color:var(--bm-wit);font-weight:600;font-size:15px;padding:0 22px;cursor:pointer}
.bm-zoekveld button:hover{background:var(--bm-groen-donker)}
.bm-zoekveld:focus-within{outline:2px solid var(--bm-groen);outline-offset:2px}

/* Onderwerpenlijst */
.bm-onderwerpen{margin:0;padding:0;list-style:none}
.bm-onderwerpen a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--bm-lijn);text-decoration:none}
.bm-onderwerpen li:first-child a{border-top:1px solid var(--bm-ink)}
.bm-onderwerpen strong{display:block;font-size:19px;font-weight:600}
.bm-onderwerpen small{display:block;font-size:14px;color:var(--bm-muted);margin-top:2px}
.bm-onderwerpen a:hover strong{color:var(--bm-groen)}

/* Kaarten */
.bm-kaarten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}
.bm-kaarten--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bm-kaarten--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bm-kaart{display:flex;flex-direction:column;text-decoration:none}
.bm-kaart img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--bm-r);background:#e4e6e8;transition:opacity .2s}
.bm-kaart:hover img{opacity:.88}
.bm-kaart h3{font-weight:600;font-size:20px;line-height:1.28;letter-spacing:-.01em;margin:18px 0 8px}
.bm-kaart:hover h3{color:var(--bm-groen)}
.bm-kaart p{font-family:var(--bm-serif);font-size:17px;line-height:1.5;color:#40474f;margin:0}
.bm-kaart__onder{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:18px;font-size:14px;color:var(--bm-muted)}
.bm-kaarten--2 .bm-kaart h3{font-size:24px}

/* Lijst met artikelen (archief, zoeken) */
.bm-lijst{list-style:none;margin:0;padding:0;border-top:1px solid var(--bm-ink)}
.bm-lijst li{border-bottom:1px solid var(--bm-lijn)}
.bm-lijst a{display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:32px;align-items:center;padding:24px 0;text-decoration:none}
.bm-lijst img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--bm-r);background:#e4e6e8}
.bm-lijst h2,.bm-lijst h3{font-weight:600;font-size:24px;line-height:1.25;letter-spacing:-.015em;margin:0 0 8px}
.bm-lijst a:hover h2,.bm-lijst a:hover h3{color:var(--bm-groen)}
.bm-lijst p{font-family:var(--bm-serif);font-size:18px;line-height:1.5;color:#40474f;margin:0;max-width:56ch}
.bm-lijst__meta{display:block;font-size:14px;color:var(--bm-muted);margin-top:12px}
.bm-lijst mark{background:var(--bm-groen-licht);color:inherit;padding:0 2px}

/* Tabs (archief) */
.bm-tabs{display:flex;gap:28px;border-bottom:1px solid var(--bm-lijn);margin:40px 0 0;overflow-x:auto;scrollbar-width:none}
.bm-tabs::-webkit-scrollbar{display:none}
.bm-tabs a{flex:none;text-decoration:none;font-weight:500;font-size:15px;padding:12px 0;border-bottom:3px solid transparent;margin-bottom:-1px;color:var(--bm-muted)}
.bm-tabs a:hover{color:var(--bm-ink)}
.bm-tabs a[aria-current]{color:var(--bm-ink);border-bottom-color:var(--bm-groen)}
.bm-tabs span{color:var(--bm-muted);font-weight:400;margin-left:4px}

/* Paginakop algemeen */
.bm-paginakop{padding-top:40px;padding-bottom:48px}
.bm-paginakop .bm-zoekveld{margin-top:28px}

/* Artikelkop met foto ernaast */
.bm-kop{padding-top:40px;padding-bottom:56px}
.bm-kop__grid{align-items:center}
.bm-kop__tekst{grid-column:1 / span 7}
.bm-meta{display:flex;align-items:center;gap:14px;margin:30px 0 0;font-size:15px;color:var(--bm-muted)}
.bm-meta__teken{flex:none;width:44px;height:44px;background:var(--bm-groen);color:var(--bm-wit);display:grid;place-items:center;font-weight:700;font-size:20px;border-radius:var(--bm-r)}
.bm-meta strong{display:block;color:var(--bm-ink);font-weight:600}
.bm-kop__foto{grid-column:9 / span 4;margin:0}
.bm-kop__foto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--bm-r);background:var(--bm-grijs)}

/* Artikelkop met brede foto (koopgids) */
.bm-kopbreed{padding-top:40px}
.bm-kopbreed__tekst{grid-column:1 / span 9}
.bm-kopbreed__foto{margin:44px 0 0}
.bm-kopbreed__foto img{width:100%;aspect-ratio:21/8;object-fit:cover;border-radius:var(--bm-r);background:var(--bm-grijs)}

/* Groene band met kernpunten */
.bm-band{background:var(--bm-groen);color:var(--bm-wit)}
.bm-punten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.bm-punt{padding:36px 32px 38px 0}
.bm-punt+.bm-punt{padding-left:32px;border-left:1px solid rgba(255,255,255,.22)}
.bm-punt b{display:block;font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1}
.bm-punt p{margin:12px 0 0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.84);max-width:30ch}

/* Artikel */
.bm-artikel{padding-top:72px;padding-bottom:96px}
.bm-toc{grid-column:1 / span 3;grid-row:1 / span 3;position:sticky;top:104px;align-self:start}
.bm-toc p{font-weight:600;font-size:15px;margin:0 0 14px}
.bm-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--bm-lijn)}
.bm-toc a{display:block;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;font-size:14px;line-height:1.4;text-decoration:none;color:var(--bm-muted)}
.bm-toc a:hover{color:var(--bm-ink)}
.bm-toc a.is-actief{color:var(--bm-ink);font-weight:600;border-left-color:var(--bm-groen)}
.bm-toc-mob{display:none}
.bm-zijkaart{grid-column:1 / span 3;grid-row:1 / span 3;align-self:start;position:sticky;top:104px;background:var(--bm-grijs);border-radius:var(--bm-r);padding:24px}
.bm-zijkaart dl{margin:0}
.bm-zijkaart div{padding:12px 0;border-bottom:1px solid var(--bm-lijn)}
.bm-zijkaart div:first-child{padding-top:0}
.bm-zijkaart div:last-child{border-bottom:0;padding-bottom:0}
.bm-zijkaart dt{font-size:14px;color:var(--bm-muted)}
.bm-zijkaart dd{margin:2px 0 0;font-weight:600;font-size:22px;letter-spacing:-.02em}

.bm-tekst{grid-column:5 / span 7;grid-row:1;font-family:var(--bm-serif);font-size:20px;line-height:1.65;color:#25292e;min-width:0}
.bm-artikel>.bm-maat+.bm-tekst{grid-row:3}
.bm-tekst>p,.bm-tekst>blockquote{margin:0 0 24px}
.bm-tekst h2{font-family:var(--bm-sans);font-weight:700;font-size:32px;line-height:1.15;letter-spacing:-.02em;color:var(--bm-ink);margin:64px 0 18px}
.bm-tekst h2:first-child,.bm-tekst .bm-toc-mob+h2{margin-top:0}
.bm-tekst h3{font-family:var(--bm-sans);font-weight:600;font-size:22px;line-height:1.3;color:var(--bm-ink);margin:38px 0 10px}
.bm-tekst h4{font-family:var(--bm-sans);font-weight:600;font-size:18px;line-height:1.35;color:var(--bm-ink);margin:28px 0 8px}
.bm-tekst a{color:var(--bm-groen);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.bm-tekst a:hover{color:var(--bm-groen-donker);text-decoration-thickness:2px}
.bm-tekst a[rel~="external"]::after{content:"\2197";font-family:var(--bm-sans);font-size:.78em;margin-left:.2em;display:inline-block}
.bm-tekst>ul:not([class]),.bm-tekst>ol:not([class]){margin:0 0 24px;padding-left:1.3em}
.bm-tekst>ul:not([class]) li,.bm-tekst>ol:not([class]) li{margin-bottom:8px;padding-left:4px}
.bm-tekst>ul:not([class]) li::marker{color:var(--bm-groen)}
.bm-tekst>ol:not([class]) li::marker{color:var(--bm-groen);font-family:var(--bm-sans);font-weight:700}
.bm-tekst blockquote{border-left:3px solid var(--bm-groen);padding-left:20px;font-style:italic}
.bm-tekst strong{font-weight:600;color:var(--bm-ink)}

.bm-figuur{margin:36px 0}
.bm-figuur img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--bm-r);background:var(--bm-grijs)}
.bm-figuur figcaption{font-family:var(--bm-sans);font-size:14px;color:var(--bm-muted);margin-top:10px}

.bm-tabel{margin:8px 0 32px;overflow-x:auto;font-family:var(--bm-sans);-webkit-overflow-scrolling:touch}
.bm-tabel table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;min-width:540px}
.bm-tabel caption{text-align:left;font-weight:600;font-size:15px;padding:0 0 12px}
.bm-tabel th{text-align:left;font-weight:600;padding:12px 16px;background:var(--bm-groen-licht);color:var(--bm-ink);vertical-align:bottom}
.bm-tabel th:first-child{border-radius:var(--bm-r) 0 0 var(--bm-r)}
.bm-tabel th:last-child{border-radius:0 var(--bm-r) var(--bm-r) 0}
.bm-tabel td{padding:14px 16px;border-bottom:1px solid var(--bm-lijn);vertical-align:top;color:#30363d}
.bm-tabel td:first-child{font-weight:600;color:var(--bm-ink)}

:is(.bm-stappen,.is-style-stappen){list-style:none;margin:8px 0 32px;padding:0;counter-reset:stap}
:is(.bm-stappen,.is-style-stappen) li{counter-increment:stap;position:relative;padding:16px 0 16px 52px;margin:0}
:is(.bm-stappen,.is-style-stappen) li+li{border-top:1px solid var(--bm-lijn)}
:is(.bm-stappen,.is-style-stappen) li::before{content:counter(stap);position:absolute;left:0;top:19px;width:34px;height:34px;display:grid;place-items:center;background:var(--bm-groen);color:var(--bm-wit);font-family:var(--bm-sans);font-weight:700;font-size:16px;line-height:1}
:is(.bm-stappen,.is-style-stappen) strong{font-family:var(--bm-sans);font-weight:600;color:var(--bm-ink)}

:is(.bm-vinklijst,.is-style-vinklijst){list-style:none;margin:8px 0 32px;padding:0}
:is(.bm-vinklijst,.is-style-vinklijst) li{position:relative;padding:12px 0 12px 40px;border-bottom:1px solid var(--bm-lijn)}
:is(.bm-vinklijst,.is-style-vinklijst) li:first-child{border-top:1px solid var(--bm-lijn)}
:is(.bm-vinklijst,.is-style-vinklijst) li::before{content:"";position:absolute;left:0;top:16px;width:22px;height:22px;background:var(--bm-groen-licht);border-radius:2px}
:is(.bm-vinklijst,.is-style-vinklijst) li::after{content:"";position:absolute;left:7px;top:20px;width:6px;height:11px;border-right:2px solid var(--bm-groen);border-bottom:2px solid var(--bm-groen);transform:rotate(45deg)}

:is(.bm-cijfers,.is-style-cijfers){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 32px;padding:0;list-style:none;font-family:var(--bm-sans)}
:is(.bm-cijfers,.is-style-cijfers) li{background:var(--bm-grijs);border-radius:var(--bm-r);padding:20px;margin:0;font-size:14px;line-height:1.45;color:var(--bm-muted)}
:is(.bm-cijfers,.is-style-cijfers) strong{display:block;font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--bm-ink);margin-bottom:8px}

.bm-misvat{margin:8px 0 32px}
.bm-misvat div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;padding:20px 0;border-top:1px solid var(--bm-lijn)}
.bm-misvat div:last-child{border-bottom:1px solid var(--bm-lijn)}
.bm-misvat dt{font-family:var(--bm-sans);font-weight:600;font-size:17px;line-height:1.4;color:var(--bm-ink)}
.bm-misvat dd{margin:0;font-size:18px;line-height:1.6}

.bm-auteur{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;margin-top:56px;padding:24px;background:var(--bm-grijs);border-radius:var(--bm-r);font-family:var(--bm-sans);font-size:15px;line-height:1.55}
.bm-auteur__teken{width:56px;height:56px;background:var(--bm-groen);color:var(--bm-wit);display:grid;place-items:center;font-weight:700;font-size:24px;border-radius:var(--bm-r)}
.bm-auteur p{margin:0;color:var(--bm-muted)}
.bm-auteur strong{color:var(--bm-ink);font-weight:600;display:block;font-size:16px}
.bm-tekst .bm-auteur a{color:var(--bm-groen)}
.bm-bronnen{margin-top:28px;font-family:var(--bm-sans);font-size:14px;color:var(--bm-muted)}
.bm-bronnen p{font-weight:600;color:var(--bm-ink);margin:0 0 6px}
.bm-bronnen ol{margin:0;padding-left:20px}
.bm-bronnen li{margin-bottom:4px}

/* Werkplekcalculator in het artikel */
.bm-maat{grid-column:5 / -1;grid-row:2;margin:48px 0 64px;background:var(--bm-eiken);border-radius:var(--bm-r);padding:40px 36px}
.bm-maat__grid{align-items:start}
.bm-maat__links{grid-column:1 / span 6}
.bm-maat h2{font-weight:700;font-size:32px;line-height:1.15;letter-spacing:-.02em;margin:0 0 12px}
.bm-maat__uitleg{font-family:var(--bm-serif);font-size:18px;line-height:1.55;color:#3a3630;margin:0 0 28px;max-width:44ch}
.bm-invoer{background:var(--bm-wit);border-radius:var(--bm-r);padding:18px 20px 14px}
.bm-invoer label{display:flex;justify-content:space-between;align-items:baseline;font-weight:600;font-size:15px}
.bm-invoer output{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--bm-groen)}
.bm-invoer input[type=range],.bm-calc__invoer input[type=range]{width:100%;margin:14px 0 6px;accent-color:var(--bm-groen);height:28px}
.bm-invoer__schaal{display:flex;justify-content:space-between;font-size:13px;color:var(--bm-muted)}
.bm-uitkomst{margin:20px 0 0}
.bm-uitkomst div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--bm-eiken-lijn)}
.bm-uitkomst dt{font-size:15px;color:#5e574d}
.bm-uitkomst dd{margin:0;font-weight:600;font-size:20px;white-space:nowrap}
.bm-norm{margin:20px 0 0;font-size:15px;line-height:1.55;padding-left:14px;border-left:3px solid var(--bm-groen)}
.bm-maat__rechts{grid-column:7 / span 6;background:var(--bm-wit);border-radius:var(--bm-r);padding:20px 16px 16px;margin:0}
.bm-maat__rechts figcaption{font-size:13px;color:var(--bm-muted);margin-top:12px}
.bm-tekening{width:100%;height:auto}
.bm-tekening text{font-family:var(--bm-sans)}
.bm-maat__voet{grid-column:1 / -1;font-size:13px;color:#6b6358;margin:24px 0 0}

/* Verder lezen */
.bm-verder{background:var(--bm-grijs);padding:72px 0 88px}
.bm-sectiekop{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}

/* Home */
.bm-open{padding-top:64px;padding-bottom:64px}
.bm-open__grid{align-items:end}
.bm-open__tekst{grid-column:1 / span 7}
.bm-open .bm-h1{font-size:clamp(38px,5vw,64px);line-height:1.04}
.bm-open .bm-zoekveld{margin-top:32px}
.bm-open__onderwerpen{grid-column:9 / span 4}
.bm-uitgelicht{padding-bottom:88px}
.bm-uitgelicht a{text-decoration:none;align-items:center}
.bm-uitgelicht__foto{grid-column:1 / span 7}
.bm-uitgelicht__foto img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:var(--bm-r);background:var(--bm-grijs)}
.bm-uitgelicht__tekst{grid-column:9 / span 4}
.bm-uitgelicht h2{font-weight:700;font-size:34px;line-height:1.12;letter-spacing:-.02em;margin:0 0 14px}
.bm-uitgelicht a:hover h2{color:var(--bm-groen)}
.bm-uitgelicht p{font-family:var(--bm-serif);font-size:19px;line-height:1.55;color:#40474f;margin:0}
.bm-uitgelicht .bm-uitgelicht__meta{font-family:var(--bm-sans);font-size:14px;color:var(--bm-muted);margin:18px 0 26px}

.bm-calc{background:var(--bm-groen);color:var(--bm-wit);padding:64px 0}
.bm-calc__grid{align-items:center}
.bm-calc__tekst{grid-column:1 / span 5}
.bm-calc h2{font-weight:700;font-size:36px;line-height:1.12;letter-spacing:-.02em;margin:0}
.bm-calc__tekst p{font-family:var(--bm-serif);font-size:19px;line-height:1.55;color:rgba(255,255,255,.86);margin:14px 0 0;max-width:40ch}
.bm-calc__invoer{margin-top:28px;max-width:420px}
.bm-calc__invoer label{display:flex;justify-content:space-between;align-items:baseline;font-weight:600;font-size:15px}
.bm-calc__invoer output{font-size:30px;font-weight:700;letter-spacing:-.02em}
.bm-calc__invoer input[type=range]{accent-color:#ffffff}
.bm-calc__schaal{display:flex;justify-content:space-between;font-size:13px;color:rgba(255,255,255,.72)}
.bm-calc__uit{grid-column:7 / span 6;background:var(--bm-wit);color:var(--bm-ink);border-radius:var(--bm-r)}
.bm-calc__cijfers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.bm-calc__cijfers div{padding:28px 24px 30px}
.bm-calc__cijfers div+div{border-left:1px solid var(--bm-lijn)}
.bm-calc__cijfers dt{font-size:14px;color:var(--bm-muted)}
.bm-calc__cijfers dd{margin:8px 0 0;font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1}
.bm-calc__cijfers dd span{font-size:18px;font-weight:500;color:var(--bm-muted);margin-left:4px;letter-spacing:0}
.bm-calc__norm{margin:0;padding:16px 24px;border-top:1px solid var(--bm-lijn);font-size:14px;line-height:1.5;color:#40474f}
.bm-calc__norm a{color:var(--bm-groen);font-weight:600}

.bm-perkop{padding-top:88px;padding-bottom:88px}
.bm-perkop__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.bm-perkop__kol h3{font-weight:700;font-size:22px;letter-spacing:-.01em;margin:0;padding-bottom:12px;border-bottom:1px solid var(--bm-ink)}
.bm-perkop__kol>p{font-size:14px;color:var(--bm-muted);margin:10px 0 18px;min-height:42px}
.bm-mini{list-style:none;margin:0;padding:0}
.bm-mini li+li{margin-top:20px}
.bm-mini a{display:block;text-decoration:none}
.bm-mini img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--bm-r);background:#e4e6e8}
.bm-mini strong{display:block;font-weight:600;font-size:17px;line-height:1.3;margin-top:12px}
.bm-mini small{display:block;font-size:14px;color:var(--bm-muted);margin-top:4px}
.bm-mini a:hover strong{color:var(--bm-groen)}

.bm-normen{background:var(--bm-eiken);padding:80px 0 88px}
.bm-normen .bm-intro{color:#4a443c}
.bm-normen__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bm-normkaart{background:var(--bm-wit);border-radius:var(--bm-r);padding:28px 28px 30px}
.bm-normkaart h3{font-weight:700;font-size:22px;letter-spacing:-.01em;margin:0}
.bm-normkaart__voor{font-size:14px;color:var(--bm-muted);margin:4px 0 18px}
.bm-normkaart dl{margin:0;border-top:1px solid var(--bm-lijn)}
.bm-normkaart dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--bm-lijn);font-size:15px}
.bm-normkaart dt{color:var(--bm-muted)}
.bm-normkaart dd{margin:0;font-weight:600;text-align:right}
.bm-normen__voet{font-size:13px;color:#6b6358;margin:20px 0 0}

/* Onderwerphub */
.bm-hub{background:var(--bm-groen-licht);padding-top:40px;padding-bottom:56px}
.bm-hub__grid{align-items:end}
.bm-hub__tekst{grid-column:1 / span 6}
.bm-hub__tekst .bm-intro{font-size:20px;color:#2f3338;max-width:40ch}
.bm-hub__aantal{font-size:15px;color:var(--bm-muted);margin:24px 0 0}
.bm-hub__foto{grid-column:8 / span 5;margin:0 0 -120px}
.bm-hub__foto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--bm-r);background:var(--bm-grijs)}
.bm-hubinhoud{padding-top:72px;padding-bottom:88px}
.bm-hubinhoud .bm-sectiekop{margin-top:80px}
.bm-check{background:var(--bm-eiken);padding:72px 0}
.bm-check__kop{grid-column:1 / span 4}
.bm-check__kop .bm-intro{color:#4a443c}
.bm-check__lijst{grid-column:6 / span 7;margin:0;font-family:var(--bm-serif);font-size:19px;line-height:1.55}
.bm-check :is(.bm-vinklijst,.is-style-vinklijst) li{border-color:var(--bm-eiken-lijn)}
.bm-check :is(.bm-vinklijst,.is-style-vinklijst) li::before{background:var(--bm-wit)}
.bm-andere{padding-top:72px;padding-bottom:96px}
.bm-andere .bm-onderwerpen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.bm-andere .bm-onderwerpen li a{border-top:1px solid var(--bm-ink)}

/* Tekstpagina's, contact, 404 */
.bm-melding{background:var(--bm-eiken);border-radius:var(--bm-r);padding:20px 22px;font-size:16px;line-height:1.55;color:#3a3630;margin:28px 0 0}
.bm-melding strong{display:block;color:var(--bm-ink);margin-bottom:2px}
.bm-contact{padding-bottom:96px}
.bm-contact__tekst{grid-column:1 / span 5}
.bm-contact__tekst :is(.bm-vinklijst,.is-style-vinklijst){font-size:16px;margin-top:28px}
.bm-contact__form{grid-column:7 / span 6;background:var(--bm-grijs);border-radius:var(--bm-r);padding:36px}
.bm-veld{margin-bottom:20px}
.bm-veld label{display:block;font-weight:600;font-size:15px;margin-bottom:8px}
.bm-veld label small{font-weight:400;color:var(--bm-muted)}
.bm-veld input,.bm-veld select,.bm-veld textarea{display:block;width:100%;border:1.5px solid #c9ced3;border-radius:var(--bm-r);background:var(--bm-wit);font-size:16px;padding:0 14px;height:50px;transition:border-color .15s}
.bm-veld textarea{height:auto;min-height:160px;padding:12px 14px;line-height:1.5;resize:vertical}
.bm-veld select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231b1f24' stroke-width='1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.bm-veld input:focus,.bm-veld select:focus,.bm-veld textarea:focus{border-color:var(--bm-groen);outline:none;box-shadow:0 0 0 3px var(--bm-groen-licht)}
.bm-veld__rij{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bm-form__voet{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:8px}
.bm-form__voet p{margin:0;font-size:14px;color:var(--bm-muted);max-width:32ch}
.bm-form__voet a{color:var(--bm-groen)}
.bm-bedankt{display:none}
.bm-bedankt h2{font-weight:700;font-size:28px;letter-spacing:-.02em;margin:0 0 10px}
.bm-bedankt p{font-family:var(--bm-serif);font-size:19px;line-height:1.55;margin:0;color:#40474f}
.is-verzonden form{display:none}
.is-verzonden .bm-bedankt{display:block}
.bm-fout{padding-top:72px;padding-bottom:88px}
.bm-fout__grid{align-items:start}
.bm-fout__tekst{grid-column:1 / span 6}
.bm-fout__tekst .bm-zoekveld{margin-top:32px}
.bm-fout__onderwerpen{grid-column:8 / span 5}
.bm-fout__onderwerpen h2{font-size:15px;font-weight:600;margin:0 0 12px}
.bm-tip{margin:28px 0 0;padding:0;list-style:none;font-size:16px;color:#40474f}
.bm-tip li{padding:6px 0 6px 18px;position:relative}
.bm-tip li::before{content:"";position:absolute;left:0;top:16px;width:8px;height:2px;background:var(--bm-groen)}
.bm-gevonden{font-size:16px;color:var(--bm-muted);margin:32px 0 16px}
.bm-gevonden strong{color:var(--bm-ink)}
.bm-archief{padding-bottom:96px}

/* Footer */
.bm-voet{background:var(--bm-ink);color:#c9ccd0;padding:64px 0 28px;font-size:15px}
.bm-voet .bm-merk{color:var(--bm-wit)}
.bm-voet .bm-merk span{color:#8fc1ae}
.bm-voet__merk{grid-column:1 / span 5}
.bm-voet__merk p{margin:14px 0 0;max-width:34ch;line-height:1.55}
.bm-voet__kol{grid-column:span 2}
.bm-voet__kol:nth-child(2){grid-column:8 / span 2}
.bm-voet h2{font-size:15px;font-weight:600;color:var(--bm-wit);margin:0 0 12px}
.bm-voet ul{list-style:none;margin:0;padding:0}
.bm-voet li{margin-bottom:8px}
.bm-voet a{text-decoration:none}
.bm-voet a:hover{color:var(--bm-wit);text-decoration:underline}
.bm-voet__onder{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:20px;border-top:1px solid #343a41;font-size:14px;color:#9aa0a7}
.bm-voet__onder nav{display:flex;gap:24px}

/* Responsive */
@media (max-width:1100px){
  .bm-nav{gap:22px}
  .bm-head__in{gap:32px}
  .bm-kop__tekst{grid-column:1 / span 7}
  .bm-kop__foto{grid-column:8 / span 5}
  .bm-tekst{grid-column:4 / span 9}
  .bm-maat{grid-column:4 / -1}
  .bm-toc,.bm-zijkaart{grid-column:1 / span 3}
  .bm-open__tekst{grid-column:1 / span 7}
  .bm-open__onderwerpen{grid-column:8 / span 5}
  .bm-uitgelicht__tekst{grid-column:8 / span 5}
  .bm-calc__tekst{grid-column:1 / -1}
  .bm-calc__uit{grid-column:1 / -1;margin-top:32px}
  .bm-kaarten{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bm-check__kop{grid-column:1 / span 5}
  .bm-check__lijst{grid-column:6 / span 7}
  .bm-contact__tekst{grid-column:1 / span 5}
  .bm-contact__form{grid-column:6 / span 7;padding:28px}
  .bm-lijst a{grid-template-columns:200px minmax(0,1fr) auto;gap:24px}
}
/* Menuknop eerder tonen, zodat alle onderwerpen in het menu passen */
@media (max-width:1180px){
  .bm-nav,.bm-head__rechts .bm-zoek{display:none}
  .bm-menuknop{display:grid}
}
@media (max-width:900px){
  :root{--bm-gutter:16px}
  html{scroll-padding-top:76px}
  .bm-nav,.bm-head__rechts .bm-zoek{display:none}
  .bm-menuknop{display:grid}
  .bm-head__in{height:60px}
  .bm-12{display:block}
  .bm-h2,.bm-calc h2{font-size:28px}
  .bm-lead{font-size:19px;margin-top:18px}
  .bm-intro{font-size:18px}
  .bm-sectiekop{flex-direction:column;align-items:flex-start;margin-bottom:24px}
  .bm-paginakop{padding-top:24px;padding-bottom:36px}
  .bm-kruimel{margin-bottom:18px}
  .bm-kop{padding-top:24px;padding-bottom:40px}
  .bm-meta{margin-top:24px}
  .bm-kop__foto{margin-top:32px}
  .bm-kop__foto img{aspect-ratio:4/3}
  .bm-kopbreed{padding-top:24px}
  .bm-kopbreed__foto{margin:28px calc(var(--bm-gutter) * -1) 0}
  .bm-kopbreed__foto img{aspect-ratio:4/3;border-radius:0}
  .bm-punten{grid-template-columns:1fr}
  .bm-punt,.bm-punt+.bm-punt{padding:22px 0;border-left:0}
  .bm-punt+.bm-punt{border-top:1px solid rgba(255,255,255,.22)}
  .bm-punt b{font-size:34px}
  .bm-artikel{padding-top:40px;padding-bottom:64px}
  .bm-toc{display:none}
  .bm-zijkaart{position:static;margin-bottom:36px}
  .bm-zijkaart dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .bm-zijkaart div,.bm-zijkaart div:first-child,.bm-zijkaart div:last-child{padding:0;border:0}
  .bm-zijkaart dd{font-size:19px}
  .bm-toc-mob{display:block;margin:0 0 36px;background:var(--bm-grijs);border-radius:var(--bm-r);font-family:var(--bm-sans)}
  .bm-toc-mob summary{display:flex;justify-content:space-between;padding:14px 16px;font-weight:600;font-size:15px;cursor:pointer;list-style:none}
  .bm-toc-mob summary::-webkit-details-marker{display:none}
  .bm-toc-mob ol{margin:0;padding:0 16px 16px 36px;font-size:15px;line-height:1.5}
  .bm-toc-mob li{margin-bottom:6px}
  .bm-toc-mob a{text-decoration:none;color:var(--bm-ink)}
  .bm-tekst{font-size:19px}
  .bm-tekst h2{font-size:26px;margin-top:48px}
  .bm-tekst h3{font-size:20px}
  .bm-maat{margin:40px calc(var(--bm-gutter) * -1) 48px;padding:32px var(--bm-gutter);border-radius:0}
  .bm-maat h2{font-size:26px}
  .bm-maat__rechts{margin-top:24px;padding:16px}
  .bm-tabel{overflow:visible}
  .bm-tabel table{min-width:0;font-size:15px}
  .bm-tabel thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .bm-tabel table,.bm-tabel tbody,.bm-tabel tr,.bm-tabel td{display:block}
  .bm-tabel caption{display:block;width:100%}
  .bm-tabel tr{border-top:1px solid var(--bm-lijn);padding:14px 0}
  .bm-tabel tbody tr:last-child{border-bottom:1px solid var(--bm-lijn)}
  .bm-tabel td{border:0;padding:3px 0}
  .bm-tabel td:first-child{font-size:17px;padding-bottom:6px}
  .bm-tabel td[data-label]:not(:first-child){display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px}
  .bm-tabel td[data-label]:not(:first-child)::before{content:attr(data-label);color:var(--bm-muted);font-size:14px}
  :is(.bm-cijfers,.is-style-cijfers){grid-template-columns:1fr}
  :is(.bm-cijfers,.is-style-cijfers) li{padding:16px 18px}
  :is(.bm-cijfers,.is-style-cijfers) strong{font-size:22px;margin-bottom:4px}
  .bm-misvat div{grid-template-columns:1fr;gap:6px}
  .bm-auteur{grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px}
  .bm-auteur__teken{width:44px;height:44px;font-size:20px}
  .bm-verder{padding:56px 0 64px}
  .bm-kaarten,.bm-kaarten--3,.bm-kaarten--2{grid-template-columns:1fr;gap:36px}
  .bm-kaarten--2 .bm-kaart h3{font-size:22px}
  .bm-open{padding-top:32px;padding-bottom:48px}
  .bm-open__onderwerpen{margin-top:40px}
  .bm-uitgelicht{padding-bottom:64px}
  .bm-uitgelicht__tekst{margin-top:22px}
  .bm-uitgelicht h2{font-size:28px}
  .bm-calc{padding:48px 0}
  .bm-calc__uit{margin-top:28px}
  .bm-calc__cijfers{grid-template-columns:1fr}
  .bm-calc__cijfers div{display:flex;justify-content:space-between;align-items:baseline;padding:16px 20px}
  .bm-calc__cijfers div+div{border-left:0;border-top:1px solid var(--bm-lijn)}
  .bm-calc__cijfers dd{font-size:30px;margin:0}
  .bm-calc__norm{padding:14px 20px}
  .bm-perkop{padding-top:64px;padding-bottom:64px}
  .bm-perkop__grid{grid-template-columns:1fr;row-gap:44px}
  .bm-perkop__kol>p{min-height:0}
  .bm-mini li{display:block}
  .bm-mini a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center}
  .bm-mini strong{margin-top:0}
  .bm-normen{padding:56px 0 64px}
  .bm-normen__grid{grid-template-columns:1fr;gap:16px}
  .bm-hub{padding-top:24px;padding-bottom:0}
  .bm-hub__aantal{margin-top:18px}
  .bm-hub__foto{margin:28px calc(var(--bm-gutter) * -1) 0}
  .bm-hub__foto img{border-radius:0}
  .bm-hubinhoud{padding-top:48px;padding-bottom:64px}
  .bm-hubinhoud .bm-sectiekop{margin-top:56px}
  .bm-check{padding:56px 0}
  .bm-check__lijst{margin-top:24px;font-size:18px}
  .bm-andere{padding-top:56px;padding-bottom:72px}
  .bm-andere .bm-onderwerpen{display:block}
  .bm-andere .bm-onderwerpen li a{border-top:0}
  .bm-andere .bm-onderwerpen li:first-child a{border-top:1px solid var(--bm-ink)}
  .bm-lijst a{grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:start;padding:20px 0}
  .bm-lijst a>.bm-knop{display:none}
  .bm-lijst img{aspect-ratio:1/1}
  .bm-lijst h2,.bm-lijst h3{font-size:19px;margin-bottom:6px}
  .bm-lijst p{font-size:16px}
  .bm-lijst__meta{margin-top:8px;font-size:13px}
  .bm-tabs{margin-top:28px;gap:22px}
  .bm-contact{padding-bottom:64px}
  .bm-contact__form{margin-top:36px;padding:24px 18px;margin-left:calc(var(--bm-gutter) * -1);margin-right:calc(var(--bm-gutter) * -1);border-radius:0}
  .bm-veld__rij{grid-template-columns:1fr;gap:0}
  .bm-form__voet{flex-direction:column;align-items:stretch}
  .bm-form__voet .bm-knopvol{width:100%}
  .bm-fout{padding-top:32px;padding-bottom:64px}
  .bm-fout__onderwerpen{margin-top:40px}
  .bm-voet{padding-top:48px}
  .bm-voet__grid{display:grid;grid-template-columns:1fr 1fr;row-gap:32px}
  .bm-voet__merk{grid-column:1 / -1}
  .bm-voet__kol,.bm-voet__kol:nth-child(2){grid-column:auto}
}
@media (max-width:420px){
  .bm-zijkaart dl{grid-template-columns:1fr;gap:10px}
  .bm-zijkaart div{display:flex;justify-content:space-between;align-items:baseline}
  .bm-zoekveld button{padding:0 16px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- WordPress-aanvullingen ---------- */
.admin-bar .bm-head{top:32px}
@media (max-width:782px){.admin-bar .bm-head{top:0}}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bm-geenfoto{display:block;width:100%;aspect-ratio:3/2;background:var(--bm-grijs);border-radius:var(--bm-r)}
.bm-kop__foto .bm-geenfoto{aspect-ratio:4/5}
.bm-artikel--smal .bm-tekst{grid-column:3 / span 8}
.bm-tekst .wp-block-image,.bm-tekst figure{margin:36px 0}
.bm-tekst .wp-block-image img,.bm-tekst figure img{border-radius:var(--bm-r)}
.bm-tekst figcaption,.bm-tekst .wp-element-caption{font-family:var(--bm-sans);font-size:14px;color:var(--bm-muted);margin-top:10px}
.bm-tekst figure.wp-block-table{margin:8px 0 32px}
.bm-tekst .aligncenter{margin-left:auto;margin-right:auto}
.bm-tekst .alignleft{float:left;margin:6px 24px 16px 0;max-width:50%}
.bm-tekst .alignright{float:right;margin:6px 0 16px 24px;max-width:50%}
.bm-tekst .bm-maat{grid-column:auto;grid-row:auto;margin:48px -100px 56px 0;font-family:var(--bm-sans);font-size:16px;line-height:1.5;color:var(--bm-ink)}
.bm-tekst .bm-maat h2{margin:0 0 12px}
.bm-tekst .bm-maat .bm-maat__links{grid-column:1 / span 6}
.bm-tekst .bm-maat .bm-maat__rechts{grid-column:7 / span 6;margin:0}
.bm-paginering{margin-top:40px}
.bm-paginering .nav-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bm-paginering .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border:1.5px solid var(--bm-lijn);border-radius:var(--bm-r);text-decoration:none;font-weight:600}
.bm-paginering .page-numbers.current{background:var(--bm-groen);border-color:var(--bm-groen);color:var(--bm-wit)}
.bm-paginering a.page-numbers:hover{border-color:var(--bm-ink)}
.bm-paginering .dots{border:0}
.bm-formfout{background:#fbeceb;color:#7a1f19;border-radius:var(--bm-r);padding:14px 16px;font-size:15px;margin:0 0 20px}
.bm-honing{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bm-is-verzonden form{display:none}
.bm-is-verzonden .bm-bedankt{display:block}
@media (max-width:1100px){
  .bm-tekst .bm-maat{margin-right:0}
  .bm-artikel--smal .bm-tekst{grid-column:1 / -1}
}
@media (max-width:900px){
  .bm-tekst .bm-maat{margin:40px calc(var(--bm-gutter) * -1) 48px}
  .bm-tekst .alignleft,.bm-tekst .alignright{float:none;margin:24px 0;max-width:100%}
}
.bm-artikel--pagina{padding-top:24px}
ol:is(.bm-stappen,.is-style-stappen),ul:is(.bm-vinklijst,.is-style-vinklijst){padding-left:0;list-style:none}