/* Hallmark · shape: kept · genre: modern-minimal · theme: brand · redesign: full
 * paper: oklch(96.5% 0.004 105) · accent: oklch(36% 0.07 150) · display: Archivo · body: Archivo · hero: Stage, photo to the edge · nav: kept · footer: kept · signature: the person in the hero, kept
 * axes: paper/archivo/groen · posture: Stage (photo bleeds to the screen edge, no floating card) · contrast: pass · fold: pass · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V4 · weakest: E, the band keeps a long text the owner asked for; set it as a statement over two columns instead of a wall */
/* Hallmark · dropped the dubbele streepjesmerk above headings, the four top-bordered Eerste Klus cards and the cijferrij (15+ jaar, 1 persoon, 1 werkdag) in over mij · the owner called them AI-looking; the facts moved into the paragraph, over mij now carries the owner's own conversation photo, DESIGN.md updated */
/* Hallmark · waive 49b · footer and case link labels wrap to two lines at 320 to 375px, tap target stays 44px high · the labels are page names and case titles that double as SEO anchors, shortening them loses meaning */
/* Hallmark · waive 44c · hero photo bleeds to the screen edge on purpose, the owner chose this layout over a floating card · a visual pinned to the edge is the Stage posture, text block and photo stay centred on the same axis */
/* Bureau LGS 2.0 — "Het systeem": bord- en dienstregelingstaal.
   Groen draagt de pagina, geel is voor de ene actie, Archivo variabel (gewicht + breedte), rijen en tabellen in plaats van kaarten. */

:root {
	--groen: #21502f;
	--groen-diep: #173a22;
	--groen-licht: #e3ece5;
	--salie: #538861;
	--geel: #e4bc5a;
	--papier: #f5f5f0;
	--inkt: #14201a;
	--wit: #fff;
	--lijn: rgb(20 32 26 / 0.16);
	--schaduw: rgb(20 32 26 / 0.18);
	--lijn-sterk: rgb(20 32 26 / 0.4);
	--r: 12px;
	--lijn-wit: rgb(255 255 255 / 0.32);
	--lijn-wit-2: rgb(255 255 255 / 0.22);
	--inkt-2: rgb(20 32 26 / 0.78);
	--inkt-3: rgb(20 32 26 / 0.88);
	--inkt-55: rgb(20 32 26 / 0.55);
	--veldrand: rgb(20 32 26 / 0.55);
	--wit-2: rgb(255 255 255 / 0.9);
	--wit-3: rgb(255 255 255 / 0.75);
	--wit-4: rgb(255 255 255 / 0.5);
	--fout: #a3190f;
	--pad: clamp(1.25rem, 4vw, 3.5rem);
	--max: 1440px;
	--sec: clamp(4.5rem, 3rem + 6vw, 9rem);
	--rek: 100%;
}

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
[id] { scroll-margin-top: 5.5rem; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: clip; }
::selection { background: var(--geel); color: var(--inkt); }
strong, b { font-weight: 700; }
:focus-visible { outline: 3px solid var(--inkt); outline-offset: 3px; }
.blgs-dark :focus-visible, .blgs-footer :focus-visible { outline-color: var(--geel); }
.blgs-dark, .blgs-dark :where(p, li, dd, dt, label, h1, h2, h3) { color: var(--wit); }
.blgs-skip { position: absolute; left: 1rem; top: -4rem; background: var(--geel); color: var(--inkt); padding: .8rem 1.2rem; font-weight: 700; z-index: 100; }
.blgs-skip:focus { top: 1rem; }
mark.has-geel-color { background: none; color: var(--geel); }
mark.has-groen-color { background: none; color: var(--groen); }
.has-inline-color[style*="FFF0A6"] { padding: 0 .25em; }

/* ---------- Basis ---------- */
.wp-site-blocks > *, main.wp-block-group > *, footer.wp-block-group > * { margin-block: 0; }
.blgs-wrap { width: min(100%, var(--max)); margin-inline: auto; padding-inline: var(--pad); box-sizing: border-box; }
.blgs-section { padding-block: var(--sec); }
h1, h2, h3, h4 { font-stretch: var(--rek); text-wrap: balance; }
h1, h2 { font-weight: 700; margin: 0; }
h1 { font-size: clamp(2.4rem, 1.2rem + 3.8vw, 4.25rem); line-height: 1.02; letter-spacing: -.035em; }
h2 { font-size: clamp(2rem, 1.3rem + 2.6vw, 3.4rem); line-height: 1.05; letter-spacing: -.03em; }
h3 { font-size: var(--wp--preset--font-size--kop-3); line-height: 1.12; font-weight: 700; letter-spacing: -.01em; margin: 0; }
p { margin: 0; text-wrap: pretty; max-width: 62ch; }
.blgs-lead { font-size: var(--wp--preset--font-size--lead); line-height: 1.4; max-width: 42ch; }
.blgs-small { font-size: var(--wp--preset--font-size--klein); line-height: 1.45; }
.blgs-num { font-variant-numeric: tabular-nums; }

.blgs-dark.blgs-section { --streep: var(--geel); }
.blgs-klusband { --streep: var(--groen); }
.blgs-strokes { height: 14px; background: linear-gradient(var(--geel) 0 5px, transparent 5px 9px, var(--geel) 9px 14px); }

/* ---------- Knoppen ---------- */
.wp-block-buttons { gap: .75rem; }
.wp-block-button__link, .blgs-btn, .wpcf7-submit {
	display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 3.25rem; padding: 1rem 1.6rem; box-sizing: border-box;
	background: var(--geel); color: var(--inkt); font: 700 1.0625rem/1.2 var(--wp--preset--font-family--archivo); border: 0; border-radius: 10px;
	box-shadow: inset 0 0 0 1.5px var(--inkt-55); text-decoration: none; cursor: pointer; transition: background-color .15s, color .15s;
}
.wp-block-button__link::after, .blgs-btn::after { content: "\2192" / ""; font-weight: 700; transition: transform .15s; }
.wp-block-button__link:hover, .blgs-btn:hover, .wpcf7-submit:hover { background: var(--groen); color: var(--wit); }
.wp-block-button__link:hover::after, .blgs-btn:hover::after { transform: translateX(.25rem); }
@media (prefers-reduced-motion: reduce) { .wp-block-button__link:hover::after, .blgs-btn:hover::after { transform: none; } }

/* ---------- Header ---------- */
.blgs-header-part { position: sticky; top: 0; z-index: 50; }
.blgs-header { background: var(--papier); color: var(--inkt); border-bottom: 1px solid var(--lijn); }
.blgs-header-in { display: flex; align-items: center; gap: clamp(1rem, 3vw, 3rem); min-height: 4.75rem; padding-block: .4rem; }
.blgs-logo { display: block; flex: none; line-height: 0; }
.blgs-logo img { width: 5.5rem; height: auto; display: block; }
.blgs-header .wp-block-navigation { margin-left: auto; font-size: .9375rem; font-weight: 700; }
.blgs-header .wp-block-navigation a { color: var(--inkt); text-decoration: none; padding-block: 0; background: linear-gradient(var(--groen), var(--groen)) 0 100% / 0 3px no-repeat; transition: background-size .2s; }
.blgs-header .wp-block-navigation a:hover, .blgs-header .wp-block-navigation a:focus-visible { background-size: 100% 3px; }
.blgs-header .wp-block-navigation__responsive-container-open { color: var(--inkt); }
.blgs-header .wp-block-navigation__responsive-container-close { color: var(--wit); }
.blgs-header .wp-block-navigation__responsive-container.is-menu-open { background: var(--groen-diep); color: var(--wit); }
.blgs-header .wp-block-navigation__responsive-container.is-menu-open a { font-size: 1.5rem; font-weight: 700; color: var(--wit); background: none; }
.blgs-header .wp-block-buttons { margin: 0 0 0 auto; }
.blgs-header .wp-block-button__link { min-height: 2.75rem; padding: .6rem 1.1rem; font-size: .9375rem; }
.blgs-header .wp-block-button__link::after { display: none; }
@media (min-width: 782px) { .blgs-header .wp-block-buttons { margin-left: 0; } .blgs-logo img { width: 6.25rem; } }

/* ---------- Hero ---------- */
/* ---------- Sectiekop ---------- */
.blgs-sechead { display: grid; gap: 1.25rem 4rem; margin-bottom: clamp(2rem, 4vw, 3.75rem); align-items: end; }
@media (min-width: 56rem) { .blgs-sechead { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.blgs-sechead p { font-size: 1.125rem; line-height: 1.5; }
.blgs-sechead h2 { max-width: 20ch; }

/* ---------- Klusrijen ---------- */
.blgs-klussen { background: var(--wit); }
.blgs-rows { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--lijn); }
.blgs-row { display: grid; gap: .6rem 2rem; padding-block: clamp(1.4rem, 2.5vw, 2.25rem); border-top: 1px solid var(--lijn); align-items: baseline; }
.blgs-row .nr { font-size: 1rem; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--groen); }
.blgs-row h3 { font-size: clamp(1.5rem, 1.1rem + 1.5vw, 2.4rem); }
.blgs-row p { font-size: 1.0625rem; line-height: 1.5; }
.blgs-row .tools { font-size: .9375rem; color: var(--inkt-3); }
.blgs-row .tools b { display: block; margin-bottom: .15rem; font-size: .875rem; color: var(--inkt); }
@media (min-width: 56rem) { .blgs-row { grid-template-columns: 3.5rem minmax(0, 4fr) minmax(0, 4fr) minmax(0, 3fr); } }

/* ---------- Eerste Klus (geel bord) ---------- */
.blgs-klusband { background: var(--groen-licht); color: var(--inkt); }
.blgs-klusband h2, .blgs-klusband p, .blgs-klusband dt, .blgs-klusband dd { color: var(--inkt); }
.blgs-ek { display: grid; gap: 2.5rem clamp(2rem, 5vw, 5.5rem); align-items: start; }
@media (min-width: 64rem) { .blgs-ek { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); } }
.blgs-ek h2 { margin-bottom: 1.25rem; max-width: 14ch; }
.blgs-ek .blgs-lead { margin-bottom: 1.75rem; }
.blgs-ledger { margin: 0; border-bottom: 1px solid var(--lijn); }
.blgs-ledger > div { display: grid; gap: .25rem 1.5rem; padding-block: 1.1rem; border-top: 1px solid var(--lijn); }
@media (min-width: 40rem) { .blgs-ledger > div { grid-template-columns: 10rem minmax(0, 1fr); } }
.blgs-ledger dt { font-size: .8125rem; font-weight: 700; padding-top: .25rem; }
.blgs-ledger dd { margin: 0; font-size: 1.1875rem; font-weight: 700; line-height: 1.35; }
.blgs-ledger dd small { display: block; margin-top: .25rem; font-size: .9375rem; font-weight: 400; line-height: 1.45; }

/* ---------- Bewijs (voorlopig leeg: eerlijk gemarkeerd) ---------- */
.blgs-bewijs { background: var(--papier); }
.blgs-cases { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--lijn); }
.blgs-case { display: grid; gap: .5rem 2rem; padding-block: 1.5rem; border-top: 1px solid var(--lijn); }
.blgs-case > div > b { display: block; margin-bottom: .2rem; font-size: .875rem; }
@media (min-width: 56rem) { .blgs-case { grid-template-columns: 3.5rem repeat(3, minmax(0, 1fr)); } }

/* ---------- Over Robin ---------- */
.blgs-over { background: var(--wit); color: var(--inkt); }
.blgs-over-grid { display: grid; gap: 2.5rem clamp(2rem, 5vw, 5rem); align-items: start; }
@media (min-width: 56rem) { .blgs-over-grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); } .blgs-foto { aspect-ratio: 4 / 5; } }
.blgs-foto { margin: 0; aspect-ratio: 16 / 10; display: grid; place-items: center; text-align: center; padding: 1.5rem; border: 2px dashed var(--lijn); background: var(--groen-licht); font-weight: 700; max-width: 26rem; }
.blgs-foto span { max-width: 16ch; color: var(--inkt); }
.blgs-over h2 { margin-bottom: 1.5rem; max-width: 14ch; }
.blgs-over .blgs-lead { margin-bottom: 2rem; max-width: 40ch; }

/* ---------- Veelgestelde vragen ---------- */
.blgs-vragen { background: var(--papier); }
.blgs-faq-grid { display: grid; gap: 2rem 5rem; }
@media (min-width: 56rem) { .blgs-faq-grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); } }
.blgs-faq-grid h2 { max-width: 8ch; }
.blgs-faq .wp-block-details { margin: 0; border-top: 1px solid var(--lijn); padding: 0; }
.blgs-faq .wp-block-details:last-child { border-bottom: 1px solid var(--lijn); }
.blgs-faq summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; min-height: 3.5rem; padding-block: 1.1rem; font-size: clamp(1.15rem, 1rem + .6vw, 1.5rem); font-weight: 700; font-stretch: 88%; line-height: 1.2; }
.blgs-faq summary::-webkit-details-marker { display: none; }
.blgs-faq summary::after { content: "+" / ""; flex: none; display: grid; place-items: center; width: 2.25rem; height: 2.25rem; background: var(--groen); color: var(--wit); font-size: 1.5rem; font-weight: 700; line-height: 1; }
.blgs-faq details[open] summary::after { content: "\2212" / ""; }
.blgs-faq details > p { padding-bottom: 1.4rem; font-size: 1.0625rem; max-width: 56ch; }

/* ---------- Contact ---------- */
.blgs-contact { background: var(--groen); color: var(--wit); }
.blgs-contact-grid { display: grid; gap: 3rem clamp(2rem, 5vw, 5.5rem); align-items: start; }
@media (min-width: 64rem) { .blgs-contact-grid { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); } }
.blgs-contact h2 { color: var(--wit); margin-bottom: 1.5rem; max-width: 12ch; }
.blgs-contact .blgs-lead { margin-bottom: 2rem; }
.blgs-contactlist { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--lijn-wit); max-width: 34rem; }
.blgs-contactlist li { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: 1rem; padding-block: .9rem; border-top: 1px solid var(--lijn-wit); font-weight: 700; }
.blgs-contactlist b { font-size: .8125rem; padding-top: .25rem; }
.blgs-contactlist a { color: var(--wit); text-decoration-thickness: 2px; text-underline-offset: .2em; }
.blgs-contactlist a:hover { color: var(--geel); }
.blgs-formpanel { background: var(--wit); color: var(--inkt); padding: clamp(1.5rem, 3vw, 2.5rem); }
.blgs-formpanel h3 { margin-bottom: 1.25rem; color: var(--inkt); }
.blgs-formpanel p, .blgs-formpanel label { color: var(--inkt); }
.blgs-formpanel .wpcf7-form p { margin: 0 0 1.1rem; max-width: none; }
.blgs-formpanel label { display: block; font-weight: 700; font-size: 1rem; }
.blgs-formpanel input[type="text"], .blgs-formpanel input[type="email"], .blgs-formpanel textarea {
	display: block; width: 100%; box-sizing: border-box; margin-top: .4rem; min-height: 3.25rem; padding: .75rem .9rem; font: 400 1.0625rem/1.4 var(--wp--preset--font-family--archivo);
	color: var(--inkt); background: var(--wit); border: 1.5px solid var(--lijn-sterk); border-radius: 10px;
}
.blgs-formpanel textarea { min-height: 8.5rem; resize: vertical; }
.blgs-formpanel .wpcf7-acceptance { font-size: .9375rem; }
.blgs-formpanel .wpcf7-acceptance label { display: flex; gap: .6rem; font-weight: 400; align-items: flex-start; }
.blgs-formpanel .wpcf7-acceptance input { flex: none; width: 1.4rem; height: 1.4rem; margin-top: .1rem; accent-color: var(--groen); }
.blgs-formpanel .wpcf7-not-valid-tip { color: var(--fout); font-weight: 700; font-size: .9375rem; margin-top: .3rem; }
.blgs-formpanel .wpcf7 form .wpcf7-response-output { margin: 1rem 0 0; padding: .8rem 1rem; border: 2px solid var(--inkt); font-weight: 700; }
.blgs-formpanel .wpcf7-spinner { margin: .5rem 0 0 .75rem; }
.blgs-formpanel .wpcf7-submit { width: 100%; }
@media (min-width: 40rem) { .blgs-formpanel .wpcf7-submit { width: auto; } }

/* ---------- Footer ---------- */
.blgs-footer { background: var(--inkt); color: var(--wit); }
.blgs-footer a { color: var(--wit); text-underline-offset: .2em; }
.blgs-footer a:hover { color: var(--geel); }
.blgs-footer p, .blgs-footer h3 { color: var(--wit); }
.blgs-footer-grid { display: grid; gap: 2.5rem 3rem; padding-block: clamp(3rem, 5vw, 5rem) 2rem; }
@media (min-width: 48rem) { .blgs-footer-grid { grid-template-columns: 1.2fr 1fr 1fr 1.2fr; } }
.blgs-footer-grid img { width: 7.5rem; height: auto; display: block; }
.blgs-footer .navs p { margin: 0 0 .5rem; max-width: none; }
.blgs-footer .label { font-size: .8125rem; font-weight: 700; margin-bottom: .75rem; color: var(--geel); }
.blgs-footer .wp-block-post-title { font-size: 1.125rem; font-stretch: 90%; line-height: 1.25; margin: 0; }
.blgs-footer .wp-block-post-title a { text-decoration: none; }
.blgs-footer .legal { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .75rem 2rem; padding-block: 1.5rem 2.5rem; border-top: 1px solid var(--lijn-wit); font-size: .875rem; }
.blgs-footer .legal > * { margin-block: 0; }
.blgs-footer .legal p { max-width: none; font-size: .875rem; }
.blgs-footer .in svg path { fill: var(--wit); }

/* ---------- Beweging beperken ---------- */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition-duration: .01ms !important; transition-delay: 0s !important; animation: none !important; }
}

/* ---------- Aanraakdoelen (minimaal 44px) ---------- */
.blgs-header .wp-block-navigation a, .blgs-contactlist a, .blgs-footer .navs a, .blgs-footer .wp-block-post-title a { display: inline-flex; align-items: center; min-height: 2.75rem; }
.blgs-footer .navs p { margin-bottom: 0; }
.blgs-header .wp-block-navigation__responsive-container-open, .blgs-header .wp-block-navigation__responsive-container-close { min-width: 2.75rem; min-height: 2.75rem; align-items: center; justify-content: center; }
@media (max-width: 599px) { .blgs-header .wp-block-navigation__responsive-container-open { display: inline-flex; } }
.blgs-formpanel .wpcf7-acceptance input { width: 1.75rem; height: 1.75rem; }
.blgs-formpanel .wpcf7-acceptance a { display: inline-block; padding-block: .6rem; }
.blgs-formpanel .wpcf7-acceptance label { align-items: center; }
.blgs-contactlist li { align-items: center; }
.blgs-contactlist b { padding-top: 0; }

/* ---------- Uitgewerkte voorbeelden (stappen per onderdeel) ---------- */
.sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.blgs-showcases { background: var(--papier); }
.blgs-tt-stack { display: grid; gap: clamp(3.5rem, 6vw, 6rem); }
.blgs-tt-wrap { margin: 0; }
.blgs-tt-wrap figcaption { display: grid; gap: .75rem 3rem; margin-bottom: 1.5rem; }
.blgs-tt-wrap figcaption p { font-size: 1.0625rem; max-width: 52ch; }
@media (min-width: 56rem) { .blgs-tt-wrap figcaption { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: end; } }
.blgs-tt { width: 100%; border-collapse: collapse; border-bottom: 1px solid var(--lijn); font-size: .9375rem; line-height: 1.45; background: var(--wit); }
.blgs-tt thead th { text-align: left; padding: .8rem 1rem; background: var(--groen); color: var(--wit); font-size: .8125rem; font-weight: 700; }
.blgs-tt tbody tr { border-top: 1px solid var(--lijn); }
.blgs-tt tbody th, .blgs-tt td { padding: 1rem; vertical-align: top; text-align: left; }
.blgs-tt tbody th { display: flex; gap: .75rem; align-items: center; font-size: 1.125rem; font-weight: 700; font-stretch: 85%; line-height: 1.15; }
.blgs-tt .nr { flex: none; display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--groen); color: var(--wit); font-size: .9375rem; font-weight: 700; font-variant-numeric: tabular-nums; font-stretch: 100%; }
.blgs-tt td.mens { background: var(--groen-licht); font-weight: 700; }
.blgs-tt-tools { margin-top: .9rem; font-size: .9375rem; max-width: none; }
.blgs-tt-tools b { font-size: .875rem; margin-right: .5rem; }
@media (max-width: 55.99rem) {
	.blgs-tt thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
	.blgs-tt, .blgs-tt tbody, .blgs-tt tr, .blgs-tt th, .blgs-tt td { display: block; }
	.blgs-tt tbody tr { padding-bottom: .75rem; }
	.blgs-tt tbody th { padding-bottom: .4rem; }
	.blgs-tt td { padding-block: .3rem; padding-left: 3.4rem; }
	.blgs-tt td::before { content: attr(data-l); display: block; font-size: .875rem; font-weight: 700; color: var(--inkt-2); }
	.blgs-tt td.mens { margin: .3rem 1rem 0 3.4rem; padding: .5rem .75rem; }
	.blgs-tt td:has(.sr) { display: none; }
}
@media (min-width: 56rem) { .blgs-tt tbody th { width: 21%; } .blgs-tt td { width: 26.3%; } }
.blgs-tt.is-armed td.mens { background: var(--wit); }
.blgs-tt.is-armed .nr { background: var(--wit); color: var(--inkt); box-shadow: inset 0 0 0 2px var(--lijn); }
.blgs-tt.is-armed.is-run td.mens { background: var(--groen-licht); transition: background-color .35s ease calc(var(--i) * .5s); }
.blgs-tt.is-armed.is-run .nr { background: var(--groen); color: var(--wit); box-shadow: none; transition: background-color .25s ease calc(var(--i) * .5s), color .25s ease calc(var(--i) * .5s); }

/* ---------- Eigen pagina's ---------- */
.blgs-pagehero .blgs-wrap { padding-block: clamp(3.5rem, 2rem + 6vw, 7rem); }
.blgs-pagehero h1 { max-width: 12ch; margin-bottom: 1.5rem; }
.blgs-pagehero .blgs-lead { max-width: 46ch; margin-bottom: 2rem; }
.blgs-gebieden { margin-top: 2rem; border-bottom: 1px solid var(--lijn); }
.blgs-gebied { display: grid; gap: 1.5rem 3rem; padding-block: clamp(2rem, 4vw, 3rem); border-top: 1px solid var(--lijn); }
@media (min-width: 56rem) { .blgs-gebied { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); } .blgs-gebied > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; } }
.blgs-gebied > div { display: grid; gap: 2rem; }
.blgs-section .blgs-gebied h2, .blgs-twee h2 { font-size: clamp(1.7rem, 1.2rem + 1.8vw, 2.5rem); }
.blgs-gebied h2::before, .blgs-twee h2::before { display: none; }
.blgs-opl h3 { margin-bottom: .6rem; }
.blgs-opl p { font-size: 1.0625rem; line-height: 1.5; margin-bottom: .6rem; }
.blgs-opl .mens, .blgs-opl .tools { font-size: .9375rem; }
.blgs-opl p b { display: block; font-size: .875rem; margin-bottom: .1rem; }
.blgs-maatwerk h2 { max-width: 14ch; }
.blgs-maatwerk .blgs-lead { margin: 1.25rem 0 1.75rem; }
.blgs-twee { display: grid; gap: 3rem; }
@media (min-width: 64rem) { .blgs-twee { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem 4rem; } }
.blgs-twee h2 { margin-bottom: 1.25rem; }
.blgs-vink { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--lijn); }
.blgs-vink li { position: relative; padding: .9rem 0 .9rem 2rem; border-top: 1px solid var(--lijn); font-size: 1.0625rem; font-weight: 700; max-width: none; }
.blgs-vink li::before { content: "\2713" / ""; position: absolute; left: 0; top: .85rem; font-weight: 700; color: var(--groen); }
.blgs-vink.min li::before { content: "\2212" / ""; color: var(--inkt); }
.blgs-meer { margin-top: 1.25rem; }
.blgs-meer a { color: var(--inkt); font-weight: 700; text-underline-offset: .2em; text-decoration-thickness: 2px; }

/* =====================================================================================
   Versie 4: licht, ruim en gestructureerd. Probleem eerst, dan de oplossing.
   ===================================================================================== */
.blgs-lead { max-width: 46ch; }

/* ---------- Hero ---------- */
.blgs-hero { background: var(--papier); }
.blgs-hero-grid { display: grid; gap: 3rem; padding-block: clamp(2.5rem, 2rem + 4vw, 6rem) clamp(3.5rem, 3rem + 4vw, 7rem); align-items: center; }
@media (min-width: 64rem) { .blgs-hero-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: clamp(2rem, 5vw, 5rem); } }
.blgs-hero h1 { color: var(--groen); margin-bottom: 1.5rem; max-width: 16ch; }
.blgs-hero .blgs-lead { margin-bottom: 1.25rem; font-size: clamp(1.125rem, 1.05rem + .4vw, 1.3rem); }
.blgs-promise { font-size: 1.125rem; margin-bottom: 2rem; }
.blgs-quick { max-width: 42rem; }
.blgs-quick label { display: block; font-weight: 700; font-size: 1rem; margin-bottom: .6rem; }
.blgs-quick-row { display: flex; flex-direction: column; gap: .75rem; }
.blgs-quick input[type="text"] { width: 100%; box-sizing: border-box; min-height: 3.25rem; padding: .8rem 1.1rem; font: 500 1.0625rem/1.3 var(--wp--preset--font-family--archivo); color: var(--inkt); background: var(--wit); border: 1.5px solid var(--lijn-sterk); border-radius: 10px; }
.blgs-quick input::placeholder { color: var(--inkt-2); opacity: 1; }
.blgs-quick .blgs-btn { width: 100%; }
@media (min-width: 40rem) { .blgs-quick-row { flex-direction: row; } .blgs-quick .blgs-btn { width: auto; flex: none; } }
.blgs-quick-hint { margin-top: .8rem; font-size: .9375rem; color: var(--inkt-2); }
.blgs-facts { list-style: none; margin: 1.5rem 0 0; padding-top: 1.25rem; border-top: 1px solid var(--lijn); padding: 0; display: flex; flex-wrap: wrap; gap: .5rem 1.75rem; font-size: .9375rem; font-weight: 700; }
.blgs-facts li { position: relative; padding-left: 1.4rem; max-width: none; }
.blgs-facts li::before { content: ""; position: absolute; left: 0; top: .42em; width: .7rem; height: .7rem; border-radius: 50%; background: var(--salie); }
/* ---------- Sectiekop (ruimer) ---------- */
.blgs-sechead { margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
.blgs-sechead h2 { max-width: 18ch; }
.blgs-meer { margin-top: 2rem; }
.blgs-meer a { color: var(--groen); font-weight: 700; text-underline-offset: .25em; text-decoration-thickness: 2px; }

/* ---------- Probleem ---------- */
.blgs-probleem { background: var(--wit); }
.blgs-gaten { list-style: none; margin: 0; padding: 0; display: grid; gap: 2.5rem 4rem; }
@media (min-width: 48rem) { .blgs-gaten { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3.5rem 5rem; } }
.blgs-gaten li { padding-top: 1.5rem; border-top: 1px solid var(--lijn-sterk); max-width: none; }
.blgs-gaten .nr { display: block; margin-bottom: 1rem; font-size: .9375rem; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--groen); }
.blgs-gaten h3 { font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.1rem); letter-spacing: -.025em; margin-bottom: .75rem; }
.blgs-gaten p { font-size: 1.125rem; line-height: 1.55; color: var(--inkt-3); max-width: 46ch; }
.blgs-brug { margin-top: clamp(3.5rem, 6vw, 6rem); padding: clamp(1.75rem, 4vw, 3rem); background: var(--groen); border-radius: 20px; color: var(--wit); }
.blgs-brug p { max-width: none; font-size: clamp(1.5rem, 1rem + 2.4vw, 2.75rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.12; color: var(--wit); }
.blgs-brug .blgs-brug-1 { color: var(--wit-3); }
.blgs-brug .blgs-brug-2 { color: var(--wit); }

/* ---------- Drie niveaus ---------- */
.blgs-niveaus { background: var(--papier); }
.blgs-niv-grid { display: grid; gap: 1.25rem; }
@media (min-width: 64rem) { .blgs-niv-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; } }
.blgs-niv { display: flex; flex-direction: column; padding: clamp(1.5rem, 2.5vw, 2.25rem); background: var(--wit); border: 1px solid var(--lijn); border-radius: 20px; }
.niv-top { display: flex; align-items: center; gap: .75rem; margin-bottom: 1.5rem; }
.niv-nr { font-size: .8125rem; font-weight: 700; color: var(--inkt-2); }
.meter { display: inline-flex; gap: 4px; }
.meter i { display: block; width: 1.4rem; height: .45rem; border-radius: 3px; background: var(--lijn-sterk); }
.meter i.on { background: var(--groen); }
.meter-l { font-size: .8125rem; font-weight: 700; color: var(--inkt-2); }
.blgs-niv h3 { font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.1rem); letter-spacing: -.03em; margin-bottom: .5rem; }
.niv-kop { font-weight: 700; font-size: 1.125rem; margin-bottom: .75rem; max-width: none; }
.niv-intro { color: var(--inkt-3); margin-bottom: 1.5rem; max-width: none; }
.niv-vb { list-style: none; margin: 0 0 1.5rem; padding: 0; border-top: 1px solid var(--lijn); }
.niv-vb li { padding-block: .9rem; border-bottom: 1px solid var(--lijn); max-width: none; }
.niv-vb b { display: block; margin-bottom: .2rem; font-size: 1.0625rem; }
.niv-vb span { display: block; font-size: .9375rem; line-height: 1.5; color: var(--inkt-3); }
.niv-tools { margin-top: auto; font-size: .9375rem; max-width: none; }
.niv-tools b { display: block; margin-bottom: .15rem; font-size: .875rem; }
.blgs-niv.n3, .blgs-niv.n3 :where(p, li, span, b, h3) { color: var(--wit); }
.blgs-niv.n3 { background: var(--groen); border-color: var(--groen); }
.blgs-niv.n3 .niv-nr, .blgs-niv.n3 .meter-l, .blgs-niv.n3 .niv-intro, .blgs-niv.n3 .niv-vb span { color: var(--wit-2); }
.blgs-niv.n3 .meter i { background: var(--lijn-wit-2); }
.blgs-niv.n3 .meter i.on { background: var(--geel); }
.blgs-niv.n3 .niv-vb, .blgs-niv.n3 .niv-vb li { border-color: var(--lijn-wit-2); }

/* ---------- Uitgewerkt voorbeeld ---------- */
.blgs-showcases { background: var(--wit); }
.blgs-tt-box { border: 1px solid var(--lijn); border-radius: 16px; overflow: hidden; background: var(--wit); }
.blgs-tt { border-bottom: 0; }
.blgs-tt-wrap figcaption h3 { font-size: clamp(1.4rem, 1.1rem + 1vw, 1.9rem); letter-spacing: -.025em; }
.blgs-tt thead th { background: var(--groen-licht); color: var(--inkt); border-bottom: 1px solid var(--lijn); }
.blgs-tt td.mens { background: var(--groen-licht); }
.blgs-tt tbody tr { border-top: 1px solid var(--lijn); }

/* ---------- Eerste Klus ---------- */
.blgs-klusband { background: var(--groen-licht); }
.blgs-ledger { border-bottom: 0; background: var(--wit); border-radius: 16px; padding: .5rem clamp(1.25rem, 2.5vw, 2rem); }
.blgs-ledger > div { border-top: 1px solid var(--lijn); }
.blgs-ledger > div:first-child { border-top: 0; }
.blgs-ledger dt { color: var(--inkt-2); }
.blgs-ek h2 { max-width: 13ch; }

/* ---------- Over, FAQ, formulier, kaarten: afgerond ---------- */
.blgs-foto { border-radius: 16px; }
.blgs-formpanel { border-radius: 20px; }
.blgs-faq .wp-block-details { border-top: 1px solid var(--lijn); }
.blgs-faq .wp-block-details:last-child { border-bottom: 1px solid var(--lijn); }
.blgs-faq summary::after { border-radius: 8px; }
.blgs-contact { background: var(--groen); }

/* ---------- Pagina's ---------- */
.blgs-pagehero { background: var(--papier); }
.blgs-pagehero h1 { color: var(--groen); max-width: 16ch; }
.blgs-nivs-stack { display: grid; gap: clamp(3.5rem, 6vw, 5.5rem); }
.blgs-nivs { display: grid; gap: 2rem 4rem; padding-top: 2rem; border-top: 1px solid var(--lijn-sterk); }
@media (min-width: 56rem) { .blgs-nivs { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); } .nivs-vb { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 2.5rem; } }
.nivs-kop { display: block; }
.nivs-kop .niv-nr { margin-right: .75rem; }
.nivs-kop h2 { margin: 1.25rem 0 .5rem; font-size: clamp(1.8rem, 1.3rem + 1.8vw, 2.6rem); }
.nivs-kop h2::before { display: none; }
.nivs-kop p { max-width: 46ch; margin-bottom: .9rem; }
.nivs-vb { display: grid; gap: 1.75rem; }
.nivs-vb article { padding: 1.5rem; background: var(--wit); border: 1px solid var(--lijn); border-radius: 16px; }
.nivs-vb h3 { font-size: 1.25rem; margin-bottom: .5rem; }
.nivs-vb p { font-size: 1rem; line-height: 1.5; }
.blgs-ai-invoering { margin-top: clamp(3.5rem, 6vw, 5.5rem); padding: clamp(1.75rem, 4vw, 3rem); background: var(--groen-licht); border-radius: 20px; }
.blgs-ai-invoering h2 { font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem); margin-bottom: 1rem; }
.blgs-ai-invoering h2::before { display: none; }
.blgs-klussen, .blgs-bewijs { background: var(--wit); }

/* Hero: de actie in een paneel */
.blgs-actiecard { background: var(--wit); border: 1px solid var(--lijn); border-radius: 20px; padding: clamp(1.5rem, 3vw, 2.25rem); }
.blgs-actiecard .blgs-quick { max-width: none; }
.blgs-actiecard .blgs-quick-row { flex-direction: column; }
.blgs-actiecard .blgs-quick .blgs-btn { width: 100%; }
.blgs-actiecard .blgs-quick label { font-size: 1.25rem; font-weight: 700; letter-spacing: -.015em; margin-bottom: .9rem; }
.blgs-actiecard .blgs-facts { padding-left: 0; padding-bottom: 0; flex-direction: column; gap: .5rem; }

/* Veelgestelde vragen: overzichtelijk in groepen */
.blgs-faq-grid { display: grid; gap: 2.5rem 5rem; }
@media (min-width: 64rem) { .blgs-faq-grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); align-items: start; } .blgs-faq-kop { position: sticky; top: 7rem; } }
.blgs-faq-kop h2 { margin-bottom: 1.25rem; max-width: 10ch; }
.blgs-faq-kop .blgs-small { font-size: 1.0625rem; margin-bottom: 1.75rem; max-width: 34ch; }
.blgs-faq { display: grid; gap: 2.5rem; }
.blgs-faq-groep h3 { margin-bottom: 1rem; font-size: .9375rem; font-weight: 700; color: var(--groen); }
.blgs-faq .wp-block-details { margin: 0 0 .65rem; padding: 0 1.25rem; background: var(--wit); border: 1px solid var(--lijn); border-radius: 14px; }
.blgs-faq .wp-block-details:last-child { border-bottom: 1px solid var(--lijn); margin-bottom: 0; }
.blgs-faq .wp-block-details[open] { border-color: var(--groen); }
.blgs-faq summary { font-size: 1.125rem; font-weight: 700; font-stretch: 100%; letter-spacing: -.01em; padding-block: 1rem; min-height: 3.5rem; }
.blgs-faq details > p { padding-bottom: 1.25rem; padding-right: 3rem; font-size: 1.0625rem; max-width: 60ch; }
.blgs-vragen { background: var(--papier); }

/* ---------- Menu ---------- */
.blgs-header-in { gap: clamp(1rem, 2vw, 2rem); }
.blgs-header .wp-block-navigation__container { gap: clamp(1rem, 2vw, 2.25rem); }
.blgs-header .wp-block-navigation a[aria-current="page"] { background-size: 100% 3px; }
.blgs-header .blgs-nav-cta { display: none; }
@media (max-width: 599px) {
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open { padding: 1.25rem var(--pad) 2rem; background: var(--groen); color: var(--wit); }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 3rem; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: flex-start; gap: .25rem; width: 100%; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width: 100%; border-bottom: 1px solid var(--lijn-wit-2); }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a { display: flex; min-height: 3.5rem; padding-block: .5rem; width: 100%; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .blgs-nav-cta { display: block; margin-top: 1.5rem; border: 0; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .blgs-nav-cta a { background: var(--geel); color: var(--inkt); border-radius: 10px; justify-content: center; font-size: 1.125rem; }
}

/* ---------- Ondergrond: voettekst onderaan ---------- */
.wp-site-blocks { display: flex; flex-direction: column; min-height: 100vh; }
.wp-site-blocks > main { flex: 1 0 auto; }
.wp-site-blocks > footer, .wp-site-blocks > div:last-child { flex: none; }

/* ---------- Blog, artikelen en gewone pagina's ---------- */
.blgs-artikel .blgs-pagehero .blgs-wrap, .blgs-blog-list .blgs-pagehero .blgs-wrap { padding-block: clamp(3rem, 2rem + 4vw, 5.5rem) clamp(2rem, 4vw, 3.5rem); }
.blgs-artikel .blgs-pagehero h1, .blgs-blog-list .blgs-pagehero h1, .blgs-pagehero .wp-block-post-title { font-size: clamp(2.2rem, 1.3rem + 3vw, 3.75rem); max-width: 20ch; margin-bottom: 1rem; color: var(--groen); }
.blgs-narrow { max-width: calc(46rem + 2 * var(--pad)); }
.blgs-terug { margin-bottom: 1.5rem; font-size: .9375rem; font-weight: 700; }
.blgs-terug a { color: var(--groen); text-decoration: none; }
.blgs-terug a::before { content: "\2190  " / ""; }
.blgs-terug a:hover { text-decoration: underline; text-underline-offset: .25em; }
.blgs-artikel .meta { gap: .5rem; font-size: .9375rem; color: var(--inkt-2); margin: 0; }
.blgs-artikel .meta p { margin: 0; max-width: none; }
.blgs-prose { background: var(--wit); padding-block: clamp(2.5rem, 5vw, 5rem); }
.entry-content { font-size: 1.125rem; line-height: 1.7; }
.entry-content > * + * { margin-top: 1.25rem; }
.entry-content h2 { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem); margin-top: 2.75rem; letter-spacing: -.025em; }
.entry-content h2::before { display: none; }
.entry-content h3 { font-size: 1.35rem; margin-top: 2rem; }
.entry-content p, .entry-content li { max-width: none; }
.entry-content ul, .entry-content ol { padding-left: 1.4rem; }
.entry-content li + li { margin-top: .4rem; }
.entry-content a { color: var(--groen); text-underline-offset: .2em; text-decoration-thickness: 2px; }
.entry-content img, .entry-content video { height: auto; max-width: 100%; border-radius: 14px; }
.entry-content audio { width: 100%; }
.entry-content blockquote { margin-left: 0; padding: .75rem 0 0; border-top: 1px solid var(--lijn-sterk); }
.blgs-artikel-cta { margin-top: clamp(3rem, 6vw, 4.5rem); padding: clamp(1.5rem, 4vw, 2.5rem); background: var(--groen); border-radius: 0; }
.blgs-artikel-cta h2 { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem); margin: 0 0 .75rem; }
.blgs-artikel-cta h2::before { display: none; }
.blgs-artikel-cta p { margin-bottom: 1.5rem; }
.blgs-blog-list .wp-block-post-template { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); }
.blgs-postcard { display: flex; flex-direction: column; gap: .5rem; padding: 0 0 1.5rem; background: var(--wit); border: 1px solid var(--lijn); border-radius: 16px; overflow: hidden; height: 100%; }
.blgs-postcard .wp-block-post-featured-image { margin: 0 0 .75rem; }
.blgs-postcard .wp-block-post-featured-image img { width: 100%; height: auto; display: block; border-radius: 0; }
.blgs-postcard > :not(.wp-block-post-featured-image) { margin-inline: 1.5rem; }
.blgs-postcard .wp-block-post-date { font-size: .875rem; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--inkt-2); }
.blgs-postcard .wp-block-post-title { font-size: 1.4rem; line-height: 1.2; margin-block: .15rem .35rem; }
.blgs-postcard .wp-block-post-title a { color: var(--inkt); text-decoration: none; }
.blgs-postcard .wp-block-post-title a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .2em; }
.blgs-postcard .wp-block-post-excerpt { font-size: 1rem; color: var(--inkt-3); }
.blgs-postcard .wp-block-post-excerpt p { max-width: none; margin: 0; }
.blgs-postcard .wp-block-post-excerpt__more-link { display: none; }
.wp-block-query-pagination { margin-top: 2.5rem; gap: 1rem; font-weight: 700; }
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--groen); box-shadow: inset 0 0 0 1.5px var(--groen); }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--groen); color: var(--wit); }
.blgs-postcard h2::before, .wp-block-post-title::before { display: none; }
.blgs-header .blgs-header-in > * { margin-block: 0; }

/* ---------- Werkwijze (homepage) ---------- */
.blgs-werkwijze { background: var(--wit); }
.blgs-wk-grid { display: grid; gap: 3rem 5rem; }
@media (min-width: 64rem) { .blgs-wk-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; } .blgs-wk-kop { position: sticky; top: 7rem; } }
.blgs-wk-kop h2 { margin-bottom: 1.5rem; max-width: 14ch; }
.blgs-wk-kop .blgs-lead { margin-bottom: 2.5rem; }
.blgs-waar { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; border-top: 1px solid var(--lijn); }
.blgs-waar li { padding: 1rem 0; border-bottom: 1px solid var(--lijn); max-width: none; }
.blgs-waar b { display: block; font-size: 1.0625rem; margin-bottom: .15rem; }
.blgs-waar span { font-size: .9375rem; color: var(--inkt-3); }
.blgs-fasen { list-style: none; margin: 0; padding: 0; position: relative; display: grid; gap: 1rem; }
.blgs-fasen::before { content: ""; position: absolute; left: 1.4rem; top: 1.5rem; bottom: 1.5rem; width: 2px; background: var(--lijn-sterk); }
.blgs-fasen li { position: relative; display: grid; grid-template-columns: 2.9rem minmax(0, 1fr); gap: 1.25rem; align-items: start; max-width: none; }
.blgs-fasen .nr { position: relative; z-index: 1; display: grid; place-items: center; width: 2.9rem; height: 2.9rem; border-radius: 50%; background: var(--groen); color: var(--wit); font-weight: 700; font-size: 1.0625rem; font-variant-numeric: tabular-nums; }
.blgs-fasen li > div { padding: 1.25rem 1.5rem; background: var(--papier); border: 1px solid var(--lijn); border-radius: 16px; }
.blgs-fasen h3 { font-size: 1.35rem; margin-bottom: .4rem; }
.blgs-fasen p { font-size: 1rem; line-height: 1.55; max-width: none; }
.blgs-fasen .res { margin-top: .9rem; padding-top: .75rem; border-top: 1px solid var(--lijn); font-size: .9375rem; }
.blgs-fasen .res b { display: block; margin-bottom: .1rem; font-size: .875rem; color: var(--groen); }

/* ---------- Inhoudspagina's (uit JSON) ---------- */
.blgs-bg-wit { background: var(--wit); }
.blgs-bg-papier { background: var(--papier); }
.blgs-prose-sec { display: grid; gap: 1.5rem 4rem; }
@media (min-width: 56rem) { .blgs-prose-sec { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); align-items: start; } .blgs-prose-sec > div:first-child { position: sticky; top: 7rem; } }
.blgs-prose-sec h2 { max-width: 14ch; font-size: clamp(1.8rem, 1.3rem + 1.8vw, 2.6rem); }
.blgs-prose-txt p { font-size: 1.125rem; line-height: 1.65; margin-bottom: 1.25rem; max-width: 62ch; }
.blgs-prose-txt a, .blgs-kol a, .blgs-stappen a, .blgs-tt a { color: var(--groen); text-underline-offset: .2em; text-decoration-thickness: 2px; }
.blgs-kol { display: grid; gap: 1.25rem; }
@media (min-width: 48rem) { .blgs-kol.n2, .blgs-kol.n4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64rem) { .blgs-kol.n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .blgs-kol.n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.blgs-kol article { padding: 1.5rem; background: var(--wit); border: 1px solid var(--lijn); border-radius: 16px; }
.blgs-bg-wit .blgs-kol article { background: var(--papier); }
.blgs-kol h3 { font-size: 1.3rem; margin-bottom: .6rem; }
.blgs-kol p { font-size: 1rem; line-height: 1.55; max-width: none; }
.blgs-stappen { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.25rem; counter-reset: s; }
@media (min-width: 56rem) { .blgs-stappen { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 3rem; } }
.blgs-stappen li { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); gap: 1.1rem; padding-top: 1.25rem; border-top: 1px solid var(--lijn-sterk); max-width: none; }
.blgs-stappen .nr { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: var(--groen); color: var(--wit); font-weight: 700; font-variant-numeric: tabular-nums; }
.blgs-stappen h3 { font-size: 1.3rem; margin-bottom: .4rem; }
.blgs-stappen p { font-size: 1.0625rem; line-height: 1.55; max-width: 52ch; }
.blgs-cmp thead th:first-child { width: 20%; }
.blgs-cmp tbody th { display: table-cell; font-size: 1rem; font-weight: 700; font-stretch: 100%; vertical-align: top; padding: 1rem; }
.blgs-cmp td { width: auto; }
@media (max-width: 55.99rem) { .blgs-cmp tbody th { display: block; padding-bottom: .4rem; } .blgs-cmp td { padding-left: 1rem; } .blgs-cmp td::before { margin-bottom: .1rem; } }
.blgs-callout { padding: clamp(2rem, 5vw, 4rem); background: var(--groen); border-radius: 24px; color: var(--wit); }
.blgs-callout h2 { color: var(--wit); max-width: 18ch; margin-bottom: 1rem; }
.blgs-callout .blgs-lead { color: var(--wit-2); margin-bottom: 1.75rem; }
.blgs-lees h2 { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem); margin-bottom: 1.5rem; }
.blgs-lees h2::before { display: none; }
.blgs-lees-lijst { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
@media (min-width: 48rem) { .blgs-lees-lijst { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.blgs-lees-lijst li { max-width: none; }
.blgs-lees-lijst a { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 4.5rem; padding: 1rem 1.25rem; background: var(--papier); border: 1px solid var(--lijn); border-radius: 14px; color: var(--inkt); font-weight: 700; text-decoration: none; transition: border-color .15s, background-color .15s; }
.blgs-lees-lijst a:hover, .blgs-lees-lijst a:focus-visible { border-color: var(--groen); background: var(--groen-licht); }
.blgs-lees-lijst i { font-style: normal; color: var(--groen); font-size: 1.25rem; }
.blgs-sec .blgs-sechead h2 { font-size: clamp(1.8rem, 1.3rem + 2vw, 2.8rem); max-width: 24ch; }
.blgs-sec .blgs-sechead p a { color: var(--groen); text-underline-offset: .2em; text-decoration-thickness: 2px; }
.blgs-callout a:not(.wp-block-button__link) { color: var(--geel); text-underline-offset: .2em; text-decoration-thickness: 2px; }
.blgs-callout .wp-block-button__link { color: var(--inkt); }
.blgs-callout .wp-block-button__link:hover { color: var(--wit); }

/* ---------- Foto's van Robin ---------- */
.blgs-portret { margin: 0; max-width: 26rem; }
.blgs-portret img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 25%; border-radius: 20px; background: var(--groen-licht); }
.blgs-portret.groot { max-width: 30rem; }
.blgs-hero-persoon { display: grid; gap: 2.5rem 4rem; align-items: center; }
@media (min-width: 56rem) { .blgs-hero-persoon { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } .blgs-hero-persoon .blgs-portret { justify-self: end; } }
.blgs-pagehero-foto h1 { max-width: 16ch; }
.blgs-breed { padding-block: 0 clamp(2rem, 4vw, 3rem); }
.blgs-breed-fig { margin: 0; }
.blgs-breed-fig img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 8; object-fit: cover; object-position: 50% 30%; border-radius: 24px; background: var(--groen-licht); }
.blgs-persoon { display: flex; align-items: center; gap: 1rem; margin: 0 0 1.75rem; }
.blgs-persoon img { width: 4.5rem; height: 4.5rem; flex: none; border-radius: 50%; object-fit: cover; object-position: 50% 22%; border: 2px solid var(--wit-4); }
.blgs-persoon p { max-width: none; font-size: 1rem; line-height: 1.35; }
.blgs-persoon b { display: block; font-size: 1.125rem; }
.blgs-persoon span { color: var(--wit-2); }
.blgs-over .blgs-portret { max-width: 26rem; }

/* ---------- Review-fixes ---------- */
.blgs-pagehero h1 { max-width: 22ch; }
.blgs-niv.n3 .meter i.on { background: var(--wit); }
.blgs-footer .label { color: var(--wit-3); }
.niv-vb span, .blgs-tt td, .blgs-waar span, .blgs-kol p { color: var(--inkt-3); }
.niv-vb span { font-size: 1rem; }
.blgs-tt { font-size: 1rem; }
.blgs-meer a, .blgs-terug a { display: inline-block; padding-block: .35rem; }
.blgs-uitklap { margin-top: 1rem; border: 1px solid var(--lijn); border-radius: 16px; background: var(--wit); }
.blgs-uitklap > summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 4rem; padding: 1rem 1.5rem; font-size: clamp(1.2rem, 1.05rem + .8vw, 1.6rem); font-weight: 700; letter-spacing: -.02em; }
.blgs-uitklap > summary::-webkit-details-marker { display: none; }
.blgs-uitklap > summary::after { content: "+" / ""; flex: none; display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 8px; background: var(--groen); color: var(--wit); font-size: 1.5rem; line-height: 1; }
.blgs-uitklap[open] > summary::after { content: "\2212" / ""; }
.blgs-uitklap > .blgs-tt-wrap { padding: 0 1.5rem 1.5rem; }
.blgs-uitklap .blgs-tt-wrap figcaption h3 { display: none; }

.blgs-portret figcaption, .blgs-breed-fig figcaption { margin-top: .6rem; font-size: .8125rem; color: var(--inkt-2); }

/* ---------- Tech-review fixes ---------- */
h1, h2, h3, .blgs-lead { overflow-wrap: break-word; }
.niv-meer { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; max-width: none; }
.niv-meer a { color: var(--groen); font-weight: 700; text-underline-offset: .2em; text-decoration-thickness: 2px; padding-block: .3rem; }
.blgs-niv.n3 .niv-meer a { color: var(--geel); }
.blgs-eerder { margin-top: clamp(3rem, 5vw, 4.5rem); }
.blgs-eerder h2 { font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem); margin-bottom: .75rem; }
.blgs-eerder h2::before { display: none; }
.blgs-eerder-lijst { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; gap: 1.25rem; }
@media (min-width: 56rem) { .blgs-eerder-lijst { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.blgs-eerder-lijst li { padding: 1.5rem; background: var(--wit); border: 1px solid var(--lijn); border-radius: 16px; max-width: none; }
.blgs-eerder-lijst h3 { font-size: 1.3rem; margin-bottom: .5rem; }
.blgs-eerder-lijst p { font-size: 1rem; max-width: none; }
.blgs-header .wp-block-button__link { white-space: nowrap; }
@media (min-width: 600px) and (max-width: 959px) { .blgs-header .wp-block-navigation-item:nth-child(2), .blgs-header .wp-block-navigation-item:nth-child(5) { display: none; } .blgs-header .wp-block-navigation__container { gap: 1.25rem; } }

/* ---------- Uitklapmenu Oplossingen ---------- */
.blgs-header .wp-block-navigation__submenu-container { background: var(--wit); border: 1px solid var(--lijn); border-radius: 14px; padding: .5rem; min-width: 20rem; box-shadow: none; }
.blgs-header .wp-block-navigation__submenu-container .wp-block-navigation-item a { min-height: 2.75rem; padding: .5rem .85rem; border-radius: 8px; background: none; width: 100%; box-sizing: border-box; }
.blgs-header .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover, .blgs-header .wp-block-navigation__submenu-container .wp-block-navigation-item a:focus-visible { background: var(--groen-licht); }
.blgs-header .wp-block-navigation-submenu__toggle { color: var(--inkt); min-width: 2rem; min-height: 2.75rem; }
@media (max-width: 599px) {
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { background: transparent; border: 0; padding: 0 0 .5rem 1rem; min-width: 0; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a { font-size: 1.125rem; font-weight: 700; }
}
.blgs-praktijk { background: var(--wit); }
.blgs-praktijk .blgs-eerder-lijst { margin-top: 0; }
.blgs-praktijk .blgs-eerder-lijst li { background: var(--papier); }

/* Tabellen in artikelen */
.entry-content .wp-block-table { margin-block: 1.5rem; overflow-x: auto; }
.entry-content table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 1rem; line-height: 1.5; border: 1px solid var(--lijn); border-radius: 14px; overflow: hidden; }
.entry-content table th, .entry-content table td { padding: .85rem 1rem; text-align: left; vertical-align: top; border: 0; border-top: 1px solid var(--lijn); }
.entry-content table thead th { background: var(--groen-licht); border-top: 0; font-size: .8125rem; font-weight: 700; }
.entry-content table tbody tr:first-child td, .entry-content table tbody tr:first-child th { border-top: 0; }
.entry-content table td:first-child { font-weight: 700; }
@media (max-width: 40rem) { .entry-content table { min-width: 34rem; } }

/* Homepage: korte uitwerking van een klus */
.blgs-mini { margin-top: clamp(2rem, 4vw, 3rem); padding: clamp(1.5rem, 3vw, 2.25rem); background: var(--groen-licht); border-radius: 20px; }
.blgs-mini-kop { display: grid; gap: .5rem 2rem; margin-bottom: 1.5rem; }
@media (min-width: 56rem) { .blgs-mini-kop { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: end; } }
.blgs-mini h3 { font-size: clamp(1.3rem, 1.1rem + 1vw, 1.75rem); max-width: 28ch; margin: 0; }
.blgs-mini .blgs-small { margin: 0; max-width: none; }
.blgs-mini-stappen { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; counter-reset: none; }
@media (min-width: 48rem) { .blgs-mini-stappen { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.blgs-mini-stappen li { background: var(--wit); border: 1px solid var(--lijn); border-radius: 16px; padding: 1.25rem; max-width: none; }
.blgs-mini-stappen .nr { display: inline-flex; width: 1.75rem; height: 1.75rem; align-items: center; justify-content: center; border-radius: 50%; background: var(--groen); color: var(--wit); font-weight: 700; font-size: .875rem; margin-bottom: .75rem; }
.blgs-mini-stappen h4 { font-size: 1.0625rem; margin: 0 0 .4rem; }
.blgs-mini-stappen p { font-size: 1rem; line-height: 1.5; margin: 0; max-width: none; }

/* ---------- Rustiger: minder kaarten, geen decoratieve stippen of pijltjes ---------- */
.wp-block-button__link::after, .blgs-btn::after { content: none; }
.blgs-facts li { padding-left: 0; }
.blgs-facts li::before { content: none; }
.blgs-faq .wp-block-details { margin: 0; padding: 0; background: transparent; border: 0; border-top: 1px solid var(--lijn-sterk); border-radius: 0; }
.blgs-faq .wp-block-details:last-child { border-bottom: 1px solid var(--lijn-sterk); }
.blgs-faq .wp-block-details[open] { border-color: var(--lijn-sterk); }
.blgs-faq summary::after, .blgs-uitklap > summary::after { background: transparent; color: var(--groen); width: 2rem; height: 2rem; font-size: 1.75rem; font-weight: 400; }
.blgs-fasen::before { content: none; }
.blgs-fasen li { grid-template-columns: 3.25rem minmax(0, 1fr); gap: 1rem; }
.blgs-fasen .nr { width: auto; height: auto; place-items: start; border-radius: 0; background: transparent; color: var(--groen); font-size: 1.75rem; padding-top: 1rem; }
.blgs-fasen li > div { padding: 1rem 0 1.25rem; background: transparent; border: 0; border-top: 1px solid var(--lijn-sterk); border-radius: 0; }
.blgs-fasen .res { border-top: 0; padding-top: 0; margin-top: .6rem; }
.blgs-eerder-lijst li { padding: 1.25rem 0 0; background: transparent; border: 0; border-top: 1px solid var(--lijn-sterk); border-radius: 0; }
.blgs-mini { padding: clamp(1.5rem, 3vw, 2.25rem); }
.blgs-mini-stappen li { padding: 1rem 0 0; background: transparent; border: 0; border-top: 1px solid var(--lijn-sterk); border-radius: 0; }
.blgs-mini-stappen .nr { width: auto; height: auto; border-radius: 0; background: transparent; color: var(--groen); font-size: 1.5rem; margin-bottom: .25rem; }
h1, h2, h3 { text-wrap: balance; overflow-wrap: break-word; min-width: 0; }
.blgs-brug .blgs-brug-2 { max-width: 30ch; }
.blgs-praktijk .blgs-eerder-lijst li, .blgs-eerder .blgs-eerder-lijst li { background: transparent; }
.blgs-meer { display: flex; flex-wrap: wrap; gap: 0 1.75rem; }
/* Drie niveaus: gelijkwaardige kolommen, geen uitgelichte kaart en geen voortgangsstreepjes */
.blgs-niv { padding: 1.25rem 0 0; background: transparent; border: 0; border-top: 1px solid var(--lijn-sterk); border-radius: 0; }
.blgs-niv.n3, .blgs-niv.n3 :where(p, li, span, b, h3) { color: var(--inkt); }
.blgs-niv.n3 { background: transparent; border-color: var(--lijn-sterk); }
.blgs-niv.n3 .niv-nr, .blgs-niv.n3 .meter-l, .blgs-niv.n3 .niv-intro, .blgs-niv.n3 .niv-vb span { color: var(--inkt-3); }
.blgs-niv.n3 .niv-vb, .blgs-niv.n3 .niv-vb li { border-color: var(--lijn); }
.blgs-niv.n3 .niv-meer a { color: var(--groen); }
.blgs-niv .meter { display: none; }
.blgs-uitklap { border: 0; border-top: 1px solid var(--lijn-sterk); border-radius: 0; background: transparent; }
.blgs-uitklap:last-of-type { border-bottom: 1px solid var(--lijn-sterk); }
.blgs-uitklap > summary { padding-inline: 0; }
.blgs-tt .nr { width: auto; height: auto; border-radius: 0; background: transparent; color: var(--groen); font-size: 1.125rem; font-weight: 700; }

/* ---------- Hallmark-ronde (7 november 2026) ---------- */
/* Gebreken: afsnijden op 320px, veldranden, focus onder de vaste kop, tabelkolom, footer, knoppen */
html { scroll-padding-top: 6.5rem; }
.blgs-contact-grid { grid-template-columns: minmax(0, 1fr); }
.blgs-contact-grid > * { min-width: 0; }
@media (min-width: 64rem) { .blgs-contact-grid { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); } }
.blgs-contactlist a { overflow-wrap: anywhere; }
.blgs-contactlist li { grid-template-columns: 5.5rem minmax(0, 1fr); }
.blgs-persoon p { min-width: 0; }
.blgs-formpanel input[type="text"], .blgs-formpanel input[type="email"], .blgs-formpanel textarea, .blgs-quick input[type="text"] { border-color: var(--veldrand); }
.blgs-formpanel .wpcf7-acceptance input { outline: 1px solid var(--veldrand); outline-offset: -1px; }
.blgs-tt tbody th { min-width: 12rem; }
@media (min-width: 48rem) { .blgs-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 72rem) { .blgs-footer-grid { grid-template-columns: 1.1fr 1fr 1fr 1.3fr; } }
@media (max-width: 22.5rem) {
	.wp-block-button__link, .blgs-btn, .wpcf7-submit { padding-inline: .9rem; font-size: .9375rem; }
}
.wp-block-button__link:active, .blgs-btn:active, .wpcf7-submit:active { transform: translateY(1px); }
.entry-content blockquote { border-left: 0; padding: .75rem 0 0; border-top: 1px solid var(--lijn-sterk); }

/* Dieper: de homepage vult het eerste scherm en de kop leest rustiger */
@media (min-width: 64rem) {
	.blgs-hero { min-height: calc(100svh - 10rem); display: grid; align-items: center; }
	.blgs-hero .blgs-wrap { width: min(100%, var(--max)); }
	.blgs-hero-grid { padding-block: 3rem; grid-template-columns: minmax(0, 42rem) minmax(0, 34rem); justify-content: space-between; }
	.blgs-hero-grid > div > :last-child { margin-bottom: 0; }
	.blgs-hero h1 { font-size: clamp(2.6rem, 1.4rem + 4.6vw, 5rem); }
}
.blgs-hero .blgs-lead { max-width: 40ch; }
.blgs-pagehero .blgs-wrap { padding-block: clamp(3rem, 2rem + 4vw, 5.5rem) clamp(2rem, 1.5rem + 2vw, 3.5rem); }

/* Stappen op over-Robin: één kolom bij vijf items, geen cirkels */
.blgs-stappen:has(> li:nth-child(5):last-child) { grid-template-columns: minmax(0, 1fr); }
.blgs-stappen .nr { width: auto; height: auto; border-radius: 0; background: transparent; color: var(--groen); font-size: 1.5rem; place-items: start; }
.blgs-stappen li { grid-template-columns: 2.5rem minmax(0, 1fr); }

/* Bloglijst: drie kolommen vanaf brede schermen, titels met meer lucht erboven */
@media (min-width: 64rem) { .blgs-blog-list .wp-block-post-template { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.blgs-postcard .wp-block-post-title { font-size: 1.5rem; margin-block: 1rem .35rem; }
@media (max-width: 22.5rem) { .blgs-header .wp-block-buttons { display: none; } }
@media (min-width: 30rem) { .wp-block-button__link, .blgs-btn { white-space: nowrap; } }
@media (max-width: 26rem) { .blgs-actiecard { padding: 1.25rem 1rem; } .blgs-btn { padding-inline: .5rem; font-size: .9375rem; } }

/* Eigen pagina met alle vragen */
.blgs-faq-breed { max-width: 56rem; }
.blgs-faq-breed .blgs-faq-groep h2 { font-size: 1.5rem; margin-bottom: 1rem; letter-spacing: -.02em; max-width: none; }
.blgs-faq-breed .blgs-faq-groep h2::before { display: none; }

/* Tweede toetsronde: focusring op groene vlakken, leesbare regelbreedte in artikelen, knoppen op kleine schermen */
.blgs-callout :focus-visible, .blgs-brug :focus-visible { outline-color: var(--geel); }
.entry-content > p, .entry-content > ul, .entry-content > ol, .entry-content > blockquote, .entry-content > details, .entry-content > h2, .entry-content > h3 { max-width: 68ch; }
@media (max-width: 26rem) { .wp-block-button__link { padding-inline: .5rem; font-size: .9375rem; } }
@media (max-width: 22.5rem) { .wp-block-button__link, .blgs-btn { font-size: .8125rem; padding-inline: .5rem; } .blgs-callout { padding-inline: 1rem; } }

/* Vier diensten op de homepage */
@media (min-width: 40rem) { .blgs-niv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 2rem; } }
@media (min-width: 72rem) { .blgs-niv-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.blgs-niv h3 { font-size: clamp(1.4rem, 1.1rem + .9vw, 1.9rem); }
.blgs-niv .niv-meer { margin-top: auto; padding-top: 1.25rem; }

/* ---------- Mobiel duidelijker (7 november 2026) ---------- */
.blgs-quick-vraag { font-size: 1.25rem; font-weight: 700; letter-spacing: -.015em; line-height: 1.25; max-width: none; }
.blgs-quick-tekst { margin: .6rem 0 1.25rem; color: var(--inkt-2); max-width: none; }
.blgs-quick-hint a { font-weight: 700; }
.blgs-actiecard .blgs-quick .blgs-btn { width: 100%; }
.blgs-dienstindex { background: var(--papier); border-bottom: 1px solid var(--lijn); }
.blgs-dienstindex ul { list-style: none; margin: 0 auto; padding: .5rem var(--pad); max-width: var(--max); display: flex; flex-wrap: wrap; gap: 0 1.5rem; box-sizing: border-box; }
.blgs-dienstindex a { display: inline-flex; align-items: center; min-height: 2.75rem; font-weight: 700; text-underline-offset: .25em; text-decoration-thickness: 2px; color: var(--groen); }
@media (max-width: 47.99rem) {
	/* Diensten op de homepage: naam, één zin en de link; de voorbeelden staan op de dienstpagina */
	.blgs-niv .niv-vb { display: none; }
	.blgs-niv-grid { gap: 0; }
	.blgs-niv { padding: 1.1rem 0 1.25rem; }
	.blgs-niv h3 { font-size: 1.5rem; }
	.blgs-niv .niv-kop { margin: .35rem 0 .5rem; }
	.blgs-niv .niv-meer { margin-top: .25rem; padding-top: 0; }
	.blgs-section h2::before { display: none; }
	/* Oplossingen: voorbeelden als rijen, niet als kaarten */
	.nivs-vb article { padding: .9rem 0; background: transparent; border: 0; border-top: 1px solid var(--lijn); border-radius: 0; }
	.nivs-vb { gap: 0; }
	/* Formulier: lager tekstvak, minder uitloop */
	.blgs-formpanel textarea { min-height: 7rem; height: 7rem; }
	/* Footer: twee kolommen links */
	.blgs-footer .navs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
	.blgs-footer .navs .label { grid-column: 1 / -1; }
	.blgs-footer .navs p { margin: 0; }
	/* Labels iets groter */
	.blgs-ledger dt, .blgs-facts dt, .blgs-row .tools b { font-size: .9375rem; }
	.wp-block-navigation__responsive-container-open svg { width: 2rem; height: 2rem; }
}
@media (max-width: 47.99rem) {
	/* Voorbeeld van een klus: alleen de vier stappen, de uitleg staat op Oplossingen */
	.blgs-mini { padding: 1.25rem; }
	.blgs-mini-stappen { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem 1rem; }
	.blgs-mini-stappen li p { display: none; }
	.blgs-mini-stappen li { padding-top: .6rem; }
	.blgs-mini-stappen .nr { font-size: 1.25rem; margin-bottom: 0; }
}
@media (max-width: 47.99rem) {
	.blgs-over .blgs-foto, .blgs-over figure { max-width: 14rem; }
	.blgs-over .blgs-foto img, .blgs-over figure img { aspect-ratio: 1 / 1; }
	.blgs-persoon img { width: 3.5rem; height: 3.5rem; }
}
@media (max-width: 47.99rem) {
	.blgs-over .blgs-ledger > div:nth-child(n+3), .blgs-over dl > div:nth-child(n+3) { display: none; }
	.blgs-klusband .blgs-ledger > div:nth-child(3) { display: none; }
}

/* ---------- Mobiel menu (7 november 2026) ---------- */
.blgs-header .blgs-nav-mobiel, .blgs-header .blgs-nav-bel { display: none; }
@media (max-width: 599px) {
	/* Kop: merk links, actie en menuknop rechts */
	.blgs-header-in { gap: .5rem; }
	.blgs-header .wp-block-buttons { order: 2; margin-left: auto; }
	.blgs-header .wp-block-navigation { order: 3; margin-left: 0; }
	.blgs-header .wp-block-button__link { padding-inline: .9rem; }
	.blgs-header .wp-block-navigation__responsive-container-open { gap: .4rem; padding: 0 .75rem; min-height: 2.75rem; border: 1.5px solid var(--inkt); border-radius: 10px; font-size: .9375rem; font-weight: 700; display: inline-flex; align-items: center; }
	.blgs-header .wp-block-navigation__responsive-container-open::after { content: "Menu"; }
	.blgs-header .wp-block-navigation__responsive-container-open svg { width: 1.5rem; height: 1.5rem; }
	/* Geopend menu: rustige lijst, onderlinge uitlijning, actie en telefoon onderaan */
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .blgs-nav-mobiel, .blgs-header .wp-block-navigation__responsive-container.is-menu-open .blgs-nav-bel { display: block; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a { font-size: 1.375rem; min-height: 3.25rem; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { padding: 0 0 .5rem 0; margin: 0 0 .5rem; gap: 0; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { border-bottom: 0; padding-left: 1rem; margin-left: .25rem; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a { font-size: 1.125rem; font-weight: 500; min-height: 2.75rem; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .blgs-nav-bel { border-bottom: 0; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .blgs-nav-bel a { font-size: 1.125rem; font-weight: 500; justify-content: center; }
}
@media (max-width: 22.5rem) { .blgs-header .wp-block-navigation__responsive-container-open::after { content: none; } .blgs-header .wp-block-navigation__responsive-container-open { padding: 0 .5rem; } }
@media (max-width: 599px) {
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-container { padding-left: 0; margin-left: 0; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { margin-left: 0; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a { min-height: 3rem; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a { min-height: 2.5rem; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 2.5rem; }
}
@media (max-width: 599px) {
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { position: static; left: 0; inset-inline-start: 0; width: 100%; align-items: stretch; margin-left: 0; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .blgs-nav-cta a { font-size: 1.0625rem; }
}
@media (max-width: 599px) {
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child { align-items: stretch; }
	.blgs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { padding-right: 0; min-width: 0; }
}

/* ---------- Mobiel: overige pagina's (7 november 2026) ---------- */
h1, h2, h3 { hyphens: auto; }
@media (max-width: 47.99rem) {
	:root { --sec: 3.25rem; }
	.blgs-prose-sec h2 { font-size: clamp(1.55rem, 1.2rem + 1.6vw, 2rem); }
	/* Kaarten in de inhoudspagina's: rijen met haarlijnen */
	.blgs-kol article { padding: 1rem 0 .25rem; background: transparent; border: 0; border-top: 1px solid var(--lijn-sterk); border-radius: 0; }
	.blgs-kol { gap: 0; }
	/* Blogoverzicht: geen omslagbeeld (de titel staat er al in) */
	.blgs-postcard .wp-block-post-featured-image { display: none; }
	.blgs-postcard { padding-top: 1.25rem; }
	/* Tabellen in artikelen: onder elkaar, met de kolomnaam erbij */
	.entry-content table, .entry-content table tbody, .entry-content table tr, .entry-content table td { display: block; width: 100%; }
	.entry-content table thead { display: none; }
	.entry-content table tr { padding: .75rem 0; border-top: 1px solid var(--lijn-sterk); }
	.entry-content table td { border: 0; padding: .2rem 0; }
	.entry-content table td::before { content: attr(data-l); display: block; font-size: .875rem; font-weight: 700; color: var(--inkt-2); }
	.entry-content table td:first-child { font-weight: 700; font-size: 1.0625rem; padding-bottom: .35rem; }
	.entry-content table td:first-child::before { display: none; }
	.entry-content .wp-block-table { overflow: visible; }
}
@media (max-width: 47.99rem) { .entry-content table { min-width: 0; border: 0; border-radius: 0; } .entry-content table tr:first-child { border-top: 0; } }

/* Audit-ronde 7 nov (avond): contact met WhatsApp, smalle leesbreedte privacyverklaring */
.blgs-contactlist li > span { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; align-items: center; }
.blgs-contactlist .blgs-wa { font-weight: 400; }
body.page-privacy-policy .blgs-prose .blgs-narrow, body.page-privacy-policy .blgs-pagehero .blgs-narrow { max-width: calc(38rem + 2 * var(--pad)); }

/* Oplossingen: minder lege ruimte onder de dienstindex, geen los item bij een oneven aantal, kop zonder afbreking midden in een woord */
.blgs-opl-lijst { padding-top: clamp(1.5rem, 3vw, 2.5rem); }
.nivs-vb > :last-child:nth-child(odd) { grid-column: 1 / -1; }
.blgs-pagehero h1 { hyphens: manual; max-width: 26ch; text-wrap: pretty; }

/* Cases uit de praktijk (8 nov): kaarten op de homepage, volledige rijen op Oplossingen */
.blgs-cases { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.5rem 2.5rem; }
@media (min-width: 48rem) { .blgs-cases { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.blgs-prk { padding: 1.25rem 0 0; border-top: 1px solid var(--lijn-sterk); max-width: none; }
.blgs-prk h3 { font-size: 1.3rem; margin: .25rem 0 .5rem; }
.blgs-prk p { max-width: none; margin: 0; }
.blgs-prk > p:last-child { font-size: 1rem; line-height: 1.55; }
.blgs-case-dienst { font-size: .8125rem; font-weight: 700; letter-spacing: .02em; color: var(--groen); text-transform: none; }
.blgs-cases-vol { display: grid; gap: 0; margin-top: 1.5rem; }
.blgs-case-vol { display: grid; gap: 1rem 3rem; padding: 2rem 0; border-top: 1px solid var(--lijn-sterk); }
@media (min-width: 56rem) { .blgs-case-vol { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); } }
.blgs-case-kop h3 { font-size: clamp(1.3rem, 1.1rem + 1vw, 1.75rem); margin: .25rem 0 .5rem; }
.blgs-case-kop .blgs-small { margin: 0; }
.blgs-case-rijen { margin: 0; display: grid; gap: 1rem; }
.blgs-case-rijen > div { display: grid; gap: .25rem 1.5rem; }
@media (min-width: 40rem) { .blgs-case-rijen > div { grid-template-columns: 9rem minmax(0, 1fr); } }
.blgs-case-rijen dt { font-size: .8125rem; font-weight: 700; color: var(--groen); padding-top: .2rem; }
.blgs-case-rijen dd { margin: 0; line-height: 1.55; max-width: 62ch; }
.blgs-case-vol, .blgs-eerder { scroll-margin-top: 6rem; }

/* Klantenstrook: originele kleuren, per logo afgestemde grootte zodat ze even zwaar wegen, vlak boven het contactblok */
.blgs-klanten { background: var(--wit); border-top: 1px solid var(--lijn); padding-block: clamp(2.5rem, 5vw, 4rem); }
.blgs-klanten .blgs-wrap { display: grid; gap: 1.5rem 3rem; }
@media (min-width: 64rem) { .blgs-klanten .blgs-wrap { grid-template-columns: 11rem minmax(0, 1fr); align-items: center; } }
.blgs-klanten-kop { margin: 0; font-size: 1rem; font-weight: 700; color: var(--inkt); max-width: none; }
.blgs-klanten-lijst { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem 2.5rem; }
.blgs-klanten-lijst li { margin: 0; max-width: none; display: flex; align-items: center; }
.blgs-klanten-lijst img { display: block; width: auto; height: 2.1rem; }
.blgs-klanten-lijst .k-abu img { height: 2.9rem; }
.blgs-klanten-lijst .k-dna img { height: 2.6rem; }
.blgs-klanten-lijst .k-zest img { height: 1.9rem; }
.blgs-klanten-lijst .k-bci img { height: 1.5rem; }
.blgs-klanten-lijst .k-versterking img { height: 2.25rem; }
@media (max-width: 40rem) { .blgs-klanten-lijst { justify-content: flex-start; gap: 1.5rem 2rem; } .blgs-klanten-lijst img { height: 1.7rem; } .blgs-klanten-lijst .k-abu img { height: 2.4rem; } .blgs-klanten-lijst .k-dna img { height: 2.1rem; } .blgs-klanten-lijst .k-zest img { height: 1.5rem; } .blgs-klanten-lijst .k-bci img { height: 1.3rem; } .blgs-klanten-lijst .k-versterking img { height: 1.8rem; } }
.blgs-klanten-lijst .k-medhem img { height: 1.6rem; }
.blgs-klanten-lijst .k-peakz img { height: 2.6rem; }
.blgs-klanten-lijst .k-durfplaats img { height: 2.1rem; }
@media (max-width: 40rem) { .blgs-klanten-lijst .k-medhem img { height: 1.25rem; } .blgs-klanten-lijst .k-peakz img { height: 2.1rem; } .blgs-klanten-lijst .k-durfplaats img { height: 1.7rem; } }
/* Klantenstrook als raster: 4 bij 2 op desktop, 2 kolommen op mobiel */
.blgs-klanten-lijst { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: stretch; gap: 1.75rem 1.5rem; }
@media (min-width: 40.01rem) { .blgs-klanten-lijst { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.25rem 2rem; } }
.blgs-klanten-lijst li { min-height: 3rem; }
.blgs-klanten-lijst img { max-width: 100%; }
.blgs-klanten-lijst .k-durfplaats img { height: 2.7rem; }
@media (max-width: 40rem) { .blgs-klanten-lijst .k-durfplaats img { height: 2.2rem; } }

/* Diensten als vier kaarten in eigen kleur (8 nov) */
.blgs-dk-grid { display: grid; gap: 1.25rem; }
@media (min-width: 48rem) { .blgs-dk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; } }
.blgs-dk { display: flex; flex-direction: column; padding: clamp(1.5rem, 3vw, 2.5rem); border-radius: 24px; border: 1px solid transparent; color: var(--inkt); }
.blgs-dk .dk-nr { margin: 0 0 1rem; font-size: clamp(2.75rem, 2rem + 2.5vw, 4rem); font-weight: 800; line-height: .9; letter-spacing: -.04em; font-stretch: 100%; color: var(--groen); max-width: none; }
.blgs-dk h3 { font-size: clamp(1.6rem, 1.2rem + 1.3vw, 2.2rem); letter-spacing: -.03em; margin: 0 0 .5rem; }
.blgs-dk .dk-kop { font-weight: 700; font-size: 1.125rem; margin: 0 0 1.25rem; max-width: none; }
.blgs-dk .dk-meer { margin: auto 0 0; display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; max-width: none; padding-top: .5rem; }
.blgs-dk .dk-meer a { display: inline-flex; align-items: center; gap: .4rem; min-height: 2.75rem; font-weight: 700; color: var(--groen); text-underline-offset: .2em; text-decoration-thickness: 2px; }
@media (max-width: 40rem) { .blgs-dk .dk-vb { display: none; } .blgs-dk .dk-kop { margin-bottom: 1rem; } .blgs-dk .dk-nr { margin-bottom: .6rem; } }

/* Hero met foto: foto rechts, actiekaart eroverheen */
.blgs-hero-visual { position: relative; min-width: 0; }
.blgs-hero-foto { margin: 0; border-radius: 24px; overflow: hidden; aspect-ratio: 4 / 3; background: var(--groen-licht); }
.blgs-hero-foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 36% 18%; }
.blgs-hero-visual .blgs-actiecard { position: relative; margin: -3.5rem 1rem 0; box-shadow: 0 18px 44px var(--schaduw); }
@media (min-width: 64rem) {
	.blgs-hero-foto { aspect-ratio: 10 / 11; }
	.blgs-hero-foto img { object-position: 34% 20%; }
	.blgs-hero-visual .blgs-actiecard { position: absolute; left: -4.5rem; bottom: 2.25rem; margin: 0; width: min(25rem, calc(100% - 1rem)); }
}
/* Hero met foto: kop past in drie regels ook op 1280 breed, kaart krijgt lucht */
.blgs-actiecard .blgs-quick-vraag { margin-bottom: 1rem; }
@media (min-width: 64rem) { .blgs-hero h1 { font-size: clamp(2.6rem, 1rem + 3.7vw, 4.75rem); } }
@media (min-width: 64rem) { .blgs-hero-grid { grid-template-columns: minmax(0, 36rem) minmax(0, 40rem); } .blgs-hero .blgs-lead { max-width: 44ch; } }
/* Focusrand zichtbaar op de donkere dienstkaart; hero-knop breekt niet af op heel smalle schermen */
@media (max-width: 24rem) {
	.blgs-hero-visual .blgs-actiecard { margin-inline: 0; padding: 1rem .75rem; }
	.blgs-actiecard .blgs-btn { white-space: nowrap; font-size: .875rem; padding-inline: .25rem; letter-spacing: -.01em; }
}

/* Homepage met minder secties: probleem in de kaart, klanten onder de cases, Robin in het contactblok */
.blgs-klanten-blok { margin-top: clamp(3rem, 5vw, 4.5rem); padding-top: clamp(2rem, 3vw, 2.75rem); border-top: 1px solid var(--lijn-sterk); display: grid; gap: 1.5rem 3rem; }
@media (min-width: 64rem) { .blgs-klanten-blok { grid-template-columns: 11rem minmax(0, 1fr); align-items: center; } }
.blgs-contact .blgs-persoon img { width: 5.5rem; height: 5.5rem; }
.blgs-contact .blgs-meer { margin: .75rem 0 1.75rem; }
.blgs-contact .blgs-meer a { color: var(--geel); }

/* Hero-audit (8 nov): kop breekt woorden niet af, foto in een picture met eigen uitsnede, kleinere foto op tablet */
.blgs-hero h1 { hyphens: manual; }
@media (min-width: 64rem) { .blgs-hero h1 { font-size: clamp(2.6rem, 1rem + 3.7vw, 4.25rem); } }
.blgs-hero-foto picture { display: block; width: 100%; height: 100%; }
@media (min-width: 48rem) and (max-width: 63.99rem) {
	.blgs-hero-foto { aspect-ratio: 16 / 9; }
	.blgs-hero-foto img { object-position: 36% 14%; }
}
@media (max-width: 24rem) { .blgs-hero h1 { font-size: 2.1rem; } }

/* Homepage herbouwd (8 nov): vier witte dienstkaarten met de case erin, kleur alleen in cijfer en rand; ritme per sectie */
.blgs-dk { background: var(--wit); border: 1px solid var(--lijn); border-top: 6px solid var(--accent, var(--groen)); border-radius: 20px; padding: clamp(1.5rem, 3vw, 2.25rem); color: var(--inkt); }
.dk-automatiseren { --accent: var(--groen); }
.dk-ai-workflows { --accent: var(--salie); }
.dk-ai-agents { --accent: var(--geel); }
.dk-maatwerksoftware { --accent: var(--groen-diep); }
.blgs-dk .dk-nr { color: var(--groen); }
.blgs-dk .dk-probleem { margin: 0 0 1.25rem; font-size: 1.0625rem; line-height: 1.45; max-width: none; padding: 0 0 1rem; border-bottom: 1px solid var(--lijn); }
.blgs-dk .dk-probleem b { display: block; font-size: 1.0625rem; margin-bottom: .15rem; }
.blgs-dk .dk-case { margin: 0 0 1.25rem; padding: 1rem 1.1rem; border-radius: 12px; background: var(--papier); max-width: none; }
.blgs-dk .dk-case b { display: block; margin-bottom: .25rem; font-size: 1.0625rem; }
.blgs-dk .dk-case span { display: block; font-size: 1rem; line-height: 1.5; color: var(--inkt-3); }
.blgs-dk .dk-case-kop { display: block; margin-bottom: .35rem; font-size: .875rem; font-weight: 700; color: var(--groen); }
.blgs-niveaus.blgs-diensten-blok { background: var(--wit); }
.blgs-diensten-blok .blgs-meer { margin-top: 2rem; }
.blgs-klusband.blgs-section, .blgs-vragen.blgs-section { padding-block: clamp(3.5rem, 2.5rem + 4vw, 6rem); }
.blgs-sechead h2 { max-width: none; }
@media (max-width: 40rem) {
	.blgs-dk { padding: 1.25rem; }
	.blgs-dk .dk-nr { font-size: 1.75rem; margin-bottom: .4rem; }
	.blgs-dk .dk-probleem { margin-bottom: 1rem; padding-bottom: .8rem; }
	.blgs-dk .dk-kop { margin-bottom: .9rem; }
	.blgs-dk .dk-case { margin-bottom: .9rem; padding: .85rem 1rem; }
	.blgs-dk-grid { gap: 1rem; }
}

/* Homepage: vier diensten naast elkaar, Eerste Klus in dezelfde vier kolommen, één kaarttaal en één kopindeling (8 nov) */
.blgs-sechead-stapel { display: block; max-width: 44rem; }
.blgs-sechead-stapel p { margin-top: .9rem; max-width: 52ch; }
.blgs-dk-grid, .blgs-klus4 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
@media (min-width: 40rem) { .blgs-dk-grid, .blgs-klus4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 72rem) { .blgs-dk-grid, .blgs-klus4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; } }
.blgs-dk { display: flex; flex-direction: column; padding: 1.5rem; max-width: none; }
.blgs-dk h3 { font-size: clamp(1.45rem, 1.2rem + .9vw, 1.65rem); letter-spacing: -.025em; margin: 0 0 .5rem; overflow-wrap: anywhere; }
.blgs-dk .dk-kop { font-size: 1.0625rem; margin: 0 0 1.1rem; }
.blgs-dk .dk-past { margin: 0 0 1.1rem; font-size: 1rem; line-height: 1.5; max-width: none; }
.blgs-dk .dk-past b { display: block; margin-bottom: .1rem; font-size: .875rem; color: var(--groen); }
.blgs-dk .dk-case { margin: 0 0 1.25rem; padding: .9rem 1rem; }
.blgs-dk .dk-meer { display: grid; gap: .1rem; margin-top: auto; }
.blgs-klus4 .blgs-dk { border-top-color: var(--groen); }
.blgs-klus4 .klus-label { margin-bottom: .6rem; font-size: .875rem; font-weight: 700; color: var(--groen); }
.blgs-klus4 b { display: block; margin-bottom: .4rem; font-size: 1.1875rem; line-height: 1.3; }
.blgs-klus4 span:last-child { font-size: 1rem; line-height: 1.5; color: var(--inkt-3); }
.blgs-klus-kop { max-width: 46rem; margin-bottom: clamp(2rem, 4vw, 3rem); }
.blgs-klus-kop h2 { max-width: none; margin-bottom: 1rem; }
.blgs-klus-kop .blgs-lead { margin-bottom: 1.5rem; }
.blgs-klus-acties { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.75rem; }
.blgs-klus-link { font-weight: 700; color: var(--groen); text-underline-offset: .2em; text-decoration-thickness: 2px; display: inline-flex; align-items: center; min-height: 2.75rem; }
.blgs-dk .dk-past b { display: inline; margin: 0 .25em 0 0; }
@supports (grid-template-rows: subgrid) {
	@media (min-width: 72rem) {
		.blgs-dk-grid { row-gap: 0; }
		.blgs-dk-grid > .blgs-dk { display: grid; grid-row: span 5; grid-template-rows: subgrid; row-gap: 0; }
		.blgs-dk-grid > .blgs-dk .dk-case { align-self: start; }
	}
}
@media (max-width: 40rem) {
	.blgs-dk .dk-case > span:last-child { display: none; }
	.blgs-dk .dk-case { padding: .75rem 1rem; }
	.blgs-dk .dk-kop, .blgs-dk .dk-past { margin-bottom: .8rem; }
}
/* Links in de dienstkaart naast elkaar als de kaart breed genoeg is, onder elkaar in de smalle vierkolomsindeling; contactblok: belofte eerst */
.blgs-dk .dk-meer { display: flex; flex-wrap: wrap; gap: .1rem 1.5rem; }
@media (min-width: 72rem) { .blgs-dk .dk-meer { display: grid; gap: .1rem; } }
.blgs-contact .blgs-lead { margin-bottom: 1.75rem; }
.blgs-contact .blgs-persoon { margin-bottom: 1rem; }

/* Homepage naar LeftClick-model (8 nov): diensten als één regel, bewijs, Eerste Klus, Over mij; Oplossingen op werk gesorteerd */
.blgs-regelband { background: var(--wit); border-top: 1px solid var(--lijn); border-bottom: 1px solid var(--lijn); padding-block: clamp(2rem, 3.5vw, 3rem); }
.blgs-regel { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem 2.5rem; }
.blgs-regel p { margin: 0; max-width: 46rem; font-size: clamp(1.25rem, 1.05rem + .8vw, 1.6rem); line-height: 1.35; letter-spacing: -.015em; font-weight: 700; }
.blgs-btn-lijn { display: inline-flex; align-items: center; min-height: 3rem; padding: .6rem 1.4rem; border: 2px solid var(--groen); border-radius: var(--r); font-weight: 700; color: var(--groen); text-decoration: none; white-space: nowrap; }
.blgs-btn-lijn:hover { background: var(--groen); color: var(--wit); }
.blgs-bewijs .dk-kop { font-weight: 400; font-size: 1rem; line-height: 1.5; margin-bottom: 1.25rem; }
.blgs-bewijs .dk-case-kop { margin-bottom: .6rem; font-size: .875rem; font-weight: 700; color: var(--groen); }
.blgs-bewijs h3 { font-size: 1.25rem; }
.blgs-overmij { background: var(--wit); }
.blgs-overmij-grid { display: grid; gap: 2rem clamp(2rem, 5vw, 5rem); align-items: center; }
@media (min-width: 48rem) { .blgs-overmij-grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); } }
.blgs-overmij-foto { margin: 0; max-width: 22rem; border-radius: 24px; overflow: hidden; aspect-ratio: 1 / 1; background: var(--groen-licht); }
.blgs-overmij-foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
.blgs-overmij h2 { max-width: 16ch; margin-bottom: 1.25rem; }
.blgs-overmij .blgs-lead { max-width: 46ch; }
.blgs-overmij .blgs-small { margin-top: 1.25rem; color: var(--inkt-55); }
.blgs-opl-vier { background: var(--papier); padding-block: clamp(2.5rem, 4vw, 4rem); }
.blgs-opl-werk { background: var(--wit); }
.blgs-werk { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--lijn-sterk); }
.blgs-werk-rij { display: grid; gap: .75rem 2.5rem; padding: 1.5rem 0; border-top: 1px solid var(--lijn-sterk); max-width: none; }
@media (min-width: 64rem) { .blgs-werk-rij { grid-template-columns: minmax(0, 5fr) minmax(0, 3fr) minmax(0, 3fr); align-items: start; } }
.blgs-werk-rij h3 { font-size: 1.35rem; margin: 0 0 .4rem; }
.blgs-werk-rij p { margin: 0; max-width: none; line-height: 1.5; }
.blgs-werk-rij .werk-tags b { display: block; margin-bottom: .3rem; font-size: .875rem; color: var(--groen); }
.blgs-werk-rij .werk-tags a, .blgs-werk-rij .werk-case a { display: inline-flex; align-items: center; min-height: 2.5rem; margin-right: 1.25rem; font-weight: 700; color: var(--groen); text-underline-offset: .2em; text-decoration-thickness: 2px; }
.blgs-werk-rij .werk-geen { color: var(--inkt-55); }
.blgs-opl-vier .dk-meer { margin-top: auto; }
.blgs-regel .blgs-btn-lijn { align-self: center; flex: none; height: 3rem; padding-block: 0; }
.blgs-overmij .blgs-small, .blgs-werk-rij .werk-geen { color: var(--inkt-2); }

/* Bewijs: alleen de klantlogo's, groot en rustig; de cases staan op Oplossingen */
.blgs-bewijsband { background: var(--wit); padding-block: clamp(3.5rem, 2.5rem + 4vw, 6rem); }
.blgs-bewijsband .blgs-sechead { margin-bottom: clamp(1.75rem, 3vw, 2.5rem); }
.blgs-klanten-groot { margin: 0 0 1.5rem; }
.blgs-bewijsband .blgs-meer { margin: 0; }

/* Dienstregel als lopende tekst met links naar de dienstpagina's (8 nov) */
.blgs-regelband { padding-block: clamp(2.5rem, 4vw, 4rem); }
.blgs-regel { align-items: flex-end; gap: 1.5rem 3rem; }
.blgs-regel p { max-width: 54rem; font-size: clamp(1.2rem, 1.05rem + .6vw, 1.5rem); line-height: 1.5; font-weight: 500; letter-spacing: -.01em; }
.blgs-regel p a { color: var(--groen); font-weight: 700; text-underline-offset: .2em; text-decoration-thickness: 2px; }

/* Dienstenband: langere lopende tekst, kop + twee alinea's + knop */
.blgs-regel.blgs-regel-lang { display: block; max-width: 52rem; }
.blgs-regel-lang p { max-width: none; margin: 0 0 1.1rem; }
.blgs-regel-lang p.blgs-regel-kop { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.6rem); line-height: 1.12; font-weight: 800; letter-spacing: -.025em; color: var(--groen); margin-bottom: 1.25rem; }
.blgs-regel-lang .blgs-btn-lijn { display: inline-flex; align-items: center; margin-top: .75rem; }
.blgs-regel-lang p a { white-space: nowrap; }

/* Homepage-audit 2: band in twee kolommen, ritme, over mij zonder portret, balans hero-zin */
.blgs-regel.blgs-regel-lang { display: grid; max-width: none; gap: 1.5rem clamp(2rem, 5vw, 5rem); align-items: start; }
@media (min-width: 56rem) { .blgs-regel.blgs-regel-lang { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.blgs-regel-lang p.blgs-regel-kop { margin: 0; max-width: 14ch; }
.blgs-regel-tekst p { max-width: 42rem; }
.blgs-regel-tekst p:last-of-type { margin-bottom: 0; }
.blgs-regel-tekst .blgs-btn-lijn { margin-top: 1.75rem; }
.blgs-bewijsband { background: var(--papier); }
.blgs-hero .blgs-lead { text-wrap: pretty; }
.blgs-overmij-grid { align-items: start; }
@media (min-width: 48rem) { .blgs-overmij-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.blgs-overmij h2 { max-width: 14ch; margin: 0; }
.blgs-overmij .blgs-lead { max-width: 42rem; margin-top: 0; }
.blgs-feiten { list-style: none; margin: clamp(2rem, 4vw, 3.5rem) 0 0; padding: 0; display: grid; gap: 1.5rem; border-top: 1px solid var(--lijn); padding-top: clamp(1.5rem, 3vw, 2.25rem); }
@media (min-width: 48rem) { .blgs-feiten { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.5rem; } }
.blgs-feiten b { display: block; font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.5rem); line-height: 1.1; letter-spacing: -.02em; color: var(--groen); margin-bottom: .35rem; }
.blgs-feiten span { display: block; color: var(--inkt-2); max-width: 24ch; }

/* Contactblok compacter */
.blgs-contact.blgs-section { padding-block: clamp(3rem, 2rem + 4vw, 5rem); }
@media (min-width: 64rem) { .blgs-contact-grid { align-items: center; } }
.blgs-formpanel { padding: clamp(1.5rem, 2.5vw, 2rem) clamp(1.5rem, 3vw, 2.5rem); }
.blgs-formpanel h3 { margin-bottom: .9rem; }
.blgs-formpanel .wpcf7-form p { margin-bottom: .8rem; }
.blgs-formpanel textarea { min-height: 6rem; height: 6rem; }

/* Mobiel korter (homepage) */
@media (max-width: 47.99rem) {
	.blgs-regel-tekst p { font-size: 1.0625rem; line-height: 1.55; margin-bottom: .9rem; }
	.blgs-regel-lang p.blgs-regel-kop { font-size: 1.6rem; max-width: none; margin-bottom: .25rem; }
	.blgs-regel-tekst .blgs-btn-lijn { margin-top: 1rem; }
	.blgs-klus4 { gap: .75rem; }
	.blgs-klus4 .blgs-dk { padding: .9rem 1.1rem 1rem; border-radius: 16px; }
	.blgs-klus4 .klus-label { margin-bottom: .2rem; }
	.blgs-klus4 b { font-size: 1.125rem; margin-bottom: .2rem; }
	.blgs-klus4 span:last-child { font-size: .9375rem; line-height: 1.45; }
	.blgs-feiten { gap: .75rem; margin-top: 1.5rem; padding-top: 1.25rem; }
	.blgs-feiten li { display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); gap: 1rem; align-items: baseline; }
	.blgs-feiten b { font-size: 1.35rem; margin: 0; }
	.blgs-feiten span { max-width: none; }
	.blgs-footer-grid { gap: 1.5rem 3rem; padding-top: 2.25rem; }
}


/* Hallmark-redesign (8 november 2026): geen streepjesmerk meer boven koppen; band als stelling, bewijs en Eerste Klus als rijen, over mij zonder cijferrij */
.blgs-section h2::before, .blgs-callout h2::before { content: none; display: none; }

/* Dienstenband: stelling over tien kolommen, daaronder twee kolommen tekst */
.blgs-stelling { max-width: none; margin: 0 0 clamp(1.75rem, 3vw, 2.75rem); font-size: clamp(2rem, 1.2rem + 2.6vw, 3.4rem); line-height: 1.03; letter-spacing: -.02em; color: var(--groen); }
.blgs-stelling-tekst { display: grid; gap: 1.25rem 3rem; align-items: start; }
@media (min-width: 56rem) { .blgs-stelling-tekst { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.blgs-stelling-tekst p { margin: 0 0 1rem; max-width: 36rem; font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem); line-height: 1.55; font-weight: 500; }
.blgs-stelling-tekst p a { color: var(--groen); font-weight: 700; text-underline-offset: .2em; text-decoration-thickness: 2px; white-space: nowrap; }
.blgs-stelling-tekst .blgs-btn-lijn { margin-top: .75rem; }
.blgs-regelband { padding-block: clamp(3rem, 2rem + 4vw, 5.5rem); }

/* Gewerkt voor: kop links, logo's rechts in een haarlijnraster */
.blgs-bewijs-split { display: grid; gap: 2rem 4rem; align-items: center; }
@media (min-width: 56rem) { .blgs-bewijs-split { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); } }
.blgs-bewijs-kop h2 { margin-bottom: 1rem; }
.blgs-bewijs-kop p { max-width: 30ch; }
.blgs-bewijs-kop .blgs-meer { margin: 1.25rem 0 0; }
.blgs-bewijs-split .blgs-klanten-lijst { margin: 0; gap: 0; border-top: 1px solid var(--lijn); border-left: 1px solid var(--lijn); }
.blgs-bewijs-split .blgs-klanten-lijst li { min-height: 6.5rem; justify-content: center; padding: 1.25rem 1rem; border-right: 1px solid var(--lijn); border-bottom: 1px solid var(--lijn); }
@media (min-width: 40.01rem) { .blgs-bewijs-split .blgs-klanten-lijst { gap: 0; } }

/* Eerste Klus: kop links, vier rijen rechts */
.blgs-klus-split { display: grid; gap: 2.5rem 5rem; align-items: start; }
@media (min-width: 56rem) { .blgs-klus-split { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.blgs-klus-split .blgs-klus-kop { margin: 0; max-width: none; }
.blgs-klusrijen { list-style: none; margin: 0; padding: 0; border-top: 1px solid color-mix(in srgb, var(--groen) 30%, transparent); }
.blgs-klusrijen li { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: .25rem 1.5rem; padding-block: 1.4rem; border-bottom: 1px solid color-mix(in srgb, var(--groen) 30%, transparent); margin: 0; max-width: none; }
.blgs-klusrijen .klus-label { font-size: .9375rem; font-weight: 700; color: var(--groen); padding-top: .3rem; }
.blgs-klusrijen b { display: block; font-size: clamp(1.25rem, 1.1rem + .5vw, 1.6rem); line-height: 1.2; letter-spacing: -.01em; margin-bottom: .35rem; }
.blgs-klusrijen li span:not(.klus-label) { display: block; max-width: 44ch; font-size: 1.0625rem; line-height: 1.5; color: var(--inkt-2); }
@media (max-width: 47.99rem) {
	.blgs-klusrijen li { grid-template-columns: minmax(0, 1fr); padding-block: 1rem; }
	.blgs-klusrijen .klus-label { padding-top: 0; }
}

/* Over mij: kop links, tekst rechts, zonder cijferrij */
.blgs-overmij.blgs-section { padding-block: clamp(3rem, 2rem + 4vw, 5.5rem); }
.blgs-overmij-grid { align-items: start; }
@media (min-width: 48rem) { .blgs-overmij-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.blgs-overmij h2 { max-width: 14ch; margin: 0; }
.blgs-overmij .blgs-lead { max-width: 40rem; margin-top: 0; }
.blgs-stelling-tekst > * { margin-block: 0; }
.blgs-stelling-tekst > div > p:first-child { margin-top: 0; }

.blgs-stelling-tekst .blgs-btn-lijn { display: inline-flex; align-items: center; height: 3rem; padding-block: 0; }
@media (max-width: 22.5rem) { .blgs-footer .navs { grid-template-columns: minmax(0, 1fr); } }

/* Hallmark-review: één kolomsjabloon voor de splits, rustiger ritme, vaste lead-maat */
:root { --split-gap: clamp(2rem, 5vw, 5rem); }
.blgs-klus-split, .blgs-overmij-grid { column-gap: var(--split-gap); }
@media (min-width: 56rem) { .blgs-klus-split, .blgs-overmij-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.blgs-stelling { hyphens: manual; text-wrap: balance; }
.blgs-stelling-tekst { column-gap: var(--split-gap); }
.blgs-stelling-tekst p { font-size: var(--wp--preset--font-size--lead); font-weight: 400; line-height: 1.45; }
.blgs-overmij strong { font-weight: 700; }

/* Gewerkt voor: kop met link, daaronder de logo's als strook */
.blgs-bewijs-kop { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1rem 3rem; margin-bottom: clamp(1.75rem, 3vw, 2.5rem); }
.blgs-bewijs-kop p { max-width: 40rem; }
.blgs-bewijs-kop .blgs-meer { margin: 0; }
.blgs-bewijsband .blgs-klanten-lijst { margin: 0; gap: 0; border-top: 1px solid var(--lijn); border-left: 1px solid var(--lijn); grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 40.01rem) { .blgs-bewijsband .blgs-klanten-lijst { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; } }
@media (min-width: 72rem) { .blgs-bewijsband .blgs-klanten-lijst { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
.blgs-bewijsband .blgs-klanten-lijst li { min-height: 5.5rem; justify-content: center; padding: 1rem .75rem; border-right: 1px solid var(--lijn); border-bottom: 1px solid var(--lijn); }
.blgs-bewijsband .blgs-klanten-lijst img { max-width: 100%; }
.blgs-bewijsband .k-abu img { height: 2.3rem; }
.blgs-bewijsband .k-dna img { height: 2.1rem; }
.blgs-bewijsband .k-zest img { height: 1.5rem; }
.blgs-bewijsband .k-bci img { height: 1.2rem; }
.blgs-bewijsband .k-versterking img { height: 2rem; }
.blgs-bewijsband .k-medhem img { height: 1.4rem; }
.blgs-bewijsband .k-peakz img { height: 2.2rem; }
.blgs-bewijsband .k-durfplaats img { height: 2rem; }
.blgs-klusrijen .klus-label { font-size: 1rem; font-weight: 500; color: var(--inkt-2); }

/* Hero: foto tot de rand van het scherm, acties links onder de zin (geen kaart over de foto) */
.blgs-hero .blgs-quick { margin-top: 1.75rem; max-width: none; }
.blgs-hero .blgs-quick .blgs-btn { width: auto; }
.blgs-hero-foto { border-radius: 0; }
@media (max-width: 63.99rem) {
	.blgs-hero-grid { padding-bottom: 0; gap: 2rem; }
	.blgs-hero-foto { margin-inline: calc(-1 * var(--pad)); aspect-ratio: 4 / 3; }
	.blgs-hero-foto img { object-position: 50% 22%; }
}
@media (max-width: 39.99rem) { .blgs-hero .blgs-quick .blgs-btn { width: 100%; } }
@media (min-width: 64rem) {
	.blgs-hero { position: relative; overflow-x: clip; }
	.blgs-hero-grid { grid-template-columns: minmax(0, 1fr); }
	.blgs-hero-grid > div:first-child { max-width: min(36rem, 46vw); }
	.blgs-hero-visual { position: absolute; top: 0; right: 0; bottom: 0; width: 50vw; }
	.blgs-hero-foto { height: 100%; aspect-ratio: auto; }
	.blgs-hero-foto img { object-position: 50% 22%; }
}
.blgs-hero { margin-block-start: 0; }
@media (min-width: 40rem) and (max-width: 63.99rem) { .blgs-hero-foto { aspect-ratio: 16 / 9; } }
.blgs-hero-visual { margin-block: 0; }

/* Over mij met foto: beeld links over vijf kolommen, tekst rechts over zeven */
.blgs-overmij-foto-grid { align-items: center; }
@media (min-width: 48rem) { .blgs-overmij-foto-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.blgs-overmij-foto { margin: 0; border-radius: 0; max-width: none; aspect-ratio: 4 / 5; overflow: hidden; background: var(--groen-licht); }
.blgs-overmij-foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.blgs-overmij-foto-grid h2 { max-width: 16ch; margin: 0 0 1.25rem; }
@media (max-width: 47.99rem) { .blgs-overmij-foto { aspect-ratio: 4 / 3; } .blgs-overmij-foto img { object-position: 50% 28%; } }

/* Stijl doortrekken (Hallmark): kaartrasters worden haarlijnrijen, geen vinkjes, geen cijfers met een nul */
.blgs-kol, .blgs-kol.n2, .blgs-kol.n3, .blgs-kol.n4 { display: block; grid-template-columns: none; border-top: 1px solid var(--lijn-sterk); }
.blgs-kol article, .blgs-bg-wit .blgs-kol article { display: grid; gap: .3rem 3rem; padding: 1.05rem 0; background: transparent; border: 0; border-bottom: 1px solid var(--lijn-sterk); border-radius: 0; }
@media (min-width: 48rem) { .blgs-kol article, .blgs-bg-wit .blgs-kol article { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; } }
.blgs-kol h3 { font-size: clamp(1.2rem, 1.1rem + .4vw, 1.45rem); line-height: 1.2; margin: 0; }
.blgs-kol p { font-size: 1.0625rem; line-height: 1.5; max-width: none; margin: 0; }

.blgs-opl-vier .blgs-dk-grid { display: block; border-top: 1px solid var(--lijn-sterk); }
.blgs-opl-vier .blgs-dk-grid > .blgs-dk, .blgs-opl-vier .blgs-dk { display: grid; grid-row: auto; grid-template-rows: none; gap: .3rem 3rem; padding: 1.1rem 0; background: transparent; border: 0; border-bottom: 1px solid var(--lijn-sterk); border-radius: 0; }
.blgs-opl-vier .blgs-dk h3 { margin: 0; font-size: clamp(1.25rem, 1.1rem + .5vw, 1.6rem); }
.blgs-opl-vier .blgs-dk p { margin: 0; max-width: 46ch; }
@media (min-width: 56rem) {
	.blgs-opl-vier .blgs-dk-grid > .blgs-dk, .blgs-opl-vier .blgs-dk { grid-template-columns: minmax(0, 4fr) minmax(0, 5fr) minmax(0, 3fr); grid-template-areas: "h kop meer" "h past meer"; align-items: start; }
	.blgs-opl-vier .blgs-dk h3 { grid-area: h; }
	.blgs-opl-vier .blgs-dk .dk-kop { grid-area: kop; }
	.blgs-opl-vier .blgs-dk .dk-past { grid-area: past; }
	.blgs-opl-vier .blgs-dk .dk-meer { grid-area: meer; margin: 0; }
}

.blgs-vink li { padding-left: 0; font-weight: 500; }
.blgs-vink li::before, .blgs-vink.min li::before { content: none; }

/* Pagina's korter: de oproep zit in het FAQ-blok; het gereedschapsblok is een lijst, geen kaart met schaduw */
.blgs-faq-kop .blgs-small { max-width: 38ch; }
.blgs-ledger, .blgs-bg-wit .blgs-ledger, .blgs-bg-papier .blgs-ledger { background: transparent; border-radius: 0; padding: 0; box-shadow: none; border-top: 1px solid var(--lijn-sterk); border-bottom: 1px solid var(--lijn-sterk); }
.blgs-ledger > div { border-top: 1px solid var(--lijn-sterk); }
.blgs-ledger > div:first-child { border-top: 0; }
.blgs-ledger dt { font-size: 1rem; font-weight: 500; color: var(--inkt-2); }


/* Audit-ronde: blog als lijst, tabellen en uitklappers als lijnen, koppen op maat, ruimte, balans */
.blgs-blog-list .wp-block-post-template { display: block; gap: 0; border-top: 1px solid var(--lijn-sterk); grid-template-columns: none; }
.blgs-blog-list .wp-block-post-template > li { margin: 0; max-width: none; }
.blgs-postcard { display: grid; gap: .35rem 3rem; padding: 1.5rem 0; background: transparent; border: 0; border-bottom: 1px solid var(--lijn-sterk); border-radius: 0; height: auto; overflow: visible; }
.blgs-postcard > :not(.wp-block-post-featured-image) { margin-inline: 0; }
@media (min-width: 48rem) {
	.blgs-postcard { grid-template-columns: 11rem minmax(0, 1fr); grid-template-areas: "d t" "d e"; align-items: start; }
	.blgs-postcard .wp-block-post-date { padding-top: .65rem; }
	.blgs-postcard .wp-block-post-date { grid-area: d; }
	.blgs-postcard .wp-block-post-title { grid-area: t; }
	.blgs-postcard .wp-block-post-excerpt { grid-area: e; }
}
.blgs-postcard .wp-block-post-title { font-size: clamp(1.5rem, 1.2rem + 1vw, 2.1rem); margin: 0; }
.blgs-postcard .wp-block-post-excerpt p { max-width: 62ch; }

.blgs-tt-box { border: 0; border-top: 1px solid var(--lijn-sterk); border-bottom: 1px solid var(--lijn-sterk); border-radius: 0; background: transparent; }
.blgs-uitklap { border: 0; border-top: 1px solid var(--lijn-sterk); border-radius: 0; background: transparent; margin-top: 0; }
.blgs-uitklap:last-of-type { border-bottom: 1px solid var(--lijn-sterk); }
.blgs-uitklap > summary { padding-inline: 0; }
.blgs-uitklap > summary::after { width: auto; height: auto; border-radius: 0; background: transparent; color: var(--groen); }

.blgs-faq-breed .blgs-faq-groep h2 { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.75rem); line-height: 1.1; margin-bottom: 1.25rem; }
.blgs-opl-vier { padding-block: clamp(3.5rem, 2.5rem + 4vw, 6rem); }
@media (min-width: 48rem) { .blgs-lees-lijst:has(> li:nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.blgs-pagehero h1 { text-wrap: balance; }
.blgs-kol article h3 { padding-top: .1rem; }

/* Samengevoegde secties: twee kolommen naast elkaar, en een aanvulling onder een sectie */
.blgs-paar { display: grid; gap: 3rem clamp(2rem, 5vw, 5rem); }
@media (min-width: 64rem) { .blgs-paar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; } }
.blgs-paar-helft h2 { font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem); line-height: 1.1; max-width: none; margin-bottom: 1rem; }
.blgs-paar-helft > p { max-width: 46ch; margin-bottom: 1.5rem; }
.blgs-paar .blgs-kol article, .blgs-bg-wit .blgs-paar .blgs-kol article { grid-template-columns: minmax(0, 1fr); }
.blgs-aanvulling { display: grid; gap: 1rem 3rem; margin-top: clamp(2.5rem, 5vw, 4rem); padding-top: clamp(1.5rem, 3vw, 2.25rem); border-top: 1px solid var(--lijn-sterk); }
@media (min-width: 48rem) { .blgs-aanvulling { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.blgs-aanvulling h3 { font-size: clamp(1.4rem, 1.1rem + 1vw, 2rem); line-height: 1.15; margin: 0; max-width: 22ch; }
.blgs-aanvulling .blgs-prose-txt p { max-width: 46rem; }
.blgs-paar > * { margin-block-start: 0; }

/* Binnenpagina's in de taal van de homepage (richting A): hero met foto of groene band, kop links en rijen rechts, stappen in kolommen */
.blgs-hero-pagina h1 { max-width: 13ch; }
.blgs-hero-pagina .blgs-lead { max-width: 34rem; }
.blgs-hero-pagina .blgs-hero-foto img { object-position: 50% 50%; }
section.blgs-pagehero-groen { background: var(--groen); color: var(--wit); }
.blgs-pagehero-groen .blgs-wrap { padding-block: clamp(3.5rem, 2.5rem + 5vw, 7rem); }
.blgs-pagehero-groen h1 { color: var(--wit); max-width: 16ch; font-size: clamp(2.4rem, 1rem + 4.2vw, 4.5rem); hyphens: manual; }
.blgs-pagehero-groen .blgs-lead, .blgs-pagehero-groen p { color: var(--wit); max-width: 40rem; }
.blgs-pagehero-groen .blgs-btn { margin-top: .5rem; }

/* kolomsecties: kop links, rijen rechts, zoals "Begin met één klus" */
.blgs-sec .blgs-klus-split .blgs-klus-kop h2 { font-size: clamp(1.9rem, 1.3rem + 2vw, 3rem); max-width: 18ch; }
.blgs-sec .blgs-klus-split .blgs-kol { border-top-color: color-mix(in srgb, var(--groen) 30%, transparent); }
.blgs-sec .blgs-klus-split .blgs-kol article { border-bottom-color: color-mix(in srgb, var(--groen) 30%, transparent); }
@media (min-width: 48rem) { .blgs-klus-split .blgs-kol article, .blgs-bg-wit .blgs-klus-split .blgs-kol article { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); } }

/* stappen in kolommen met grote cijfers */
.blgs-stappen li { display: block; grid-template-columns: none; padding-top: 1.25rem; }
.blgs-stappen .nr { display: block; font-size: clamp(2.25rem, 1.8rem + 1.8vw, 3.25rem); font-weight: 700; line-height: 1; letter-spacing: -.03em; color: var(--groen); margin-bottom: 1rem; }
.blgs-stappen h3 { font-size: 1.25rem; margin: 0 0 .5rem; }
.blgs-stappen p { font-size: 1rem; line-height: 1.5; max-width: none; margin: 0; }
@media (min-width: 64rem) { .blgs-stappen, .blgs-stappen:has(> li:nth-child(5):last-child) { grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); gap: 2rem; } }
@media (min-width: 48rem) and (max-width: 63.99rem) { .blgs-stappen:has(> li:nth-child(5):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* lange proza in twee kolommen */
@media (min-width: 64rem) { .blgs-prose-txt { column-count: 2; column-gap: 3rem; } .blgs-prose-txt p { break-inside: avoid; max-width: none; } }

/* losse elementen rustig: tabellen als lijnen, één labelstijl, kalme links */
.blgs-tt { background: transparent; border-top: 1px solid var(--lijn-sterk); border-bottom: 1px solid var(--lijn-sterk); }
.blgs-tt thead th { background: transparent; color: var(--inkt-2); font-size: .9375rem; font-weight: 500; border-bottom: 1px solid var(--lijn-sterk); padding-inline: 0 1rem; }
.blgs-tt tbody th, .blgs-tt td { padding-inline: 0 1rem; }
.blgs-tt tbody tr { border-top-color: var(--lijn-sterk); }
.blgs-tt .nr { width: auto; height: auto; border-radius: 0; background: transparent; color: var(--groen); font-size: 1.125rem; place-items: start; }
.blgs-tt td.mens { background: transparent; font-weight: 700; }
.blgs-werk-rij .werk-tags b, .blgs-case-dienst, .blgs-case-rijen dt, .blgs-tt-tools b { font-size: .9375rem; font-weight: 500; color: var(--inkt-2); letter-spacing: 0; }
.blgs-werk-rij .werk-tags a, .blgs-werk-rij .werk-case a { font-weight: 500; text-decoration-thickness: 1px; }
.blgs-werk-rij .werk-tags a { margin-right: 1rem; }

/* focusring op de groene paginahero: wit, zodat hij 3:1 haalt tegen het groen */
.blgs-pagehero-groen :focus-visible { outline-color: var(--wit); }

/* raster: vier punten als 2 x 2 met haarlijn erboven, geen kaarten */
.blgs-raster { display: grid; gap: 0 clamp(2rem, 5vw, 5rem); }
@media (min-width: 48rem) { .blgs-raster { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.blgs-raster article { border-top: 1px solid var(--lijn-sterk); padding: 1.4rem 0 2rem; }
.blgs-raster h3 { font-size: clamp(1.3rem, 1.1rem + .7vw, 1.75rem); line-height: 1.15; margin: 0 0 .6rem; }
.blgs-raster p { font-size: 1.0625rem; line-height: 1.5; margin: 0; max-width: 46ch; }

/* binnenpagina's: minder lucht tussen de secties */
.blgs-sec.blgs-section { padding-block: clamp(2.75rem, 2rem + 3vw, 4.75rem); }

/* cases compact: samenvatting, waar een mens beslist, resultaat */
.blgs-case-rest { display: grid; gap: 1rem; align-content: start; }
.blgs-case-kort { margin: 0; font-size: 1.125rem; line-height: 1.5; max-width: 62ch; }
.blgs-case-vol { padding: 1.5rem 0; }

/* overige uitgewerkte voorbeelden: titel en kern, zonder tabel */
.blgs-tt-kort { display: grid; gap: 0 clamp(2rem, 5vw, 5rem); border-top: 1px solid var(--lijn-sterk); }
@media (min-width: 48rem) { .blgs-tt-kort { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.blgs-tt-kort article { padding: 1.4rem 0 2rem; }
.blgs-tt-kort h3 { font-size: clamp(1.3rem, 1.1rem + .7vw, 1.75rem); line-height: 1.15; margin: 0 0 .6rem; }
.blgs-tt-kort p { margin: 0; max-width: 46ch; line-height: 1.5; }

/* blog in de taal van de rest: groene paginahero, tabellen als lijnen, artikel-oproep als groen blok */
.blgs-artikel .blgs-pagehero-groen h1, .blgs-blog-list .blgs-pagehero-groen h1 { color: var(--wit); font-size: clamp(2.2rem, 1.2rem + 3.4vw, 4rem); max-width: 22ch; }
.blgs-pagehero-groen .blgs-terug a { color: var(--wit); }
.blgs-artikel .blgs-pagehero-groen .meta, .blgs-artikel .blgs-pagehero-groen .meta p, .blgs-artikel .blgs-pagehero-groen .meta a { color: var(--wit-2); }
.entry-content table { border: 0; border-top: 1px solid var(--lijn-sterk); border-bottom: 1px solid var(--lijn-sterk); border-radius: 0; }
.entry-content table thead th { background: transparent; color: var(--inkt-2); font-size: .9375rem; font-weight: 500; border-bottom: 1px solid var(--lijn-sterk); }
.entry-content table th, .entry-content table td { padding-inline: 0 1rem; border-top-color: var(--lijn-sterk); }
.blgs-artikel-cta { background: var(--groen); color: var(--wit); border-radius: 0; }
.blgs-artikel-cta h2, .blgs-artikel-cta p { color: var(--wit); }
.blgs-artikel-cta :focus-visible { outline-color: var(--wit); }

/* Floor 4: overflow-x: clip ook op html, en de foto-hero knipt zichzelf af (scrollbalk kan de negatieve marge 3px te breed maken) */
html { overflow-x: clip; }
.blgs-hero { overflow-x: clip; }

/* smalle telefoons (ook met scrollbalk): kop past zonder overflow */
@media (max-width: 26rem) {
	.blgs-header .wp-block-button__link { padding-inline: .7rem; font-size: .875rem; }
	.blgs-header .blgs-logo img { width: 4.5rem; }
	.blgs-header-in { gap: .4rem; }
}

/* Veelgestelde vragen ook in het menu op brede schermen */
@media (min-width: 75rem) { .blgs-header .blgs-nav-mobiel { display: block; } }

/* mobiel: minder lucht en kleinere koppen, zelfde tekst */
@media (max-width: 47.99rem) {
	.blgs-sec.blgs-section, .blgs-regelband, .blgs-klusband.blgs-section, .blgs-bewijsband, .blgs-overmij.blgs-section, .blgs-vragen.blgs-section { padding-block: 2.25rem; }
	.blgs-sec h2, .blgs-klus-kop h2, .blgs-aanvulling h3 { font-size: clamp(1.6rem, 1.3rem + 1.2vw, 1.9rem); }
	.blgs-klus-split, .blgs-paar, .blgs-aanvulling { gap: 1.25rem; }
	.blgs-aanvulling { margin-top: 1.75rem; padding-top: 1.25rem; }
	.blgs-kol article, .blgs-bg-wit .blgs-kol article { padding: .85rem 0; }
	.blgs-raster article { padding: 1rem 0 1.25rem; }
	.blgs-stappen li { padding-top: 1rem; }
	.blgs-pagehero-groen .blgs-wrap { padding-block: 2.5rem; }
	.blgs-hero-pagina .blgs-hero-grid { padding-top: 2rem; }
	.blgs-sechead { margin-bottom: 1.25rem; }
}

/* mobiel ronde 2: contactblok, footer, tabellen en werkrijen compacter */
@media (max-width: 47.99rem) {
	.blgs-contact.blgs-section { padding-block: 2rem; }
	.blgs-contact-grid { gap: 1.5rem; }
	.blgs-contact h2 { margin-bottom: .75rem; }
	.blgs-contact .blgs-lead { margin-bottom: 1rem; }
	.blgs-contactlist li { padding-block: .35rem; }
	.blgs-formpanel { padding: 1.25rem; }
	.blgs-formpanel .wpcf7-form p { margin-bottom: .6rem; }
	.blgs-formpanel textarea { min-height: 5rem; height: 5rem; }
	.blgs-footer-grid { gap: 1rem 2rem; padding-block: 2rem 1rem; }
	.blgs-footer-grid img { width: 5.5rem; }
	.blgs-footer .legal { padding-block: 1rem 1.5rem; gap: .5rem 1rem; }
	.blgs-tt tbody tr { padding-bottom: .4rem; }
	.blgs-tt td { padding-block: .15rem; }
	.blgs-werk-rij { padding: 1rem 0; gap: .4rem; }
	.blgs-werk-rij .werk-tags a, .blgs-werk-rij .werk-case a { min-height: 2.25rem; }
	.blgs-case-vol { gap: .5rem; padding: 1rem 0; }
	.blgs-tt-kort article { padding: 1rem 0 1.25rem; }
}

/* footer zonder blogkolom: drie kolommen */
@media (min-width: 72rem) { .blgs-footer-grid { grid-template-columns: 1.2fr 1fr 1fr; } }

/* mobiel ronde 3: werkrijen en cases korter */
@media (max-width: 47.99rem) {
	.blgs-werk-rij .werk-tags { display: flex; flex-wrap: wrap; align-items: center; column-gap: 1rem; }
	.blgs-werk-rij .werk-tags b { display: inline; margin: 0; }
	.blgs-werk-rij .werk-tags a, .blgs-werk-rij .werk-case a { margin-right: 0; }
	.blgs-case-vol .blgs-case-kort { font-size: 1.0625rem; }
	.blgs-case-rijen dd { font-size: 1rem; }
}

@media (max-width: 47.99rem) {
	.blgs-stappen li { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); column-gap: .25rem; align-items: baseline; }
	.blgs-stappen .nr { grid-row: span 2; margin: 0; font-size: 1.75rem; }
	.blgs-stappen h3 { margin: 0 0 .25rem; }
	.blgs-raster h3 { font-size: 1.25rem; margin-bottom: .35rem; }
}

@media (max-width: 47.99rem) {
	.blgs-klus-split { row-gap: 1.25rem; }
	.blgs-hero-pagina .blgs-hero-visual { max-height: 11rem; overflow: hidden; }
	.blgs-hero-pagina .blgs-hero-visual img { width: 100%; height: 11rem; object-fit: cover; }
}

/* Eerste Klus: voorbeeldklussen (herkenning links, klus rechts) */
.blgs-klusrijen-voorbeeld li { grid-template-columns: minmax(0, 1fr); gap: .35rem; }
@media (min-width: 48rem) { .blgs-klusrijen-voorbeeld li { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: .35rem 2rem; } .blgs-klusrijen-voorbeeld .klus-eerder { grid-column: 2; } }
.blgs-klusrijen-voorbeeld b { font-size: clamp(1.15rem, 1.05rem + .4vw, 1.4rem); margin: 0; }
.blgs-klusrijen-voorbeeld li > span { max-width: 46ch; }
.blgs-klusrijen-voorbeeld .klus-eerder a { color: var(--groen); font-weight: 500; text-underline-offset: .2em; text-decoration-thickness: 1px; }
.blgs-klus-regel { margin-top: 1rem; color: var(--inkt-2); }
.blgs-klussen .blgs-klusrijen { margin-top: 1.5rem; }

/* Hallmark ronde 4: focusring op het witte formulier, tabelcijfers, drie rijen zonder wees */
.blgs-formpanel :focus-visible { outline-color: var(--inkt); }
.entry-content table, .entry-content table th, .entry-content table td, .blgs-tt { font-variant-numeric: tabular-nums; }
.blgs-raster:has(> :nth-child(3):last-child) { grid-template-columns: minmax(0, 1fr); }

/* stappen: geen groot cijfer meer (leest als sjabloon), een kleine nummering in groen */
.blgs-stappen .nr { font-size: 1rem; font-weight: 700; letter-spacing: 0; line-height: 1.2; margin-bottom: .5rem; font-variant-numeric: tabular-nums; }
.blgs-stappen .nr::after { content: "."; }
@media (max-width: 47.99rem) {
	.blgs-stappen li { grid-template-columns: 1.5rem minmax(0, 1fr); column-gap: 0; }
	.blgs-stappen .nr { font-size: 1rem; margin: 0; }
}

/* Nieuw logo (De bocht): horizontaal, dus breder dan het oude staande logo; minimaal 100px breed */
.blgs-logo img { width: 7.5rem; }
@media (min-width: 782px) { .blgs-logo img { width: 9.5rem; } }
@media (max-width: 26rem) { .blgs-header .blgs-logo img { width: 6.5rem; } }
.blgs-footer-grid img { width: 12rem; }
@media (max-width: 47.99rem) { .blgs-footer-grid img { width: 9.5rem; } }

/* Logostrook: donkergroene band met witte logo's, kop links, zonder hokjes */
.blgs-klantenband.blgs-section { background: var(--groen-diep); padding-block: clamp(3rem, 2rem + 4vw, 5.5rem); }
.blgs-klanten-rij { display: grid; gap: 2rem 4rem; align-items: center; }
@media (min-width: 64rem) { .blgs-klanten-rij { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); } }
.blgs-klanten-kop h2 { margin: 0 0 .75rem; max-width: 12ch; }
.blgs-klanten-kop p { margin: 0; max-width: 28ch; color: var(--wit-2); }
.blgs-klanten-wit { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.75rem 1.5rem; }
@media (min-width: 40.01rem) { .blgs-klanten-wit { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem 1.5rem; } }
.blgs-klanten-wit li { margin: 0; max-width: none; display: flex; align-items: center; justify-content: flex-start; min-height: 3rem; }
@media (min-width: 64rem) { .blgs-klanten-wit li { justify-content: center; } }
.blgs-klanten-wit img { display: block; width: auto; max-width: 100%; height: 1.9rem; filter: brightness(0) invert(1); opacity: .92; }
.blgs-klanten-wit .k-abu img { height: 2.3rem; }
.blgs-klanten-wit .k-dna img { height: 2.1rem; }
.blgs-klanten-wit .k-versterking img { height: 1.75rem; }
.blgs-klanten-wit .k-bci img { height: 1.1rem; }
.blgs-klanten-wit .k-medhem img { height: 1.3rem; }
.blgs-klanten-wit .k-zest img { height: 1.5rem; }
.blgs-klanten-wit .k-peakz img { height: 2.2rem; }
.blgs-klanten-wit .k-durfplaats img { height: 2rem; }
@media (max-width: 40rem) {
	.blgs-klanten-wit img { height: 1.6rem; }
	.blgs-klanten-wit .k-abu img { height: 2rem; }
	.blgs-klanten-wit .k-dna img { height: 1.8rem; }
	.blgs-klanten-wit .k-bci img { height: 1rem; }
	.blgs-klanten-wit .k-medhem img { height: 1.1rem; }
	.blgs-klanten-wit .k-peakz img { height: 1.9rem; }
	.blgs-klanten-wit .k-durfplaats img { height: 1.7rem; }
}
.blgs-klanten-kop p { font-weight: 400; }
@media (max-width: 40rem) { .blgs-klanten-wit { gap: 1.25rem 1rem; } .blgs-klanten-wit li { min-height: 2.5rem; } }

/* Homepage als gewone blokken (9 november 2026): dezelfde opmaak als voorheen, nu met native blokken */
.blgs-pagina-inhoud { margin: 0; }
.blgs-pagina-inhoud > * { margin-block: 0; }
.blgs-quick .wp-block-buttons { margin: 0; }
.blgs-hero .blgs-quick .wp-block-button, .blgs-hero .blgs-quick .wp-block-button__link { width: auto; }
@media (max-width: 39.99rem) { .blgs-hero .blgs-quick .wp-block-button, .blgs-hero .blgs-quick .wp-block-button__link { width: 100%; } }
.blgs-quick-hint { margin-top: .8rem; }
.blgs-hero-foto-staand { display: none; }
@media (min-width: 64rem) { .blgs-hero-foto-staand { display: block; } .blgs-hero-foto-liggend { display: none; } }
.blgs-btn-lijn-btn .wp-block-button__link { display: inline-flex; align-items: center; min-height: 3rem; padding: .6rem 1.4rem; border: 2px solid var(--groen); border-radius: var(--r); font-weight: 700; color: var(--groen); background: transparent; text-decoration: none; white-space: nowrap; }
.blgs-btn-lijn-btn .wp-block-button__link:hover { background: var(--groen); color: var(--wit); }
.blgs-stelling-tekst .wp-block-buttons { margin-top: .75rem; }
.blgs-klus-acties .wp-block-buttons { margin: 0; }
.blgs-klus-link-p { margin: 0; }
.blgs-klus-link-p a { font-weight: 700; color: var(--groen); text-underline-offset: .2em; text-decoration-thickness: 2px; display: inline-flex; align-items: center; min-height: 2.75rem; }
.blgs-klusrijen-n { border-top: 1px solid color-mix(in srgb, var(--groen) 30%, transparent); }
.blgs-klusrijen-n > .klus-rij { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: .25rem 1.5rem; padding-block: 1.4rem; border-bottom: 1px solid color-mix(in srgb, var(--groen) 30%, transparent); margin: 0; max-width: none; }
.blgs-klusrijen-n .klus-label { margin: 0; font-size: 1rem; font-weight: 500; color: var(--inkt-2); padding-top: .3rem; }
.blgs-klusrijen-n .klus-rij-tekst { margin: 0; }
.blgs-klusrijen-n .klus-rij-kop { margin: 0 0 .35rem; font-size: clamp(1.25rem, 1.1rem + .5vw, 1.6rem); line-height: 1.2; letter-spacing: -.01em; }
.blgs-klusrijen-n .klus-rij-tekst > p:not(.klus-rij-kop) { margin: 0; max-width: 44ch; font-size: 1.0625rem; line-height: 1.5; color: var(--inkt-2); }
@media (max-width: 47.99rem) { .blgs-klusrijen-n > .klus-rij { grid-template-columns: minmax(0, 1fr); padding-block: 1rem; } .blgs-klusrijen-n .klus-label { padding-top: 0; } }
.blgs-klanten-wit > .wp-block-image { margin: 0; max-width: none; display: flex; align-items: center; justify-content: flex-start; min-height: 3rem; }
@media (min-width: 64rem) { .blgs-klanten-wit > .wp-block-image { justify-content: center; } }
.blgs-overmij-foto.wp-block-image { margin: 0; }
.wp-block-image.blgs-hero-foto img, .wp-block-image.blgs-overmij-foto img { width: 100%; height: 100%; }
.blgs-stelling-tekst .wp-block-buttons { margin-top: 1.25rem; }
@media (max-width: 40rem) { .blgs-klanten-wit > .wp-block-image { min-height: 2.5rem; } }
@media (max-width: 47.99rem) { .blgs-stelling-tekst .wp-block-buttons { margin-top: 2rem; } }

/* ---- Contactopties (9 nov 2026): bericht, bellen en WhatsApp even groot; bel-knop in de header; contactkaart ---- */
.blgs-quick .blgs-contactknoppen { display: flex; flex-wrap: wrap; gap: .75rem; margin: 0; }
.blgs-quick .blgs-contactknoppen .wp-block-button { width: auto; flex: 0 0 auto; }
@media (max-width: 39.99rem) {
	.blgs-quick .blgs-contactknoppen .wp-block-button:first-child { flex: 1 1 100%; width: 100%; }
	.blgs-quick .blgs-contactknoppen .wp-block-button:not(:first-child) { flex: 1 1 calc(50% - .4rem); width: auto; }
	.blgs-quick .blgs-contactknoppen .wp-block-button__link { width: 100%; padding-inline: .6rem; }
}
@media (max-width: 24rem) { .blgs-quick .blgs-contactknoppen .wp-block-button:not(:first-child) { flex-basis: 100%; } }
.blgs-contactknoppen .wp-block-button__link::after, .blgs-kiesknoppen .wp-block-button__link::after, .blgs-belkaart-knoppen .wp-block-button__link::after { display: none; }
.blgs-pagehero-groen .wp-block-button.is-style-outline .wp-block-button__link, .blgs-kiesknoppen .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--wit); box-shadow: inset 0 0 0 2px var(--wit); }
.blgs-pagehero-groen .wp-block-button.is-style-outline .wp-block-button__link:hover, .blgs-kiesknoppen .wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--wit); color: var(--groen); }
.blgs-pagehero-groen .blgs-quick { margin-top: 1.75rem; max-width: none; }
/* hero: rustige regel onder de knop */
.blgs-quick-hint { display: flex; flex-wrap: wrap; align-items: center; column-gap: .55rem; }
.blgs-quick-hint a { display: inline-flex; align-items: center; min-height: 2.75rem; }
.blgs-pagehero-groen .blgs-quick-hint, .blgs-pagehero-groen .blgs-quick-hint a { color: var(--wit); }
.blgs-pagehero-groen .blgs-quick-hint a:hover { color: var(--geel); }
/* contactblok */
.blgs-kiesknoppen { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.75rem 0 1.25rem; }
.blgs-kiesknoppen .wp-block-button__link { min-height: 3.5rem; font-size: 1.125rem; padding-inline: 1.5rem; }
@media (max-width: 39.99rem) { .blgs-kiesknoppen .wp-block-button { flex: 1 1 100%; width: 100%; } .blgs-kiesknoppen .wp-block-button__link { width: 100%; } }
.blgs-mailregel { margin: 0; font-size: 1rem; max-width: none; }
.blgs-mailregel a { color: var(--wit); text-decoration-thickness: 2px; text-underline-offset: .2em; display: inline-flex; align-items: center; min-height: 2.75rem; overflow-wrap: anywhere; }
.blgs-mailregel a:hover { color: var(--geel); }
/* header: bellen */
.blgs-header .blgs-header-bel { margin: 0; max-width: none; }
.blgs-header-bel a { display: inline-flex; align-items: center; gap: .45rem; min-height: 2.75rem; color: var(--inkt); font-size: .9375rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.blgs-header-bel a::before { content: ""; width: 1.15rem; height: 1.15rem; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.02-.24 11.36 11.36 0 003.58.57 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.45.57 3.57a1 1 0 01-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.02-.24 11.36 11.36 0 003.58.57 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.45.57 3.57a1 1 0 01-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") center / contain no-repeat; }
.blgs-header-bel a:hover { color: var(--groen); }
.blgs-bel-lang { display: none; }
@media (min-width: 75rem) { .blgs-bel-lang { display: inline; } .blgs-bel-kort { display: none; } }
@media (max-width: 47.99rem) { .blgs-header .blgs-header-bel { display: none; } }
/* contactkaart midden op lange pagina's */
.blgs-belkaart { background: var(--groen-licht); padding-block: clamp(2.25rem, 1.5rem + 3vw, 3.75rem); }
.blgs-belkaart-in { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; align-items: center; }
.blgs-belkaart .wp-block-image.blgs-belkaart-foto { margin: 0; }
.blgs-belkaart .blgs-belkaart-foto img { display: block; width: 4.75rem; height: 4.75rem; border-radius: 50%; object-fit: cover; object-position: 50% 25%; }
.blgs-belkaart-vraag { margin: 0 0 .4rem; max-width: none; font-size: clamp(1.25rem, 1.1rem + .6vw, 1.625rem); font-weight: 700; letter-spacing: -.015em; line-height: 1.25; }
.blgs-belkaart-tekst > p { margin-block: 0 1.1rem; max-width: 46ch; }
.blgs-belkaart-tekst > .blgs-belkaart-vraag { margin-bottom: .4rem; }
.blgs-belkaart-knoppen { margin: 0; }
.blgs-belkaart-knoppen .wp-block-button__link { min-height: 3rem; }
@media (min-width: 40rem) { .blgs-belkaart-in { grid-template-columns: auto minmax(0, 1fr); gap: 2rem; } .blgs-belkaart .blgs-belkaart-foto img { width: 7rem; height: 7rem; } }
@media (max-width: 39.99rem) { .blgs-belkaart-knoppen .wp-block-button { flex: 1 1 calc(50% - .4rem); } .blgs-belkaart-knoppen .wp-block-button__link { width: 100%; padding-inline: .6rem; } }
@media (max-width: 24rem) { .blgs-belkaart-knoppen .wp-block-button { flex-basis: 100%; } }
/* logo's als gewone afbeeldingsblokken: ruimte reserveren zolang het plaatje laadt */
.blgs-logo img, .blgs-footer-grid .blgs-footer-logo img { aspect-ratio: 240 / 53; }
.blgs-logo, .blgs-footer-logo { margin: 0; }

/* ALIAS-START */
.blgs-ledger > .ledger-rij { display: grid; gap: .25rem 1.5rem; padding-block: 1.1rem; border-top: 1px solid var(--lijn); }
@media (min-width: 40rem) {
	.blgs-ledger > .ledger-rij { grid-template-columns: 10rem minmax(0, 1fr); }
}
.blgs-ledger .ledger-dt { font-size: .8125rem; font-weight: 700; padding-top: .25rem; }
.blgs-ledger .ledger-dd { margin: 0; font-size: 1.1875rem; font-weight: 700; line-height: 1.35; }
.blgs-ledger .ledger-dd .ledger-tekst { display: block; margin-top: .25rem; font-size: .9375rem; font-weight: 400; line-height: 1.45; }
.blgs-ledger > .ledger-rij { border-top: 1px solid var(--lijn); }
.blgs-ledger > .ledger-rij:first-child { border-top: 0; }
.blgs-ledger .ledger-dt { color: var(--inkt-2); }
.blgs-kol .kol-item { padding: 1.5rem; background: var(--wit); border: 1px solid var(--lijn); border-radius: 16px; }
.blgs-bg-wit .blgs-kol .kol-item { background: var(--papier); }
.blgs-stappen .stap { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); gap: 1.1rem; padding-top: 1.25rem; border-top: 1px solid var(--lijn-sterk); max-width: none; }
.blgs-stappen:has(> .stap:nth-child(5):last-child) { grid-template-columns: minmax(0, 1fr); }
.blgs-stappen .stap { grid-template-columns: 2.5rem minmax(0, 1fr); }
@media (max-width: 47.99rem) {
	.blgs-ledger .ledger-dt { font-size: .9375rem; }
}
@media (max-width: 47.99rem) {
	.blgs-over .blgs-ledger > .ledger-rij:nth-child(n+3) { display: none; }
	.blgs-klusband .blgs-ledger > .ledger-rij:nth-child(3) { display: none; }
}
@media (max-width: 47.99rem) {
	.blgs-kol .kol-item { padding: 1rem 0 .25rem; background: transparent; border: 0; border-top: 1px solid var(--lijn-sterk); border-radius: 0; }
}
.blgs-case-rijen > .case-rij { display: grid; gap: .25rem 1.5rem; }
@media (min-width: 40rem) {
	.blgs-case-rijen > .case-rij { grid-template-columns: 9rem minmax(0, 1fr); }
}
.blgs-case-rijen .case-dt { font-size: .8125rem; font-weight: 700; color: var(--groen); padding-top: .2rem; }
.blgs-case-rijen .case-dd { margin: 0; line-height: 1.55; max-width: 62ch; }
.blgs-werk-rij .werk-tags strong { display: block; margin-bottom: .3rem; font-size: .875rem; color: var(--groen); }
.blgs-kol .kol-item, .blgs-bg-wit .blgs-kol .kol-item { display: grid; gap: .3rem 3rem; padding: 1.05rem 0; background: transparent; border: 0; border-bottom: 1px solid var(--lijn-sterk); border-radius: 0; }
@media (min-width: 48rem) {
	.blgs-kol .kol-item, .blgs-bg-wit .blgs-kol .kol-item { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; }
}
.blgs-ledger > .ledger-rij { border-top: 1px solid var(--lijn-sterk); }
.blgs-ledger > .ledger-rij:first-child { border-top: 0; }
.blgs-ledger .ledger-dt { font-size: 1rem; font-weight: 500; color: var(--inkt-2); }
.blgs-kol .kol-item h3 { padding-top: .1rem; }
.blgs-paar .blgs-kol .kol-item, .blgs-bg-wit .blgs-paar .blgs-kol .kol-item { grid-template-columns: minmax(0, 1fr); }
.blgs-sec .blgs-klus-split .blgs-kol .kol-item { border-bottom-color: color-mix(in srgb, var(--groen) 30%, transparent); }
@media (min-width: 48rem) {
	.blgs-klus-split .blgs-kol .kol-item, .blgs-bg-wit .blgs-klus-split .blgs-kol .kol-item { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); }
}
.blgs-stappen .stap { display: block; grid-template-columns: none; padding-top: 1.25rem; }
@media (min-width: 64rem) {
	.blgs-stappen:has(> .stap:nth-child(5):last-child) { grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); gap: 2rem; }
}
@media (min-width: 48rem) and (max-width: 63.99rem) {
	.blgs-stappen:has(> .stap:nth-child(5):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.blgs-werk-rij .werk-tags strong, .blgs-case-rijen .case-dt { font-size: .9375rem; font-weight: 500; color: var(--inkt-2); letter-spacing: 0; }
.blgs-raster .kol-item { border-top: 1px solid var(--lijn-sterk); padding: 1.4rem 0 2rem; }
@media (max-width: 47.99rem) {
	.blgs-kol .kol-item, .blgs-bg-wit .blgs-kol .kol-item { padding: .85rem 0; }
	.blgs-raster .kol-item { padding: 1rem 0 1.25rem; }
	.blgs-stappen .stap { padding-top: 1rem; }
}
@media (max-width: 47.99rem) {
	.blgs-werk-rij .werk-tags strong { display: inline; margin: 0; }
	.blgs-case-rijen .case-dd { font-size: 1rem; }
}
@media (max-width: 47.99rem) {
	.blgs-stappen .stap { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); column-gap: .25rem; align-items: baseline; }
}
@media (max-width: 47.99rem) {
	.blgs-stappen .stap { grid-template-columns: 1.5rem minmax(0, 1fr); column-gap: 0; }
}

/* handmatig: onderdelen die niet door een selectoromzetting te dekken zijn */
.blgs-stappen.n3 { --n: 3; } .blgs-stappen.n4 { --n: 4; } .blgs-stappen.n5 { --n: 5; }
.blgs-stappen > .stap > .stap-tekst, .stap > .stap-tekst > * { margin-block: 0; }
.blgs-stappen > .stap > .nr { margin-block: 0 1rem; }
.blgs-ledger .ledger-waarde { margin: 0; font-size: 1.1875rem; font-weight: 700; line-height: 1.35; max-width: none; }
.blgs-ledger .ledger-tekst { margin: .25rem 0 0; font-size: .9375rem; font-weight: 400; line-height: 1.45; max-width: none; }
.blgs-ledger .ledger-dt { margin: 0; max-width: none; }
.blgs-ledger .ledger-dd { margin: 0; }
.blgs-ledger > .ledger-rij { margin: 0; }
.blgs-case-rijen .case-dt { margin: 0; max-width: none; }
.blgs-werk-rij .werk-tags strong { display: block; margin-bottom: .3rem; font-size: .875rem; color: var(--groen); font-weight: 700; }
.blgs-kol .kol-item h3, .blgs-raster .kol-item h3 { margin-top: 0; }
.blgs-kol .kol-item > p, .blgs-raster .kol-item > p { margin-top: 0; }
/* voorbeeldklussen */
.blgs-klusrijen-voorbeeld > .klus-rij-v { display: grid; grid-template-columns: minmax(0, 1fr); gap: .35rem; padding-block: 1.4rem; border-bottom: 1px solid color-mix(in srgb, var(--groen) 30%, transparent); margin: 0; max-width: none; }
.blgs-klusrijen-voorbeeld .klus-herken { margin: 0; font-size: clamp(1.15rem, 1.05rem + .4vw, 1.4rem); line-height: 1.2; letter-spacing: -.01em; }
.blgs-klusrijen-voorbeeld .klus-rij-v > p:not(.klus-herken) { margin: 0; max-width: 46ch; font-size: 1.0625rem; line-height: 1.5; color: var(--inkt-2); }
.blgs-klusrijen-voorbeeld .klus-eerder a { color: var(--groen); font-weight: 500; text-underline-offset: .2em; text-decoration-thickness: 1px; }
@media (min-width: 48rem) { .blgs-klusrijen-voorbeeld > .klus-rij-v { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: .35rem 2rem; } .blgs-klusrijen-voorbeeld .klus-herken { grid-row: span 2; } .blgs-klusrijen-voorbeeld .klus-eerder { grid-column: 2; } }
@media (max-width: 47.99rem) { .blgs-klusrijen-voorbeeld > .klus-rij-v { padding-block: 1rem; } }
/* tabel als gewoon tabelblok */
.wp-block-table.blgs-tt { margin: 0; }
.wp-block-table.blgs-tt table { width: 100%; border-collapse: collapse; border: 0; }
.wp-block-table.blgs-tt figcaption { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 55.99rem) { .wp-block-table.blgs-tt table, .wp-block-table.blgs-tt tbody, .wp-block-table.blgs-tt tr { display: block; } }
/* de standaard blokafstand van WordPress (1rem tussen blokken in een groep) hoort niet tussen de onderdelen van deze rijen */
:is(.blgs-cases-vol, .blgs-case-vol, .blgs-case-kop, .blgs-case-rest, .blgs-case-rijen, .case-rij, .blgs-werk, .blgs-werk-rij, .blgs-stappen, .stap, .stap-tekst, .blgs-kol, .kol-item, .blgs-raster, .blgs-ledger, .ledger-rij, .ledger-dd, .blgs-klusrijen-voorbeeld, .klus-rij-v, .blgs-klusrijen-n, .klus-rij, .klus-rij-tekst, .blgs-klanten-wit, .blgs-tt-box):not(.zonder-afstand) > * { margin-block-start: 0; }
.wp-block-table.blgs-tt td, .wp-block-table.blgs-tt th { border: 0; }
/* werkrijen */
.blgs-werk > .blgs-werk-rij { margin: 0; }
.blgs-werk-rij p.werk-case, .blgs-werk-rij p.werk-tags { margin: 0; }
/* ALIAS-END */