/* ===== Design tokens (1.19.0): de enige bron van waarheid voor kleur, letter, ruimte, vorm en diepte =====
   Regels en gebruik: DESIGN.md in de bronmap. Nieuwe opmaak gebruikt deze tokens, geen losse waarden.
   Laag 1 (basis): de kleuren van de huisstijl en de neutrale tinten, met hun echte waarde.
   Laag 2 (betekenis): waarvoor een kleur dient. Componenten gebruiken alleen deze laag.
   Laag 3 (component): enkel waar een component een eigen waarde nodig heeft (knop, kaart, sectie).
   De stijl van 2026 (.vgb-stijl, verderop) verandert alleen laag 2. */
:root {
	/* Laag 1: huisstijl (VG_BRANDING_1123, p. 7) en neutrale tinten */
	--vgb-capri: #005e83;        /* RAL 5019, primair */
	--vgb-capri-700: #00405c;    /* hover en indruk van de primaire knop */
	--vgb-capri-50: #e6f0f4;     /* lichte capritint voor kaders en hover */
	--vgb-anthracite: #323941;   /* secundair, tekst en koppen */
	--vgb-grey-7035: #c8cbc8;    /* RAL 7035, secundair */
	--vgb-green: #83ba98;        /* secundair */
	--vgb-navy-legacy: #0f2533;  /* geen huisstijlkleur; enkel voor oude pagina's zonder de stijl van 2026 */
	--vgb-grey-800: #3d444b;
	--vgb-grey-600: #5d646b;
	--vgb-grey-200: #dfe5e8;
	--vgb-grey-50: #f2f5f6;
	--vgb-grey-7035-50: #f3f4f3;   /* lichte tint van RAL 7035: vlak van lichte secties */
	--vgb-grey-7035-200: #d9dcd9;  /* lijn, afgeleid van RAL 7035 */
	--vgb-amber-800: #8a4b00;
	--vgb-amber-50: #fbf1e4;
	--vgb-white: #fff;

	/* Laag 2: betekenis */
	--vgb-accent: var(--vgb-capri);
	--vgb-deep: var(--vgb-capri-700);
	--vgb-tint: var(--vgb-capri-50);
	--vgb-ink: var(--vgb-anthracite);          /* koppen en sterke tekst */
	--vgb-ink-strong: var(--vgb-navy-legacy);  /* oude, donkerste tekst; in de stijl van 2026 = ink */
	--vgb-text: var(--vgb-grey-800);           /* lopende tekst */
	--vgb-muted: var(--vgb-grey-600);          /* bijschriften, metadata */
	--vgb-line: var(--vgb-grey-200);           /* lijnen en randen */
	--vgb-ground: var(--vgb-grey-50);          /* getinte vlakken en lichte secties */
	--vgb-surface: var(--vgb-white);
	--vgb-surface-dark: var(--vgb-navy-legacy);
	--vgb-on-accent: var(--vgb-white);
	--vgb-warn: var(--vgb-amber-800);
	--vgb-warn-tint: var(--vgb-amber-50);
	--vgb-focus: var(--vgb-accent);

	/* Letter: één familie, drie gewichten, één schaal */
	--vgb-font: Poppins, sans-serif;
	--vgb-fs-display: clamp(2.25rem, 3.6vw, 3.25rem); /* H1 van een pagina of artikel */
	--vgb-fs-banner: clamp(1.9rem, 2.8vw, 2.5rem);   /* H1 op een beeld (gidsbanner) */
	--vgb-fs-h2: clamp(1.6rem, 2.4vw, 2.1rem);       /* sectiekop */
	--vgb-fs-title: 1.5rem;                          /* titel van een kaart of blok */
	--vgb-fs-h3: 1.25rem;                            /* tussenkop in tekst */
	--vgb-fs-lead: 1.25rem;                          /* inleiding */
	--vgb-fs-body: 1.0625rem;                        /* lopende tekst, 17 px */
	--vgb-fs-ui: 0.95rem;                            /* knoppen, tabellen, kaarttekst */
	--vgb-fs-small: 0.875rem;                        /* bijschrift, metadata, kruimelpad */
	--vgb-fs-label: 0.8rem;                          /* kleine labels */
	--vgb-lh-heading: 1.2;
	--vgb-lh-body: 1.7;
	--vgb-lh-ui: 1.5;
	--vgb-ls-display: -0.02em;

	/* Ruimte: één schaal in rem; secties en de stroom van een leeskolom gebruiken de betekenisnamen */
	--vgb-space-1: 0.25rem;
	--vgb-space-2: 0.5rem;
	--vgb-space-3: 0.75rem;
	--vgb-space-4: 1rem;
	--vgb-space-5: 1.5rem;
	--vgb-space-6: 2rem;
	--vgb-space-7: 3rem;
	--vgb-space-8: 4.5rem;
	--vgb-space-9: 6.5rem;
	--vgb-space-10: 8.5rem;
	--vgb-section: var(--vgb-space-9);         /* ruimte boven en onder een sectie ("normaal") */
	--vgb-section-sm: var(--vgb-space-8);      /* "klein" */
	--vgb-section-lg: var(--vgb-space-10);     /* "groot" */
	--vgb-section-joined: var(--vgb-space-5);  /* boven een sectie met dezelfde achtergrond als de vorige */
	--vgb-flow: var(--vgb-space-6);            /* tussen blokken in een leeskolom */
	--vgb-gap: var(--vgb-space-5);             /* tussen kaarten en kolommen */

	/* Vorm en diepte */
	--vgb-r-sm: 4px;
	--vgb-r-btn: 8px;
	--vgb-radius: 10px;   /* kaarten, kaders, beelden */
	--vgb-r-lg: 14px;     /* grote kaarten en oproepen */
	--vgb-r-xl: 16px;     /* banner */
	--vgb-r-pill: 999px;
	--vgb-shadow-raised: 0 1px 2px rgba(50, 57, 65, 0.04), 0 18px 40px -28px rgba(50, 57, 65, 0.35);
	--vgb-shadow-feature: 0 1px 2px rgba(50, 57, 65, 0.04), 0 32px 64px -40px rgba(50, 57, 65, 0.28);

	/* Raster: de container komt van het thema (Bootstrap, 1110 px inhoud vanaf 1200 px) */
	--vgb-measure: 70ch;  /* leesbreedte van lopende tekst */
	--vgb-toc-w: 15rem;   /* inhoudsopgave naast een gids */
	--vgb-target: 24px;   /* minimale klikhoogte (WCAG 2.5.8) */
}
/* einde tokens */

/* VG Builder: opmaak van de blokken. Wordt alleen geladen op pagina's met VG Builder-blokken. */

/* Kerncijfers en FAQ */
.vg-kc {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	margin: 1rem 0 0;
	padding: 0;
	list-style: none;
}
.vg-kc__item {
	flex: 1 1 11rem;
	border-top: 3px solid var(--vgb-accent);
	padding-top: 0.75rem;
	margin: 0;
}
.vg-kc__value {
	display: block;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.1;
	color: var(--vgb-accent);
}
.vg-kc__value small {
	font-size: 0.5em;
	font-weight: 600;
	margin-left: 0.15em;
}
.vg-kc__label {
	display: block;
	font-size: 0.95rem;
	opacity: 0.75;
	margin-top: 0.35rem;
}
.vg-faq {
	margin-top: 1rem;
}
.vg-faq__item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.vg-faq__item summary {
	cursor: pointer;
	font-weight: 600;
	padding: 1rem 0;
}
.vg-faq__antwoord {
	padding: 0 0 1rem;
}

/* Basisopmaak van de blokken (.vg-op-*) */
.vg-op-hero {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}
.vg-op-eyebrow {
	margin: 0 0 0.75rem;
	color: var(--vgb-accent);
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.vg-op-hero h1 {
	margin: 0 0 1.25rem;
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1.05;
}
.vg-op-hero h1 .vg-op-h1-sub {
	display: block;
	margin-top: 0.75rem;
	color: #4a5560;
	font-size: 0.42em;
	font-weight: 500;
	line-height: 1.3;
}
.vg-op-lead {
	max-width: 720px;
	margin: 0 auto;
	font-size: 1.15rem;
	line-height: 1.6;
}
.vg-op-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 1.75rem 0 0;
}
.vg-op-hero .vg-op-actions {
	justify-content: center;
}
.vg-op-actions .btn {
	margin: 0 !important;
}
.vg-op-badge {
	display: inline-block;
	margin-top: 1.5rem;
	padding: 0.4rem 1rem;
	border: 1px solid var(--vgb-accent);
	border-radius: 999px;
	color: var(--vgb-accent);
	font-size: 0.85rem;
	font-weight: 600;
}
.vg-op-hero-img {
	display: block;
	width: 100%;
	max-width: 760px;
	height: auto;
	margin: 2rem auto 0;
}
.vg-op-band {
	padding: 2.25rem 2.5rem;
	border-radius: 12px;
	background: #f1f4f6;
}
.vg-op-band h2 {
	margin: 0 0 0.25rem;
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.vg-op-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 1.75rem 0 0 !important;
	padding: 0 !important;
	list-style: none;
}
.vg-op-chips li {
	margin: 0 !important;
	padding: 0 !important;
}
.vg-op-chips li::before {
	display: none !important;
}
.vg-op-chips a {
	display: inline-block;
	padding: 0.45rem 1rem;
	border: 1px solid #cfd8de;
	border-radius: 999px;
	background: #fff;
	color: var(--vgb-accent) !important;
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none !important;
}
.vg-op-chips a::before {
	margin-right: 0.45rem;
	font-family: FontAwesome;
	content: "\f00c";
}
.vg-op-dark {
	padding: 3rem;
	border-radius: 12px;
	background: var(--vgb-surface-dark);
	color: #fff;
}
.vg-op-dark h2,
.vg-op-dark h3,
.vg-op-dark p,
.vg-op-dark li {
	color: #fff !important;
}
.vg-op-dark a:not(.btn) {
	color: #9fd3ea !important;
}
.vg-op-dark .btn.btn--secondary {
	border-color: #fff !important;
	color: #fff !important;
}
.vg-op-dark .btn.btn--secondary:hover {
	background: #fff !important;
	color: var(--vgb-ink-strong) !important;
}
.vg-op-dark--image {
	background: linear-gradient(90deg, rgba(9, 22, 31, 0.97) 0%, rgba(9, 22, 31, 0.88) 50%, rgba(9, 22, 31, 0.45) 100%), url("/app/uploads/2026/09/leonardo-EuroBLECH2-1024x672.jpg") right center / cover no-repeat;
}
.vg-op-dark--image .vg-op-intro {
	max-width: 560px;
}
.vg-op-kicker {
	margin: 0 0 0.5rem;
	color: #9fd3ea !important;
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.vg-op-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
	max-width: 760px;
	margin-top: 2.5rem;
}
.vg-op-stat {
	padding-top: 1rem;
	border-top: 3px solid #9fd3ea;
}
.vg-op-stat strong {
	display: block;
	color: #9fd3ea;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
}
.vg-op-stat span {
	display: block;
	margin-top: 0.5rem;
	font-size: 0.95rem;
	line-height: 1.4;
	opacity: 0.9;
}
.vg-op-streamer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 1.75rem 2.5rem;
}
.vg-op-streamer h2 {
	margin: 0;
	font-size: 1.6rem;
}
.vg-op-streamer p {
	margin: 0.25rem 0 0;
}
.vg-op-streamer .vg-op-actions {
	margin: 0;
}
.vg-op-section-head {
	max-width: 760px;
	margin-bottom: 2rem;
}
.vg-op-section-head h2 {
	margin-bottom: 0.75rem;
}
.vg-op-compare {
	overflow-x: auto;
}
.vg-op-compare table {
	width: 100%;
	min-width: 560px;
	border-collapse: collapse;
}
.vg-op-compare th,
.vg-op-compare td {
	padding: 0.9rem 1rem;
	border-bottom: 1px solid #dde3e7;
	text-align: left;
	vertical-align: top;
}
.vg-op-compare thead th {
	font-size: 0.85rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.vg-op-compare .is-vg {
	background: #e6f1f6;
	color: var(--vgb-accent);
	font-weight: 600;
}
.vg-op-compare thead .is-vg {
	background: var(--vgb-accent);
	color: #fff;
}
.vg-op-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.75rem;
}
.vg-op-grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vg-op-card img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 8px;
	background: #f1f4f6;
}
.vg-op-card h3 {
	margin: 1rem 0 0.5rem;
	font-size: 1.1rem;
	font-weight: 600;
}
.vg-op-card p {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.55;
}
.vg-op-card--box {
	padding: 1.25rem;
	border-radius: 12px;
	background: #f1f4f6;
}
.vg-op-card--box .vg-op-more {
	display: inline-block;
	margin-top: 0.75rem;
	font-weight: 600;
}
.vg-op-split {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: 3rem;
	align-items: center;
}
.vg-op-split img {
	display: block;
	width: 100%;
	height: auto;
}
.vg-op-figure {
	margin: 2rem 0;
}
.vg-op-figure img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
}
.vg-op-figure figcaption {
	margin-top: 0.5rem;
	color: #5b6872;
	font-size: 0.85rem;
}
.vg-op-narrow {
	max-width: 780px;
}
.vg-op-specs table {
	width: 100%;
	border-collapse: collapse;
}
.vg-op-specs th,
.vg-op-specs td {
	padding: 0.8rem 0;
	border-bottom: 1px solid #dde3e7;
	text-align: left;
}
.vg-op-specs th {
	width: 55%;
	font-weight: 600;
}
.vg-op-cta {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	overflow: hidden;
	padding: 0;
}
.vg-op-cta img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 280px;
	object-fit: cover;
}
.vg-op-cta-body {
	padding: 3rem;
}
@media screen and (max-width: 991px) {
	.vg-op-hero h1 {
		font-size: 2.6rem;
	}
	.vg-op-grid,
	.vg-op-grid--3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.vg-op-split,
	.vg-op-cta {
		grid-template-columns: 1fr;
	}
	.vg-op-cta img {
		min-height: 220px;
		max-height: 320px;
	}
}
@media screen and (max-width: 576px) {
	.vg-op-hero h1 {
		font-size: 2.1rem;
	}
	.vg-op-band,
	.vg-op-dark,
	.vg-op-cta-body,
	.vg-op-streamer {
		padding: 1.5rem;
	}
	.vg-op-grid,
	.vg-op-grid--3,
	.vg-op-stats {
		grid-template-columns: 1fr;
	}
	.vg-op-stat strong {
		font-size: 2.4rem;
	}
	.vg-op-dark--image {
		background: var(--vgb-surface-dark);
	}
}

/* Builder: secties, achtergronden, kolommen */
.vgb {
	padding: 4.5rem 0;
}
.vgb-space--klein {
	padding: 2rem 0;
}
.vgb-space--groot {
	padding: 7rem 0;
}
.vgb-bg--licht {
	background: #f1f4f6;
}
.vgb-bg--donker {
	background: var(--vgb-surface-dark);
	color: #fff;
}
.vgb-bg--donker h2,
.vgb-bg--donker h3,
.vgb-bg--donker p,
.vgb-bg--donker li,
.vgb-bg--donker th,
.vgb-bg--donker td {
	color: #fff !important;
}
.vgb h1.vgb-h1 {
	font-size: clamp(2.4rem,6vw,3.75rem) !important;
	font-weight: 700;
	line-height: 1.05;
	margin: 0 0 1.25rem;
}
/* Hero: compacter, zodat titel, knoppen en beeld boven de vouw passen */
.vgb--hero {
	padding: 2.5rem 0 3.5rem;
}
.vgb .vgb-hero--midden .vg-op-hero-img {
	width: auto;
	max-height: 420px;
}
/* Hero "tekst links, beeld rechts" */
.vgb .vgb-hero--links {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
	gap: 3rem;
	align-items: center;
	max-width: none;
	text-align: left;
}
.vgb .vgb-hero--links h1.vgb-h1 {
	margin-bottom: 1rem;
	font-size: clamp(2.4rem, 4.2vw, 3.4rem) !important;
}
.vgb .vgb-hero--links .vg-op-h1-sub {
	max-width: 30ch;
	margin-top: 0.6rem;
	font-size: 0.44em;
}
.vgb .vgb-hero--links .vg-op-eyebrow {
	margin-bottom: 0.6rem;
}
.vgb .vgb-hero--links .vg-op-lead {
	max-width: 34rem;
	margin: 0;
	font-size: 1.05rem;
}
.vgb .vgb-hero--links .vg-op-actions {
	justify-content: flex-start;
	margin-top: 1.5rem;
}
.vgb .vgb-hero--links .vg-op-badge {
	margin-top: 1.25rem;
}
.vgb .vgb-hero--links .vgb-hero__media {
	display: flex;
	justify-content: center;
}
.vgb .vgb-hero--links .vg-op-hero-img {
	width: auto;
	max-width: 100%;
	max-height: 440px;
	margin: 0;
	object-fit: contain;
}
.vgb-banner {
	background: var(--vgb-surface-dark) right center/cover no-repeat;
}
.vg-op-grid.vgb-cols-2 {
	grid-template-columns: repeat(2,minmax(0,1fr));
}
.vg-op-grid.vgb-cols-3 {
	grid-template-columns: repeat(3,minmax(0,1fr));
}
.vg-op-grid.vgb-cols-4 {
	grid-template-columns: repeat(4,minmax(0,1fr));
}
.vgb-split {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(0,1fr);
	gap: 3rem;
	align-items: center;
}
.vgb-split--links .vgb-split__media {
	order: -1;
}
.vgb-split__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4/3;
	object-fit: cover;
	border-radius: 12px;
}
.vgb-person {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.vgb-person__img {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	object-fit: cover;
}
.vgb-person strong,
.vgb-person span,
.vgb-person a {
	display: block;
}
.vgb-person span {
	opacity: .8;
	font-size: .9rem;
}
.vgb-video__thumb {
	position: relative;
	display: block;
}
.vgb-video__play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	border-radius: 50%;
	background: rgba(0,94,131,.92);
}
.vgb-video__play::after {
	content: "";
	position: absolute;
	left: 26px;
	top: 20px;
	border-style: solid;
	border-width: 12px 0 12px 18px;
	border-color: transparent transparent transparent #fff;
}
.vgb-gallery {
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 1rem;
}
.vgb-gallery img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4/3;
	object-fit: cover;
	border-radius: 8px;
}
.vgb .vgb-kicker {
	color: var(--vgb-accent) !important;
}
.vgb-bg--donker .vgb-kicker,
.vgb .vg-op-dark .vgb-kicker {
	color: #9fd3ea !important;
}
@media screen and (max-width:991px) {
	.vg-op-grid.vgb-cols-3,
	.vg-op-grid.vgb-cols-4,
	.vgb-gallery {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.vgb-split {
		grid-template-columns: 1fr;
	}
	.vgb-split--links .vgb-split__media {
		order: 0;
	}
	.vgb .vgb-hero--links {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.vgb .vgb-hero--links .vg-op-hero-img {
		max-height: 340px;
	}
}
@media screen and (max-width:576px) {
	.vgb {
		padding: 3rem 0;
	}
	.vgb.vgb--hero {
		padding: 1.5rem 0 2.5rem;
	}
	.vgb .vgb-hero--links .vg-op-hero-img,
	.vgb .vgb-hero--midden .vg-op-hero-img {
		max-height: 260px;
	}
	.vg-op-grid.vgb-cols-2,
	.vg-op-grid.vgb-cols-3,
	.vg-op-grid.vgb-cols-4 {
		grid-template-columns: 1fr;
	}
	/* 1.5.7: galerij in twee kolommen op gsm (1.6.1: enkel de galerij, kaarten blijven één kolom) */
	.vgb-gallery {
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: .5rem;
	}
}

/* ===== 1.2: hero "showcase", subnavigatie, stappen, datasheet en video ===== */
html {
	scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
.vgb[id] {
	scroll-margin-top: 72px;
}
.vgb .vg-op-section-head h2 {
	color: var(--vgb-ink-strong);
	font-size: clamp(1.75rem, 2.6vw, 2.4rem);
	font-weight: 700;
	line-height: 1.15;
}
.vgb .vg-op-section-head p {
	font-size: 1.05rem;
	line-height: 1.65;
}
.vgb-bg--donker .vg-op-section-head h2 {
	color: #fff;
}

/* Hero "showcase": beeld over de volle breedte, tekst ernaast, kerncijfers onderaan */
.vgb.vgb--showcase {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: clamp(500px, calc(100vh - 230px), 640px);
	overflow: hidden;
	padding: 0;
	background: #0b141b;
	color: #fff;
}
.vgb-show__media {
	position: absolute;
	inset: 0;
}
.vgb-show__media img.vgb-show__img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: 30% 55%;
}
/* Het beeld vult de kant van de machine en loopt aan de tekstkant over in de donkere achtergrond */
.vgb-show--rechts .vgb-show__media {
	right: auto;
	width: 64%;
}
.vgb-show--links .vgb-show__media {
	left: auto;
	width: 64%;
}
.vgb-show__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(270deg, #0b141b 0%, rgba(11, 20, 27, 0.6) 12%, rgba(11, 20, 27, 0) 30%),
		linear-gradient(0deg, rgba(11, 20, 27, 0.8) 0%, rgba(11, 20, 27, 0) 22%);
}
.vgb-show--links .vgb-show__media::after {
	background:
		linear-gradient(90deg, #0b141b 0%, rgba(11, 20, 27, 0.6) 12%, rgba(11, 20, 27, 0) 30%),
		linear-gradient(0deg, rgba(11, 20, 27, 0.8) 0%, rgba(11, 20, 27, 0) 22%);
}
.vgb-show__inner {
	position: relative;
	display: flex;
	flex: 1;
	align-items: center;
	padding-top: 2.75rem;
	padding-bottom: 2rem;
}
.vgb-show__text {
	max-width: 34rem;
}
.vgb-show--rechts .vgb-show__text {
	margin-left: auto;
}
.vgb .vgb-show__text h1.vgb-h1 {
	margin: 0 0 1rem;
	color: #fff !important;
	font-family: Poppins, sans-serif;
	font-size: clamp(2.4rem, 3.6vw, 3.25rem) !important;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}
.vgb-show__sub {
	display: block;
	max-width: 27ch;
	margin-top: 0.9rem;
	color: #fff;
	font-size: 1.45rem;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
}
.vgb .vgb-show__eyebrow {
	margin-bottom: 0.75rem;
	color: #8fcbe4;
}
.vgb .vgb-show__lead {
	max-width: 33rem;
	margin: 0;
	color: #c3d1da !important;
	font-size: 1rem;
	line-height: 1.6;
}
.vgb-show__text .vg-op-actions {
	margin-top: 1.5rem;
}
.vgb-show__text .btn.btn--secondary {
	border-color: rgba(255, 255, 255, 0.7) !important;
	background: transparent !important;
	color: #fff !important;
}
.vgb-show__text .btn.btn--secondary:hover {
	background: #fff !important;
	color: #0b141b !important;
}
.vgb .vgb-show__badge {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0 0 1rem;
	padding: 0.3rem 0.85rem;
	border: 1px solid rgba(131, 186, 152, 0.6);
	border-radius: 999px;
	background: rgba(131, 186, 152, 0.12);
	color: #cfe8d8 !important;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.02em;
}
.vgb-show__badge::before {
	font-family: FontAwesome;
	content: "\f091";
	color: #83ba98;
}
.vgb-show__stats {
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	background: rgba(8, 14, 19, 0.6);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
.vgb-show__stats ul {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0 auto !important;
	padding-top: 0.9rem !important;
	padding-bottom: 0.9rem !important;
	list-style: none;
}
.vgb-show__stats li {
	margin: 0 !important;
	padding: 0 1.25rem !important;
}
.vgb-show__stats li:first-child {
	padding-left: 0 !important;
}
.vgb-show__stats li + li {
	border-left: 1px solid rgba(255, 255, 255, 0.14);
}
.vgb-show__stats li::before {
	display: none !important;
}
.vgb-show__stats strong {
	display: block;
	color: #fff;
	font-size: 1.55rem;
	font-weight: 700;
	line-height: 1.15;
}
.vgb-show__stats span {
	display: block;
	margin-top: 0.2rem;
	color: #a9bcc8;
	font-size: 0.82rem;
	line-height: 1.35;
}

/* Subnavigatie: blijft bovenaan staan tijdens het scrollen */
.vgb-subnav {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 50;
	border-bottom: 1px solid #e3e8ec;
	background: rgba(255, 255, 255, 0.97);
	transition: box-shadow 0.2s ease;
}
body.admin-bar .vgb-subnav {
	top: var(--vgb-sticky-top, 32px);
}
.vgb-subnav.is-stuck {
	box-shadow: 0 6px 18px rgba(15, 37, 51, 0.08);
}
.vgb-subnav__bar {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	min-height: 58px;
}
.vgb-subnav__title {
	color: var(--vgb-ink-strong);
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	white-space: nowrap;
}
.vgb-subnav__links {
	position: relative;
	display: flex;
	flex: 1;
	gap: 0.15rem;
	overflow-x: auto;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	scrollbar-width: none;
}
.vgb-subnav__links::-webkit-scrollbar {
	display: none;
}
.vgb-subnav__links li {
	margin: 0 !important;
	padding: 0 !important;
}
.vgb-subnav__links li::before {
	display: none !important;
}
.vgb-subnav__links a {
	display: block;
	padding: 1.15rem 0.7rem 1.05rem;
	border-bottom: 2px solid transparent;
	color: #4a5560 !important;
	font-size: 0.88rem;
	font-weight: 500;
	text-decoration: none !important;
	white-space: nowrap;
}
.vgb-subnav__links a:hover,
.vgb-subnav__links a[aria-current] {
	border-bottom-color: var(--vgb-accent);
	color: var(--vgb-accent) !important;
}
.vgb-subnav .vgb-subnav__cta {
	margin: 0 !important;
	padding: 0.6rem 1.2rem !important;
	white-space: nowrap;
}

/* Werking in stappen */
.vgb-steps__figure {
	margin: 0 0 2.5rem;
}
.vgb-steps__figure img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
}
.vgb-steps-wrap.has-figure .vgb-steps__figure {
	padding: 2.5rem 3rem;
	border-radius: 12px;
	background: #f1f4f6;
}
.vgb-bg--licht .vgb-steps-wrap.has-figure .vgb-steps__figure {
	background: #fff;
}
.vgb-steps-wrap.has-figure .vgb-steps__figure img {
	max-width: 820px;
	margin: 0 auto;
	border-radius: 0;
	mix-blend-mode: multiply;
}
.vgb-steps {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 2rem;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
.vgb-steps__item {
	margin: 0 !important;
	padding: 0.9rem 0 0 !important;
	border-top: 2px solid var(--vgb-accent);
}
.vgb-steps__item::before {
	display: none !important;
}
.vgb-steps__num {
	display: block;
	color: var(--vgb-accent);
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.12em;
}
.vgb-steps__item h3 {
	margin: 0.4rem 0 0.5rem;
	color: var(--vgb-ink-strong);
	font-size: 1.1rem;
	font-weight: 600;
}
.vgb-steps__item p {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.65;
}

/* Datasheet: specificaties in groepen */
.vgb-datasheet {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2rem 3rem;
}
.vgb .vgb-datasheet__group h3 {
	margin: 0 0 0.25rem;
	padding-bottom: 0.6rem;
	border-bottom: 2px solid var(--vgb-accent);
	color: var(--vgb-accent);
	font-size: 0.85rem !important;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.vgb-datasheet table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}
.vgb-datasheet th,
.vgb-datasheet td {
	padding: 0.7rem 0;
	border-bottom: 1px solid #dde3e7;
	font-size: 0.95rem;
	text-align: left;
	vertical-align: top;
}
.vgb-datasheet th {
	width: 55%;
	padding-right: 1rem;
	color: #4a5560;
	font-weight: 500;
}
.vgb-datasheet td {
	color: var(--vgb-ink-strong);
	font-weight: 600;
}
.vgb-datasheet__note {
	margin: 1.5rem 0 0;
	color: #5b6872;
	font-size: 0.85rem;
}

/* Video in een tekst + beeld-blok */
.vgb-video-loop {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border-radius: 12px;
	background: #f1f4f6;
	object-fit: cover;
}

@media screen and (max-width: 991px) {
	.vgb.vgb--showcase {
		min-height: 0;
	}
	.vgb-show__media,
	.vgb-show--rechts .vgb-show__media,
	.vgb-show--links .vgb-show__media {
		position: relative;
		inset: auto;
		width: 100%;
		height: 56vw;
		max-height: 420px;
	}
	.vgb-show__media img.vgb-show__img,
	.vgb-show--links .vgb-show__media img.vgb-show__img {
		object-position: 30% 60%;
	}
	.vgb-show__media::after,
	.vgb-show--links .vgb-show__media::after {
		background: linear-gradient(0deg, #0b141b 0%, rgba(11, 20, 27, 0) 45%);
	}
	.vgb-show__inner {
		padding-top: 0;
		padding-bottom: 2rem;
	}
	.vgb-show__text,
	.vgb-show--rechts .vgb-show__text {
		max-width: 36rem;
		margin-left: 0;
	}
	.vgb-show__stats ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 1rem;
	}
	.vgb-show__stats li:nth-child(odd) {
		padding-left: 0 !important;
		border-left: 0;
	}
	.vgb-subnav__title {
		display: none;
	}
	.vgb-datasheet {
		grid-template-columns: 1fr;
	}
}
@media screen and (max-width: 576px) {
	.vgb-subnav .vgb-subnav__cta {
		display: none;
	}
	.vgb .vgb-show__text h1.vgb-h1 {
		font-size: 2.2rem !important;
	}
	.vgb-show__sub {
		font-size: 1.2rem;
	}
	/* Mobiel: knoppen naast elkaar en compactere tekst, zodat de knoppen boven de vouw blijven */
	.vgb-show__media,
	.vgb-show--rechts .vgb-show__media,
	.vgb-show--links .vgb-show__media {
		height: 50vw;
	}
	.vgb .vgb-show__badge {
		margin-bottom: 0.75rem;
		font-size: 0.72rem;
	}
	.vgb .vgb-show__eyebrow {
		margin-bottom: 0.5rem;
		font-size: 0.68rem;
		letter-spacing: 0.08em;
	}
	.vgb .vgb-show__text h1.vgb-h1 {
		margin-bottom: 0.75rem;
	}
	.vgb .vgb-show__lead {
		font-size: 0.92rem;
		line-height: 1.55;
	}
	.vgb-show__text .vg-op-actions {
		flex-wrap: nowrap;
		gap: 0.5rem;
		margin-top: 1.1rem;
	}
	.vgb-show__text .vg-op-actions .btn {
		padding: 10px 14px !important;
		font-size: 13px;
		white-space: nowrap;
	}
	.vgb-show__stats strong {
		font-size: 1.3rem;
	}
}

/* 1.2: typografie volgens de huisstijl (Poppins) en leesbaardere lopende tekst */
.vgb h2,
.vgb h3,
.vgb-subnav__title {
	font-family: Poppins, sans-serif;
}
.vgb .vg-op-section-head h2 {
	font-weight: 600;
	letter-spacing: -0.01em;
}
.vgb .vgb-split__text p,
.vgb .vgb-split__text li {
	font-size: 1rem;
	line-height: 1.7;
}
.vgb .vgb-split__text ul {
	margin: 1.25rem 0 0;
	padding-left: 1.1rem;
}
.vgb .vgb-split__text li {
	margin-bottom: 0.35rem;
}
.vgb .vgb-split__text li::marker {
	color: var(--vgb-accent);
}
.vgb .vg-op-card p {
	font-size: 0.95rem;
	line-height: 1.6;
}
.vgb .vg-op-card h3 {
	color: var(--vgb-ink-strong);
}

/* Video's: 16:9 zonder zwarte balken van de YouTube-miniatuur */
.vgb .vgb-video .vgb-video__thumb img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

/* FAQ: titel links, vragen rechts */
.vgb--faq .vg-op-narrow {
	display: grid;
	grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
	gap: 3rem;
	max-width: none;
}
.vgb--faq .vg-faq {
	margin-top: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.vgb .vg-faq__item summary {
	position: relative;
	padding: 1.15rem 2.5rem 1.15rem 0;
	color: var(--vgb-ink-strong);
	font-family: Poppins, sans-serif;
	font-size: 1rem;
	font-weight: 500;
	list-style: none;
}
.vgb .vg-faq__item summary::-webkit-details-marker {
	display: none;
}
.vgb .vg-faq__item summary::after {
	content: "+";
	position: absolute;
	top: 50%;
	right: 0.25rem;
	transform: translateY(-50%);
	color: var(--vgb-accent);
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1;
}
.vgb .vg-faq__item[open] summary::after {
	content: "\2212";
}
.vgb .vg-faq__antwoord p {
	font-size: 0.95rem;
	line-height: 1.7;
}

@media screen and (max-width: 991px) {
	.vgb--faq .vg-op-narrow {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.vgb-steps-wrap.has-figure .vgb-steps__figure {
		padding: 1.5rem;
	}
}
@media screen and (max-width: 576px) {
	.vgb-steps {
		grid-template-columns: 1fr;
	}
}

/* ===== 1.3: lichte hero, kruimelpad, toepassingen, tegels, video-venster, klantcase, producten en aanvraagformulier ===== */

/* Kruimelpad */
.vgb-crumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin: 0 0 1.1rem !important;
	padding: 0 !important;
	list-style: none;
	font-size: 0.8rem;
}
.vgb-crumbs li {
	margin: 0 !important;
	padding: 0 !important;
	color: #5b6872;
}
.vgb-crumbs li::before {
	display: none !important;
}
.vgb-crumbs li + li::before {
	display: inline !important;
	position: static !important;
	margin-right: 0.35rem;
	content: "/" !important;
	color: #a7b1b9;
	background: none !important;
}
.vgb-crumbs a {
	color: #4a5560 !important;
	text-decoration: none !important;
}
.vgb-crumbs a:hover {
	color: var(--vgb-accent) !important;
	text-decoration: underline !important;
}
.vgb-show--donker .vgb-crumbs li,
.vgb-show--donker .vgb-crumbs a {
	color: #c3d1da !important;
}

/* Toepassingen in de hero: gelinkte labels */
.vgb-show__apps {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 0 0.9rem !important;
	padding: 0 !important;
	list-style: none;
}
.vgb-show__apps li {
	margin: 0 !important;
	padding: 0 !important;
}
.vgb-show__apps li::before {
	display: none !important;
}
.vgb-show__apps a,
.vgb-show__apps li {
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.vgb-show__apps a {
	display: inline-block;
	padding: 0.3rem 0.75rem;
	border: 1px solid rgba(0, 94, 131, 0.35);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.7);
	color: var(--vgb-accent) !important;
	text-decoration: none !important;
	transition: background 0.15s ease, color 0.15s ease;
}
.vgb-show__apps a:hover {
	background: var(--vgb-accent);
	color: #fff !important;
}
.vgb-show--donker .vgb-show__apps a {
	border-color: rgba(143, 203, 228, 0.5);
	background: transparent;
	color: #8fcbe4 !important;
}

/* Hero "licht": studio- en productiesfeer, donkere tekst links */
.vgb.vgb--showcase.vgb-show--licht {
	background: #eef1f3;
	color: var(--vgb-ink-strong);
}
.vgb-show--licht .vgb-show__media,
.vgb-show--licht.vgb-show--links .vgb-show__media,
.vgb-show--licht.vgb-show--rechts .vgb-show__media {
	right: 0;
	left: 0;
	width: 100%;
}
.vgb-show--licht .vgb-show__media img.vgb-show__img {
	object-position: 75% 60%;
}
.vgb-show--licht .vgb-show__media::after,
.vgb-show--licht.vgb-show--links .vgb-show__media::after {
	background: linear-gradient(90deg, rgba(246, 248, 249, 0.75) 0%, rgba(246, 248, 249, 0.35) 32%, rgba(246, 248, 249, 0) 50%);
}
.vgb-show--licht .vgb-show__text {
	margin-left: 0;
}
.vgb-show--licht.vgb-show--rechts .vgb-show__text {
	margin-left: auto;
}
.vgb .vgb-show--licht .vgb-show__text h1.vgb-h1,
.vgb.vgb-show--licht .vgb-show__text h1.vgb-h1 {
	color: var(--vgb-ink-strong) !important;
}
.vgb-show--licht .vgb-show__sub {
	color: var(--vgb-ink-strong);
}
.vgb .vgb-show--licht .vgb-show__lead,
.vgb.vgb-show--licht .vgb-show__lead {
	color: #3d4a55 !important;
}
.vgb-show--licht .vgb-show__text .btn.btn--secondary {
	border-color: var(--vgb-ink-strong) !important;
	background: transparent !important;
	color: var(--vgb-ink-strong) !important;
}
.vgb-show--licht .vgb-show__text .btn.btn--secondary:hover {
	background: var(--vgb-surface-dark) !important;
	color: #fff !important;
}
.vgb.vgb-show--licht .vgb-show__badge {
	border-color: rgba(76, 140, 101, 0.45);
	background: rgba(255, 255, 255, 0.75);
	color: #2f6b47 !important;
}
.vgb-show--licht .vgb-show__badge::before {
	color: #4c8c65;
}
.vgb-show--licht .vgb-show__stats {
	border-top: 1px solid rgba(15, 37, 51, 0.08);
	background: rgba(255, 255, 255, 0.82);
}
.vgb-show--licht .vgb-show__stats li + li {
	border-left-color: rgba(15, 37, 51, 0.1);
}
.vgb-show--licht .vgb-show__stats strong {
	color: var(--vgb-accent);
}
.vgb-show--licht .vgb-show__stats span {
	color: #4a5560;
}

/* Tegels: volledig klikbare kaarten (toepassingen) */
.vgb-tile {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #e3e8ec;
	border-radius: 12px;
	background: #fff;
	color: inherit !important;
	text-decoration: none !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
a.vgb-tile:hover,
a.vgb-tile:focus-visible {
	border-color: #b9cfdb;
	box-shadow: 0 14px 30px rgba(15, 37, 51, 0.1);
	transform: translateY(-3px);
}
.vgb-tile__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
.vgb-tile__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 0.4rem;
	padding: 1.1rem 1.25rem 1.25rem;
}
.vgb-tile__title {
	color: var(--vgb-ink-strong);
	font-family: Poppins, sans-serif;
	font-size: 1.1rem;
	font-weight: 600;
}
.vgb-tile__text {
	color: #4a5560;
	font-size: 0.93rem;
	line-height: 1.55;
}
.vgb-tile__more {
	margin-top: auto;
	padding-top: 0.5rem;
	color: var(--vgb-accent);
	font-size: 0.9rem;
	font-weight: 600;
}
.vgb-tile__more::after,
.vgb-product__more::after,
.vgb-case__more::after {
	display: inline-block;
	margin-left: 0.4rem;
	content: "\2192";
	transition: transform 0.2s ease;
}
a.vgb-tile:hover .vgb-tile__more::after,
a.vgb-product:hover .vgb-product__more::after,
.vgb-case__more:hover::after {
	transform: translateX(4px);
}

/* Video's: kaart met speelduur en venster */
.vgb-video__thumb {
	overflow: hidden;
	border-radius: 10px;
}
.vgb-video__thumb img {
	transition: transform 0.3s ease;
}
.vgb-video__thumb:hover img {
	transform: scale(1.03);
}
.vgb-video__play {
	transition: transform 0.2s ease, background 0.2s ease;
}
.vgb-video__thumb:hover .vgb-video__play {
	background: var(--vgb-accent);
	transform: scale(1.08);
}
.vgb-video__time {
	position: absolute;
	right: 0.6rem;
	bottom: 0.6rem;
	padding: 0.15rem 0.45rem;
	border-radius: 4px;
	background: rgba(8, 14, 19, 0.75);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 600;
}
.vgb .vgb-video h3 {
	margin-top: 0.9rem;
}
.screen-reader-text {
	position: absolute !important;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	white-space: nowrap;
}
.vgb-modal-open {
	overflow: hidden;
}
.vgb-modal {
	position: fixed;
	inset: 0;
	z-index: 1000001;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem;
}
.vgb-modal[hidden] {
	display: none;
}
.vgb-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(8, 14, 19, 0.85);
}
.vgb-modal__box {
	position: relative;
	width: min(1100px, 100%);
}
.vgb-modal__frame {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	border-radius: 10px;
	background: #000;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
}
.vgb-modal__frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.vgb-modal__close {
	position: absolute;
	top: -2.75rem;
	right: 0;
	width: 2.5rem;
	height: 2.5rem;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: var(--vgb-ink-strong);
	font-size: 1.6rem;
	line-height: 1;
	cursor: pointer;
}

/* FAQ: vraag als kop binnen de samenvatting */
.vgb .vg-faq__item summary h3.vg-faq__vraag {
	display: inline;
	margin: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit !important;
	font-weight: inherit;
	line-height: inherit;
}

/* Gerelateerde producten */
.vgb-products {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
}
.vgb-product {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #e3e8ec;
	border-radius: 14px;
	background: #fff;
	color: inherit !important;
	text-decoration: none !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.vgb-product:hover,
.vgb-product:focus-visible {
	border-color: #b9cfdb;
	box-shadow: 0 16px 34px rgba(15, 37, 51, 0.1);
	transform: translateY(-3px);
}
.vgb-product__media {
	position: relative;
	display: block;
	overflow: hidden;
	background: radial-gradient(circle at 60% 35%, #ffffff 0%, #eef1f3 70%);
	aspect-ratio: 4 / 3;
}
.vgb-product__media img {
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
	display: block;
	width: calc(100% - 3rem) !important;
	height: calc(100% - 3rem) !important;
	max-width: none;
	object-fit: contain;
	mix-blend-mode: multiply;
	transition: transform 0.3s ease;
}
.vgb-product:hover .vgb-product__media img {
	transform: scale(1.04);
}
.vgb-product__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 0.45rem;
	padding: 1.25rem 1.4rem 1.4rem;
}
.vgb-product__label {
	color: var(--vgb-accent);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.vgb-product__title {
	color: var(--vgb-ink-strong);
	font-family: Poppins, sans-serif;
	font-size: 1.2rem;
	font-weight: 600;
}
.vgb-product__text {
	color: #4a5560;
	font-size: 0.93rem;
	line-height: 1.55;
}
.vgb-product__more {
	margin-top: auto;
	padding-top: 0.6rem;
	color: var(--vgb-accent);
	font-size: 0.9rem;
	font-weight: 600;
}

/* Klantcase */
.vgb-case {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	overflow: hidden;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 20px 50px rgba(15, 37, 51, 0.08);
}
.vgb-bg--wit .vgb-case {
	border: 1px solid #e3e8ec;
	box-shadow: none;
}
.vgb-case__media {
	position: relative;
	min-height: 320px;
	background: #e9edf0;
}
.vgb-case__media > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.vgb-case__logo {
	position: absolute;
	left: 1.25rem;
	bottom: 1.25rem;
	display: flex;
	align-items: center;
	max-width: 45%;
	padding: 0.6rem 0.9rem;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(15, 37, 51, 0.15);
}
.vgb-case__logo img {
	display: block;
	max-width: 100%;
	max-height: 42px;
	width: auto;
	height: auto;
}
.vgb-case__body {
	padding: 2.75rem 3rem;
}
.vgb .vgb-case__body h2 {
	margin: 0 0 0.4rem;
	color: var(--vgb-ink-strong);
	font-size: clamp(1.5rem, 2.2vw, 2rem);
	line-height: 1.2;
}
.vgb .vgb-case__meta {
	margin: 0 0 1.5rem;
	color: #5b6872;
	font-size: 0.9rem;
}
.vgb-case__quote {
	margin: 0 0 1.75rem;
	padding: 0 0 0 1.25rem;
	border-left: 3px solid var(--vgb-accent);
}
.vgb .vgb-case__quote p {
	margin: 0;
	color: var(--vgb-ink-strong);
	font-family: Poppins, sans-serif;
	font-size: 1.15rem;
	font-style: normal;
	line-height: 1.55;
}
.vgb-case__quote footer {
	margin-top: 0.6rem;
	color: #4a5560;
	font-size: 0.88rem;
	font-weight: 600;
}
.vgb-case__results {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
	margin: 0 0 1.75rem !important;
	padding: 0 !important;
	list-style: none;
}
.vgb-case__results li {
	margin: 0 !important;
	padding: 0.8rem 0 0 !important;
	border-top: 2px solid var(--vgb-accent);
}
.vgb-case__results li::before {
	display: none !important;
}
.vgb-case__results strong {
	display: block;
	color: var(--vgb-accent);
	font-size: 1.6rem;
	line-height: 1.1;
}
.vgb-case__results span {
	display: block;
	margin-top: 0.3rem;
	color: #4a5560;
	font-size: 0.85rem;
}
.vgb-case__story {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
}
.vgb .vgb-case__story h3 {
	margin: 0 0 0.35rem;
	color: var(--vgb-ink-strong);
	font-size: 0.95rem !important;
}
.vgb .vgb-case__story p {
	margin: 0;
	font-size: 0.93rem;
	line-height: 1.6;
}
.vgb-case__more {
	display: inline-block;
	margin-top: 1.5rem;
	color: var(--vgb-accent) !important;
	font-weight: 600;
	text-decoration: none !important;
}

/* Aanvraagformulier */
.vgb-quote {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: 3.5rem;
	align-items: start;
}
.vgb .vgb-quote__intro .vg-op-section-head h2 {
	font-size: clamp(1.9rem, 3vw, 2.6rem);
}
.vgb-quote__points {
	margin: 0 0 2rem !important;
	padding: 0 !important;
	list-style: none;
}
.vgb-quote__points li {
	position: relative;
	margin: 0 0 0.75rem !important;
	padding: 0 0 0 2rem !important;
	color: var(--vgb-ink-strong);
	font-weight: 500;
}
.vgb-quote__points li::before {
	position: absolute !important;
	top: 0.1rem;
	left: 0;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 1.3rem;
	height: 1.3rem;
	border-radius: 50%;
	background: var(--vgb-accent) !important;
	color: #fff;
	font-family: FontAwesome;
	font-size: 0.7rem;
	content: "\f00c" !important;
}
.vgb-quote__person {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1.1rem 1.25rem;
	border: 1px solid #e3e8ec;
	border-radius: 12px;
	background: #fff;
}
.vgb-quote__photo {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	object-fit: cover;
}
.vgb-quote__person strong,
.vgb-quote__person span,
.vgb-quote__person a {
	display: block;
}
.vgb-quote__person strong {
	color: var(--vgb-ink-strong);
}
.vgb-quote__person span {
	color: #5b6872;
	font-size: 0.88rem;
}
.vgb-quote__person a {
	color: var(--vgb-accent) !important;
	font-weight: 600;
}
.vgb-form,
.vgb-quote__done {
	padding: 2.25rem;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 28px rgba(15, 37, 51, 0.07);
}
.vgb-quote__done h3 {
	margin-top: 0;
	color: var(--vgb-ink-strong);
}
.vgb-quote__done::before {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	margin-bottom: 1rem;
	border-radius: 50%;
	background: #4c8c65;
	color: #fff;
	font-family: FontAwesome;
	font-size: 1.3rem;
	content: "\f00c";
}
.vgb-form fieldset {
	margin: 0 0 1.5rem;
	padding: 0;
	border: 0;
}
.vgb-form legend {
	margin-bottom: 0.6rem;
	color: var(--vgb-ink-strong);
	font-size: 0.95rem;
	font-weight: 600;
}
/* 1.5.5: soort aanvraag bovenaan het formulier */
.vgb-form__kind {
	margin: 0 0 1.75rem;
}
.vgb-form__kind p {
	margin: 0;
}
.vgb-form__kind-now span {
	color: #5b6872;
	font-size: 0.88rem;
}
.vgb-form__kind-now strong {
	color: var(--vgb-ink-strong);
}
.vgb-form__kind-now small {
	display: block;
	margin-top: 0.15rem;
	color: #5b6872;
	font-size: 0.85rem;
}
.vgb-form__kind-switch {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem 1rem;
	margin-top: 0.5rem !important;
	font-size: 0.88rem;
}
.vgb-form__kind-switch span {
	color: #5b6872;
}
.vgb-form__kind-switch a {
	display: inline-block;
	padding: 0.3rem 0;
	color: var(--vgb-accent) !important;
	font-weight: 600;
	text-decoration: underline;
}
.vgb-form__kind-switch a[hidden] {
	display: none;
}
.vgb-quote__kind {
	margin: 0 0 0.25rem;
	color: var(--vgb-accent);
	font-size: 0.88rem;
	font-weight: 600;
}
.vgb-quote__kind:empty {
	display: none;
}
/* 1.5.5: losse tekstlinks minstens 24 px hoog (WCAG 2.2, 2.5.8) */
.vg-op-more {
	display: inline-block;
	padding-block: 0.2rem;
}
.vgb-contactcards .well__description a {
	display: inline-block;
	padding-block: 0.15rem;
}
.vgb-form__opt {
	color: #5b6872;
	font-weight: 400;
}
.vgb-form__types {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.6rem;
}
.vgb-form__types legend {
	grid-column: 1 / -1;
}
.vgb-form__type {
	position: relative;
	margin: 0;
	cursor: pointer;
}
.vgb-form__type input {
	position: absolute;
	opacity: 0;
}
.vgb-form__type span {
	display: block;
	height: 100%;
	padding: 0.8rem 0.9rem;
	border: 1.5px solid #d5dde2;
	border-radius: 10px;
	transition: border-color 0.15s ease, background 0.15s ease;
}
.vgb-form__type strong {
	display: block;
	color: var(--vgb-ink-strong);
	font-size: 0.92rem;
}
.vgb-form__type small {
	display: block;
	margin-top: 0.2rem;
	color: #5b6872;
	font-size: 0.78rem;
	line-height: 1.35;
}
.vgb-form__type input:checked + span {
	border-color: var(--vgb-accent);
	background: #e9f3f7;
	box-shadow: inset 0 0 0 1px var(--vgb-accent);
}
.vgb-form__type input:focus-visible + span {
	outline: 2px solid var(--vgb-accent);
	outline-offset: 2px;
}
.vgb-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 1rem;
}
.vgb-form__field {
	margin-bottom: 1rem;
}
.vgb-form__field label {
	display: block;
	margin-bottom: 0.35rem;
	color: var(--vgb-ink-strong);
	font-size: 0.85rem;
	font-weight: 600;
}
.vgb-form input[type="text"],
.vgb-form input[type="email"],
.vgb-form input[type="tel"],
.vgb-form select,
.vgb-form textarea {
	width: 100%;
	padding: 0.7rem 0.85rem;
	border: 1.5px solid #d5dde2;
	border-radius: 8px;
	background: #fff;
	color: var(--vgb-ink-strong);
	font-size: 1rem; /* 16px: iOS zoomt niet in bij focus */
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.vgb-form input:focus,
.vgb-form select:focus,
.vgb-form textarea:focus {
	border-color: var(--vgb-accent);
	box-shadow: 0 0 0 3px rgba(0, 94, 131, 0.15);
	outline: none;
}
.vgb-form [aria-invalid="true"] {
	border-color: #c0392b !important;
}
.vgb-form__error {
	display: block;
	margin-top: 0.3rem;
	color: #c0392b;
	font-size: 0.8rem;
}
.vgb-form__checks {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.25rem;
	margin-bottom: 1rem;
}
.vgb-form__checks label,
.vgb-form__consent label {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	color: #3d4a55;
	font-size: 0.9rem;
	font-weight: 400;
}
.vgb-form__checks input,
.vgb-form__consent input {
	margin-top: 0.2rem;
	accent-color: var(--vgb-accent);
}
.vgb-form__files small {
	display: block;
	margin-top: 0.3rem;
	color: #5b6872;
	font-size: 0.78rem;
}
.vgb-form__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.vgb-form__submit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1.25rem;
	margin-top: 0.5rem;
}
.vgb-form__submit .btn {
	margin: 0 !important;
	padding: 0.95rem 2rem !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
}
.vgb-form__submit .btn[disabled] {
	opacity: 0.6;
}
.vgb-form__submit small {
	color: #5b6872;
	font-size: 0.82rem;
}
.vgb-form__status {
	margin: 0.75rem 0 0;
	font-size: 0.9rem;
}
.vgb-form__status.is-error {
	color: #c0392b;
}
.vgb-bg--donker .vgb-quote__points li,
.vgb-bg--donker .vgb-quote__intro {
	color: #fff;
}

@media screen and (max-width: 991px) {
	.vgb-show--licht .vgb-show__media img.vgb-show__img {
		object-position: 80% 60%;
	}
	.vgb-show--licht .vgb-show__media::after {
		background: linear-gradient(0deg, #eef1f3 0%, rgba(238, 241, 243, 0) 35%);
	}
	.vgb-products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.vgb-case,
	.vgb-quote {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.vgb-case__media {
		min-height: 240px;
	}
	.vgb-case__body {
		padding: 2rem;
	}
}
@media screen and (max-width: 576px) {
	.vgb-products,
	.vgb-case__results,
	.vgb-case__story,
	.vgb-form__types,
	.vgb-form__grid {
		grid-template-columns: 1fr;
	}
	.vgb-form,
	.vgb-quote__done {
		padding: 1.4rem;
	}
	.vgb-case__body {
		padding: 1.5rem;
	}
	.vgb-modal {
		padding: 0.75rem;
	}
}

/* 1.3.1: hero op smalle schermen, lange knopteksten mogen de kolom niet verbreden */
.vgb-show__text {
	min-width: 0;
}
@media screen and (max-width: 576px) {
	.vgb-show__text .vg-op-actions {
		flex-direction: column;
		align-items: stretch;
	}
	.vgb-show__text .vg-op-actions .btn {
		width: 100%;
		white-space: normal;
		text-align: center;
	}
}

/* 1.4.0: showcase-hero met optionele productlaag (sfeerbeeld = lege ruimte, machine als transparante laag erboven).
   1.4.1: de laag wordt bijgesneden op het fotokader (zelfde vlak als het sfeerbeeld, ook onder de kerncijferbalk),
   de machine eindigt op de rechterrand van de inhoudskolom en krijgt de volle vrije ruimte naast de tekst.
   De verhoudingen horen bij de VG-hero-productlaag V9.2 (3158 x 1772, 2x): machine x 859-2349, y 9-1276 (hoogte 1267).
   Schaduw en reflectie lopen in die laag zelf zacht uit naar nul, dus er ontstaan nergens harde randen. */
.vgb-show--product .vgb-show__stage {
	position: absolute;
	inset: 0;
	overflow: hidden;
	container-type: size;
	pointer-events: none;
	/* --r: machine tot de rand, --te: rechterrand tekstkolom, --lh: beeldhoogte boven de kerncijferbalk, --mh: machinehoogte */
	--r: calc((100cqw - 1110px) / 2);
	--te: calc((100cqw - 1140px) / 2 + 543px);
	--lh: calc(100cqh - var(--vgb-kpi, 97px));
	--mh: min(calc(0.78 * var(--lh)), calc((100cqw - var(--r) - var(--te) - 40px) / 1.176));
}
.vgb-show--product .vgb-show__stage img.vgb-show__product {
	position: absolute;
	top: calc(0.55 * var(--lh) - 0.5555 * var(--mh));
	right: calc(var(--r) - 0.6385 * var(--mh));
	width: auto;
	max-width: none;
	height: calc(1.3986 * var(--mh));
}
@media screen and (max-width: 1199px) {
	.vgb-show--product .vgb-show__stage {
		--vgb-kpi: 115px;
		--r: calc((100cqw - 930px) / 2);
		--te: calc((100cqw - 960px) / 2 + 543px);
	}
}
@media screen and (max-width: 991px) {
	.vgb-show--product .vgb-show__stage {
		bottom: auto;
		height: min(56vw, 420px);
		--vgb-kpi: 0px;
		--mh: calc(0.72 * var(--lh));
	}
	.vgb-show--product .vgb-show__stage img.vgb-show__product {
		top: calc(0.52 * var(--lh) - 0.5555 * var(--mh));
		right: auto;
		left: calc(50cqw - 1.266 * var(--mh));
	}
}
/* Mobiel: beeldstrook van ~218 px met een grotere machine en compactere herotekst, zodat de hoofdknop in beeld blijft */
@media screen and (max-width: 576px) {
	.vgb-show--product .vgb-show__media,
	.vgb-show--product.vgb-show--links .vgb-show__media,
	.vgb-show--product.vgb-show--rechts .vgb-show__media {
		height: 56vw;
		max-height: 240px;
	}
	.vgb-show--product .vgb-show__stage {
		height: 56vw;
		max-height: 240px;
		--mh: calc(0.8 * var(--lh));
	}
	.vgb-show--product .vgb-show__stage img.vgb-show__product {
		top: calc(0.51 * var(--lh) - 0.5555 * var(--mh));
	}
	.vgb-show--product .vgb-crumbs {
		margin-bottom: 0.6rem;
	}
	.vgb.vgb-show--product .vgb-show__badge {
		margin-bottom: 0.55rem;
	}
	.vgb-show--product .vgb-show__apps {
		flex-wrap: nowrap;
		gap: 0.3rem;
		margin-bottom: 0.7rem;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.vgb-show--product .vgb-show__apps::-webkit-scrollbar {
		display: none;
	}
	.vgb-show--product .vgb-show__apps li {
		flex: 0 0 auto;
	}
	.vgb-show--product .vgb-show__apps a,
	.vgb-show--product .vgb-show__apps li {
		font-size: 0.62rem;
		letter-spacing: 0.03em;
	}
	.vgb-show--product .vgb-show__apps a {
		padding: 0.28rem 0.5rem;
	}
	.vgb.vgb-show--product .vgb-show__text h1.vgb-h1 {
		margin-bottom: 0.6rem;
	}
	.vgb-show--product .vgb-show__text .vg-op-actions {
		margin-top: 0.9rem;
	}
}

/* 1.5.0: rustigere hero (prijs en award onder de knoppen), videoknop, gerelateerde artikels en compacte strip. */
.vgb-show__meta {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	max-width: 33rem;
	margin-top: 1.5rem;
	padding-top: 1.1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.16);
	color: #c3d1da;
	font-size: 0.9rem;
	line-height: 1.45;
}
.vgb-show--licht .vgb-show__meta {
	border-top-color: rgba(15, 37, 51, 0.12);
	color: #4a5560;
}
.vgb .vgb-show__meta .vgb-show__badge {
	display: flex;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	font-size: 0.88rem;
	font-weight: 600;
	letter-spacing: 0;
}
.vgb-price,
.vgb-price p {
	margin: 0;
}
.vgb-price__line {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 0.45rem;
}
.vgb-price__amount {
	color: #fff;
	font-family: Poppins, sans-serif;
	font-size: 1.15rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}
.vgb-show--licht .vgb-price__amount,
.vgb-hero .vgb-price__amount {
	color: var(--vgb-ink-strong);
}
.vgb-price__note {
	flex-basis: 100%;
	font-size: 0.85rem;
}
.vgb-price__rating {
	margin-top: 0.15rem;
}
.vgb-price__rating a {
	color: inherit !important;
	text-decoration: underline;
	text-decoration-color: rgba(15, 37, 51, 0.3);
	text-underline-offset: 3px;
}
.vgb-stars {
	position: relative;
	display: inline-block;
	margin-right: 0.35rem;
	line-height: 0;
	vertical-align: -2px;
}
.vgb-stars svg {
	fill: currentColor;
}
.vgb-stars__base {
	display: inline-flex;
	gap: 1px;
	color: #c9d2d8;
}
.vgb-stars__fill {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-flex;
	gap: 1px;
	overflow: hidden;
	color: #c98a12;
	white-space: nowrap;
}
.vgb-hero .vgb-price {
	margin-top: 1.25rem;
	color: #4a5560;
	font-size: 0.9rem;
}

/* Knop die een video opent: getekend afspeelteken, geen glyph */
.btn.vgb-btn-video::before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 0.6em;
	border-top: 0.36em solid transparent;
	border-bottom: 0.36em solid transparent;
	border-left: 0.58em solid currentColor;
	content: "";
	vertical-align: 0.02em;
}

/* Gerelateerde artikels */
.vgb-posts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
}
.vgb-posts.vgb-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vgb-post {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #e3e8ec;
	border-radius: 14px;
	background: #fff;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.vgb-post:hover,
.vgb-post:focus-within {
	border-color: #b9cfdb;
	box-shadow: 0 16px 34px rgba(15, 37, 51, 0.1);
	transform: translateY(-3px);
}
.vgb-post__media {
	display: block;
	overflow: hidden;
	background: #eef1f3;
	aspect-ratio: 16 / 10;
}
.vgb-post__media img,
.vgb-post__noimg {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.vgb-post:hover .vgb-post__media img {
	transform: scale(1.04);
}
.vgb-post__noimg {
	background: linear-gradient(135deg, #e7edf1 0%, #f6f8f9 100%);
}
.vgb-post__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 0.5rem;
	padding: 1.2rem 1.35rem 1.4rem;
}
.vgb .vgb-post h3.vgb-post__title {
	margin: 0;
	font-family: Poppins, sans-serif;
	font-size: 1.1rem !important; /* het thema zet h3 groter */
	font-weight: 600;
	line-height: 1.35;
	text-wrap: balance;
}
.vgb-post__title a {
	color: var(--vgb-ink-strong) !important;
	text-decoration: none !important;
}
.vgb-post__title a::after {
	position: absolute;
	inset: 0;
	content: "";
}
.vgb-post__title a:focus-visible {
	outline: none;
}
.vgb-post:focus-within {
	outline: 2px solid var(--vgb-accent);
	outline-offset: 3px;
}
.vgb .vgb-post__text {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	color: #4a5560;
	font-size: 0.93rem;
	line-height: 1.55;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.vgb .vgb-posts__all {
	margin: 1.75rem 0 0;
}

/* Strip: compacte links (bv. toepassingen op een machinepagina) */
.vgb-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vgb-strip.vgb-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vgb-strip.vgb-cols-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.vgb-strip li {
	margin: 0;
	padding: 0;
}
.vgb-strip li::before {
	display: none;
}
.vgb-strip__item {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	height: 100%;
	padding: 0.8rem 1rem 0.8rem 0.8rem;
	border: 1px solid #e3e8ec;
	border-radius: 12px;
	background: #fff;
	color: inherit !important;
	text-decoration: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
a.vgb-strip__item::after {
	flex: none;
	width: 0.5rem;
	height: 0.5rem;
	margin-left: auto;
	border-top: 2px solid var(--vgb-accent);
	border-right: 2px solid var(--vgb-accent);
	content: "";
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}
a.vgb-strip__item:hover,
a.vgb-strip__item:focus-visible {
	border-color: #b9cfdb;
	box-shadow: 0 10px 24px rgba(15, 37, 51, 0.08);
}
a.vgb-strip__item:hover::after {
	transform: translateX(3px) rotate(45deg);
}
a.vgb-strip__item:focus-visible {
	outline: 2px solid var(--vgb-accent);
	outline-offset: 3px;
}
.vgb-strip__media {
	flex: none;
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: 8px;
	background: #eef1f3;
}
.vgb-strip__media img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.vgb-strip__body {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
}
.vgb-strip__title {
	color: var(--vgb-ink-strong);
	font-family: Poppins, sans-serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
}
.vgb-strip__text {
	color: #4a5560;
	font-size: 0.88rem;
	line-height: 1.45;
}
.vgb-bg--donker .vgb-strip__item,
.vgb-bg--donker .vgb-post {
	border-color: rgba(255, 255, 255, 0.12);
}

@media screen and (max-width: 991px) {
	.vgb-posts,
	.vgb-posts.vgb-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.vgb-strip,
	.vgb-strip.vgb-cols-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.vgb-show__meta {
		margin-top: 1.25rem;
		padding-top: 1rem;
	}
}
@media screen and (max-width: 767px) {
	.vgb-posts,
	.vgb-posts.vgb-cols-2,
	.vgb-strip,
	.vgb-strip.vgb-cols-2,
	.vgb-strip.vgb-cols-4 {
		grid-template-columns: minmax(0, 1fr);
	}
}
@media (prefers-reduced-motion: reduce) {
	.vgb-post,
	.vgb-post__media img,
	.vgb-strip__item,
	a.vgb-strip__item::after {
		transition: none;
	}
	.vgb-post:hover,
	.vgb-post:focus-within {
		transform: none;
	}
}

/* 1.5.0: toegankelijkheid formulier, vergelijking op mobiel en een vaste aanvraagknop op smalle schermen */
.vgb-form__checks input,
.vgb-form__consent input {
	flex: none;
	width: 20px;
	height: 20px;
	margin-top: 0.05rem;
}
.vgb-form__consent label {
	padding: 0.35rem 0;
}
.vgb-form__consent a {
	color: var(--vgb-accent) !important;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.vgb-form input[type="file"] {
	width: 100%;
	min-height: 44px;
	font-size: 0.9rem;
}
.vgb-form__field small {
	display: block;
	margin-top: 0.3rem;
	color: #5b6872;
	font-size: 0.8rem;
}
@media screen and (max-width: 576px) {
	.vgb .vg-op-compare {
		overflow: visible;
	}
	.vgb .vg-op-compare table {
		display: block;
		min-width: 0;
	}
	.vgb .vg-op-compare thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}
	.vgb .vg-op-compare tbody,
	.vgb .vg-op-compare tr,
	.vgb .vg-op-compare th,
	.vgb .vg-op-compare td {
		display: block;
	}
	.vgb .vg-op-compare tr {
		margin-bottom: 0.75rem;
		overflow: hidden;
		border: 1px solid #dde3e7;
		border-radius: 10px;
		background: #fff;
	}
	.vgb .vg-op-compare tbody th {
		padding: 0.7rem 0.9rem 0.4rem;
		border: 0;
		color: var(--vgb-ink-strong);
		font-weight: 600;
	}
	.vgb .vg-op-compare td {
		display: flex;
		gap: 0.75rem;
		justify-content: space-between;
		padding: 0.55rem 0.9rem;
		border-bottom: 0;
		border-top: 1px solid #eef1f3;
	}
	.vgb .vg-op-compare td::before {
		flex: none;
		max-width: 45%;
		color: #5b6872;
		content: attr(data-label);
		font-size: 0.8rem;
		font-weight: 600;
	}
	.vgb .vg-op-compare td.is-vg::before {
		color: var(--vgb-accent);
	}
	.vgb-subnav .vgb-subnav__cta {
		display: inline-flex;
		flex: none;
		padding: 0.5rem 0.8rem !important;
		font-size: 0.82rem !important;
	}
}
.vgb-form input[type="file"]::file-selector-button {
	margin-right: 0.75rem;
	padding: 0.55rem 0.9rem;
	border: 1.5px solid var(--vgb-ink-strong);
	border-radius: 8px;
	background: #fff;
	color: var(--vgb-ink-strong);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}
.vgb-form input[type="file"]::file-selector-button:hover {
	background: var(--vgb-surface-dark);
	color: #fff;
}
.vgb .vgb-posts__all a {
	color: var(--vgb-accent) !important;
	font-weight: 600;
}

/* 1.5.2: contactkaarten op de overgang naar het formulier (geen eigen band meer) */
.vgb-contactcards {
	--cc-from: #fff;
	--cc-to: #fff;
	position: relative;
	padding: 0;
	background: linear-gradient(to bottom, var(--cc-from) 50%, var(--cc-to) 50%);
}
.vgb-cc--from-licht { --cc-from: #f1f4f6; }
.vgb-cc--from-donker { --cc-from: var(--vgb-surface-dark); }
.vgb-cc--to-licht { --cc-to: #f1f4f6; }
.vgb-cc--to-donker { --cc-to: var(--vgb-surface-dark); }
.vgb-contactcards .vgb-cc__row {
	row-gap: 1rem;
	margin-bottom: 0;
}
.vgb-contactcards .vgb-cc__col {
	display: flex;
	margin-bottom: 0;
}
.vgb .vgb-contactcards .vgb-cc__card,
.vgb-contactcards .vgb-cc__card {
	display: flex;
	flex: 1;
	gap: 1.25rem;
	align-items: center;
	min-height: 96px;
	margin: 0;
	padding: 1.25rem 1.75rem;
	border-radius: 0;
	background: var(--vgb-accent);
	color: #fff;
}
.vgb-contactcards .well__icon {
	flex: none;
	width: 40px;
	height: 40px;
	margin: 0 !important;
	object-fit: contain;
}
.vgb-contactcards .well__description {
	min-width: 0;
}
.vgb-contactcards .well__title {
	margin: 0 0 0.15rem !important;
	color: #fff;
	font-size: 1.125rem !important;
	line-height: 1.3;
}
.vgb-contactcards .well__description a,
.vgb-contactcards .well__description span {
	color: #fff;
	font-size: 0.95rem;
	overflow-wrap: anywhere;
}
.vgb-contactcards .well__description a:hover {
	text-decoration: underline;
}
.vgb-contactcards + .vgb--offerte.vgb-space--normaal {
	padding-top: 3.5rem;
}
/* 1.5.5: op tablet (drie smalle kaarten naast elkaar) het icoon boven de tekst, zodat het e-mailadres niet midden in het woord afbreekt */
@media screen and (min-width: 768px) and (max-width: 991px) {
	.vgb .vgb-contactcards .vgb-cc__card,
	.vgb-contactcards .vgb-cc__card {
		flex-direction: column;
		gap: 0.75rem;
		align-items: flex-start;
		padding: 1.25rem;
	}
	.vgb-contactcards .well__description a,
	.vgb-contactcards .well__description span {
		overflow-wrap: normal;
	}
}
@media screen and (max-width: 767px) {
	.vgb-contactcards {
		padding-top: 2.5rem;
		background: var(--cc-to);
	}
	.vgb-contactcards .vgb-cc__row {
		row-gap: 0.75rem;
	}
	.vgb .vgb-contactcards .vgb-cc__card,
	.vgb-contactcards .vgb-cc__card {
		min-height: 0;
		padding: 1rem 1.25rem;
	}
	.vgb-contactcards + .vgb--offerte.vgb-space--normaal {
		padding-top: 2rem;
	}
}

/* 1.5.3: links in lopende tekst leesbaar (WCAG AA) en herkenbaar zonder kleur */
.vgb:not(.vgb-bg--donker) .vgb-split__text a:not(.btn),
.vgb:not(.vgb-bg--donker) .vg-op-narrow a:not(.btn),
.vgb:not(.vgb-bg--donker) .vg-faq__antwoord a:not(.btn),
.vgb:not(.vgb-bg--donker) .vg-op-more {
	color: var(--vgb-accent);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}
.vgb:not(.vgb-bg--donker) .vgb-split__text a:not(.btn):hover,
.vgb:not(.vgb-bg--donker) .vg-op-narrow a:not(.btn):hover,
.vgb:not(.vgb-bg--donker) .vg-faq__antwoord a:not(.btn):hover,
.vgb:not(.vgb-bg--donker) .vg-op-more:hover {
	color: #003F59;
	text-decoration-thickness: 2px;
}

/* 1.5.6: 3D-visual productielijn (kaartenblok, visual "productielijn"), tussen de inleiding en de kaarten.
   Taalneutraal: tabbladen en labels tonen enkel cijfers, eenheden, iconen en de productnaam. */
.vgb-line {
	--line-ink: var(--vgb-ink-strong);
	--line-muted: #5A646C;
	--line-blue: var(--vgb-accent);
	--line-focus: #003F59;
	--line-hair: rgba(15, 37, 51, 0.12);
	position: relative;
	width: 100%;
	margin: 0 0 2.5rem;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	isolation: isolate;
	border-radius: 12px;
	background: radial-gradient(ellipse 80% 75% at 50% 42%, #F8FAFB 0%, #E9EEF1 100%);
	color: var(--line-ink);
	font-family: Poppins, system-ui, sans-serif;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
}
.vgb-line canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	outline: none;
	touch-action: pan-y;
	cursor: grab;
}
.vgb-line canvas:active {
	cursor: grabbing;
}
.vgb-line .vgb-line__poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.8s ease;
	pointer-events: none;
}
.vgb-line.is-ready .vgb-line__poster {
	opacity: 0;
}
.vgb-line__labels {
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.vgb-line__tag {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	gap: 0.45em;
	align-items: center;
	padding: 0.34em 0.75em;
	border-radius: 999px;
	background: rgba(250, 251, 252, 0.94);
	box-shadow: 0 0 0 1px var(--line-hair), 0 6px 18px rgba(15, 37, 51, 0.08);
	color: var(--line-ink);
	font-size: clamp(11.5px, 1.15vw, 17px);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.01em;
	line-height: 1.2;
	white-space: nowrap;
	opacity: 0;
	transition: opacity 0.45s ease;
}
.vgb-line__tag.is-on {
	opacity: 1;
}
.vgb-line__tag.is-key {
	background: var(--line-blue);
	box-shadow: 0 6px 18px rgba(0, 94, 131, 0.25);
	color: #fff;
}
.vgb-line__tag.is-quiet {
	color: var(--line-muted);
	font-size: clamp(10.5px, 0.95vw, 14px);
	font-weight: 500;
}
.vgb-line__tag.is-icon {
	display: flex;
	padding: 0.42em;
}
.vgb-line svg.vgb-line__i {
	flex: none;
	width: 1.35em;
	height: 1.35em;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.vgb-line__chapters {
	position: absolute;
	bottom: clamp(12px, 2.6vw, 36px);
	left: 50%;
	display: flex;
	gap: 4px;
	padding: 4px;
	border-radius: 999px;
	background: rgba(250, 251, 252, 0.92);
	box-shadow: 0 0 0 1px var(--line-hair), 0 10px 30px rgba(15, 37, 51, 0.1);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	transform: translateX(-50%);
}
.vgb .vgb-line__chapters button {
	position: relative;
	display: flex;
	gap: 0.5em;
	align-items: center;
	justify-content: center;
	padding: 0.7em 1.15em;
	overflow: hidden;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--line-muted);
	font: 500 clamp(11.5px, 0.95vw, 14px)/1 Poppins, system-ui, sans-serif;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	cursor: pointer;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.vgb .vgb-line__chapters button:hover {
	color: var(--line-ink);
}
.vgb .vgb-line__chapters button:focus-visible {
	outline: 2px solid var(--line-focus);
	outline-offset: 2px;
}
.vgb .vgb-line__chapters button[aria-selected="true"] {
	background: var(--line-blue);
	color: #fff;
}
.vgb-line__chapters button i {
	position: absolute;
	right: 14%;
	bottom: 5px;
	left: 14%;
	height: 2px;
	border-radius: 2px;
	background: rgba(255, 255, 255, 0.8);
	transform: scaleX(0);
	transform-origin: left;
}
@media screen and (max-width: 760px) {
	.vgb-line {
		aspect-ratio: 4 / 5;
		margin-bottom: 2rem;
	}
	.vgb-line__chapters {
		right: 12px;
		left: 12px;
		transform: none;
	}
	.vgb .vgb-line__chapters button {
		flex: 1 1 auto;
		gap: 0.35em;
		padding: 0.8em 0.6em;
	}
	.vgb .vgb-line__chapters button:not(:has(span)) {
		flex: 0 0 auto;
		padding: 0.8em 1.1em;
	}
}
@media (prefers-reduced-motion: reduce) {
	.vgb-line__chapters button i {
		display: none;
	}
}
/* 1.5.4-visual, behouden in 1.5.6 voor het oude .glb-model (Leonardo 4.0 en 4.1): eigen naamruimte vgb-line11 */
.vgb-line1 {
	--line-ink: var(--vgb-ink-strong);
	--line-muted: #5A646C;
	--line-blue: var(--vgb-accent);
	--line-hair: rgba(15, 37, 51, 0.12);
	position: relative;
	width: 100%;
	margin: 0 0 2.5rem;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	isolation: isolate;
	border-radius: 12px;
	background: radial-gradient(ellipse 80% 75% at 50% 42%, #F8FAFB 0%, #E9EEF1 100%);
	color: var(--line-ink);
	-webkit-tap-highlight-color: transparent;
	user-select: none;
}
.vgb-line1 canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	outline: none;
	touch-action: pan-y;
	cursor: grab;
}
.vgb-line1 canvas:active {
	cursor: grabbing;
}
.vgb-line1 .vgb-line1__poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transition: opacity 0.8s ease;
	pointer-events: none;
}
.vgb-line1.is-ready .vgb-line1__poster {
	opacity: 0;
}
.vgb-line1__labels {
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.vgb-line1__tag {
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	opacity: 0;
	transition: opacity 0.45s ease;
	font-weight: 600;
	font-size: clamp(11.5px, 1.15vw, 16px);
	line-height: 1.2;
	color: var(--line-ink);
	background: rgba(255, 255, 255, 0.94);
	padding: 0.34em 0.75em;
	border-radius: 999px;
	box-shadow: 0 0 0 1px var(--line-hair), 0 6px 18px rgba(15, 37, 51, 0.08);
	font-variant-numeric: tabular-nums;
}
.vgb-line1__tag.is-on {
	opacity: 1;
}
.vgb-line1__tag.is-key {
	background: var(--line-blue);
	color: #fff;
	box-shadow: 0 6px 18px rgba(0, 94, 131, 0.25);
}
.vgb-line1__tag.is-quiet {
	font-weight: 500;
	color: var(--line-muted);
	font-size: clamp(10.5px, 0.95vw, 14px);
}
.vgb-line1__caption {
	position: absolute;
	left: clamp(16px, 3.2vw, 44px);
	top: clamp(16px, 3vw, 40px);
	max-width: min(420px, 46%);
	pointer-events: none;
}
.vgb .vgb-line1__caption h3 {
	margin: 0 0 0.35em;
	font-size: clamp(18px, 2vw, 28px);
	line-height: 1.15;
	font-weight: 600;
	color: var(--line-blue);
	text-wrap: balance;
}
.vgb .vgb-line1__caption p {
	margin: 0;
	font-size: clamp(12.5px, 1.05vw, 16px);
	line-height: 1.5;
	color: var(--line-muted);
	text-wrap: pretty;
}
.vgb-line1__caption > * {
	transition: opacity 0.4s ease, transform 0.4s ease;
}
.vgb-line1__caption.is-out > * {
	opacity: 0;
	transform: translateY(6px);
}
.vgb-line1__chapters {
	position: absolute;
	left: 50%;
	bottom: clamp(12px, 2.4vw, 32px);
	transform: translateX(-50%);
	display: flex;
	gap: 4px;
	padding: 4px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 0 0 1px var(--line-hair), 0 10px 30px rgba(15, 37, 51, 0.1);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}
.vgb-line1__chapters button {
	position: relative;
	overflow: hidden;
	border: 0;
	cursor: pointer;
	border-radius: 999px;
	padding: 0.7em 1.15em;
	background: transparent;
	color: var(--line-muted);
	font-family: inherit;
	font-size: clamp(11.5px, 0.95vw, 14px);
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.vgb-line1__chapters button:hover {
	color: var(--line-ink);
}
.vgb-line1__chapters button:focus-visible {
	outline: 2px solid var(--line-blue);
	outline-offset: 2px;
}
.vgb-line1__chapters button[aria-selected="true"] {
	background: var(--line-blue);
	color: #fff;
}
.vgb-line1__chapters button i {
	position: absolute;
	left: 14%;
	right: 14%;
	bottom: 5px;
	height: 2px;
	border-radius: 2px;
	background: rgba(255, 255, 255, 0.8);
	transform-origin: left;
	transform: scaleX(0);
}
@media screen and (max-width: 760px) {
	.vgb-line1 {
		aspect-ratio: 4 / 5;
		margin-bottom: 2rem;
	}
	.vgb-line1__tag.is-quiet {
		display: none;
	}
	.vgb-line1__caption {
		max-width: none;
		right: 16px;
	}
	.vgb-line1__chapters {
		left: 12px;
		right: 12px;
		transform: none;
	}
	.vgb-line1__chapters button {
		flex: 1;
		padding: 0.8em 0.3em;
		white-space: normal;
		line-height: 1.2;
	}
}
@media (prefers-reduced-motion: reduce) {
	.vgb-line1__chapters button i {
		display: none;
	}
}


/* ===== 1.6.0: bewerkingen (overzicht), proces (beeld met genummerde punten), tekst en beeld "groot" en "boven" ===== */
.vgb-ops {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vgb-ops__item {
	margin: 0;
}
.vgb-ops__fig {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 9;
	padding: 1.25rem;
	border-radius: 12px;
	background: #f1f4f6;
}
.vgb-bg--licht .vgb-ops__fig {
	background: #fff;
}
/* andere configuratie: open kader in plaats van een vlak */
.vgb-ops__item--optie .vgb-ops__fig {
	background: transparent;
	box-shadow: inset 0 0 0 1px #c3ced6;
}
.vgb-prof {
	display: block;
	width: 84%;
	max-width: 320px;
	height: auto;
}
.vgb-prof path,
.vgb-prof rect {
	vector-effect: non-scaling-stroke;
}
.vgb-prof__slab {
	fill: #e8eef2;
	stroke: var(--vgb-ink-strong);
	stroke-width: 1.5px;
	stroke-linejoin: round;
}
.vgb-prof__before {
	fill: none;
	stroke: #7d8d98;
	stroke-width: 1.5px;
	stroke-dasharray: 4 4;
}
.vgb-prof__layer {
	fill: rgba(64, 52, 60, 0.18);
	stroke: #7d8d98;
	stroke-width: 1.5px;
	stroke-dasharray: 4 4;
}
.vgb-prof__after {
	fill: none;
	stroke: var(--vgb-accent);
	stroke-width: 4px;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.vgb .vgb-ops__item h3 {
	margin: 1.25rem 0 0.5rem;
	color: var(--vgb-ink-strong);
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.25;
}
.vgb .vgb-ops__item p {
	margin: 0;
	font-size: 0.98rem;
	line-height: 1.6;
}
.vgb .vgb-ops__item .vgb-ops__status {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	margin-top: 1rem;
	color: var(--vgb-accent);
	font-size: 0.88rem;
	font-weight: 500;
	line-height: 1.4;
}
.vgb-ops__status::before {
	content: "";
	flex: none;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	background: var(--vgb-accent);
}
.vgb .vgb-ops__item--optie .vgb-ops__status {
	color: #45555f;
}
.vgb-ops__item--optie .vgb-ops__status::before {
	background: transparent;
	box-shadow: inset 0 0 0 2px #7d8d98;
}
.vgb .vgb-ops__link {
	display: inline-block;
	min-height: 24px;
	margin-top: 0.6rem;
	color: var(--vgb-accent);
	font-size: 0.9rem;
	line-height: 24px;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.vgb-proc {
	margin: 0;
}
.vgb-proc__media {
	padding: clamp(1rem, 3vw, 2.5rem);
	border-radius: 16px;
	background: #fff;
}
.vgb-bg--wit .vgb-proc__media {
	background: #f1f4f6;
}
.vgb-proc__canvas {
	position: relative;
}
.vgb-proc__canvas img,
.vgb-proc__canvas video {
	display: block;
	width: 100%;
	height: auto;
}
.vgb-proc__pin,
.vgb-proc__num {
	display: block;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	background: var(--vgb-accent);
	color: #fff;
	font-family: Poppins, sans-serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 2.25rem;
	text-align: center;
	font-variant-numeric: tabular-nums;
}
.vgb-proc__pin {
	position: absolute;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.92), 0 4px 14px rgba(15, 37, 51, 0.28);
}
.vgb-proc__steps {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2rem 3.5rem;
	margin: 2.25rem 0 0;
	padding: 0;
	list-style: none;
}
.vgb-proc__steps--1 {
	grid-template-columns: minmax(0, 1fr);
	max-width: 68ch;
}
.vgb-proc__steps--3,
.vgb-proc__steps--5 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vgb-proc__steps li {
	display: grid;
	grid-template-columns: 2.25rem minmax(0, 1fr);
	gap: 1rem;
	align-items: start;
	margin: 0;
}
.vgb .vgb-proc__steps h3 {
	margin: 0.2rem 0 0.4rem;
	color: var(--vgb-ink-strong);
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1.3;
}
.vgb .vgb-proc__steps p {
	margin: 0;
	font-size: 0.98rem;
	line-height: 1.6;
}
.vgb-split--groot {
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: 4rem;
}
.vgb-split--groot.vgb-split--links {
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
}
.vgb-stack .vg-op-section-head {
	margin-bottom: 2rem;
}
.vgb-stack__media img,
.vgb-stack__media video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 2 / 1;
	border-radius: 16px;
	object-fit: cover;
}
.vgb-stack__text {
	margin-top: 2.25rem;
}
.vgb .vgb-stack__text p {
	max-width: 68ch;
	font-size: 1rem;
	line-height: 1.7;
}
.vgb .vgb-stack__text ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem 2.5rem;
	margin: 0 0 1.75rem;
	padding: 0;
	list-style: none;
}
.vgb .vgb-stack__text li {
	margin: 0;
	padding-top: 1rem;
	border-top: 1px solid #cfd8de;
	font-size: 0.98rem;
	line-height: 1.55;
}
.vgb .vgb-stack__text li strong {
	display: block;
	margin-bottom: 0.3rem;
	color: var(--vgb-ink-strong);
	font-size: 1.35rem;
	font-weight: 600;
	line-height: 1.25;
	font-variant-numeric: tabular-nums;
}
@media screen and (max-width: 991px) {
	.vgb-ops {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}
	.vgb-ops__item {
		display: grid;
		grid-template-columns: 14rem minmax(0, 1fr);
		column-gap: 2rem;
		align-content: start;
		padding: 1.25rem 0;
	}
	.vgb-ops__item > * {
		grid-column: 2;
	}
	.vgb-ops__item > .vgb-ops__fig {
		grid-column: 1;
		grid-row: 1 / span 4;
		align-self: start;
	}
	.vgb .vgb-ops__item h3 {
		margin-top: 0;
	}
	.vgb-split--groot,
	.vgb-split--groot.vgb-split--links {
		grid-template-columns: minmax(0, 1fr);
		gap: 2rem;
	}
	.vgb-proc__steps,
	.vgb-proc__steps--3,
	.vgb-proc__steps--5 {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.5rem;
	}
}
@media screen and (max-width: 576px) {
	.vgb .vgb-stack__text ul {
		grid-template-columns: minmax(0, 1fr);
		gap: 1rem;
	}
	.vgb-ops__item {
		display: block;
		padding: 1rem 0;
	}
	.vgb-ops__fig {
		aspect-ratio: 5 / 2;
		padding: 0.75rem;
	}
	.vgb-prof {
		width: 62%;
	}
	.vgb .vgb-ops__item h3 {
		margin-top: 1rem;
	}
	.vgb-proc__media {
		padding: 0.75rem;
		border-radius: 12px;
	}
	.vgb-proc__pin {
		width: 1.6rem;
		height: 1.6rem;
		font-size: 0.8rem;
		line-height: 1.6rem;
		box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.92), 0 2px 8px rgba(15, 37, 51, 0.28);
	}
}

/* ===== 1.7.0: alle toepassingen in het overzicht, productkaarten in het kaartenblok, uitgelichte berichten ===== */
.vgb-prof__after--fijn {
	stroke-width: 2px;
}
.vgb-ops--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vgb-ops--4,
.vgb-ops--5,
.vgb-ops--6,
.vgb-ops--7,
.vgb-ops--8 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 2.5rem 2rem;
}
.vgb .vgb-ops--4 .vgb-ops__item h3,
.vgb .vgb-ops--5 .vgb-ops__item h3,
.vgb .vgb-ops--6 .vgb-ops__item h3,
.vgb .vgb-ops--7 .vgb-ops__item h3,
.vgb .vgb-ops--8 .vgb-ops__item h3 {
	font-size: 1.15rem;
}
.vgb .vgb-post__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0 0.75rem;
	margin: 0;
	color: #5b6b76;
	font-size: 0.85rem;
}
.vgb .vgb-post__meta span {
	color: var(--vgb-accent);
	font-weight: 600;
}
.vgb .vgb-posts--uitgelicht h3.vgb-post__title {
	font-size: 1.35rem !important;
	line-height: 1.3;
}
.vgb .vgb-posts--uitgelicht .vgb-post__text {
	font-size: 0.98rem;
	line-height: 1.6;
}
.vgb-post__more {
	margin-top: auto;
	padding-top: 0.5rem;
	color: var(--vgb-accent);
	font-size: 0.92rem;
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.vgb-posts--uitgelicht.vgb-cols-1 {
	grid-template-columns: minmax(0, 1fr);
}
.vgb-posts--uitgelicht.vgb-cols-1 .vgb-post {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
}
.vgb-posts--uitgelicht.vgb-cols-1 .vgb-post__media {
	aspect-ratio: auto;
	min-height: 320px;
}
.vgb-posts--uitgelicht.vgb-cols-1 .vgb-post__body {
	justify-content: center;
	padding: 2rem 2.25rem;
}
@media screen and (max-width: 991px) {
	.vgb-ops--2 {
		grid-template-columns: minmax(0, 1fr);
	}
	.vgb-ops--4,
	.vgb-ops--5,
	.vgb-ops--6,
	.vgb-ops--7,
	.vgb-ops--8 {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}
	.vgb-posts--uitgelicht.vgb-cols-1 .vgb-post {
		display: flex;
	}
	.vgb-posts--uitgelicht.vgb-cols-1 .vgb-post__media {
		aspect-ratio: 16 / 10;
		min-height: 0;
	}
}

/* ===== 1.7.0: aanvraagformulier ===== */
.vgb-form,
.vgb-quote__done {
	padding: clamp(1.5rem, 3vw, 2.5rem);
	border: 1px solid #e3e8ec;
	box-shadow: 0 1px 2px rgba(15, 37, 51, 0.05), 0 18px 40px rgba(15, 37, 51, 0.08);
}
.vgb .vgb-form__kind-label {
	margin: 0 0 0.5rem;
	color: var(--vgb-ink-strong);
	font-size: 0.9rem;
	font-weight: 600;
}
.vgb-form__seg {
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column; /* 1.9.2: zoveel kolommen als soorten (nu twee) */
	gap: 4px;
	padding: 4px;
	border-radius: 10px;
	background: #eef2f4;
}
.vgb .vgb-form__seg a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.5rem 0.75rem;
	border-radius: 7px;
	color: #3d4a55 !important;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.25;
	text-align: center;
	text-decoration: none !important;
	transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.vgb .vgb-form__seg a:hover {
	color: var(--vgb-accent) !important;
}
.vgb .vgb-form__seg a[aria-current="true"] {
	background: #fff;
	color: var(--vgb-accent) !important;
	box-shadow: 0 1px 3px rgba(15, 37, 51, 0.14);
}
.vgb .vgb-form__seg a:focus-visible {
	outline: 2px solid var(--vgb-accent);
	outline-offset: 2px;
}
.vgb .vgb-form__kind-sub {
	margin: 0.6rem 0 0;
	color: #5b6872;
	font-size: 0.88rem;
}
.vgb-form__field label {
	margin-bottom: 0.4rem;
	font-size: 0.9rem;
}
.vgb-form__field label span[aria-hidden="true"] {
	color: var(--vgb-accent);
}
.vgb-form input[type="text"],
.vgb-form input[type="email"],
.vgb-form input[type="tel"],
.vgb-form textarea {
	min-height: 48px;
	border-width: 1px;
	border-color: #c9d3da;
}
.vgb-form input[type="text"]:hover,
.vgb-form input[type="email"]:hover,
.vgb-form input[type="tel"]:hover,
.vgb-form textarea:hover {
	border-color: #9fb0bc;
}
.vgb-form textarea {
	min-height: 8.5rem;
	line-height: 1.55;
	resize: vertical;
}
.vgb-form ::placeholder {
	color: #7b8a95;
	opacity: 1;
}
.vgb-form__field {
	margin-bottom: 1.15rem;
}
.vgb-form__drop {
	padding: 1rem 1.1rem;
	border: 1px dashed #b8c6cf;
	border-radius: 10px;
	background: #f7f9fa;
}
.vgb-form__drop input[type="file"] {
	color: #3d4a55;
	font-size: 0.9rem;
}
.vgb-form__drop input[type="file"]::file-selector-button {
	margin-right: 0.9rem;
	padding: 0.55rem 1rem;
	border: 1px solid var(--vgb-accent);
	border-radius: 7px;
	background: #fff;
	color: var(--vgb-accent);
	font-family: inherit;
	font-weight: 600;
	cursor: pointer;
}
.vgb-form__drop input[type="file"]::file-selector-button:hover {
	background: var(--vgb-accent);
	color: #fff;
}
.vgb-form__drop small {
	margin-top: 0.5rem;
}
.vgb-form__consent {
	margin: 1.5rem 0 0;
	padding-top: 1.25rem;
	border-top: 1px solid #e3e8ec;
}
.vgb-form__consent input {
	width: 1.1rem;
	height: 1.1rem;
}
.vgb-form__submit {
	margin-top: 1.25rem;
}
@media screen and (max-width: 576px) {
	.vgb-form__seg {
		grid-auto-flow: row;
		grid-template-columns: minmax(0, 1fr);
	}
	.vgb .vgb-form__seg a {
		justify-content: flex-start;
		text-align: left;
	}
	.vgb-form__submit .btn {
		width: 100%;
	}
}
.vgb-quote__intro {
	position: sticky;
	top: 8rem;
}
.vgb-quote__flow {
	margin-top: 2.25rem;
	padding-top: 1.75rem;
	border-top: 1px solid #d6dee4;
}
.vgb .vgb-quote__flow-title {
	margin: 0 0 1rem;
	color: var(--vgb-ink-strong);
	font-size: 1rem;
	font-weight: 600;
}
.vgb-quote__flow ol {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: vgb-flow;
}
.vgb-quote__flow li {
	position: relative;
	margin: 0;
	padding: 0 0 1.25rem 2.75rem;
	color: #3d4a55;
	font-size: 0.95rem;
	line-height: 1.5;
	counter-increment: vgb-flow;
}
.vgb-quote__flow li::before {
	position: absolute;
	top: -0.1rem;
	left: 0;
	width: 1.8rem;
	height: 1.8rem;
	border: 1px solid var(--vgb-accent);
	border-radius: 50%;
	color: var(--vgb-accent);
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1.75rem;
	text-align: center;
	content: counter(vgb-flow);
}
.vgb-quote__flow li:not(:last-child)::after {
	position: absolute;
	top: 1.85rem;
	bottom: 0.15rem;
	left: 0.9rem;
	width: 1px;
	background: #c9d3da;
	content: "";
}
@media screen and (max-width: 991px) {
	.vgb-quote__intro {
		position: static;
	}
}
/* 1.7.0: vergelijking zonder uitgelichte kolom (twee uitvoeringen naast elkaar) */
.vg-op-compare--neutraal td {
	color: var(--vgb-ink-strong);
}

/* ===== 1.7.1: twee toepassingen naast elkaar met de tekening links, kaarten zonder beeld met een lijn ===== */
.vgb-ops--2 {
	gap: 2rem 3rem;
}
.vgb-ops--2 .vgb-ops__item {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	column-gap: 1.75rem;
	align-content: start;
}
.vgb-ops--2 .vgb-ops__item > * {
	grid-column: 2;
}
.vgb-ops--2 .vgb-ops__item > .vgb-ops__fig {
	grid-column: 1;
	grid-row: 1 / span 4;
	align-self: start;
}
.vgb .vgb-ops--2 .vgb-ops__item h3 {
	margin-top: 0;
}
.vg-op-grid--tekst {
	gap: 2rem 2.5rem;
}
.vg-op-grid--tekst .vg-op-card {
	padding-top: 1.1rem;
	border-top: 1px solid #c9d3da;
}
.vgb .vg-op-grid--tekst .vg-op-card h3 {
	margin-top: 0;
	font-size: 1.1rem;
}
@media screen and (max-width: 991px) {
	.vgb-ops--2 .vgb-ops__item {
		grid-template-columns: 14rem minmax(0, 1fr);
		column-gap: 2rem;
	}
}
@media screen and (max-width: 576px) {
	.vgb-ops--2 .vgb-ops__item {
		display: block;
	}
	.vgb .vgb-ops--2 .vgb-ops__item h3 {
		margin-top: 1rem;
	}
	.vg-op-grid--tekst {
		gap: 1.5rem;
	}
}

/* ===== 1.8.0: uniforme tekeningen, donkere werkingssectie, spotlight, één uitgelicht verhaal ===== */
/* alle tekeningen op hetzelfde vlak; het verschil standaard/andere configuratie zit enkel in de statusregel */
.vgb-ops__item--optie .vgb-ops__fig {
	background: #f1f4f6;
	box-shadow: none;
}
.vgb-bg--licht .vgb-ops__item--optie .vgb-ops__fig {
	background: #fff;
}
.vgb-prof__layer {
	fill: rgba(70, 58, 66, 0.22);
}
.vgb-prof__flecks,
.vgb-prof__shine,
.vgb-prof__sym {
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
}
.vgb-prof__flecks {
	stroke: #6b5a63;
	stroke-width: 1.5px;
}
.vgb-prof__shine {
	stroke: var(--vgb-accent);
	stroke-width: 2px;
}
.vgb-prof__sym {
	stroke: var(--vgb-accent);
	stroke-width: 1.75px;
}
.vgb-prof__txt {
	fill: var(--vgb-accent);
	font: 600 8px Poppins, sans-serif;
}

/* Proces op een donkere achtergrond: groot, gecentreerd en met het beeld over de volle breedte */
.vgb--proces.vgb-bg--donker {
	background: #08090e;
	overflow: hidden;
}
.vgb--proces.vgb-bg--donker .vg-op-section-head {
	max-width: 860px;
	margin: 0 auto 1rem;
	text-align: center;
}
.vgb--proces.vgb-bg--donker .vg-op-section-head h2 {
	font-size: clamp(2.2rem, 4.6vw, 3.75rem) !important; /* het thema zet h2 vast */
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 1.05;
	text-wrap: balance;
}
.vgb--proces.vgb-bg--donker .vg-op-section-head p {
	max-width: 640px;
	margin: 1rem auto 0;
	color: #a9b7c2 !important;
	font-size: 1.15rem;
}
.vgb--proces.vgb-bg--donker .vgb-proc__media {
	width: 100vw;
	max-width: 1920px;
	margin-left: 50%;
	padding: 0;
	border-radius: 0;
	background: transparent;
	transform: translateX(-50%);
}
.vgb--proces.vgb-bg--donker .vgb-proc__pin {
	background: #2ba4d4;
	color: #04131b;
	box-shadow: 0 0 0 6px rgba(43, 164, 212, 0.22), 0 0 28px rgba(43, 164, 212, 0.65);
}
.vgb--proces.vgb-bg--donker .vgb-proc__steps {
	max-width: 960px;
	margin: 0 auto;
}
.vgb--proces.vgb-bg--donker .vgb-proc__num {
	background: transparent;
	box-shadow: inset 0 0 0 1.5px #2ba4d4;
	color: #2ba4d4;
}
.vgb--proces.vgb-bg--donker .vgb-proc__steps p {
	color: #a9b7c2 !important;
}

/* Spotlight: technologie uitgelicht */
.vgb--spotlight {
	position: relative;
	overflow: hidden;
	background: radial-gradient(900px 520px at 72% 28%, rgba(43, 164, 212, 0.16), rgba(43, 164, 212, 0) 70%), #06141d;
}
.vgb-spot__top {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: 4rem;
	align-items: center;
}
.vgb.vgb--spotlight h2 {
	margin: 0;
	color: #fff;
	font-size: clamp(2.4rem, 5vw, 4rem) !important;
	font-weight: 600;
	letter-spacing: -0.03em;
	line-height: 1.02;
}
.vgb.vgb--spotlight .vgb-spot__label {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 1.1rem 0 0;
	padding: 0.35rem 0.85rem;
	border: 1px solid rgba(43, 164, 212, 0.45);
	border-radius: 999px;
	color: #7fd0ef !important;
	font-size: 0.85rem;
	font-weight: 500;
}
.vgb-spot__label::before {
	content: "";
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: #2ba4d4;
	box-shadow: 0 0 10px #2ba4d4;
}
.vgb.vgb--spotlight .vgb-spot__lead {
	margin: 1.5rem 0 0;
	color: #b6c4ce !important;
	font-size: 1.15rem;
	line-height: 1.65;
}
.vgb--spotlight .vg-op-actions {
	margin-top: 2rem;
}
.vgb-spot__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 20px;
	object-fit: cover;
	object-position: 100% 50%;
	box-shadow: 0 40px 90px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.vgb-spot__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	margin: 4.5rem 0 0;
	padding: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	list-style: none;
}
.vgb-spot__grid li {
	margin: 0;
	padding: 1.75rem 1.75rem 1.75rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.vgb-spot__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 12px;
	background: rgba(43, 164, 212, 0.12);
	color: #4fbde6;
}
.vgb-spot__icon svg {
	width: 1.5rem;
	height: 1.5rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.vgb.vgb--spotlight .vgb-spot__grid h3 {
	margin: 1rem 0 0.4rem;
	color: #fff !important;
	font-size: 1.1rem !important;
	font-weight: 600;
}
.vgb.vgb--spotlight .vgb-spot__grid p {
	margin: 0;
	color: #a9b7c2 !important;
	font-size: 0.95rem;
	line-height: 1.6;
}
.vgb--spotlight .btn--secondary {
	border-color: rgba(255, 255, 255, 0.4) !important;
	color: #fff !important;
}

/* Eén uitgelicht verhaal */
.vgb-posts--uitgelicht.vgb-cols-1 .vgb-post {
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	border-radius: 20px;
}
.vgb-posts--uitgelicht.vgb-cols-1 .vgb-post__media {
	min-height: 420px;
}
.vgb-posts--uitgelicht.vgb-cols-1 .vgb-post__body {
	gap: 1rem;
	padding: 3rem;
}
.vgb .vgb-posts--uitgelicht.vgb-cols-1 h3.vgb-post__title {
	font-size: clamp(1.5rem, 2.4vw, 2rem) !important;
	line-height: 1.2;
}
.vgb .vgb-posts--uitgelicht.vgb-cols-1 .vgb-post__text {
	font-size: 1.02rem;
}
.vgb-posts--uitgelicht.vgb-cols-1 .vgb-post__more {
	display: inline-flex;
	align-self: flex-start;
	padding: 0.8rem 1.4rem;
	border-radius: 8px;
	background: var(--vgb-accent);
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 991px) {
	.vgb-spot__top {
		grid-template-columns: minmax(0, 1fr);
		gap: 2.5rem;
	}
	.vgb-spot__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 3rem;
	}
	.vgb-posts--uitgelicht.vgb-cols-1 .vgb-post__media {
		min-height: 0;
	}
	.vgb-posts--uitgelicht.vgb-cols-1 .vgb-post__body {
		padding: 2rem;
	}
}
@media screen and (max-width: 576px) {
	.vgb-spot__grid {
		grid-template-columns: minmax(0, 1fr);
	}
	.vgb-spot__grid li {
		padding: 1.4rem 0;
	}
	.vgb--proces.vgb-bg--donker .vgb-proc__pin {
		box-shadow: 0 0 0 4px rgba(43, 164, 212, 0.22), 0 0 16px rgba(43, 164, 212, 0.6);
	}
}
.vgb--proces.vgb-bg--donker .vgb-proc__steps h3 {
	font-size: 1.2rem !important;
}

/* ===== 1.8.1: knoppen in spotlight, zachte randen van het donkere procesbeeld, vaste hoogte van één uitgelicht verhaal ===== */
.vgb.vgb--spotlight .btn--secondary,
.vgb.vgb--spotlight .btn--secondary.vgb-btn-video {
	border-color: rgba(255, 255, 255, 0.45) !important;
	background: transparent !important;
	color: #fff !important;
}
.vgb.vgb--spotlight .btn--secondary:hover,
.vgb.vgb--spotlight .btn--secondary:focus-visible {
	border-color: #fff !important;
	background: rgba(255, 255, 255, 0.08) !important;
}
.vgb--proces.vgb-bg--donker .vgb-proc__canvas img {
	-webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 9%, #000 88%, transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0, #000 9%, #000 88%, transparent 100%);
}
.vgb-posts--uitgelicht.vgb-cols-1 .vgb-post__media {
	position: relative;
	height: 100%;
	min-height: 440px;
}
.vgb-posts--uitgelicht.vgb-cols-1 .vgb-post__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 20%; /* staande foto's: hoofd en bovenkant in beeld */
}
.vgb-posts--uitgelicht.vgb-cols-1 .vgb-post__more {
	margin-top: 0.75rem;
}
@media screen and (max-width: 991px) {
	.vgb-posts--uitgelicht.vgb-cols-1 .vgb-post__media {
		height: auto;
		min-height: 0;
		aspect-ratio: 4 / 3;
	}
}

/* ===== 1.9.0: tekeningen bovenaanzicht, ingebouwde configuratietekening, één verhaal als brede kaart ===== */
.vgb-prof__lines {
	fill: none;
	stroke: var(--vgb-accent);
	stroke-width: 1.75px;
	vector-effect: non-scaling-stroke;
}

/* Configuratietekening: de machine in grijstinten, enkel de werkende onderdelen in petrol */
.vgb--schema .vg-op-section-head {
	display: grid;
	grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
	gap: 1rem 4rem;
	align-items: end;
	max-width: none;
	margin-bottom: 2.5rem;
}
.vgb--schema .vg-op-section-head > * {
	grid-column: 1;
	margin: 0;
}
.vgb--schema .vg-op-section-head h2 {
	text-wrap: balance;
}
.vgb--schema .vg-op-section-head h2 + p {
	grid-column: 2;
	grid-row: 1;
	max-width: 46ch;
	font-size: 1.05rem;
	line-height: 1.65;
}
.vgb-proc--schema .vgb-proc__media {
	position: relative;
	overflow: hidden;
	padding: clamp(1.5rem, 4vw, 3.5rem) clamp(1rem, 3vw, 2.5rem) clamp(1.25rem, 3vw, 2.5rem);
	border-radius: 20px;
	background: #f2f5f7;
}
.vgb-bg--licht .vgb-proc--schema .vgb-proc__media {
	background: #fff;
}
/* fijn puntraster, naar de randen toe vervaagd */
.vgb-proc--schema .vgb-proc__media::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(15, 37, 51, 0.11) 1px, transparent 1.3px);
	background-size: 22px 22px;
	-webkit-mask-image: radial-gradient(ellipse at 50% 50%, #000 30%, transparent 78%);
	mask-image: radial-gradient(ellipse at 50% 50%, #000 30%, transparent 78%);
	pointer-events: none;
}
.vgb-proc--schema .vgb-proc__canvas {
	max-width: 1040px;
	margin: 0 auto;
}
.vgb-cfg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}
.vgb-cfg path {
	vector-effect: non-scaling-stroke;
	stroke: var(--vgb-ink-strong);
	stroke-width: 1.25px;
	stroke-linejoin: round;
	stroke-linecap: round;
}
.vgb-cfg__top { fill: #fff; }
.vgb-cfg__side { fill: #e3e9ed; }
.vgb-cfg__end { fill: #cdd7de; }
.vgb-cfg__roll { fill: #fff; }
.vgb-cfg .vgb-cfg__lane {
	fill: none;
	stroke-opacity: 0.07;
	stroke-width: 1px;
}
.vgb-cfg .vgb-cfg__flow,
.vgb-cfg .vgb-cfg__osc-arrow {
	fill: none;
	stroke-width: 1.5px;
}
.vgb-cfg .vgb-cfg__shadow {
	fill: var(--vgb-ink-strong);
	fill-opacity: 0.07;
	stroke: none;
}
.vgb-cfg__ptop { fill: #fff; }
.vgb-cfg__pside { fill: #dde4e9; }
.vgb-cfg__pend { fill: #c3cfd8; }
.vgb-cfg .vgb-cfg__hole {
	fill: #e3e9ed;
	stroke-width: 1px;
}
.vgb-cfg .vgb-cfg__burr {
	fill: none;
	stroke: #7d8d98;
	stroke-width: 1.25px;
}
.vgb-cfg .vgb-cfg__round {
	fill: none;
	stroke: var(--vgb-accent);
	stroke-width: 2.25px;
	opacity: 0;
}
.vgb-cfg__btop { fill: #0a6f98; }
.vgb-cfg__bside { fill: var(--vgb-accent); }
.vgb-cfg__bend { fill: #00435e; }
.vgb-cfg .vgb-cfg__run {
	fill: none;
	stroke: #fff;
	stroke-opacity: 0.6;
	stroke-dasharray: 3 9;
}
.vgb-cfg__bband { fill: #0a6f98; }
.vgb-cfg__bface { fill: #fff; }
.vgb-cfg .vgb-cfg__rot {
	fill: none;
	stroke-width: 1.5px;
}
.vgb-cfg__part {
	transition: opacity 0.3s ease, filter 0.3s ease;
}
.vgb-proc--schema[data-active="1"] .vgb-cfg__part[data-step="2"],
.vgb-proc--schema[data-active="2"] .vgb-cfg__part[data-step="1"] {
	opacity: 0.3;
	filter: grayscale(1);
}

/* beweging: stukken in de doorvoerrichting, de band en de pendelende borstels. Staat stil buiten beeld, na "pauzeren"
   en bij "beweging beperken"; de stukken tonen dan de toestand vóór, tussen en na de twee bewerkingen. */
.vgb-cfg__move,
.vgb-cfg__ptop,
.vgb-cfg .vgb-cfg__burr,
.vgb-cfg .vgb-cfg__round {
	animation-duration: 14s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-play-state: paused;
}
.vgb-cfg__move { animation-name: vgb-cfg-move; }
.vgb-cfg__ptop { animation-name: vgb-cfg-edge; }
.vgb-cfg .vgb-cfg__burr { animation-name: vgb-cfg-burr; }
.vgb-cfg .vgb-cfg__round { animation-name: vgb-cfg-round; }
.vgb-cfg__piece--1 * { animation-delay: -1.7s; }
.vgb-cfg__piece--2 * { animation-delay: -8.7s; }
.vgb-cfg__piece--3 * { animation-delay: -12.3s; }
.vgb-cfg .vgb-cfg__run {
	animation: vgb-cfg-run 1.1s linear infinite paused;
}
.vgb-cfg__osc {
	animation: vgb-cfg-osc 2.6s ease-in-out infinite alternate paused;
}
.vgb-proc--schema.is-live:not(.is-paused) .vgb-cfg * {
	animation-play-state: running;
}
@keyframes vgb-cfg-move {
	0% { transform: translate(169px, 36px); opacity: 0; }
	5% { opacity: 1; }
	93% { opacity: 1; }
	100% { transform: translate(-752px, -160px); opacity: 0; }
}
@keyframes vgb-cfg-edge {
	0%, 48% { stroke: var(--vgb-ink-strong); }
	50%, 100% { stroke: var(--vgb-accent); }
}
@keyframes vgb-cfg-burr {
	0%, 48% { opacity: 1; }
	50%, 100% { opacity: 0; }
}
@keyframes vgb-cfg-round {
	0%, 74% { opacity: 0; }
	77%, 100% { opacity: 1; }
}
@keyframes vgb-cfg-run {
	to { stroke-dashoffset: -24; }
}
@keyframes vgb-cfg-osc {
	from { transform: translate(-9.6px, 4.3px); }
	to { transform: translate(9.6px, -4.3px); }
}
@media (prefers-reduced-motion: reduce) {
	.vgb-proc--schema.is-live:not(.is-paused) .vgb-cfg * {
		animation-play-state: paused;
	}
	.vgb-proc__pause {
		display: none !important;
	}
}

/* genummerde punten met een korte aanwijslijn naar het onderdeel */
.vgb-proc--schema .vgb-proc__pin {
	width: 2rem;
	height: 2rem;
	font-size: 0.92rem;
	line-height: 2rem;
	transform: translate(-50%, calc(-100% - 30px));
	box-shadow: 0 0 0 3px #fff, 0 6px 16px rgba(15, 37, 51, 0.22);
	transition: opacity 0.3s ease;
}
.vgb-proc--schema .vgb-proc__pin::before,
.vgb-proc--schema .vgb-proc__pin::after {
	content: "";
	position: absolute;
	left: 50%;
}
.vgb-proc--schema .vgb-proc__pin::before {
	top: calc(100% + 3px);
	width: 1px;
	height: 27px;
	background: var(--vgb-surface-dark);
	opacity: 0.6;
}
.vgb-proc--schema .vgb-proc__pin::after {
	top: calc(100% + 26px);
	width: 7px;
	height: 7px;
	margin-left: -3px;
	border-radius: 50%;
	background: var(--vgb-surface-dark);
	box-shadow: 0 0 0 2px #fff;
}
.vgb-proc--schema[data-active="1"] .vgb-proc__pin[data-step="2"],
.vgb-proc--schema[data-active="2"] .vgb-proc__pin[data-step="1"] {
	opacity: 0.25;
}
.vgb-proc__pause {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: 1px solid #c3ced6;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
}
.vgb-proc__pause::before,
.vgb-proc__pause::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 3px;
	height: 12px;
	margin-top: -6px;
	border-radius: 1px;
	background: var(--vgb-surface-dark);
}
.vgb-proc__pause::before { left: calc(50% - 4.5px); }
.vgb-proc__pause::after { left: calc(50% + 1.5px); }
.vgb-proc__pause[aria-pressed="true"]::before {
	left: calc(50% - 3px);
	width: 0;
	height: 0;
	margin-top: -7px;
	border-width: 7px 0 7px 11px;
	border-style: solid;
	border-color: transparent transparent transparent var(--vgb-ink-strong);
	border-radius: 0;
	background: none;
}
.vgb-proc__pause[aria-pressed="true"]::after {
	display: none;
}
.vgb-proc__pause:hover {
	border-color: var(--vgb-ink-strong);
}
.vgb-proc__pause:focus-visible {
	outline: 2px solid var(--vgb-accent);
	outline-offset: 2px;
}

/* stappen onder de tekening; aanwijzen licht het onderdeel uit */
.vgb-proc--schema .vgb-proc__steps {
	gap: 0.75rem;
	margin-top: 0.75rem;
}
.vgb-proc--schema .vgb-proc__steps li {
	padding: 1.25rem 1.5rem;
	border-radius: 16px;
	transition: background-color 0.25s ease;
	cursor: default;
}
.vgb-proc--schema .vgb-proc__steps li.is-active {
	background: #f2f5f7;
}
.vgb-bg--licht .vgb-proc--schema .vgb-proc__steps li.is-active {
	background: #fff;
}
.vgb-proc--schema .vgb-proc__num {
	width: 2rem;
	height: 2rem;
	font-size: 0.92rem;
	line-height: 2rem;
}

/* Eén uitgelicht verhaal: brede kaart met titel, bericht en knop naast een groot beeld */
.vgb-story {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	min-height: 540px;
	margin: 0;
	background: #eef2f5;
	overflow: hidden;
}
.vgb-bg--licht .vgb-story {
	background: #fff;
}
.vgb-story--noimg {
	grid-template-columns: minmax(0, 1fr);
	min-height: 0;
}
.vgb-story__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: clamp(2rem, 5.5vw, 5rem);
}
.vgb.vgb--artikels .vgb-story__head {
	margin: 0 0 2.25rem;
	color: var(--vgb-ink-strong);
	font-size: clamp(2.6rem, 5vw, 4.25rem) !important; /* het thema zet h2 vast */
	font-weight: 700;
	letter-spacing: -0.015em;
	line-height: 0.98;
	text-transform: uppercase;
}
.vgb-story__head span {
	display: block;
	color: var(--vgb-accent);
}
.vgb.vgb--artikels .vgb-story__intro {
	margin: -1.25rem 0 1.75rem;
	max-width: 46ch;
	color: #45555f;
}
.vgb.vgb--artikels .vgb-story__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0 0.85rem;
	margin: 0 0 0.6rem;
	color: #5b6b76;
	font-size: 0.88rem;
}
.vgb-story__meta span {
	color: var(--vgb-accent);
	font-weight: 600;
}
.vgb.vgb--artikels h3.vgb-story__title {
	margin: 0 0 0.85rem;
	color: var(--vgb-ink-strong);
	font-size: 1.25rem !important;
	font-weight: 600;
	line-height: 1.35;
}
.vgb.vgb--artikels .vgb-story__text {
	max-width: 46ch;
	margin: 0;
	color: #2f3f4a;
	font-size: 1.05rem;
	line-height: 1.7;
}
.vgb-story__btn {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	margin-top: 2.25rem;
	padding: 0.95rem 1.5rem 0.95rem 1.75rem;
	border-radius: 999px;
	background: var(--vgb-accent);
	color: #fff !important;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none !important;
	transition: background-color 0.2s ease;
}
.vgb-story__btn svg {
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform 0.2s ease;
}
.vgb-story__btn:hover,
.vgb-story__btn:focus-visible {
	background: #00435e;
}
.vgb-story__btn:hover svg {
	transform: translateX(3px);
}
.vgb-story__btn:focus-visible {
	outline: 2px solid var(--vgb-accent);
	outline-offset: 3px;
}
.vgb-story__media {
	position: relative;
	display: block;
	min-height: 100%;
}
.vgb-story__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 30%;
}
.vgb-story__play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 5.5rem;
	height: 5.5rem;
	margin: -2.75rem 0 0 -2.75rem;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.vgb-story__play svg {
	width: 2rem;
	height: 2rem;
	margin-left: 0.25rem;
	fill: var(--vgb-ink-strong);
}
@media (prefers-reduced-motion: reduce) {
	.vgb-story__btn,
	.vgb-story__btn svg,
	.vgb-cfg__part,
	.vgb-proc--schema .vgb-proc__pin {
		transition: none;
	}
}

@media screen and (max-width: 991px) {
	.vgb--schema .vg-op-section-head {
		grid-template-columns: minmax(0, 1fr);
	}
	.vgb--schema .vg-op-section-head h2 + p {
		grid-column: 1;
		grid-row: auto;
	}
	.vgb-story {
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
	}
	.vgb-story__media {
		order: -1;
		aspect-ratio: 4 / 3;
		min-height: 0;
	}
}
@media screen and (max-width: 767px) {
	/* op gsm: de uiteinden van de transportband vallen weg, zodat dwarsband en borstels groter in beeld komen */
	.vgb-proc--schema .vgb-proc__media {
		padding: 2.5rem 0 1.25rem;
	}
	.vgb-proc--schema .vgb-proc__canvas {
		width: 146%;
		max-width: none;
		margin-left: -16%;
	}
	.vgb-proc--schema .vgb-proc__pin {
		width: 1.75rem;
		height: 1.75rem;
		font-size: 0.85rem;
		line-height: 1.75rem;
	}
	.vgb-proc--schema .vgb-proc__steps {
		grid-template-columns: minmax(0, 1fr);
	}
	.vgb-proc--schema .vgb-proc__steps li {
		padding: 1rem 0.75rem;
	}
	.vgb-proc--schema .vgb-proc__pin {
		transform: translate(-50%, calc(-100% - 22px));
	}
	.vgb-proc--schema .vgb-proc__pin::before {
		height: 19px;
	}
	.vgb-proc--schema .vgb-proc__pin::after {
		top: calc(100% + 18px);
	}
	.vgb-proc__pause {
		top: 0.6rem;
		right: 0.6rem;
		bottom: auto;
		width: 2.25rem;
		height: 2.25rem;
	}
}

/* ===== 1.9.2: kerngegevens (specificaties groot, in drie kolommen) ===== */
.vgb-keyspecs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0 3rem;
	margin: 0;
	border-top: 1px solid var(--vgb-ink-strong);
}
.vgb-keyspecs__item {
	padding: 1.6rem 0 1.75rem;
	border-bottom: 1px solid #dfe5ea;
}
.vgb .vgb-keyspecs dt {
	margin: 0 0 0.6rem;
	color: #5b6b76;
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.4;
}
.vgb .vgb-keyspecs dd {
	margin: 0;
	color: var(--vgb-ink-strong);
	font-size: clamp(1.15rem, 1.6vw, 1.4rem);
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.35;
	font-variant-numeric: tabular-nums;
}
.vgb-bg--donker .vgb-keyspecs {
	border-top-color: rgba(255, 255, 255, 0.6);
}
.vgb-bg--donker .vgb-keyspecs__item {
	border-bottom-color: rgba(255, 255, 255, 0.14);
}
.vgb.vgb-bg--donker .vgb-keyspecs dt {
	color: #a9b7c2;
}
.vgb.vgb-bg--donker .vgb-keyspecs dd {
	color: #fff;
}
.vgb--datasheet .vgb-keyspecs + .vgb-datasheet__note {
	margin-top: 1.25rem;
}
@media screen and (max-width: 991px) {
	.vgb-keyspecs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 2rem;
	}
}
@media screen and (max-width: 576px) {
	.vgb-keyspecs {
		grid-template-columns: minmax(0, 1fr);
	}
	.vgb-keyspecs__item {
		padding: 1.1rem 0 1.2rem;
	}
}

/* ===== 1.11.0: ontwerp "Rustig" (per pagina), lichte Advanced Control, rustige specificaties ===== */
/* Eén ritme voor alle secties: wit als basis, één getinte band, één sectiekop, fijne lijnen, één radius. */
.vgb-page--rustig {
	--r-ink: var(--vgb-ink);
	--r-text: #4f555c;
	--r-muted: #6b7178;
	--r-line: #d9dcd9;
	--r-tint: #f3f4f3;
	--r-accent: var(--vgb-accent);
	color: var(--r-text);
}
.vgb-page--rustig .vgb,
.vgb-page--rustig .vgb-space--klein,
.vgb-page--rustig .vgb-space--groot {
	padding: 6rem 0;
}
.vgb-page--rustig .vgb--hero,
.vgb-page--rustig .vgb--showcase {
	padding: 0;
}
.vgb-page--rustig .vgb-bg--licht {
	background: var(--r-tint);
}
/* twee witte secties na elkaar: geen dubbele witruimte */
.vgb-page--rustig .vgb-bg--wit + .vgb-bg--wit,
.vgb-page--rustig .vgb-bg--licht + .vgb-bg--licht {
	padding-top: 1.5rem;
}
.vgb-page--rustig .vgb-bg--wit + .vgb-bg--wit::before {
	content: "";
	display: block;
	max-width: 1110px;
	height: 1px;
	margin: 0 auto 4.5rem;
	background: var(--r-line);
}
/* sectiekop */
.vgb-page--rustig .vg-op-section-head {
	max-width: 680px;
	margin-bottom: 3rem;
}
.vgb-page--rustig .vgb .vg-op-section-head .vgb-kicker,
.vgb-page--rustig .vgb .vg-op-kicker {
	margin: 0 0 0.75rem;
	color: var(--r-accent) !important;
	font-size: 0.9rem !important;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
}
.vgb-page--rustig .vgb .vg-op-section-head h2,
.vgb-page--rustig .vgb .vgb-split__text h2,
.vgb-page--rustig .vgb .vgb-stack h2 {
	margin: 0 0 1rem;
	color: var(--r-ink) !important;
	font-size: clamp(1.75rem, 2.5vw, 2.25rem) !important;
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.2;
	text-wrap: balance;
}
.vgb-page--rustig .vgb .vg-op-section-head p:not(.vgb-kicker) {
	max-width: 640px;
	color: var(--r-text) !important;
	font-size: 1.125rem;
	line-height: 1.65;
}
.vgb-page--rustig .vgb h3 {
	color: var(--r-ink);
}
.vgb-page--rustig .vgb p:not(.vgb-kicker),
.vgb-page--rustig .vgb li {
	color: var(--r-text);
}
/* beelden: één radius, geen schaduw */
.vgb-page--rustig .vgb-split__media img,
.vgb-page--rustig .vgb-split__media video,
.vgb-page--rustig .vgb-stack__media img,
.vgb-page--rustig .vgb-stack__media video,
.vgb-page--rustig .vg-op-card img,
.vgb-page--rustig .vgb-steps__figure,
.vgb-page--rustig .vgb-proc__media,
.vgb-page--rustig .vgb-ops__fig {
	border-radius: 8px;
	box-shadow: none;
}
/* kaarten: geen kaders, een fijne lijn erboven */
.vgb-page--rustig .vg-op-card,
.vgb-page--rustig .vg-op-card--box {
	padding: 1.25rem 0 0;
	border: 0;
	border-top: 1px solid var(--r-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
.vgb-page--rustig .vg-op-card img {
	margin-bottom: 1.25rem;
}
.vgb-page--rustig .vg-op-card:has(img) {
	padding-top: 0;
	border-top: 0;
}
.vgb-page--rustig .vgb .vg-op-card h3 {
	margin: 0 0 0.5rem;
	font-size: 1.2rem;
	font-weight: 600;
}
/* tekst en beeld: rustige lijsten met fijne lijnen */
.vgb-page--rustig .vgb-split__text ul,
.vgb-page--rustig .vgb-stack__text ul {
	margin: 1.5rem 0 0;
	padding: 0;
	list-style: none;
}
.vgb-page--rustig .vgb .vgb-split__text li,
.vgb-page--rustig .vgb .vgb-stack__text li {
	position: static;
	margin: 0;
	padding: 0.8rem 0;
	border-top: 1px solid var(--r-line);
	font-size: 1rem;
	line-height: 1.55;
}
.vgb-page--rustig .vgb-split__text li::before,
.vgb-page--rustig .vgb-stack__text li::before {
	display: none;
}
.vgb-page--rustig .vgb-split__text li strong,
.vgb-page--rustig .vgb-stack__text li strong {
	color: var(--r-ink);
	font-weight: 600;
}
/* vergelijking en FAQ: zelfde fijne lijnen */
.vgb-page--rustig .vg-op-compare th,
.vgb-page--rustig .vg-op-compare td {
	border-bottom-color: var(--r-line);
}
.vgb-page--rustig .vg-op-compare thead th {
	border-bottom: 1px solid var(--r-ink);
	color: var(--r-ink);
}
.vgb-page--rustig .vg-op-compare .is-vg {
	background: rgba(0, 94, 131, 0.05);
}

/* Advanced Control, licht: een wit paneel op een getinte band */
.vgb--spot-licht .vgb-spotl {
	position: relative;
	padding: clamp(1.75rem, 4vw, 3.5rem);
	border: 1px solid #dfe2df;
	border-top: 3px solid var(--vgb-accent);
	border-radius: 8px;
	background: #fff;
}
.vgb-spotl__top {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: clamp(2rem, 4vw, 4rem);
	align-items: center;
}
.vgb.vgb--spot-licht .vgb-spotl__label {
	display: inline-block;
	margin: 0 0 1rem;
	padding: 0.3rem 0.75rem;
	border: 1px solid rgba(0, 94, 131, 0.35);
	border-radius: 999px;
	color: var(--vgb-accent);
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1.3;
}
.vgb.vgb--spot-licht .vgb-spotl h2 {
	margin: 0 0 1rem;
	color: var(--vgb-ink) !important;
	font-size: clamp(1.75rem, 2.4vw, 2.1rem) !important;
	font-weight: 600;
	letter-spacing: -0.015em;
	line-height: 1.2;
	text-wrap: balance;
}
.vgb.vgb--spot-licht .vgb-spotl__lead {
	margin: 0;
	color: #4f555c;
	font-size: 1.1rem;
	line-height: 1.65;
}
.vgb-spotl__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 1.75rem 0 0;
	padding: 0;
	list-style: none;
}
.vgb.vgb--spot-licht .vgb-spotl__chips li {
	margin: 0;
	padding: 0.4rem 0.8rem;
	border: 1px solid #d9dcd9;
	border-radius: 6px;
	color: var(--vgb-ink);
	font-size: 0.88rem;
	font-weight: 500;
	line-height: 1.3;
}
.vgb-spotl__media {
	width: 100%;
	margin: 0;
}
.vgb-spotl__media img {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	height: auto;
	aspect-ratio: 4 / 3;
	border-radius: 8px;
	object-fit: cover;
}
.vgb-spotl__groups {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2rem 3rem;
	margin: clamp(2.5rem, 4vw, 3.5rem) 0 0;
	padding: 0;
	list-style: none;
}
.vgb-spotl__group {
	margin: 0;
	padding-top: 1.25rem;
	border-top: 1px solid #d9dcd9;
}
.vgb-spotl__num {
	display: block;
	margin-bottom: 0.5rem;
	color: var(--vgb-accent);
	font-size: 0.875rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}
.vgb.vgb--spot-licht .vgb-spotl__group h3 {
	margin: 0 0 0.5rem;
	color: var(--vgb-ink);
	font-size: 1.2rem !important;
	font-weight: 600;
	line-height: 1.3;
}
.vgb.vgb--spot-licht .vgb-spotl__group p {
	margin: 0 0 1rem;
	color: #4f555c;
	font-size: 1rem;
	line-height: 1.6;
}
.vgb-spotl__items {
	margin: 0;
	padding: 0;
	list-style: none;
}
.vgb.vgb--spot-licht .vgb-spotl__items li {
	position: relative;
	margin: 0;
	padding: 0.45rem 0 0.45rem 1.1rem;
	color: var(--vgb-ink);
	font-size: 0.95rem;
	line-height: 1.5;
}
.vgb-spotl__items li::before {
	content: "";
	position: absolute;
	top: 1.15rem;
	left: 0;
	width: 0.4rem;
	height: 1px;
	background: var(--vgb-accent);
}
.vgb-spotl__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 2rem;
	margin: 2.5rem 0 0;
	padding-top: 1.5rem;
	border-top: 1px solid #d9dcd9;
}
.vgb .vgb-spotl__link {
	color: var(--vgb-accent);
	font-size: 0.98rem;
	font-weight: 600;
	text-decoration: none;
}
.vgb .vgb-spotl__link::after {
	content: " \2192";
}
.vgb .vgb-spotl__link:hover,
.vgb .vgb-spotl__link:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Specificaties, overzicht: kop en downloads links, gegevens rechts in twee kolommen */
.vgb-specs2 {
	display: grid;
	grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
	gap: 2rem clamp(2rem, 6vw, 6rem);
	align-items: start;
}
.vgb-specs2 .vg-op-section-head {
	margin-bottom: 0;
}
.vgb-specs2__downloads {
	margin: 2rem 0 0;
	padding: 0;
	list-style: none;
}
.vgb .vgb-specs2__downloads li {
	margin: 0;
	padding: 0;
}
.vgb .vgb-specs2__downloads a {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.45rem 0;
	color: var(--vgb-accent);
	font-size: 0.98rem;
	font-weight: 600;
	text-decoration: none;
}
.vgb .vgb-specs2__downloads a:hover,
.vgb .vgb-specs2__downloads a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.vgb-specs2__downloads svg {
	flex: none;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.vgb .vgb-specs2__note {
	margin: 1.5rem 0 0;
	color: #6b7178;
	font-size: 0.85rem;
}
.vgb-specs2__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 3rem;
	margin: 0;
}
.vgb-specs2__item {
	padding: 1rem 0 1.25rem;
	border-top: 1px solid #d9dcd9;
}
.vgb .vgb-specs2__item dt {
	margin: 0 0 0.25rem;
	color: #6b7178;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.4;
}
.vgb .vgb-specs2__item dd {
	margin: 0;
	color: var(--vgb-ink);
	font-size: 1.15rem;
	font-weight: 400;
	line-height: 1.45;
	font-variant-numeric: tabular-nums;
}

@media screen and (max-width: 991px) {
	.vgb-page--rustig .vgb,
	.vgb-page--rustig .vgb-space--klein,
	.vgb-page--rustig .vgb-space--groot {
		padding: 4.5rem 0;
	}
	.vgb-spotl__top,
	.vgb-specs2 {
		grid-template-columns: minmax(0, 1fr);
	}
	.vgb-spotl__groups {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.5rem;
	}
}
@media screen and (max-width: 576px) {
	.vgb-page--rustig .vgb,
	.vgb-page--rustig .vgb-space--klein,
	.vgb-page--rustig .vgb-space--groot {
		padding: 3.5rem 0;
	}
	.vgb-page--rustig .vgb-bg--wit + .vgb-bg--wit::before {
		margin-bottom: 3rem;
	}
	.vgb-page--rustig .vg-op-section-head {
		margin-bottom: 2rem;
	}
	.vgb-specs2__list {
		grid-template-columns: minmax(0, 1fr);
	}
	.vgb .vgb-specs2__item dd {
		font-size: 1.05rem;
	}
}

/* ===== 1.11.2: rustig ontwerp, productkaarten zonder kader, verhaal in de getinte kleur ===== */
.vgb-page--rustig .vgb-product {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
.vgb-page--rustig .vgb-product:hover,
.vgb-page--rustig .vgb-product:focus-visible {
	box-shadow: none;
	transform: none;
}
.vgb-page--rustig .vgb-product__media {
	border-radius: 8px;
	background: #f3f4f3;
}
.vgb-page--rustig .vgb-product__body {
	padding-right: 0;
	padding-left: 0;
}
.vgb-page--rustig .vgb-product:hover .vgb-product__title,
.vgb-page--rustig .vgb-product:focus-visible .vgb-product__title {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.vgb-page--rustig .vgb-story {
	border-radius: 8px;
	background: #f3f4f3;
}

/* ===== 1.12.0: ontwerp "Rustig" verfijnd (high-end), uitleg met animaties, beeld en video samen ===== */
/* ritme: ruimere secties, sterker contrast tussen kop en tekst, kleine bovenregel (sinds 1.12.2 zonder kapitalen) */
.vgb-page--rustig .vgb,
.vgb-page--rustig .vgb-space--klein,
.vgb-page--rustig .vgb-space--groot {
	padding: 6.5rem 0;
}
.vgb-page--rustig .vgb--hero,
.vgb-page--rustig .vgb--showcase {
	padding: 0;
}
.vgb-page--rustig .vgb-bg--wit + .vgb-bg--wit::before {
	margin-bottom: 5rem;
}
.vgb-page--rustig .vg-op-section-head {
	margin-bottom: 3rem;
}
.vgb-page--rustig .vgb .vg-op-section-head .vgb-kicker,
.vgb-page--rustig .vgb .vg-op-kicker,
.vgb-page--rustig .vgb .vgb-spotl__label {
	margin: 0 0 1rem;
	padding: 0;
	border: 0;
	border-radius: 0;
	color: var(--vgb-accent) !important;
	font-size: 0.8125rem !important;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1.3;
	text-transform: uppercase;
}
.vgb-page--rustig .vgb .vg-op-section-head h2,
.vgb-page--rustig .vgb .vgb-split__text h2,
.vgb-page--rustig .vgb .vgb-stack h2,
.vgb-page--rustig .vgb.vgb--spot-licht .vgb-spotl h2 {
	margin: 0 0 1.25rem;
	font-size: clamp(2rem, 3.2vw, 2.75rem) !important;
	font-weight: 600;
	letter-spacing: -0.015em;
	line-height: 1.1;
}
.vgb-page--rustig .vgb .vgb-specs2 .vg-op-section-head h2 {
	font-size: clamp(1.75rem, 2.4vw, 2.25rem) !important;
}

/* Uitleg met animaties */
.vgb-ex {
	display: grid;
	grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
	gap: 2rem clamp(2rem, 4vw, 3.5rem);
	align-items: start;
}
.vgb-ex__media {
	position: relative;
}
.vgb-ex__slide {
	margin: 0;
}
.vgb-ex__slide[hidden] {
	display: none;
}
.vgb-ex__slide figure {
	margin: 0;
}
.vgb-ex__video,
.vgb-ex__slide img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	background: #f3f4f3;
	object-fit: cover;
}
.vgb .vgb-ex__slide figcaption {
	margin: 0.85rem 0 0;
	color: #6b7178;
	font-size: 0.8125rem;
	line-height: 1.4;
}
.vgb-ex__toggle {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: 1px solid rgba(50, 57, 65, 0.25);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
	cursor: pointer;
}
.vgb-ex__toggle::before,
.vgb-ex__toggle::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 2px;
	height: 10px;
	margin-top: -5px;
	background: var(--vgb-ink);
}
.vgb-ex__toggle::before { left: calc(50% - 4px); }
.vgb-ex__toggle::after { left: calc(50% + 2px); }
.vgb-ex__toggle[aria-pressed="true"]::before {
	left: calc(50% - 2px);
	width: 0;
	height: 0;
	margin-top: -6px;
	border-width: 6px 0 6px 9px;
	border-style: solid;
	border-color: transparent transparent transparent var(--vgb-ink);
	background: none;
}
.vgb-ex__toggle[aria-pressed="true"]::after { display: none; }
.vgb-ex__toggle:focus-visible {
	outline: 2px solid var(--vgb-accent);
	outline-offset: 2px;
}
.vgb-ex__tabs {
	display: flex;
	flex-direction: column;
}
.vgb .vgb-ex__tab {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 1.5rem 0 1.75rem;
	border: 0;
	border-top: 1px solid #d9dcd9;
	border-radius: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
}
.vgb-ex__tab:last-child {
	border-bottom: 1px solid #d9dcd9;
}
.vgb-ex__progress {
	position: absolute;
	top: -1px;
	left: 0;
	width: calc(var(--p, 0) * 100%);
	height: 1px;
	background: var(--vgb-accent);
}
.vgb-ex__tab:not(.is-active) .vgb-ex__progress {
	display: none;
}
.vgb-ex__num {
	display: block;
	margin-bottom: 0.5rem;
	color: var(--vgb-accent);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	font-variant-numeric: tabular-nums;
}
.vgb-ex__title {
	display: block;
	color: #6b7178;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.3;
	transition: color 0.2s ease;
}
.vgb-ex__text {
	display: block;
	margin-top: 0.6rem;
	color: #6b7178;
	font-size: 0.98rem;
	line-height: 1.6;
}
.vgb-ex__tab.is-active .vgb-ex__title {
	color: var(--vgb-ink);
}
.vgb-ex__tab.is-active .vgb-ex__text {
	color: #4f555c;
}
.vgb-ex__tab:not(.is-active) .vgb-ex__text {
	display: none;
}
.vgb-ex__tab:hover .vgb-ex__title {
	color: var(--vgb-ink);
}
.vgb-ex__tab:focus-visible {
	outline: 2px solid var(--vgb-accent);
	outline-offset: 4px;
}
.vgb-ex__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0 3rem;
	margin: 4rem 0 0;
}
.vgb-ex__stat {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
	padding-top: 1.25rem;
	border-top: 1px solid #d9dcd9;
}
.vgb .vgb-ex__stat dd {
	margin: 0 0 0.5rem;
	color: var(--vgb-ink);
	font-size: clamp(2.5rem, 4vw, 3.5rem);
	font-weight: 300;
	letter-spacing: -0.02em;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}
.vgb .vgb-ex__stat dt {
	color: #6b7178;
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.45;
}

/* Beeld en video: rijen die de breedte vullen; de verdeling komt uit media_rows() en --ar per tegel */
.vgb-media {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
.vgb-media__row {
	display: flex;
	gap: 0.75rem;
}
.vgb-media__item {
	position: relative;
	display: block;
	flex: var(--ar, 1.5) 1 0;
	min-width: 0;
	aspect-ratio: var(--ar, 1.5);
	overflow: hidden;
	border-radius: 8px;
	background: #e9ecec;
	color: #fff !important;
	text-decoration: none !important;
}
.vgb-media__item.is-extra {
	display: none;
}
.vgb-media__frame {
	position: absolute;
	inset: 0;
	display: block;
}
.vgb-media__frame img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	margin: 0;
	border-radius: 0;
	object-fit: cover;
}
.vgb-media__frame .vgb-media__img {
	transition: transform 0.4s ease;
}
.vgb-media__item:hover .vgb-media__img {
	transform: scale(1.02);
}
/* Beeld dat niet in de tegel past: volledig zichtbaar op een effen vlak; wit rond een vrijstaande machine gaat daarin op */
.vgb-media__item.is-fit {
	background: #eef0f1;
}
.vgb-media__item.is-fit .vgb-media__img {
	box-sizing: border-box;
	padding: 1.5rem;
	object-fit: contain;
	mix-blend-mode: multiply;
}
.vgb-media__play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3rem;
	height: 3rem;
	margin: -1.5rem 0 0 -1.5rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}
.vgb-media__play::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -4px;
	border-width: 7px 0 7px 11px;
	border-style: solid;
	border-color: transparent transparent transparent var(--vgb-accent);
}
.vgb-media__item.is-first .vgb-media__play {
	width: 4rem;
	height: 4rem;
	margin: -2rem 0 0 -2rem;
}
.vgb-media__caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	padding: 2.5rem 1rem 0.8rem;
	background: linear-gradient(to top, rgba(20, 24, 29, 0.55), rgba(20, 24, 29, 0));
	font-size: 0.8125rem;
	line-height: 1.3;
}
.vgb-media__title {
	font-weight: 600;
}
.vgb-media__meta {
	flex: none;
	opacity: 0.85;
	font-variant-numeric: tabular-nums;
}
.vgb-media__item:not(.is-first) .vgb-media__title {
	display: none;
}
.vgb-media__more {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(50, 57, 65, 0.6);
	color: #fff;
	font-size: 1.5rem;
	font-weight: 500;
}
.vgb-media__item:focus-visible {
	outline: 2px solid var(--vgb-accent);
	outline-offset: 3px;
}

/* In de kijker, stil: één rij tussen fijne lijnen */
.vgb-page--rustig .vgb-story {
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: 0 clamp(2rem, 4vw, 3.5rem);
	align-items: center;
	min-height: 0;
	padding: 2rem 0;
	border-top: 1px solid #d9dcd9;
	border-bottom: 1px solid #d9dcd9;
	border-radius: 0;
	background: transparent;
	overflow: visible;
}
.vgb-page--rustig .vgb-story__media {
	order: -1;
	min-height: 0;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	border-radius: 8px;
}
.vgb-page--rustig .vgb-story__body {
	padding: 0;
}
.vgb-page--rustig .vgb.vgb--artikels .vgb-story__head {
	margin: 0 0 1.25rem;
	color: var(--vgb-accent);
	font-size: 0.8125rem !important;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1.3;
	text-transform: uppercase;
}
.vgb-page--rustig .vgb-story__head span {
	display: inline;
	color: inherit;
}
.vgb-page--rustig .vgb-story__head span::before {
	content: " ";
}
.vgb-page--rustig .vgb.vgb--artikels h3.vgb-story__title {
	margin: 0 0 0.75rem;
	font-size: 1.5rem !important;
	line-height: 1.3;
}
.vgb-page--rustig .vgb.vgb--artikels .vgb-story__text {
	max-width: 60ch;
	font-size: 1rem;
}
.vgb-page--rustig .vgb-story__btn {
	margin-top: 1.25rem;
	padding: 0;
	border-radius: 0;
	background: none;
	color: var(--vgb-accent) !important;
	font-size: 0.95rem;
	font-weight: 600;
}
.vgb-page--rustig .vgb-story__btn:hover,
.vgb-page--rustig .vgb-story__btn:focus-visible {
	background: none;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}
.vgb-page--rustig .vgb-story__play {
	width: 3.5rem;
	height: 3.5rem;
	margin: -1.75rem 0 0 -1.75rem;
}

@media (prefers-reduced-motion: reduce) {
	.vgb-media__frame .vgb-media__img,
	.vgb-ex__title {
		transition: none;
	}
}
@media screen and (max-width: 991px) {
	.vgb-page--rustig .vgb,
	.vgb-page--rustig .vgb-space--klein,
	.vgb-page--rustig .vgb-space--groot {
		padding: 5rem 0;
	}
	.vgb-page--rustig .vgb-bg--wit + .vgb-bg--wit::before {
		margin-bottom: 4rem;
	}
	.vgb-ex {
		grid-template-columns: minmax(0, 1fr);
	}
	.vgb-ex__tabs {
		flex-direction: row;
		gap: 1.5rem;
	}
	.vgb .vgb-ex__tab {
		flex: 1;
		border-bottom: 0;
	}
	.vgb-ex__tab:last-child {
		border-bottom: 0;
	}
	.vgb-ex__tab:not(.is-active) .vgb-ex__text {
		display: none;
	}
	.vgb-page--rustig .vgb-story {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.5rem;
	}
	.vgb-page--rustig .vgb-story__media {
		aspect-ratio: 16 / 9;
	}
}
@media screen and (max-width: 576px) {
	.vgb-page--rustig .vgb,
	.vgb-page--rustig .vgb-space--klein,
	.vgb-page--rustig .vgb-space--groot {
		padding: 3.75rem 0;
	}
	.vgb-page--rustig .vgb-bg--wit + .vgb-bg--wit::before {
		margin-bottom: 3rem;
	}
	.vgb-page--rustig .vg-op-section-head {
		margin-bottom: 2.25rem;
	}
	.vgb-ex__tabs {
		flex-direction: column;
		gap: 0;
	}
	.vgb-ex__stats {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
		margin-top: 2.5rem;
	}
	.vgb-ex__stat {
		padding-bottom: 1.25rem;
	}
	/* Op gsm geen vaste rijen: de tegels vullen elke regel zelf, de laatste blijft binnen de hoogte van het scherm */
	.vgb-media {
		flex-flow: row wrap;
		gap: 0.5rem;
	}
	.vgb-media__row {
		display: contents;
	}
	.vgb-media__item {
		flex: var(--ar, 1.5) 1 calc(var(--ar, 1.5) * 7rem);
		max-height: 70vh;
	}
	.vgb-media__item.is-first {
		flex-basis: 100%;
	}
}

/* ===== 1.12.2: Advanced Control opnieuw in een kader, verder uitgewerkt ===== */
/* Het kader: een wit paneel op de getinte band, met een petrol lijn bovenaan */
.vgb-page--rustig .vgb--spot-licht .vgb-spotl {
	position: relative;
	overflow: hidden;
	padding: 0;
	border: 1px solid #dde1e2;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(50, 57, 65, 0.04), 0 32px 64px -40px rgba(50, 57, 65, 0.28);
}
.vgb-page--rustig .vgb--spot-licht .vgb-spotl::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	height: 3px;
	background: var(--vgb-accent);
}

/* Boven: tekst links, het scherm rechts tot tegen de rand van het kader */
.vgb-page--rustig .vgb-spotl__top {
	grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
	gap: 0;
	align-items: stretch;
}
.vgb-page--rustig .vgb-spotl__text {
	align-self: center;
	padding: clamp(2.5rem, 4.5vw, 4.5rem) clamp(2rem, 4vw, 4rem);
}
.vgb-page--rustig .vgb .vgb-spotl__label {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin-bottom: 1.25rem;
}
.vgb-page--rustig .vgb .vgb-spotl__label::before {
	content: "";
	flex: none;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--vgb-accent);
	box-shadow: 0 0 0 4px rgba(0, 94, 131, 0.12);
}
.vgb-page--rustig .vgb.vgb--spot-licht .vgb-spotl h2 {
	font-size: clamp(1.875rem, 2.6vw, 2.375rem) !important;
	line-height: 1.12;
}
.vgb-page--rustig .vgb.vgb--spot-licht .vgb-spotl__lead {
	font-size: 1.0625rem;
	line-height: 1.65;
}

/* Kenmerken als een kleine lijst met vinkjes */
.vgb-page--rustig .vgb-spotl__chips {
	display: grid;
	gap: 0;
	margin: 2rem 0 0;
	border-top: 1px solid #e4e7e8;
}
.vgb-page--rustig .vgb.vgb--spot-licht .vgb-spotl__chips li {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.8rem 0;
	border: 0;
	border-bottom: 1px solid #e4e7e8;
	border-radius: 0;
	color: var(--vgb-ink);
	font-size: 0.95rem;
	font-weight: 500;
}
.vgb-page--rustig .vgb.vgb--spot-licht .vgb-spotl__chips li::before {
	content: "";
	flex: none;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: rgba(0, 94, 131, 0.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5.5 9.2l2.3 2.3 4.7-5' fill='none' stroke='%23005e83' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat;
}

/* Het scherm vult de rechterkant; de witte rand links op de foto valt weg */
.vgb-page--rustig .vgb-spotl__media {
	position: relative;
	overflow: hidden;
	min-height: 100%;
	border-radius: 0;
	background: #1d4f91;
}
.vgb-page--rustig .vgb-spotl__media img {
	position: absolute;
	top: 0;
	left: -12%;
	width: 112%;
	max-width: none;
	height: 100%;
	aspect-ratio: auto;
	border-radius: 0;
	object-fit: cover;
	object-position: 50% 30%;
}

/* Onder: drie voordelen in kolommen, gescheiden door fijne lijnen */
.vgb-page--rustig .vgb-spotl__groups {
	gap: 0;
	margin: 0;
	border-top: 1px solid #e4e7e8;
	background: #fafbfb;
}
.vgb-page--rustig .vgb-spotl__group {
	padding: clamp(2rem, 3.5vw, 3rem) clamp(1.75rem, 3vw, 2.75rem);
	border-top: 0;
}
.vgb-page--rustig .vgb-spotl__group + .vgb-spotl__group {
	border-left: 1px solid #e4e7e8;
}
.vgb-page--rustig .vgb-spotl__num {
	display: inline-block;
	margin-bottom: 1.25rem;
	padding: 0.2rem 0.5rem;
	border: 1px solid rgba(0, 94, 131, 0.3);
	border-radius: 4px;
	color: var(--vgb-accent);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.3;
}
.vgb-page--rustig .vgb.vgb--spot-licht .vgb-spotl__group h3 {
	margin-bottom: 0.6rem;
	font-size: 1.1875rem !important;
	line-height: 1.3;
}
.vgb-page--rustig .vgb.vgb--spot-licht .vgb-spotl__group p {
	margin-bottom: 1.25rem;
	font-size: 0.98rem;
}
.vgb-page--rustig .vgb.vgb--spot-licht .vgb-spotl__items li {
	padding: 0.55rem 0;
	border-top: 1px solid #e4e7e8;
	color: #4f555c;
	font-size: 0.92rem;
}
.vgb-page--rustig .vgb-spotl__items li::before {
	display: none;
}

/* Links in een voetregel van het kader */
.vgb-page--rustig .vgb-spotl__links {
	margin: 0;
	padding: 1.25rem clamp(1.75rem, 3vw, 2.75rem);
	border-top: 1px solid #e4e7e8;
	background: #fafbfb;
}

@media screen and (max-width: 991px) {
	.vgb-page--rustig .vgb-spotl__top {
		grid-template-columns: minmax(0, 1fr);
	}
	.vgb-page--rustig .vgb-spotl__media {
		order: -1;
		aspect-ratio: 16 / 10;
		min-height: 0;
	}
	.vgb-page--rustig .vgb-spotl__groups {
		grid-template-columns: minmax(0, 1fr);
	}
	.vgb-page--rustig .vgb-spotl__group + .vgb-spotl__group {
		border-top: 1px solid #e4e7e8;
		border-left: 0;
	}
}
@media screen and (max-width: 576px) {
	.vgb-page--rustig .vgb-spotl__text {
		padding: 2rem 1.5rem 2.25rem;
	}
	.vgb-page--rustig .vgb-spotl__group {
		padding: 1.75rem 1.5rem;
	}
	.vgb-page--rustig .vgb-spotl__links {
		flex-direction: column;
		padding: 1.25rem 1.5rem;
	}
}

/* Rustigere typografie: echte Poppins-gewichten, kleinere en lichtere koppen, bovenregels zonder kapitalen */
.vgb-page--rustig .vgb .vg-op-section-head .vgb-kicker,
.vgb-page--rustig .vgb .vg-op-kicker,
.vgb-page--rustig .vgb .vgb-spotl__label,
.vgb-page--rustig .vgb.vgb--artikels .vgb-story__head {
	margin-bottom: 0.75rem;
	font-size: 0.9375rem !important;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}
.vgb-page--rustig .vgb .vg-op-section-head h2,
.vgb-page--rustig .vgb .vgb-split__text h2,
.vgb-page--rustig .vgb .vgb-stack h2,
.vgb-page--rustig .vgb .vgb-specs2 .vg-op-section-head h2 {
	margin-bottom: 1rem;
	font-size: clamp(1.75rem, 2.3vw, 2.125rem) !important;
	font-weight: 500;
	letter-spacing: -0.01em;
	line-height: 1.2;
}
.vgb-page--rustig .vgb.vgb--spot-licht .vgb-spotl h2 {
	font-size: clamp(1.625rem, 2.1vw, 1.9375rem) !important;
	font-weight: 500;
	letter-spacing: -0.01em;
	line-height: 1.2;
}
.vgb-page--rustig .vgb .vg-op-section-head p:not(.vgb-kicker) {
	font-size: 1.0625rem;
}
.vgb-page--rustig .vgb h3,
.vgb-page--rustig .vgb .vg-op-card h3,
.vgb-page--rustig .vgb.vgb--spot-licht .vgb-spotl__group h3,
.vgb-page--rustig .vgb-ex__title {
	font-weight: 500;
}
.vgb-page--rustig .vgb.vgb--artikels h3.vgb-story__title {
	font-size: 1.3125rem !important;
	font-weight: 500;
}
.vgb-page--rustig .vgb .vgb-ex__stat dd {
	font-size: clamp(2rem, 2.8vw, 2.5rem);
}

/* Hero: dezelfde opbouw, minder zwaar */
.vgb-page--rustig .vgb-show__text h1.vgb-h1 {
	font-weight: 500;
}
.vgb-page--rustig .vgb-show__sub {
	font-weight: 400;
}
.vgb-page--rustig .vgb-show__stats strong {
	font-weight: 500;
}

/* ===== 1.12.3: In de kijker als uitgelicht kader, animaties eerst als MP4 ===== */
/* Hetzelfde kader als Advanced Control: wit, fijne rand, petrol lijn bovenaan, beeld tot tegen de rand */
.vgb-page--rustig .vgb-story {
	position: relative;
	grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
	gap: 0;
	align-items: stretch;
	min-height: clamp(22rem, 32vw, 28rem);
	padding: 0;
	overflow: hidden;
	border: 1px solid #dde1e2;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(50, 57, 65, 0.04), 0 32px 64px -40px rgba(50, 57, 65, 0.28);
}
.vgb-page--rustig .vgb-story::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	height: 3px;
	background: var(--vgb-accent);
}
.vgb-page--rustig .vgb-story__media {
	aspect-ratio: auto;
	min-height: 100%;
	border-radius: 0;
}
.vgb-page--rustig .vgb-story__media img {
	transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.vgb-page--rustig .vgb-story:hover .vgb-story__media img {
	transform: scale(1.03);
}
.vgb-page--rustig .vgb-story__body {
	align-self: center;
	padding: clamp(2.5rem, 4.5vw, 4rem);
}
.vgb-page--rustig .vgb.vgb--artikels .vgb-story__head {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin-bottom: 1.25rem;
}
.vgb-page--rustig .vgb.vgb--artikels .vgb-story__head::before {
	content: "";
	flex: none;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--vgb-accent);
	box-shadow: 0 0 0 4px rgba(0, 94, 131, 0.12);
}
.vgb-page--rustig .vgb.vgb--artikels h3.vgb-story__title {
	margin-bottom: 1rem;
	font-size: clamp(1.5rem, 2vw, 1.875rem) !important;
	letter-spacing: -0.01em;
	line-height: 1.2;
	text-wrap: balance;
}
.vgb-page--rustig .vgb.vgb--artikels .vgb-story__text {
	font-size: 1.0625rem;
	line-height: 1.65;
}
.vgb-page--rustig .vgb-story__btn {
	margin-top: 1.75rem;
	padding-top: 1.25rem;
	border-top: 1px solid #e4e7e8;
	display: flex;
	width: 100%;
}
@media screen and (max-width: 991px) {
	.vgb-page--rustig .vgb-story {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
		min-height: 0;
	}
	.vgb-page--rustig .vgb-story__media {
		aspect-ratio: 4 / 3;
		min-height: 0;
	}
}
@media screen and (max-width: 576px) {
	.vgb-page--rustig .vgb-story__body {
		padding: 1.75rem 1.5rem 2rem;
	}
}
@media (prefers-reduced-motion: reduce) {
	.vgb-page--rustig .vgb-story__media img {
		transition: none;
	}
	.vgb-page--rustig .vgb-story:hover .vgb-story__media img {
		transform: none;
	}
}

/* ===== 1.12.4: uitleg met animaties: hoofdstukken als klikbare kaarten, doorschakelen, afspeelknop ===== */
.vgb-ex {
	align-items: stretch;
}
.vgb .vgb-ex .vgb-ex__tabs {
	gap: 0.75rem;
}
.vgb .vgb-ex .vgb-ex__tab {
	overflow: hidden;
	padding: 1.25rem 1.5rem 1.5rem;
	border: 1px solid #e1e5e6;
	border-radius: 10px;
	background: #fff;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.vgb .vgb-ex .vgb-ex__tab:last-child {
	border-bottom: 1px solid #e1e5e6;
}
.vgb .vgb-ex .vgb-ex__tab:not(.is-active):hover {
	border-color: rgba(0, 94, 131, 0.45);
	background: #f6f9fa;
}
.vgb .vgb-ex .vgb-ex__tab.is-active {
	border-color: #cfd8dc;
	box-shadow: 0 1px 2px rgba(50, 57, 65, 0.04), 0 18px 40px -28px rgba(50, 57, 65, 0.35);
}
.vgb .vgb-ex .vgb-ex__tab:focus-visible {
	outline: 2px solid var(--vgb-accent);
	outline-offset: 2px;
}
.vgb-ex__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 0.6rem;
}
.vgb .vgb-ex .vgb-ex__num {
	margin: 0;
}

/* Rechts bovenaan elke kaart: "Bekijk" met een afspeelteken, of "Speelt" / "Gepauzeerd" bij het actieve hoofdstuk */
.vgb-ex__cue {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	color: var(--vgb-accent);
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}
.vgb-ex__cue > span {
	display: none;
}
.vgb-ex__tab:not(.is-active) .vgb-ex__cue-go,
.vgb-ex.is-playing .vgb-ex__tab.is-active .vgb-ex__cue-on,
.vgb-ex:not(.is-playing) .vgb-ex__tab.is-active .vgb-ex__cue-off {
	display: inline;
}
.vgb-ex__cue::before {
	content: "";
	flex: none;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(0, 94, 131, 0.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M9 7.2v7.6l6-3.8z' fill='%23005e83'/%3E%3C/svg%3E") center / 22px no-repeat;
	transition: background-color 0.2s ease;
}
.vgb-ex__tab:not(.is-active):hover .vgb-ex__cue::before {
	background-color: rgba(0, 94, 131, 0.18);
}
.vgb-ex.is-playing .vgb-ex__tab.is-active .vgb-ex__cue::before {
	background: rgba(0, 94, 131, 0.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M7 14V9M11 14V7M15 14v-3.5' stroke='%23005e83' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 22px no-repeat;
}
.vgb-ex__tab.is-active .vgb-ex__cue {
	color: #6b7178;
}

/* Titel van een niet-actief hoofdstuk blijft goed leesbaar */
.vgb-ex__tab:not(.is-active) .vgb-ex__title {
	color: #4f555c;
}

/* Voortgang: een spoor onderaan de actieve kaart, met een petrol lijn die meeloopt */
.vgb .vgb-ex .vgb-ex__progress {
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #e9eef0;
}
.vgb .vgb-ex .vgb-ex__progress::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--vgb-accent);
	transform: scaleX(var(--p, 0));
	transform-origin: left center;
}

/* Grote afspeelknop op het beeld */
.vgb-ex__play {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.85rem;
	width: 100%;
	aspect-ratio: 16 / 9;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: rgba(50, 57, 65, 0.08);
	color: var(--vgb-ink);
	font: inherit;
	cursor: pointer;
}
.vgb-ex__play[hidden] {
	display: none;
}
.vgb-ex__play-icon {
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 50%;
	background: var(--vgb-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath d='M30 24v24l19-12z' fill='%23fff'/%3E%3C/svg%3E") center / 72px no-repeat;
	box-shadow: 0 12px 28px -12px rgba(0, 94, 131, 0.7);
	transition: transform 0.2s ease;
}
.vgb-ex__play:hover .vgb-ex__play-icon {
	transform: scale(1.06);
}
.vgb-ex__play-label {
	padding: 0.35rem 0.75rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	font-size: 0.875rem;
	font-weight: 500;
}
.vgb-ex__play:focus-visible {
	outline: 2px solid var(--vgb-accent);
	outline-offset: 3px;
}
.vgb-ex.is-idle .vgb-ex__toggle {
	display: none;
}

@media screen and (max-width: 991px) {
	.vgb .vgb-ex .vgb-ex__tabs {
		gap: 0.75rem;
	}
	.vgb .vgb-ex .vgb-ex__tab,
	.vgb .vgb-ex .vgb-ex__tab:last-child {
		border-bottom: 1px solid #e1e5e6;
	}
}
@media screen and (max-width: 576px) {
	.vgb .vgb-ex .vgb-ex__tab {
		flex: none;
		padding: 1rem 1.25rem 1.25rem;
	}
}
@media (prefers-reduced-motion: reduce) {
	.vgb .vgb-ex .vgb-ex__tab,
	.vgb-ex__cue::before,
	.vgb-ex__play-icon {
		transition: none;
	}
}

/* ===== 1.12.5: productnavigatie onder de header ===== */
/* De productnavigatie blijft zichtbaar onder de vaste header van het thema; --vgb-sticky-top komt uit het script */
.vgb-subnav {
	top: var(--vgb-sticky-top, 0);
}
.vgb-page [id] {
	scroll-margin-top: calc(var(--vgb-sticky-top, 0px) + 5rem);
}

/* ===== 1.12.6: badge met instelbaar symbool en kleur; de vorm blijft die van .vgb-show__badge ===== */
.vgb-badge--trofee::before,
.vgb-badge--ster::before,
.vgb-badge--medaille::before,
.vgb-badge--vinkje::before,
.vgb-badge--schild::before,
.vgb-badge--bliksem::before,
.vgb-badge--blad::before {
	font-family: FontAwesome;
}
.vgb-badge--trofee::before { content: "\f091"; }
.vgb-badge--ster::before { content: "\f005"; }
.vgb-badge--medaille::before { content: "\f0a3"; }
.vgb-badge--vinkje::before { content: "\f058"; }
.vgb-badge--schild::before { content: "\f132"; }
.vgb-badge--bliksem::before { content: "\f0e7"; }
.vgb-badge--blad::before { content: "\f06c"; }
.vgb-show__badge.vgb-badge--geen::before,
.vgb-show__badge.vgb-badge--eigen::before {
	content: none;
}
.vgb .vgb-badge--kleur,
.vgb.vgb-show--licht .vgb-badge--kleur {
	color: var(--vgb-badge) !important;
}
.vgb-badge--kleur::before,
.vgb-show--licht .vgb-badge--kleur::before {
	color: var(--vgb-badge);
}
.vgb-badge__mask,
.vgb-badge__img {
	display: inline-block;
	flex: none;
	width: 1.15em;
	height: 1.15em;
	margin: 0;
	border-radius: 0;
}
.vgb-badge__mask {
	background: #4c8c65;
	-webkit-mask: var(--vgb-symbool) center / contain no-repeat;
	mask: var(--vgb-symbool) center / contain no-repeat;
}
.vgb-show--donker .vgb-badge__mask {
	background: #83ba98;
}
.vgb-badge--kleur .vgb-badge__mask,
.vgb-show--donker .vgb-badge--kleur .vgb-badge__mask {
	background: var(--vgb-badge);
}
.vg-op-badge.vgb-badge--eigen {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}
.vgb-badge__img {
	object-fit: contain;
}

/* ===== 1.12.7: mobiele hero zonder naad, compacter ===== */
/* De sectieruimte van het rustige ontwerp geldt niet voor de hero: anders staat de achtergrond los van de machine */
.vgb-page--rustig .vgb--hero,
.vgb-page--rustig .vgb--showcase {
	padding: 0;
}
@media screen and (max-width: 576px) {
	.vgb-page--rustig .vgb-show__text .vgb-crumbs {
		display: none;
	}
	.vgb.vgb-show--product .vgb-show__text {
		padding-top: 1rem;
	}
}

/* ===== 1.13.0: ruimte in het rustige ontwerp, inhoudsopgave, callout en tabel ===== */
/* "Ruimte boven/onder" werkt ook in Rustig; de bovenruimte tussen twee witte secties blijft van de scheidingslijn */
.vgb-page--rustig .vgb.vgb-space--klein:not(.vgb--hero) {
	padding-bottom: 4.5rem;
}
.vgb-page--rustig .vgb.vgb-space--groot:not(.vgb--hero) {
	padding-bottom: 8.5rem;
}
.vgb-page--rustig .vgb.vgb-bg--licht.vgb-space--klein:not(.vgb--hero),
.vgb-page--rustig .vgb.vgb-bg--donker.vgb-space--klein:not(.vgb--hero) {
	padding-top: 4.5rem;
}
.vgb-page--rustig .vgb.vgb-bg--licht.vgb-space--groot:not(.vgb--hero),
.vgb-page--rustig .vgb.vgb-bg--donker.vgb-space--groot:not(.vgb--hero) {
	padding-top: 8.5rem;
}
.vgb-toc {
	max-width: 44rem;
	padding: 1.5rem 1.75rem;
	border: 1px solid #dde1e2;
	border-radius: 10px;
	background: #fff;
}
.vgb .vgb-toc__title {
	margin: 0 0 0.75rem;
	color: var(--vgb-ink);
	font-size: 1.0625rem;
	font-weight: 500;
}
.vgb-toc ol {
	margin: 0;
	padding-left: 1.25rem;
}
.vgb-toc li {
	margin: 0.3rem 0;
}
.vgb .vgb-toc a {
	color: var(--vgb-accent);
	text-decoration: none;
}
.vgb .vgb-toc a:hover,
.vgb .vgb-toc a:focus-visible {
	text-decoration: underline;
}
.vgb-callout {
	max-width: 44rem;
	padding: 1.25rem 1.5rem;
	border-left: 3px solid var(--vgb-accent);
	border-radius: 0 8px 8px 0;
	background: #f1f4f6;
}
.vgb-callout--tip {
	border-left-color: #4c8c65;
	background: #eff5f1;
}
.vgb-callout--let {
	border-left-color: #b45309;
	background: #fbf3ea;
}
.vgb .vgb-callout__title {
	margin: 0 0 0.35rem;
	color: var(--vgb-ink);
	font-weight: 600;
}
.vgb .vgb-callout__text {
	margin: 0;
}
.vgb .vgb-callout__link {
	margin: 0.6rem 0 0;
}
.vgb .vgb-callout__link a {
	color: var(--vgb-accent);
	font-weight: 500;
}
.vgb-tabel {
	overflow-x: auto;
}
.vgb-tabel table {
	width: 100%;
	border-collapse: collapse;
}
.vgb-tabel th,
.vgb-tabel td {
	padding: 0.8rem 1rem;
	border-bottom: 1px solid #e4e7e8;
	text-align: left;
	vertical-align: top;
}
.vgb-tabel thead th {
	color: var(--vgb-ink);
	font-weight: 500;
}
.vgb-tabel tbody th {
	color: var(--vgb-ink);
	font-weight: 500;
}
.vgb-tabel .is-uitgelicht {
	background: rgba(0, 94, 131, 0.06);
}
.vgb-tabel thead .is-uitgelicht {
	color: var(--vgb-accent);
}
@media screen and (max-width: 767px) {
	.vgb-tabel thead {
		position: absolute;
		left: -9999px;
	}
	.vgb-tabel tr {
		display: block;
		padding: 0.75rem 0;
		border-bottom: 1px solid #e4e7e8;
	}
	.vgb-tabel tbody th,
	.vgb-tabel td {
		display: block;
		padding: 0.2rem 0;
		border: 0;
	}
	.vgb-tabel td::before {
		content: attr(data-label) ": ";
		color: #6b7178;
	}
}

/* ===== 1.13.4: klassieke hero en cijferband in het rustige ontwerp ===== */
/* Hero "tekst links, beeld rechts", zoals op een blogartikel */
.vgb-page--rustig .vgb .vgb-hero--links {
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: clamp(2.5rem, 5vw, 5rem);
	padding-bottom: clamp(3rem, 6vw, 5.5rem);
}
.vgb-page--rustig .vgb .vgb-hero--links .vg-op-eyebrow {
	margin-bottom: 1rem;
	font-size: 0.9375rem;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}
.vgb-page--rustig .vgb .vgb-hero--links h1.vgb-h1 {
	margin-bottom: 1.25rem;
	font-size: clamp(2.25rem, 3.6vw, 3.25rem) !important;
	font-weight: 500;
	letter-spacing: -0.015em;
	line-height: 1.08;
}
.vgb-page--rustig .vgb .vgb-hero--links .vg-op-h1-sub {
	max-width: 40ch;
	margin-top: 1rem;
	color: #4f555c;
	font-size: 0.42em;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.35;
}
.vgb-page--rustig .vgb .vgb-hero--links .vg-op-lead {
	color: #4f555c;
	font-size: 1.0625rem;
	line-height: 1.65;
}
.vgb-page--rustig .vgb .vgb-hero--links .vgb-hero__media {
	justify-content: flex-end;
}
.vgb-page--rustig .vgb .vgb-hero--links .vg-op-hero-img {
	width: 100%;
	max-width: 30rem;
	max-height: none;
	aspect-ratio: 4 / 5;
	border-radius: 12px;
	object-fit: cover;
	box-shadow: 0 1px 2px rgba(50, 57, 65, 0.06), 0 32px 64px -40px rgba(50, 57, 65, 0.45);
}
/* De badge zoals in de showcase-hero: klein symbool en tekst, zonder kader */
.vgb-page--rustig .vgb .vgb-hero--links .vg-op-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1.75rem;
	padding: 1.1rem 0 0;
	border: 0;
	border-top: 1px solid rgba(15, 37, 51, 0.12);
	border-radius: 0;
	color: #2f6b47;
	font-size: 0.88rem;
	font-weight: 600;
}
.vgb-page--rustig .vgb .vgb-hero--links .vg-op-badge::before {
	color: #4c8c65;
}
.vgb-page--rustig .vgb .vgb-hero--links .vg-op-badge.vgb-badge--kleur,
.vgb-page--rustig .vgb .vgb-hero--links .vg-op-badge.vgb-badge--kleur::before {
	color: var(--vgb-badge) !important;
}

/* Cijferband: een donkere kaart, het beeld rechts zichtbaar, grote dunne cijfers naast elkaar */
.vgb-page--rustig .vgb--cijferbanner .vg-op-dark {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 30rem;
	padding: clamp(2.5rem, 6vw, 5rem);
	border-radius: 16px;
}
.vgb-page--rustig .vgb--cijferbanner .vgb-banner[style*="--vgb-banner"] {
	background-image: linear-gradient(90deg, rgba(9, 22, 31, 0.96) 0%, rgba(9, 22, 31, 0.84) 45%, rgba(9, 22, 31, 0.2) 100%), var(--vgb-banner) !important;
	background-position: right center;
	background-size: cover;
}
.vgb-page--rustig .vgb .vg-op-dark .vg-op-kicker {
	margin-bottom: 0.9rem;
	color: #9fd3ea !important;
	font-size: 0.9375rem !important;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}
.vgb-page--rustig .vgb--cijferbanner .vg-op-dark h2 {
	margin: 0 0 1rem;
	font-size: clamp(1.75rem, 2.6vw, 2.375rem) !important;
	font-weight: 500;
	letter-spacing: -0.01em;
	line-height: 1.15;
}
.vgb-page--rustig .vgb--cijferbanner .vg-op-intro {
	max-width: 34rem;
}
.vgb-page--rustig .vgb--cijferbanner .vg-op-intro p {
	color: rgba(255, 255, 255, 0.78) !important;
	font-size: 1.0625rem;
	line-height: 1.6;
}
.vgb-page--rustig .vgb--cijferbanner .vg-op-stats {
	grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
	gap: 2rem;
	max-width: none;
	margin-top: 3rem;
}
.vgb-page--rustig .vgb--cijferbanner .vg-op-stat {
	padding-top: 1.1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.28);
}
.vgb-page--rustig .vgb--cijferbanner .vg-op-stat strong {
	color: #fff;
	font-size: clamp(2.25rem, 3.6vw, 3.25rem);
	font-weight: 300;
	letter-spacing: -0.02em;
	white-space: nowrap;
}
.vgb-page--rustig .vgb--cijferbanner .vg-op-stat span {
	color: rgba(255, 255, 255, 0.75);
	opacity: 1;
}
@media screen and (max-width: 991px) {
	.vgb-page--rustig .vgb .vgb-hero--links {
		grid-template-columns: minmax(0, 1fr);
		gap: 2rem;
	}
	.vgb-page--rustig .vgb .vgb-hero--links .vgb-hero__media {
		justify-content: flex-start;
		order: -1;
	}
	.vgb-page--rustig .vgb .vgb-hero--links .vg-op-hero-img {
		max-width: none;
		aspect-ratio: 4 / 3;
	}
	.vgb-page--rustig .vgb--cijferbanner .vgb-banner[style*="--vgb-banner"] {
		background-image: linear-gradient(180deg, rgba(9, 22, 31, 0.9) 0%, rgba(9, 22, 31, 0.96) 60%), var(--vgb-banner) !important;
	}
}
@media screen and (max-width: 576px) {
	.vgb-page--rustig .vgb--cijferbanner .vg-op-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.5rem;
	}
	.vgb-page--rustig .vgb--cijferbanner .vg-op-stat strong {
		font-size: 1.875rem;
	}
	.vgb-page--rustig .vgb--cijferbanner .vg-op-dark {
		min-height: 0;
		padding: 2.5rem 1.5rem;
	}
}

/* ===== 1.14.0: ontwerp Artikel (blog, nieuws, gids) ===== */
/* Naar het voorbeeld van kennisbanken en gidsen: artikelkop, groot beeld, één leeskolom van ongeveer 70 tekens met een
   inhoudsopgave die meeloopt, en pas na het artikel het formulier en meer lezen. */
.vgb-progress {
	position: fixed;
	z-index: 60;
	top: var(--vgb-sticky-top, 0px);
	right: 0;
	left: 0;
	height: 3px;
	pointer-events: none;
}
.vgb-progress span {
	display: block;
	height: 100%;
	background: var(--vgb-accent);
	transform: scaleX(0);
	transform-origin: 0 50%;
}
.vgb-art {
	padding: 1.5rem 0 clamp(3.5rem, 7vw, 6rem);
	color: var(--vgb-ink);
}
.vgb-art__head {
	max-width: 50rem;
}
.vgb-art .vgb-crumbs {
	margin: 0 0 2rem;
	font-size: 0.875rem;
}
.vgb-art__cat {
	margin: 0 0 0.75rem;
	color: var(--vgb-accent);
	font-size: 0.9375rem;
	font-weight: 500;
}
.vgb-page--artikel .vgb-art h1.vgb-h1 {
	margin: 0 0 1.25rem;
	color: var(--vgb-ink);
	font-family: Poppins, sans-serif;
	font-size: clamp(2rem, 3.6vw, 3rem) !important;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.12;
	text-wrap: balance;
}
.vgb-art__sub {
	display: block;
	margin-top: 0.5rem;
	color: #4f555c;
	font-size: 0.55em;
	font-weight: 400;
	line-height: 1.3;
}
.vgb-art__lead {
	max-width: 42rem;
	margin: 0;
	color: #4f555c;
	font-size: clamp(1.125rem, 1.6vw, 1.3125rem);
	line-height: 1.6;
}
.vgb-art__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1.5rem;
	margin-top: 2rem;
	color: var(--vgb-muted);
	font-size: 0.9375rem;
}
.vgb-art__author {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
}
.vgb-art__author strong {
	display: block;
	color: var(--vgb-ink);
	font-weight: 600;
}
.vgb-art__author span span {
	display: block;
	font-size: 0.875rem;
}
.vgb-art .vgb-art__avatar {
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	object-fit: cover;
}
.vgb-art__hero {
	margin: clamp(2rem, 4vw, 3rem) 0 0;
}
.vgb-art__hero img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 40rem;
	border-radius: 12px;
	object-fit: cover;
}
.vgb-art figcaption,
.vgb-page--artikel .vgb-art__main .vg-op-figure figcaption {
	margin-top: 0.75rem;
	color: #6b7177;
	font-size: 0.875rem;
	line-height: 1.5;
}
/* Leeskolom met inhoudsopgave links, zoals bij gidsen */
.vgb-art__body {
	display: grid;
	grid-template-columns: minmax(0, 13.5rem) minmax(0, 1fr);
	gap: clamp(3rem, 6vw, 5.5rem);
	margin-top: clamp(2.5rem, 4vw, 3.5rem);
}
.vgb-art__body--solo {
	grid-template-columns: minmax(0, 1fr);
}
.vgb-art__toc {
	position: sticky;
	top: calc(var(--vgb-sticky-top, 0px) + 2rem);
}
.vgb-art__toc-title {
	margin: 0 0 0.75rem;
	color: var(--vgb-ink);
	font-size: 0.875rem;
	font-weight: 600;
}
.vgb-art__toc ol,
.vgb-art__fold ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.vgb-art__toc ol {
	border-left: 1px solid #e1e5e6;
}
.vgb-art__toc a {
	display: block;
	margin-left: -1px;
	padding: 0.45rem 0 0.45rem 1rem;
	border-left: 2px solid transparent;
	color: var(--vgb-muted);
	font-size: 0.9375rem;
	line-height: 1.4;
	text-decoration: none;
	transition: color 0.15s ease, border-color 0.15s ease;
}
.vgb-art__toc a:hover {
	color: var(--vgb-ink);
}
.vgb-art__toc a[aria-current] {
	border-left-color: var(--vgb-accent);
	color: var(--vgb-accent);
	font-weight: 500;
}
.vgb-art__fold {
	display: none;
	margin: 0 0 2.5rem;
	border: 1px solid #e1e5e6;
	border-radius: 10px;
}
.vgb-art__fold summary {
	padding: 1rem 1.25rem;
	color: var(--vgb-ink);
	font-weight: 600;
	cursor: pointer;
}
.vgb-art__fold ol {
	padding: 0 1.25rem 1rem;
}
.vgb-art__fold a {
	display: block;
	padding: 0.5rem 0;
	color: var(--vgb-accent);
	text-decoration: none;
}
/* Blokken in de leeskolom: geen banden, kaders of eigen breedte; één ritme van tekst en beeld */
.vgb-page--artikel .vgb-art__main .vgb {
	margin: 0 0 clamp(3rem, 5vw, 4rem);
	padding: 0;
	background: none;
	scroll-margin-top: calc(var(--vgb-sticky-top, 0px) + 1.5rem);
}
.vgb-page--artikel .vgb-art__main .vgb:last-child {
	margin-bottom: 0;
}
.vgb-page--artikel .vgb-art__main .vgb::before {
	display: none;
}
.vgb-page--artikel .vgb-art__main .vgb > .container {
	max-width: none;
	padding: 0;
}
.vgb-page--artikel .vgb-art__main .vg-op-section-head,
.vgb-page--artikel .vgb-art__main .vg-op-narrow {
	max-width: none;
	margin: 0 0 1.5rem;
	text-align: left;
}
.vgb-page--artikel .vgb-art__main .vg-op-narrow {
	margin: 0;
}
.vgb-page--artikel .vgb-art__main h2 {
	margin: 0 0 1rem;
	color: var(--vgb-ink);
	font-size: clamp(1.5rem, 2.2vw, 1.875rem) !important;
	font-weight: 500;
	letter-spacing: -0.01em;
	line-height: 1.25;
	text-transform: none;
}
.vgb-page--artikel .vgb-art__main h3 {
	font-size: 1.25rem;
	font-weight: 500;
}
.vgb-page--artikel .vgb-art__main p,
.vgb-page--artikel .vgb-art__main li {
	color: var(--vgb-text);
	font-size: 1.125rem;
	line-height: 1.7;
}
.vgb-page--artikel .vgb-art__main .vg-op-section-head p {
	max-width: none;
	color: #4f555c;
}
.vgb-page--artikel .vgb-art__main .vg-op-narrow p {
	margin: 0 0 1.25rem;
}
.vgb-page--artikel .vgb-art__main .vg-op-narrow p:last-child {
	margin-bottom: 0;
}
.vgb-page--artikel .vgb-art__main a:not([class]) {
	color: var(--vgb-accent);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}
.vgb-page--artikel .vgb-art__main .vg-op-figure {
	margin: 2rem 0 0;
}
.vgb-page--artikel .vgb-art__main .vg-op-figure img {
	border-radius: 8px;
}
/* Een blok zonder titel (bv. beelden bij de tekst) sluit aan bij de tekst erboven */
.vgb-page--artikel .vgb-art__main .vgb--media:not([id]) {
	margin-top: calc(-1 * clamp(3rem, 5vw, 4rem) + 2rem);
}
/* Kerncijfers als rustige rij in de tekst */
.vgb-page--artikel .vgb-art__main .vg-op-band {
	padding: 0;
	border: 0;
	background: none;
}
.vgb-page--artikel .vgb-art__main .vg-kc {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
	gap: 1.5rem 2rem;
	margin-top: 1.5rem;
}
.vgb-page--artikel .vgb-art__main .vg-kc__item {
	padding-top: 1rem;
	border-top: 1px solid #d9dee0;
}
.vgb-page--artikel .vgb-art__main .vg-kc__value {
	color: var(--vgb-ink);
	font-size: clamp(2rem, 3vw, 2.5rem);
	font-weight: 300;
	letter-spacing: -0.02em;
}
.vgb-page--artikel .vgb-art__main .vg-kc__label {
	display: block;
	margin-top: 0.35rem;
	color: var(--vgb-muted);
	font-size: 0.9375rem;
	line-height: 1.45;
}
/* Uitleg met animaties: beeld bovenaan, hoofdstukken eronder naast elkaar */
.vgb-page--artikel .vgb-art__main .vgb-ex {
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
}
.vgb-page--artikel .vgb-art__main .vgb-ex__tabs {
	flex-direction: row;
}
.vgb-page--artikel .vgb-art__main .vgb .vgb-ex .vgb-ex__tab {
	flex: 1 1 0;
}
.vgb-page--artikel .vgb-art__main .vgb-ex__tab p,
.vgb-page--artikel .vgb-art__main .vgb-ex__text {
	font-size: 0.9375rem;
	line-height: 1.55;
}
/* Callout in de tekst */
.vgb-page--artikel .vgb-art__main .vgb-callout {
	max-width: none;
	padding: 1.5rem 1.75rem;
}
.vgb-page--artikel .vgb-art__main .vgb-callout p {
	font-size: 1rem;
}
.vgb-page--artikel .vgb-art__main .vgb-callout__title {
	margin-bottom: 0.35rem;
	color: var(--vgb-ink);
	font-weight: 600;
}
/* Kaarten: drie smalle kolommen in de leeskolom */
.vgb-page--artikel .vgb-art__main .vgb--kaarten h3 {
	font-size: 1.125rem !important;
	font-weight: 600;
	line-height: 1.3;
}
.vgb-page--artikel .vgb-art__main .vgb--kaarten p {
	font-size: 0.9375rem !important;
	line-height: 1.55;
}
@media screen and (max-width: 1099px) {
	.vgb-art__body {
		grid-template-columns: minmax(0, 1fr);
		max-width: 45rem;
	}
	.vgb-art__side {
		display: none;
	}
	.vgb-art__fold {
		display: block;
	}
}
@media screen and (max-width: 576px) {
	.vgb-art__hero {
		margin-right: -15px;
		margin-left: -15px;
	}
	.vgb-art__hero img {
		border-radius: 0;
	}
	.vgb-art__hero figcaption {
		padding: 0 15px;
	}
	.vgb-page--artikel .vgb-art__main p,
	.vgb-page--artikel .vgb-art__main li {
		font-size: 1.0625rem;
	}
	.vgb-page--artikel .vgb-art__main .vgb-ex__tabs {
		flex-direction: column;
	}
	.vgb-page--artikel .vgb-art__main .vgb .vgb-ex .vgb-ex__tab {
		flex: none;
	}
}
@media (prefers-reduced-motion: reduce) {
	.vgb-art__toc a {
		transition: none;
	}
}

/* ===== 1.15.0: artikel compacter, op het raster van de pagina, foto's met bijschrift ===== */
/* De kop: minder opeenstapeling, het beeld naast de titel zodat de eerste alinea sneller in beeld komt */
.vgb-art {
	padding-top: 1rem;
}
.vgb-art .vgb-crumbs {
	margin-bottom: 1.25rem;
}
.vgb-art__meta {
	margin-top: 1.5rem;
}
.vgb-art__top {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: clamp(2rem, 5vw, 4.5rem);
	align-items: center;
}
.vgb-art__top .vgb-art__head {
	max-width: none;
}
.vgb-art__top .vgb-art__lead {
	font-size: 1.125rem;
}
.vgb-art__top .vgb-art__hero {
	margin: 0;
}
.vgb-art__top .vgb-art__hero img {
	max-height: 24rem;
	aspect-ratio: 4 / 3;
}
/* De leeskolom loopt tot de rechterrand van de pagina; tekst houdt een leesbare breedte, uitleg en kaarten gebruiken
   de volle breedte, zodat ze op dezelfde lijn eindigen als de kop */
.vgb-page--artikel .vgb-art__main .vg-op-section-head,
.vgb-page--artikel .vgb-art__main .vg-op-narrow,
.vgb-page--artikel .vgb-art__main .vgb-callout,
.vgb-page--artikel .vgb-art__main .vg-op-band,
.vgb-page--artikel .vgb-art__main .vgb-media,
.vgb-page--artikel .vgb-art__main .vgb-art__fold {
	max-width: 46rem;
}
/* Zonder inhoudsopgave staat de uitleg zoals op een productpagina: animatie links, hoofdstukken rechts */
.vgb-page--artikel .vgb-art__body--solo .vgb-ex {
	grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
	gap: 2rem clamp(2rem, 4vw, 3rem);
}
.vgb-page--artikel .vgb-art__body--solo .vgb-ex__tabs {
	flex-direction: column;
}
.vgb-page--artikel .vgb-art__body--solo .vgb .vgb-ex .vgb-ex__tab {
	flex: none;
}
/* Foto's in een artikel: zichtbaar bijschrift onder het beeld */
.vgb-page--artikel .vgb-media__item.has-note {
	overflow: visible;
	aspect-ratio: auto;
	border-radius: 0;
	background: none;
	color: inherit !important;
}
.vgb-page--artikel .vgb-media__item.has-note .vgb-media__frame {
	position: relative;
	overflow: hidden;
	aspect-ratio: var(--ar, 1.5);
	border-radius: 8px;
	background: #e9ecec;
}
.vgb-media__note {
	display: block;
	margin-top: 0.65rem;
	color: var(--vgb-muted);
	font-size: 0.875rem;
	line-height: 1.5;
}
@media screen and (max-width: 991px) {
	.vgb-art__top {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.75rem;
	}
	.vgb-art__top .vgb-art__hero img {
		max-height: none;
		aspect-ratio: 16 / 10;
	}
	.vgb-page--artikel .vgb-art__body--solo .vgb-ex {
		grid-template-columns: minmax(0, 1fr);
	}
	.vgb-page--artikel .vgb-art__body--solo .vgb-ex__tabs {
		flex-direction: row;
	}
}
@media screen and (max-width: 576px) {
	.vgb-art__top .vgb-art__hero {
		margin-right: 0;
		margin-left: 0;
	}
	.vgb-art__top .vgb-art__hero img {
		border-radius: 10px;
	}
	.vgb-art__top .vgb-art__hero figcaption {
		padding: 0;
	}
	.vgb-page--artikel .vgb-art__body--solo .vgb-ex__tabs {
		flex-direction: column;
	}
	/* op gsm staat elke foto in een artikel op de volle breedte, met het bijschrift eronder */
	.vgb-page--artikel .vgb-art__main .vgb-media__item {
		flex-basis: 100%;
	}
	.vgb-page--artikel .vgb-art__main .vgb-media__item.has-note {
		max-height: none;
	}
	.vgb-page--artikel .vgb-art__main .vgb-media__item.has-note .vgb-media__frame {
		max-height: 70vh;
	}
}

/* ===== 1.16.0: nieuwsbericht en kennisartikel (nieuwe opbouw) ===== */
/* Eén stroom: tekst op leesbreedte (ongeveer 70 tekens), brede elementen op de volle breedte van de kolom */
.vgb-a {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.vgb-a > * {
	width: 100%;
	max-width: 42rem;
	margin: 0;
}
.vgb-a > .vgb-a-wide,
.vgb-a > .vgb-art__fold {
	max-width: none;
}
.vgb-art--nieuws .vgb-a > .vgb-a-wide {
	max-width: 52rem;
}
.vgb-page--artikel .vgb-a .vgb {
	margin: 0;
}
.vgb-a-tekst > :first-child {
	margin-top: 0;
}
.vgb-a-tekst > :last-child {
	margin-bottom: 0;
}
.vgb-page--artikel .vgb-a-tekst h2 {
	margin: 2.75rem 0 0.85rem;
	scroll-margin-top: calc(var(--vgb-sticky-top, 0px) + 1.5rem);
}
.vgb-page--artikel .vgb-a-tekst h3 {
	margin: 2rem 0 0.6rem;
	color: var(--vgb-ink);
}
.vgb-page--artikel .vgb-a-tekst p,
.vgb-page--artikel .vgb-a-tekst ul,
.vgb-page--artikel .vgb-a-tekst ol {
	margin: 0 0 1.15rem;
}
.vgb-page--artikel .vgb-a-tekst ul,
.vgb-page--artikel .vgb-a-tekst ol {
	padding-left: 1.25rem;
}
.vgb-page--artikel .vgb-a-tekst li {
	margin-bottom: 0.4rem;
}
.vgb-page--artikel .vgb-a-tekst blockquote {
	margin: 1.5rem 0;
	padding-left: 1.25rem;
	border-left: 2px solid var(--vgb-accent);
}
/* Beelden met bijschrift */
.vgb-a-beeld a,
.vgb-a-beeld img {
	display: block;
}
.vgb-a-beeld img {
	width: 100%;
	height: auto;
	border-radius: 8px;
}
.vgb-a figcaption {
	margin-top: 0.65rem;
	color: var(--vgb-muted);
	font-size: 0.875rem;
	line-height: 1.5;
}
/* Citaat */
.vgb-a-citaat blockquote {
	margin: 0;
	padding: 0 0 0 1.5rem;
	border-left: 3px solid var(--vgb-accent);
}
.vgb-page--artikel .vgb-a-citaat blockquote p {
	margin: 0;
	color: var(--vgb-ink);
	font-size: 1.3125rem;
	line-height: 1.5;
}
.vgb-a-citaat figcaption {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 1rem 0 0 1.5rem;
}
.vgb-a-citaat figcaption strong {
	display: block;
	color: var(--vgb-ink);
	font-weight: 600;
}
.vgb-a-citaat figcaption span span {
	display: block;
}
.vgb-a .vgb-a-citaat__foto {
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	object-fit: cover;
}
/* Kader "Over …", kernpunten */
.vgb-a-kader,
.vgb-a-kern {
	padding: 1.5rem 1.75rem;
	border: 1px solid #e1e5e6;
	border-radius: 10px;
	background: #f6f8f9;
}
.vgb-a-kader__titel,
.vgb-a-kern__titel {
	margin: 0 0 0.5rem !important;
	color: var(--vgb-ink) !important;
	font-weight: 600;
}
.vgb-page--artikel .vgb-a-kader p,
.vgb-page--artikel .vgb-a-kern li {
	font-size: 1rem;
}
.vgb-a-kader p:last-child {
	margin-bottom: 0;
}
.vgb-a-kern ul {
	margin: 0;
	padding-left: 1.2rem;
}
/* Knop in de tekst */
.vgb-a-knop .btn {
	margin: 0 !important;
}
/* Kerncijfers met bron */
.vgb-a-cijfers .vg-kc {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
	gap: 1.5rem 2rem;
	margin: 0;
}
.vgb-a-cijfers .vg-kc__item {
	padding-top: 0.9rem;
	border-top: 1px solid #d9dee0;
}
.vgb-a-cijfers .vg-kc__value {
	color: var(--vgb-ink);
	font-size: clamp(1.75rem, 2.6vw, 2.25rem);
	font-weight: 300;
}
.vgb-a-cijfers .vg-kc__label {
	display: block;
	margin-top: 0.3rem;
	color: var(--vgb-muted);
	font-size: 0.9375rem;
}
.vgb-page--artikel .vgb-a-bron {
	margin: 0.9rem 0 0;
	color: #6b7177;
	font-size: 0.8125rem;
}
/* Machinekaart */
.vgb-a-machine {
	display: flex;
	gap: 1.25rem;
	align-items: center;
	padding: 1rem;
	border: 1px solid #e1e5e6;
	border-radius: 10px;
	color: inherit !important;
	text-decoration: none !important;
	transition: border-color 0.15s ease;
}
.vgb-a-machine:hover,
.vgb-a-machine:focus-visible {
	border-color: var(--vgb-accent);
}
.vgb-a .vgb-a-machine__img {
	flex: none;
	width: 7.5rem;
	height: 5.5rem;
	border-radius: 6px;
	object-fit: contain;
	background: #f1f4f6;
}
.vgb-a-machine__body strong {
	display: block;
	color: var(--vgb-ink);
	font-weight: 600;
}
.vgb-a-machine__body > span {
	display: block;
	color: var(--vgb-muted);
	font-size: 0.9375rem;
}
.vgb-a-machine__body .vgb-a-machine__more {
	margin-top: 0.35rem;
	color: var(--vgb-accent);
	font-weight: 500;
}
/* Na het artikel: één band met een korte oproep */
.vgb-a-na {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem 3rem;
}
.vgb-a-na > div {
	flex: 1 1 26rem;
	min-width: 0;
}
.vgb-a-na__titel {
	margin: 0 0 0.35rem;
	color: var(--vgb-ink);
	font-size: 1.375rem;
	font-weight: 500;
}
.vgb-a-na p:last-child {
	margin: 0;
	color: #4f555c;
}
.vgb-a-na .vg-op-actions {
	margin: 0;
}
@media screen and (max-width: 576px) {
	.vgb-a {
		gap: 1.5rem;
	}
	.vgb-a-machine {
		align-items: flex-start;
	}
	.vgb-a .vgb-a-machine__img {
		width: 5.5rem;
		height: 4.25rem;
	}
	.vgb-page--artikel .vgb-a-citaat blockquote p {
		font-size: 1.1875rem;
	}
}
/* Koppen in de tekst van een artikel in de letter van de site; staande foto's niet hoger dan het scherm */
.vgb-page--artikel .vgb-a-tekst h2,
.vgb-page--artikel .vgb-a-tekst h3 {
	font-family: Poppins, sans-serif;
}
.vgb-a-beeld:not(.vgb-a-wide) img {
	width: auto;
	max-width: 100%;
	max-height: min(36rem, 80vh);
}
/* Veelgestelde vragen in een artikel: één kolom op leesbreedte */
.vgb-page--artikel .vgb-a .vgb--faq .vg-op-narrow {
	display: block;
	max-width: none;
}
.vgb-page--artikel .vgb-a .vgb--faq .vg-faq {
	width: 100%;
	max-width: none;
}

/* ===== 1.16.2: blogberichten met blokken ===== */
/* De showcase-kop is gemaakt voor een productnaam (LEONARDO); op een blog- of nieuwsbericht staat de titel in gewone letters */
.single-blog .vgb .vgb-show__text h1.vgb-h1,
.single-message .vgb .vgb-show__text h1.vgb-h1,
.single-post .vgb .vgb-show__text h1.vgb-h1 {
	font-size: clamp(2.25rem, 3.6vw, 3.25rem) !important;
	line-height: 1.1;
	letter-spacing: -0.015em;
	text-transform: none;
	text-wrap: balance;
}
/* Een staand beeld naast tekst (bv. een oorkonde) volledig tonen */
.vgb-split__media.is-staand img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 38rem;
	margin: 0 auto;
	aspect-ratio: auto !important;
	object-fit: contain !important;
}
.vgb-split__media.is-staand {
	text-align: center;
}
/* Titel in een donkere kaart altijd leesbaar */
.vgb-page--rustig .vgb .vg-op-dark h2,
.vgb-page--rustig .vgb .vg-op-dark h3 {
	color: #fff !important;
}
/* Staande foto in het blok Artikeltekst: op leeshoogte, niet over de volle breedte */
.vg-op-figure.is-staand img {
	width: auto;
	max-width: 100%;
	max-height: min(40rem, 85vh);
}
/* Tekst van een blogbericht met blokken op leesgrootte */
.single-blog .vgb--artikel .vg-op-narrow p,
.single-message .vgb--artikel .vg-op-narrow p,
.single-post .vgb--artikel .vg-op-narrow p {
	font-size: 1.125rem;
	line-height: 1.7;
}

/* ===== 1.16.3: Artikeltekst met zijkolom (feiten, machine, knop), zoals "Wat je nodig hebt" bij iFixit ===== */
/* Tekst en zijkolom vullen samen de breedte van de pagina: tekst 2/3, zijkolom 1/3, zelfde randen als de kop */
.vgb-a2 {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: clamp(2.5rem, 5vw, 4.5rem);
	align-items: start;
}
.vgb-a2__main .vg-op-narrow {
	max-width: none;
}
.vgb .vgb-a2__main .vg-op-narrow p,
.vgb .vgb-a2__main .vg-op-narrow li {
	font-size: 1.125rem;
	line-height: 1.7;
}
.vgb-a2__main .vg-op-figure {
	margin: 2rem 0 0;
}
.vgb-a2__main .vg-op-figure img,
.vgb-a2__main .vg-op-figure.is-staand img {
	width: 100%;
	max-width: none;
	height: auto;
	max-height: none;
	border-radius: 8px;
}
.vgb-a2__side {
	position: sticky;
	top: calc(var(--vgb-sticky-top, 0px) + 2rem);
}
.vgb-a2__box {
	padding: 1.5rem;
	border: 1px solid #dde3e6;
	border-radius: 12px;
	background: #fff;
}
.vgb-a2__titel {
	margin: 0 0 1rem !important;
	color: var(--vgb-ink);
	font-size: 1.0625rem;
	font-weight: 600;
}
.vgb-a2__feiten {
	margin: 0;
}
.vgb-a2__feiten > div {
	padding: 0.7rem 0;
	border-top: 1px solid #e6eaec;
}
.vgb-a2__feiten > div:first-child {
	padding-top: 0;
	border-top: 0;
}
.vgb-a2__feiten dt {
	margin: 0 0 0.15rem;
	color: #6b7177;
	font-size: 0.8125rem;
	font-weight: 400;
}
.vgb-a2__feiten dd {
	margin: 0;
	color: var(--vgb-ink);
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.4;
}
.vgb-a2__machine {
	display: flex;
	gap: 0.9rem;
	align-items: center;
	margin-top: 1.25rem;
	padding: 0.75rem;
	border-radius: 8px;
	background: #f3f6f7;
	color: inherit !important;
	text-decoration: none !important;
}
.vgb-a2__machine:hover,
.vgb-a2__machine:focus-visible {
	background: #e8eef1;
}
.vgb .vgb-a2__machine-img {
	flex: none;
	width: 5rem;
	height: 4rem;
	object-fit: contain;
}
.vgb-a2__machine strong {
	display: block;
	color: var(--vgb-ink);
	font-weight: 600;
}
.vgb-a2__machine span span {
	color: var(--vgb-accent);
	font-size: 0.875rem;
}
.vgb .vgb-a2__knop {
	display: block;
	margin: 1rem 0 0 !important;
	text-align: center;
}
@media screen and (max-width: 991px) {
	.vgb-a2 {
		grid-template-columns: minmax(0, 1fr);
		gap: 2rem;
	}
	.vgb-a2__side {
		position: static;
	}
}
/* 1.16.4: een staand beeld (foto of oorkonde) wordt nooit bijgesneden: volledig, op de breedte van de tekst */
.vgb-a2__main .vg-op-figure.is-staand img {
	aspect-ratio: auto;
	object-fit: contain;
}
/* 1.16.5: lange gidsen. De inhoudsopgave blijft binnen het scherm en schuift zelf; tabeltitels zijn subkoppen;
   tipkaders houden dezelfde breedte als de tekst */
.vgb-art__toc {
	max-height: calc(100vh - var(--vgb-sticky-top, 0px) - 4rem);
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
}
.vgb-page--artikel .vgb-art__main .vgb-a-tabel__titel {
	margin: 0 0 0.5rem;
	color: var(--vgb-ink);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.35;
}
.vgb-page--artikel .vgb-art__main.vgb-a > .vgb-callout {
	max-width: 42rem;
}
/* 1.16.6: het thema zet elke h3 op 1,5rem met !important. In de nieuwe opbouw blijven subkoppen en tabeltitels
   daardoor even groot als de tussenkoppen op mobiel; hier houden ze hun eigen, kleinere maat */
.vgb-page--artikel .vgb-art__main.vgb-a h3 {
	font-size: 1.25rem !important;
	line-height: 1.35;
}
.vgb-page--artikel .vgb-art__main.vgb-a .vgb-a-tabel__titel {
	font-size: 1.125rem !important;
}
@media screen and (max-width: 576px) {
	.vgb-page--artikel .vgb-art__main.vgb-a h3 {
		font-size: 1.125rem !important;
	}
	.vgb-page--artikel .vgb-art__main.vgb-a .vgb-a-tabel__titel {
		font-size: 1.0625rem !important;
	}
}
/* 1.16.7: in een kennisartikel met inhoudsopgave loopt alles tot de rechterrand van het raster, net als tabellen en
   grote beelden: tekst, kaders, kaarten en vragen. Een liggend beeld vult de kolom, een staand beeld blijft binnen het scherm */
.vgb-page--artikel .vgb-art--kennis .vgb-art__body:not(.vgb-art__body--solo) .vgb-art__main.vgb-a > * {
	max-width: none;
}
.vgb-page--artikel .vgb-art--kennis .vgb-art__body:not(.vgb-art__body--solo) .vgb-a-beeld:not(.is-staand) img {
	width: 100%;
	max-height: none;
}
/* Tussen 992 en 1099 px blijft de inhoudsopgave naast de tekst staan, zodat de kolom tot de rand van het raster loopt */
@media screen and (min-width: 992px) and (max-width: 1099px) {
	.vgb-art--kennis .vgb-art__body:not(.vgb-art__body--solo) {
		grid-template-columns: minmax(0, 13.5rem) minmax(0, 1fr);
		max-width: none;
	}
	.vgb-art--kennis .vgb-art__body:not(.vgb-art__body--solo) .vgb-art__side {
		display: block;
	}
	.vgb-art--kennis .vgb-art__body:not(.vgb-art__body--solo) .vgb-art__fold {
		display: none;
	}
}

/* ===== 1.17.0: gidsen. Genummerde hoofdstukken, banner, kaarten met tekening, rekenhulp, keuzehulp, oproep, bronnen, afdrukken ===== */
/* Rekenhulp, keuzehulp en bronnen: overgenomen uit het goedgekeurde prototype van de koopgids (november 2026) */
.vgb-g-sources {
	margin: 2.5rem 0 0;
	color: var(--vgb-muted);
	font-size: 0.875rem;
	line-height: 1.6;
}
.vgb-g-sources h3 {
	margin-top: 0;
	font-size: 1rem !important;
}
.vgb-g-sources ol {
	columns: 2;
	column-gap: 2rem;
}
.vgb-g-sources li {
	font-size: 0.85rem;
	break-inside: avoid;
}
@media (max-width: 700px) {
	.vgb-g-sources ol {
		columns: 1;
	}
}
.vgb-g-sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}
.vgb-g-kz {
	margin: 2.5rem 0;
	border: 1px solid var(--vgb-line);
	border-radius: 14px;
	background: #fff;
	overflow: hidden;
	scroll-margin-top: 7rem;
}
.vgb-g-kz__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.35rem 1.6rem 1.1rem;
	border-bottom: 1px solid var(--vgb-line);
}
.vgb-page--artikel .vgb-g-kz__head h3 {
	margin: 0;
	color: var(--vgb-ink);
	font-size: 1.25rem !important;
	line-height: 1.3;
}
.vgb-page--artikel .vgb-g-kz__head p {
	margin: 0.3rem 0 0;
	color: var(--vgb-muted);
	font-size: 0.95rem;
}
.vgb-page--artikel .vgb-g-kz__reset {
	flex: none;
	margin-top: 0.2rem;
	padding: 0.35rem 0;
	border: 0;
	background: none;
	color: var(--vgb-accent);
	font: inherit;
	font-size: 0.9rem;
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}
.vgb-page--artikel .vgb-g-kz__reset[hidden] {
	display: none;
}
.vgb-g-kz__qs {
	padding: 0 1.6rem;
}
.vgb-g-kz__q {
	display: grid;
	grid-template-columns: 11rem minmax(0, 1fr);
	gap: 0.6rem 1.25rem;
	align-items: start;
	padding: 1rem 0;
}
.vgb-g-kz__q + .vgb-g-kz__q {
	border-top: 1px solid var(--vgb-line);
}
.vgb-page--artikel .vgb-g-kz__lbl {
	display: grid;
	grid-template-columns: 1.6rem minmax(0, 1fr);
	column-gap: 0.6rem;
	margin: 0;
	padding-top: 0.45rem;
	line-height: 1.3;
}
.vgb-g-kz__lbl span {
	grid-row: span 2;
	display: grid;
	place-items: center;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	background: var(--vgb-accent);
	color: #fff;
	font-size: 0.8rem;
	font-weight: 600;
}
.vgb-g-kz__lbl b {
	color: var(--vgb-ink);
	font-size: 0.975rem;
	font-weight: 600;
}
.vgb-g-kz__lbl small {
	color: var(--vgb-muted);
	font-size: 0.8rem;
}
.vgb-g-kz__opts {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.vgb-g-kz__opts label {
	position: relative;
	margin: 0;
	cursor: pointer;
}
.vgb-g-kz__opts input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}
.vgb-g-kz__opts span {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2.6rem;
	padding: 0 1rem 0 0.8rem;
	border: 1px solid #c8cbc8;
	border-radius: 999px;
	background: #fff;
	color: var(--vgb-ink);
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
	transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}
.vgb-g-kz__opts span::before {
	content: "";
	flex: none;
	width: 0.95rem;
	height: 0.95rem;
	border: 1.5px solid #9aa3a8;
	border-radius: 50%;
	background: #fff center / 0.7rem no-repeat;
}
.vgb-g-kz__q--multi .vgb-g-kz__opts span::before {
	border-radius: 4px;
}
.vgb-g-kz__opts label:hover span {
	border-color: var(--vgb-accent);
}
.vgb-g-kz__opts input:checked + span {
	border-color: var(--vgb-accent);
	background: var(--vgb-accent);
	color: #fff;
}
.vgb-g-kz__opts input:checked + span::before {
	border-color: #fff;
	background-color: #fff;
	box-shadow: inset 0 0 0 3px var(--vgb-accent);
}
.vgb-g-kz__q--multi .vgb-g-kz__opts input:checked + span::before {
	box-shadow: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005e83' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}
.vgb-g-kz__opts input:focus-visible + span {
	outline: 2px solid var(--vgb-accent);
	outline-offset: 2px;
}
.vgb-g-kz__res {
	padding: 1.35rem 1.6rem 1.25rem;
	border-top: 1px solid var(--vgb-line);
	background: var(--vgb-tint);
}
.vgb-g-kz__empty p {
	margin: 0 0 0.6rem !important;
	color: var(--vgb-muted);
	font-size: 0.95rem;
}
.vgb-page--artikel .vgb-g-kz__empty ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vgb-page--artikel .vgb-g-kz__empty li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	color: var(--vgb-ink);
	font-size: 0.95rem;
	font-weight: 500;
}
.vgb-page--artikel .vgb-g-kz__empty li::before {
	display: none;
}
.vgb-g-kz__empty i {
	display: grid;
	place-items: center;
	width: 1.25rem;
	height: 1.25rem;
	border: 1.5px dashed #9aa3a8;
	border-radius: 50%;
}
.vgb-g-kz__empty .is-ok i {
	border: 0;
	background: var(--vgb-accent);
	color: #fff;
}
.vgb-g-kz__empty i svg, .vgb-g-kz__cov i svg {
	width: 0.8rem;
	height: 0.8rem;
}
.vgb-g-kz__match {
	display: grid;
	grid-template-columns: 8.5rem minmax(0, 1fr);
	gap: 1.25rem;
	align-items: start;
}
.vgb-g-kz__img {
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: 10px;
	background: #fff;
}
.vgb-g-kz__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.vgb-page--artikel .vgb-g-kz__tag {
	margin: 0 0 0.15rem;
	color: var(--vgb-accent);
	font-size: 0.85rem;
	font-weight: 600;
}
.vgb-page--artikel .vgb-g-kz__tag.is-open {
	color: var(--vgb-warn);
}
.vgb-page--artikel .vgb-g-kz__match h4 {
	margin: 0 0 0.3rem;
	color: var(--vgb-ink);
	font-size: 1.4rem !important;
	line-height: 1.2;
}
.vgb-page--artikel .vgb-g-kz__spec {
	margin: 0 0 0.75rem;
	color: var(--vgb-text);
	font-size: 0.925rem;
	line-height: 1.5;
}
.vgb-g-kz__spec span {
	color: var(--vgb-muted);
}
.vgb-page--artikel .vgb-g-kz__cov {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vgb-page--artikel .vgb-g-kz__cov li {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0;
	padding: 0.3rem 0.7rem 0.3rem 0.35rem;
	border-radius: 999px;
	background: #fff;
	font-size: 0.85rem;
	line-height: 1.3;
}
.vgb-page--artikel .vgb-g-kz__cov li::before {
	display: none;
}
.vgb-g-kz__cov i {
	display: grid;
	flex: none;
	place-items: center;
	width: 1.3rem;
	height: 1.3rem;
	border-radius: 50%;
	font-style: normal;
	font-size: 0.85rem;
	font-weight: 700;
	line-height: 1;
}
.vgb-g-kz__cov b {
	color: var(--vgb-ink);
	font-weight: 600;
}
.vgb-g-kz__cov span {
	color: var(--vgb-muted);
}
.vgb-g-kz__cov .is-ja i { background: var(--vgb-accent); color: #fff;
}
.vgb-g-kz__cov .is-optie i { box-shadow: inset 0 0 0 1.5px var(--vgb-accent); color: var(--vgb-accent);
}
.vgb-g-kz__cov .is-test i { background: var(--vgb-warn-tint); color: var(--vgb-warn);
}
.vgb-g-kz__cov .is-nee i { background: #f6e3e3; color: #9b1c1c;
}
.vgb-page--artikel .vgb-g-kz__nog {
	margin: 1rem 0 0;
	color: var(--vgb-muted);
	font-size: 0.875rem;
	line-height: 1.5;
}
.vgb-g-kz__nog b {
	color: var(--vgb-ink);
	font-weight: 600;
}
.vgb-g-kz__cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem 1rem;
	margin-top: 1rem;
}
.vgb-page--artikel .vgb-g-kz__alt {
	margin-left: auto;
	color: var(--vgb-accent) !important;
	font-size: 0.9rem;
}
.vgb-g-kz__alt b {
	font-weight: 600;
}
.vgb-g-kz__none h4 {
	margin: 0 0 0.35rem;
	color: var(--vgb-ink);
}
@media (max-width: 700px) {
	.vgb-g-kz__head, .vgb-g-kz__res {
		padding-left: 1.1rem;
		padding-right: 1.1rem;
	}
	.vgb-g-kz__qs {
		padding: 0 1.1rem;
	}
	.vgb-g-kz__q {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.6rem;
	}
	.vgb-page--artikel .vgb-g-kz__lbl {
		grid-template-columns: 1.6rem auto minmax(0, 1fr);
		align-items: center;
		padding-top: 0;
	}
	.vgb-g-kz__lbl span {
		grid-row: auto;
	}
	.vgb-g-kz__lbl small {
		padding-left: 0.5rem;
	}
	.vgb-g-kz__opts span {
		min-height: 2.75rem;
	}
	.vgb-g-kz__match {
		grid-template-columns: 5rem minmax(0, 1fr);
		gap: 0.9rem;
	}
	.vgb-page--artikel .vgb-g-kz__alt {
		margin-left: 0;
	}
}
@media (max-width: 700px) {
	.vgb-g-kz__head {
		flex-direction: column;
		gap: 0.4rem;
	}
	.vgb-page--artikel .vgb-g-kz__reset {
		margin-top: 0;
	}
	.vgb-page--artikel .vgb-g-kz__cov li {
		flex-wrap: wrap;
		max-width: 100%;
		border-radius: 12px;
	}
	.vgb-g-kz__cov span {
		min-width: 0;
	}
}
.vgb-g-r {
	margin: 2.5rem 0;
	border: 1px solid var(--vgb-line);
	border-radius: 14px;
	background: #fff;
	overflow: hidden;
	scroll-margin-top: 7rem;
}
.vgb-g-r__head {
	padding: 1.1rem 1.6rem 0.95rem;
	border-bottom: 1px solid var(--vgb-line);
}
.vgb-page--artikel .vgb-g-r__head h3 {
	margin: 0;
	color: var(--vgb-ink);
	font-size: 1.25rem !important;
	line-height: 1.3;
}
.vgb-page--artikel .vgb-g-r__head p {
	margin: 0.3rem 0 0;
	color: var(--vgb-muted);
	font-size: 0.95rem;
}
.vgb-g-r__body {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
}
.vgb-g-r__in {
	padding: 0.4rem 1.6rem 0.6rem;
}
.vgb-g-r__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.85rem 0;
}
.vgb-g-r__row + .vgb-g-r__row {
	border-top: 1px solid var(--vgb-line);
}
.vgb-page--artikel .vgb-g-r__row label {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	margin: 0;
	min-width: 0;
	cursor: pointer;
}
.vgb-g-r__row label b {
	color: var(--vgb-ink);
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.3;
}
.vgb-g-r__row label small {
	color: var(--vgb-muted);
	font-size: 0.8rem;
	line-height: 1.35;
}
.vgb-g-r__field {
	display: flex;
	flex: none;
	align-items: center;
	width: 8.25rem;
	height: 2.75rem;
	padding: 0 0.75rem;
	border: 1px solid #c8cbc8;
	border-radius: 8px;
	background: #fff;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.vgb-g-r__field:hover {
	border-color: #9aa3a8;
}
.vgb-g-r__field:focus-within {
	border-color: var(--vgb-accent);
	box-shadow: 0 0 0 3px rgba(0, 94, 131, 0.18);
}
.vgb-page--artikel .vgb-g-r__field input {
	flex: 1;
	min-width: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--vgb-ink);
	font: inherit;
	font-size: 1rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	text-align: right;
	-moz-appearance: textfield;
}
.vgb-page--artikel .vgb-g-r__field input::-webkit-outer-spin-button, .vgb-page--artikel .vgb-g-r__field input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.vgb-page--artikel .vgb-g-r__field input::placeholder {
	color: #9aa3a8;
	font-weight: 400;
}
.vgb-g-r__unit {
	flex: none;
	padding-left: 0.4rem;
	color: var(--vgb-muted);
	font-size: 0.85rem;
}
.vgb-g-r__unit--pre {
	padding: 0 0.4rem 0 0;
}
.vgb-g-r__out {
	display: flex;
	flex-direction: column;
	padding: 1.25rem 1.6rem 1.4rem;
	border-left: 1px solid var(--vgb-line);
	background: var(--vgb-tint);
}
.vgb-page--artikel .vgb-g-r__lbl {
	margin: 0;
	color: var(--vgb-muted);
	font-size: 0.85rem;
	font-weight: 500;
}
.vgb-page--artikel .vgb-g-r__big {
	margin: 0.1rem 0 0;
	color: var(--vgb-accent);
	font-size: 2.5rem !important;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	line-height: 1.1;
	letter-spacing: -0.02em;
}
.vgb-page--artikel .vgb-g-r__sub {
	margin: 0.3rem 0 0;
	color: var(--vgb-muted);
	font-size: 0.85rem;
}
.vgb-g-r__out.is-leeg .vgb-g-r__big {
	color: #9aa3a8;
}
.vgb-g-r__out.is-leeg .vgb-g-r__sub {
	color: var(--vgb-ink);
	font-weight: 500;
}
.vgb-g-r__cmp {
	margin-top: 1.15rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(0, 94, 131, 0.16);
}
.vgb-g-r__cmp .vgb-g-r__lbl {
	margin-bottom: 0.45rem;
}
.vgb-g-r__bar {
	display: grid;
	grid-template-columns: 6.6rem minmax(0, 1fr) 3.9rem;
	align-items: center;
	gap: 0.6rem;
	margin-top: 0.35rem;
	font-size: 0.875rem;
}
.vgb-g-r__bar span {
	color: var(--vgb-ink);
}
.vgb-g-r__bar i {
	display: block;
	height: 0.6rem;
	border-radius: 999px;
	background: rgba(0, 94, 131, 0.1);
	overflow: hidden;
}
.vgb-g-r__bar b {
	display: block;
	width: 0;
	height: 100%;
	border-radius: 999px;
	background: #9aa3a8;
	transition: width 0.3s ease;
}
.vgb-g-r__bar--mach b {
	background: var(--vgb-accent);
}
.vgb-g-r__bar em {
	color: var(--vgb-ink);
	font-style: normal;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	text-align: right;
}
.vgb-g-r__bar--mach em {
	color: var(--vgb-accent);
}
.vgb-page--artikel .vgb-g-r__stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
	margin: 1.1rem 0 1.25rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(0, 94, 131, 0.16);
}
.vgb-page--artikel .vgb-g-r__stats div {
	margin: 0;
}
.vgb-page--artikel .vgb-g-r__stats dt {
	margin: 0;
	color: var(--vgb-muted);
	font-size: 0.8rem;
	font-weight: 500;
}
.vgb-page--artikel .vgb-g-r__stats dd {
	margin: 0.15rem 0 0;
	color: var(--vgb-ink);
	font-size: 1.1rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	line-height: 1.3;
}
@media (prefers-reduced-motion: reduce) {
	.vgb-g-r__bar b {
		transition: none;
	}
}
.vgb-g-r__how {
	border-top: 1px solid var(--vgb-line);
}
.vgb-page--artikel .vgb-g-r__how summary {
	padding: 0.9rem 1.6rem;
	color: var(--vgb-accent);
	font-size: 0.9rem;
	font-weight: 600;
	cursor: pointer;
}
.vgb-g-r__howin {
	padding: 0 1.6rem 1.4rem;
}
.vgb-page--artikel .vgb-g-r__steps {
	margin: 0 0 1.1rem;
	padding-left: 1.2rem;
	color: var(--vgb-text);
	font-size: 0.9rem;
	line-height: 1.55;
}
.vgb-page--artikel .vgb-g-r__steps li {
	margin: 0 0 0.3rem;
}
.vgb-page--artikel .vgb-g-r__group {
	margin: 0 0 0.5rem;
	color: var(--vgb-ink);
	font-size: 0.9rem;
	font-weight: 600;
}
.vgb-g-r__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem 1rem;
}
.vgb-page--artikel .vgb-g-r__grid label {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	margin: 0;
	color: var(--vgb-muted);
	font-size: 0.8rem;
}
.vgb-page--artikel .vgb-g-r__grid input {
	height: 2.5rem;
	padding: 0 0.7rem;
	border: 1px solid #c8cbc8;
	border-radius: 8px;
	color: var(--vgb-ink);
	font: inherit;
	font-size: 0.9rem;
	font-variant-numeric: tabular-nums;
}
.vgb-page--artikel .vgb-g-r__grid input:focus-visible {
	outline: 2px solid var(--vgb-accent);
	outline-offset: 1px;
}
.vgb-page--artikel .vgb-g-r__src {
	margin: 1.1rem 0 0;
	color: var(--vgb-muted);
	font-size: 0.8rem;
	line-height: 1.6;
}
.vgb-g-r__src b {
	color: var(--vgb-ink);
	font-weight: 600;
}
@media (max-width: 760px) {
	.vgb-g-r__body {
		grid-template-columns: minmax(0, 1fr);
	}
	.vgb-g-r__out {
		border-left: 0;
		border-top: 1px solid var(--vgb-line);
	}
}
@media (max-width: 520px) {
	.vgb-g-r__head, .vgb-g-r__in, .vgb-g-r__out, .vgb-g-r__howin {
		padding-left: 1.1rem;
		padding-right: 1.1rem;
	}
	.vgb-page--artikel .vgb-g-r__how summary {
		padding-left: 1.1rem;
		padding-right: 1.1rem;
	}
	.vgb-g-r__field {
		width: 7rem;
	}
	.vgb-g-r__bar {
		grid-template-columns: 6.2rem minmax(0, 1fr) 3.7rem;
	}
	.vgb-g-r__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}
.vgb-g-r__bar {
	grid-template-columns: 7.75rem minmax(0, 1fr) 3.9rem;
}
.vgb-g-r__bar span {
	white-space: nowrap;
}
@media (max-width: 520px) {
	.vgb-g-r__bar {
		grid-template-columns: 7.4rem minmax(0, 1fr) 3.7rem;
	}
}
.vgb-page--artikel .vgb-g-r__op {
	display: grid;
	gap: 0.15rem;
	margin: 1rem 0 0;
	padding: 0.75rem 0.95rem;
	border-radius: 10px;
	background: #fff;
}
.vgb-g-r__op span {
	color: var(--vgb-muted);
	font-size: 0.8rem;
	font-weight: 500;
}
.vgb-g-r__op b {
	color: var(--vgb-ink);
	font-size: 0.925rem;
	font-weight: 500;
}
.vgb-g-r__op i {
	font-style: normal;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}
.vgb-g-r__op .is-mach {
	color: var(--vgb-accent);
}
.vgb-page--artikel .vgb-g-r__steps {
	margin: 0 0 1.25rem;
	padding: 0;
	list-style: none;
	counter-reset: none;
}
.vgb-page--artikel .vgb-g-r__steps li {
	display: grid;
	grid-template-columns: 11rem minmax(0, 1fr);
	gap: 1rem;
	margin: 0;
	padding: 0.5rem 0;
	border-top: 1px solid var(--vgb-line);
	color: var(--vgb-text);
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
}
.vgb-page--artikel .vgb-g-r__steps li::before, .vgb-page--artikel .vgb-g-r__steps li::marker {
	content: none;
	display: none;
}
.vgb-page--artikel .vgb-g-r__steps li:first-child {
	border-top: 0;
}
.vgb-page--artikel .vgb-g-r__steps li span:first-child {
	color: var(--vgb-muted);
}
.vgb-page--artikel .vgb-g-r__steps b {
	color: var(--vgb-ink);
	font-weight: 600;
	white-space: nowrap;
}
.vgb-g-r__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 760px) {
	.vgb-g-r__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 520px) {
	.vgb-page--artikel .vgb-g-r__steps li {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.1rem;
	}
	.vgb-g-r__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}
.vgb-page--artikel .vgb-g-r__steps li {
	grid-template-columns: 12.5rem minmax(0, 1fr);
}
.vgb-g-r__src b {
	font-weight: 500;
}
@media (max-width: 520px) {
	.vgb-page--artikel .vgb-g-r__steps li {
		grid-template-columns: minmax(0, 1fr);
	}
}
.vgb-page--artikel .vgb-g-r__steps li {
	grid-template-columns: 9.5rem minmax(0, 1fr);
}
@media (max-width: 520px) {
	.vgb-page--artikel .vgb-g-r__steps li {
		grid-template-columns: minmax(0, 1fr);
	}
}
.vgb-page--artikel .vgb-g-r__src b {
	font-weight: 500;
}
.vgb-g-r__grid {
	align-items: end;
}
/* Hoofdstukken: genummerde band in capriblauw, ook het anker voor de inhoudsopgave */
.vgb-hs {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding-top: 2.5rem;
}
.vgb-hs > * {
	margin: 0;
}
.vgb-hs__kop {
	padding: 1.4rem 1.75rem 1.5rem;
	border-radius: 14px;
	background: var(--vgb-accent);
}
.vgb-page--artikel .vgb-hs__num {
	margin: 0 0 0.35rem;
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.9rem;
	font-weight: 500;
	letter-spacing: 0.02em;
}
.vgb-page--artikel .vgb-hs__kop h2,
.vgb-page--artikel .vgb-hs--faq > h2 {
	margin: 0;
	scroll-margin-top: calc(var(--vgb-sticky-top, 0px) + 1.5rem);
}
.vgb-page--artikel .vgb-hs__kop h2 {
	color: #fff;
}
/* Inhoudsopgave met nummers */
.vgb-art__toc--num ol {
	border-left: 0;
}
.vgb-art__toc--num a {
	display: grid;
	grid-template-columns: 1.9rem minmax(0, 1fr);
	gap: 0.6rem;
	align-items: center;
	margin-left: 0;
	padding: 0.42rem 0;
	border-left: 0;
}
.vgb-art__toc--num a b {
	display: grid;
	place-items: center;
	width: 1.6rem;
	height: 1.6rem;
	border: 1px solid #c8d1d5;
	border-radius: 50%;
	color: var(--vgb-muted);
	font-size: 0.75rem;
	font-weight: 600;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.vgb-art__toc--num a:hover b {
	border-color: var(--vgb-accent);
	color: var(--vgb-accent);
}
.vgb-art__toc--num a[aria-current] b {
	border-color: var(--vgb-accent);
	background: var(--vgb-accent);
	color: #fff;
}
.vgb-art__fold.vgb-art__toc--num a {
	grid-template-columns: 1.6rem minmax(0, 1fr);
}
.vgb-art__tocbtn {
	display: none;
}
@media screen and (max-width: 991px) {
	.vgb-art__tocbtn {
		position: fixed;
		right: 1rem;
		bottom: 1rem;
		z-index: 30;
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		padding: 0.7rem 1.1rem;
		border-radius: 999px;
		background: var(--vgb-accent);
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
		color: #fff !important;
		font-size: 0.9rem;
		font-weight: 500;
		text-decoration: none !important;
	}
	.vgb-art__tocbtn:focus-visible {
		outline: 2px solid #fff;
		outline-offset: -4px;
	}
	.vgb-hs__kop {
		padding: 1.1rem 1.25rem;
	}
}
/* Banner: beeld over de breedte van het raster, titel op een donkere verloop, hulpmiddelen eronder */
.vgb-art__banner {
	position: relative;
	display: grid;
	overflow: hidden;
	border-radius: 16px;
	background: var(--vgb-deep);
	isolation: isolate;
}
.vgb-art__banner-img {
	position: absolute;
	inset: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.vgb-art__banner::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg, rgba(0, 64, 92, 0.94) 0%, rgba(0, 64, 92, 0.82) 45%, rgba(0, 64, 92, 0.2) 100%);
}
.vgb-art__banner-in {
	max-width: 40rem;
	padding: clamp(2rem, 5vw, 3.75rem) clamp(1.5rem, 4vw, 3.5rem);
	color: #fff;
}
.vgb-page--artikel .vgb-art .vgb-art__banner h1.vgb-h1 {
	margin: 0;
	color: #fff;
}
.vgb-page--artikel .vgb-art__banner .vgb-art__lead {
	margin: 1.1rem 0 0;
	color: rgba(255, 255, 255, 0.92);
}
.vgb-art__banner .vgb-art__meta,
.vgb-art__banner .vgb-art__meta strong,
.vgb-art__banner .vgb-art__meta span {
	color: rgba(255, 255, 255, 0.85);
}
.vgb-art__cta {
	margin: 1.75rem 0 0;
}
.vgb-art__banner .btn--primary {
	border-color: #fff;
	background: #fff;
	color: var(--vgb-accent) !important;
}
.vgb-art__banner .btn--primary:hover,
.vgb-art__banner .btn--primary:focus-visible {
	background: var(--vgb-tint);
}
.vgb-art__tools {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
	background: rgba(0, 40, 58, 0.55);
}
.vgb-art__tools li + li {
	border-left: 1px solid rgba(255, 255, 255, 0.18);
}
.vgb-art__tools a {
	display: block;
	padding: 1.1rem clamp(1.5rem, 4vw, 3.5rem);
	color: #fff !important;
	text-decoration: none !important;
	transition: background-color 0.15s ease;
}
.vgb-art__tools a:hover,
.vgb-art__tools a:focus-visible {
	background: rgba(255, 255, 255, 0.1);
}
.vgb-art__tools b {
	display: block;
	font-weight: 600;
}
.vgb-art__tools span {
	color: rgba(255, 255, 255, 0.8);
	font-size: 0.9rem;
}
@media screen and (max-width: 576px) {
	.vgb-art__banner::before {
		background: rgba(0, 64, 92, 0.86);
	}
	.vgb-art__tools li + li {
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.18);
	}
}
/* Keuzeaanwijzing: de vuistregel aan het einde van een hoofdstuk */
.vgb-callout--keuze {
	border-left: 0;
	border-radius: 10px;
	background: var(--vgb-tint);
}
.vgb-page--artikel .vgb-callout--keuze .vgb-callout__title {
	margin-bottom: 0.25rem;
	color: var(--vgb-accent);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.02em;
}
/* Kaarten met tekening */
.vgb-g-cards {
	display: grid;
	gap: 0.75rem;
}
.vgb-g-cards--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vgb-g-cards--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vgb-g-cards--5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}
.vgb-g-card {
	padding: 1.25rem 1.25rem 1.35rem;
	border: 1px solid var(--vgb-line);
	border-radius: 10px;
	background: #fff;
}
.vgb-g-card__img {
	display: grid;
	place-items: center;
	margin: -0.25rem 0 0.9rem;
}
.vgb-g-card__img img {
	width: 100%;
	height: auto;
}
.vgb-g-cards--5 .vgb-g-card {
	padding: 1rem 1rem 1.1rem;
}
.vgb-g-cards--5 .vgb-g-card__img {
	margin: 0 0 0.75rem;
	padding: 0.75rem;
	border-radius: 8px;
	background: var(--vgb-ground);
}
.vgb-page--artikel .vgb-g-card__titel {
	margin: 0 0 0.35rem;
	color: var(--vgb-ink);
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.35;
}
.vgb-g-cards--5 .vgb-g-card__titel {
	font-size: 0.98rem;
}
.vgb-page--artikel .vgb-g-card p {
	margin: 0 0 0.5rem;
	font-size: 0.9rem;
	line-height: 1.55;
}
.vgb-g-cards--5 .vgb-g-card p:last-child {
	margin: 0;
	color: var(--vgb-muted);
	font-size: 0.875rem;
}
.vgb-g-card dl {
	margin: 0.6rem 0 0;
	font-size: 0.85rem;
	line-height: 1.5;
}
.vgb-g-card dt {
	color: var(--vgb-ink);
	font-weight: 600;
}
.vgb-g-card dd {
	margin: 0 0 0.4rem;
	color: var(--vgb-muted);
}
@media screen and (max-width: 900px) {
	.vgb-g-cards--5 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media screen and (max-width: 760px) {
	.vgb-g-cards--3 {
		grid-template-columns: minmax(0, 1fr);
	}
}
@media screen and (max-width: 640px) {
	.vgb-g-cards--2 {
		grid-template-columns: minmax(0, 1fr);
	}
}
/* Oproep met beeld */
.vgb-g-cta {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	overflow: hidden;
	border-radius: 14px;
	background: var(--vgb-accent);
	color: #fff;
}
.vgb-g-cta__txt {
	padding: clamp(1.75rem, 4vw, 2.75rem);
}
.vgb-page--artikel .vgb-g-cta h2 {
	margin: 0 0 0.75rem;
	color: #fff;
}
.vgb-page--artikel .vgb-g-cta p {
	margin: 0 0 1.25rem;
	color: rgba(255, 255, 255, 0.92);
}
.vgb-g-cta p:last-child {
	margin-bottom: 0;
}
.vgb-g-cta img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.vgb-g-cta .btn--primary {
	border-color: #fff;
	background: #fff;
	color: var(--vgb-accent) !important;
}
@media screen and (max-width: 760px) {
	.vgb-g-cta {
		grid-template-columns: minmax(0, 1fr);
	}
	.vgb-g-cta img {
		aspect-ratio: 3 / 2;
		height: auto;
	}
}
.vgb-page--artikel .vgb-g-sources h2 {
	margin-top: 0;
	font-size: 1rem !important;
}
.vgb-g-kz__link {
	align-self: center;
	color: var(--vgb-accent);
	font-weight: 500;
}
/* Afdrukken: dezelfde opmaak als op het scherm, op A4, zonder navigatie, formulieren en hulpknoppen */
@media print {
	@page {
		size: A4;
		margin: 14mm 12mm 16mm;
	}
	body {
		min-width: 1000px !important;
	}
	.vgb-page--artikel .container {
		width: 1000px !important;
		max-width: 1000px !important;
	}
	.vgb-page--artikel,
	.vgb-page--artikel *,
	.vgb-page--artikel *::before {
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}
	#app > header, header.banner, footer.footer, #wpadminbar, .cookie-notice, #cookie-notice,
	.vgb-progress, .vgb-art__side, .vgb-art__fold, .vgb-art__tocbtn, .vgb-art__tools, .vgb-art__cta, .vgb-art .vgb-crumbs,
	.vgb-g-kz__reset, .vgb-g-kz__cta, .vgb-g-r__out .btn, .vgb--offerte, .vgb--artikels, .vgb--na {
		display: none !important;
	}
	.vgb-art__body {
		display: block !important;
	}
	.vgb-g-cards--5 {
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	}
	.vgb-g-cards--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
	.vgb-g-cards--2 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.vgb-g-card__img img {
		max-height: 170px;
		width: auto;
	}
	.vgb-a-beeld img,
	.vgb-a-galerij img {
		max-height: 340px;
		width: auto !important;
		margin: 0 auto;
		object-fit: contain;
	}
	.vgb-hs__kop, .vgb-callout, .vgb-a-kern, .vgb-a-beeld, .vgb-g-card, .vgb-g-cta, .vgb-g-r__body, .vgb-g-kz__qs, details, tr, img {
		break-inside: avoid;
	}
	.vgb-art h2, .vgb-art h3, .vgb-hs__kop, .vgb-a-tabel__titel, .vgb-g-r__head {
		break-after: avoid;
	}
	.vgb-art p {
		orphans: 3;
		widows: 3;
	}
	.vgb-art a {
		text-decoration: none !important;
	}
}
/* 1.17.1: na de test in het thema van de site. Het thema zet knoppen, koppen en alinea's met eigen kleur en letter */
.vgb-page--artikel .vgb-art__banner .btn.btn--primary,
.vgb-page--artikel .vgb-g-cta .btn.btn--primary {
	border-color: #fff !important;
	background: #fff !important;
	color: var(--vgb-accent) !important;
}
.vgb-page--artikel .vgb-art__banner .btn.btn--primary:hover,
.vgb-page--artikel .vgb-art__banner .btn.btn--primary:focus-visible,
.vgb-page--artikel .vgb-g-cta .btn.btn--primary:hover,
.vgb-page--artikel .vgb-g-cta .btn.btn--primary:focus-visible {
	background: var(--vgb-tint) !important;
}
.vgb-page--artikel .vgb-hs__kop .vgb-hs__num {
	color: rgba(255, 255, 255, 0.85) !important;
}
.vgb-page--artikel .vgb-hs h2,
.vgb-page--artikel .vgb-g-cta h2,
.vgb-page--artikel .vgb-g-sources h2,
.vgb-page--artikel .vgb-g-r h3,
.vgb-page--artikel .vgb-g-kz h3,
.vgb-page--artikel .vgb-g-kz h4 {
	font-family: Poppins, sans-serif;
	font-weight: 500;
}
/* Binnen een hoofdstuk gelden dezelfde breedtes als in de rest van de gids: alles tot de rand van de kolom */
.vgb-page--artikel .vgb-hs > *,
.vgb-page--artikel .vgb-hs > .vgb-callout {
	max-width: none;
}
.vgb-g-kz__match.is-zonder-beeld {
	grid-template-columns: minmax(0, 1fr);
}

/* ===== 1.18.0: stijl van 2026, naar de koopgids "Ontbraammachine kopen" (prototype versie C) =====
   Aan te zetten in VG Builder > Instellingen. Alles staat onder .vgb-stijl: met de stijl uit verandert niets.
   Iconen in kaders en vragen staan in de HTML en zijn zonder de stijl verborgen. */
.vgb-page:not(.vgb-stijl) .vgb-ico {
	display: none;
}
/* De tokens van de stijl van 2026 staan sinds 1.19.0 bovenaan (:root); wat de stijl anders maakt, staat in het 1.19.0-blok. */
/* Knoppen: afgerond, Poppins, een pijl waar het een oproep is */
.vgb-stijl .btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.2rem !important;
	border: 0 !important;
	border-radius: 8px !important;
	font-family: Poppins, sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-decoration: none !important;
	transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.vgb-stijl .btn--primary {
	background: var(--vgb-accent) !important;
	color: #fff !important;
}
.vgb-stijl .btn--primary:hover,
.vgb-stijl .btn--primary:focus-visible {
	background: var(--vgb-deep) !important;
}
.vgb-stijl .btn--secondary {
	background: transparent !important;
	box-shadow: inset 0 0 0 1px var(--vgb-accent);
	color: var(--vgb-accent) !important;
}
.vgb-stijl .btn--secondary:hover,
.vgb-stijl .btn--secondary:focus-visible {
	background: var(--vgb-tint) !important;
}
.vgb-stijl .btn .vgb-ico {
	width: 1.1rem;
	height: 1.1rem;
	flex: none;
}
.vgb-stijl :focus-visible {
	outline: 2px solid var(--vgb-accent);
	outline-offset: 3px;
}
/* Kaders: icoon links, zachte achtergrond, geen rand */
.vgb-stijl .vgb-callout {
	display: grid;
	grid-template-columns: 1.6rem minmax(0, 1fr);
	column-gap: 0.9rem;
	align-items: start;
	margin: 1.75rem 0;
	padding: 1.25rem 1.4rem !important;
	border: 0 !important;
	border-radius: var(--vgb-radius) !important;
	background: var(--vgb-ground);
}
.vgb-stijl .vgb-callout > * {
	grid-column: 2;
}
.vgb-stijl .vgb-callout > .vgb-ico {
	grid-column: 1;
	grid-row: 1 / span 3;
	width: 1.6rem;
	height: 1.6rem;
	color: var(--vgb-accent);
}
.vgb-stijl .vgb-callout--let {
	background: var(--vgb-warn-tint);
}
.vgb-stijl .vgb-callout--let > .vgb-ico {
	color: var(--vgb-warn);
}
.vgb-stijl .vgb-callout--tip {
	background: var(--vgb-ground);
}
.vgb-stijl .vgb-callout .vgb-callout__title {
	margin: 0 0 0.25rem !important;
	color: var(--vgb-ink) !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
}
.vgb-stijl .vgb-callout .vgb-callout__text,
.vgb-stijl .vgb-callout p {
	margin: 0;
	color: var(--vgb-text);
	font-size: 1rem !important;
	line-height: 1.7 !important;
}
/* Keuzeaanwijzing: zonder icoon, label in capriblauw */
.vgb-stijl .vgb-callout--keuze {
	display: block !important;
	margin: 2rem 0 0;
	padding: 0.85rem 1.1rem !important;
	background: var(--vgb-tint);
	color: var(--vgb-ink);
	font-size: 0.95rem;
	line-height: 1.55;
}
.vgb-stijl .vgb-callout--keuze .vgb-callout__title {
	margin: 0 0 0.15rem !important;
	color: var(--vgb-accent) !important;
	font-size: 0.8rem !important;
	line-height: 1.55 !important;
	letter-spacing: 0;
}
.vgb-stijl .vgb-callout--keuze .vgb-callout__text {
	color: var(--vgb-ink) !important;
	font-size: 0.95rem !important;
	line-height: 1.55 !important;
}
/* Tabellen: grijsblauwe kopregel, ruime cellen */
.vgb-stijl .vgb-tabel table {
	font-size: 0.95rem;
	line-height: 1.5;
}
.vgb-stijl .vgb-tabel th,
.vgb-stijl .vgb-tabel td {
	padding: 0.8rem 0.9rem !important;
	border-bottom: 1px solid var(--vgb-line) !important;
	font-size: 0.95rem !important;
	line-height: 1.5 !important;
}
.vgb-stijl .vgb-tabel thead th {
	background: var(--vgb-ground);
	color: var(--vgb-ink);
	font-size: 0.875rem !important;
	font-weight: 600;
}
.vgb-stijl .vgb-tabel thead th:first-child {
	border-top-left-radius: 8px;
}
.vgb-stijl .vgb-tabel thead th:last-child {
	border-top-right-radius: 8px;
}
.vgb-stijl .vgb-tabel tbody th {
	color: var(--vgb-ink);
	font-weight: 600;
}
.vgb-stijl .vgb-tabel td {
	color: var(--vgb-text);
}
.vgb-stijl .vgb-a-tabel__titel,
.vgb-page--artikel.vgb-stijl .vgb-art__main.vgb-a .vgb-a-tabel__titel {
	margin: 2rem 0 0.6rem !important;
	color: var(--vgb-ink) !important;
	font-family: Poppins, sans-serif !important;
	font-size: 1.05rem !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
}
@media screen and (max-width: 767px) {
	.vgb-stijl .vgb-tabel tr {
		padding: 0.9rem 0;
		border-bottom: 1px solid var(--vgb-line);
	}
	.vgb-stijl .vgb-tabel tbody th,
	.vgb-stijl .vgb-tabel td {
		padding: 0.15rem 0 !important;
		border: 0 !important;
	}
}
/* Veelgestelde vragen: lijnen, plusteken dat draait bij openen */
.vgb-stijl .vg-faq {
	border-top: 1px solid var(--vgb-line);
}
.vgb-stijl .vg-faq__item {
	border-bottom: 1px solid var(--vgb-line);
}
.vgb-stijl .vg-faq__item summary {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.05rem 0.25rem !important;
	color: var(--vgb-ink) !important;
	font-family: Poppins, sans-serif;
	font-size: 1.02rem !important;
	font-weight: 500;
	line-height: 1.45;
	cursor: pointer;
}
.vgb-stijl .vg-faq__item summary::after {
	content: none !important;
}
.vgb-stijl .vg-faq__item summary .vgb-ico {
	flex: 0 0 1.1rem;
	width: 1.1rem;
	height: 1.1rem;
	margin-top: 0.2rem;
	color: var(--vgb-accent);
	stroke-width: 2;
	transition: transform 0.2s ease;
}
.vgb-stijl .vg-faq__item[open] summary .vgb-ico {
	transform: rotate(45deg);
}
.vgb-stijl .vg-faq__antwoord {
	padding: 0;
}
.vgb-stijl .vg-faq__antwoord p {
	margin: 0 0 1.1rem !important;
	padding: 0 0.25rem;
	color: var(--vgb-text) !important;
	font-size: 1.0625rem !important;
	line-height: 1.7 !important;
}
/* Beelden: afgeronde hoeken, kort bijschrift; twee halve beelden naast elkaar */
.vgb-stijl .vgb-a-beeld img {
	border-radius: var(--vgb-radius);
	background: var(--vgb-ground);
}
.vgb-stijl .vgb-a-beeld figcaption,
.vgb-stijl .vgb-a-galerij figcaption {
	margin-top: 0.6rem;
	color: var(--vgb-muted);
	font-size: 0.875rem !important;
	line-height: 1.5;
}
.vgb-a-paar {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	align-items: start;
}
.vgb-a-paar > .vgb-a-beeld {
	margin: 0 !important;
}
.vgb-a-paar > .vgb-a-beeld img {
	width: 100% !important;
	max-height: none !important;
}
@media screen and (max-width: 576px) {
	.vgb-a-paar {
		grid-template-columns: minmax(0, 1fr);
	}
}
/* Artikels: tekst, koppen en ritme van de koopgids. Blokken volgen elkaar met marges, zoals in een gewone tekst */
.vgb-page--artikel.vgb-stijl .vgb-art {
	color: var(--vgb-text);
	font-family: Poppins, sans-serif;
	font-size: 1.0625rem;
	line-height: 1.7;
	font-variant-numeric: tabular-nums;
}
/* Leeskolom met inhoudsopgave zoals in de koopgids: 15rem, 4rem tussenruimte. Smaller blijft één kolom */
@media screen and (min-width: 1100px) {
	.vgb-page--artikel.vgb-stijl .vgb-art__body:not(.vgb-art__body--solo) {
		grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
		gap: 4rem;
	}
}
.vgb-page--artikel.vgb-stijl .vgb-art__toc a {
	font-size: 0.875rem;
	line-height: 1.35;
}
.vgb-page--artikel.vgb-stijl .vgb-art__main.vgb-a,
.vgb-page--artikel.vgb-stijl .vgb-hs {
	display: block;
}
.vgb-page--artikel.vgb-stijl .vgb-art__main.vgb-a > *,
.vgb-page--artikel.vgb-stijl .vgb-hs > * {
	margin-top: 0;
	margin-bottom: 2rem;
}
.vgb-page--artikel.vgb-stijl .vgb-art__main.vgb-a > .vgb-callout,
.vgb-page--artikel.vgb-stijl .vgb-hs > .vgb-callout {
	margin: 1.75rem 0;
}
.vgb-page--artikel.vgb-stijl .vgb-art__main.vgb-a > .vgb-callout--keuze,
.vgb-page--artikel.vgb-stijl .vgb-hs > .vgb-callout--keuze {
	margin: 2rem 0 0;
}
.vgb-page--artikel.vgb-stijl .vgb-hs > .vgb-a-tekst {
	margin-bottom: 1rem;
}
.vgb-page--artikel.vgb-stijl .vgb-a-tekst :where(p, ul, ol) {
	margin: 0 0 1rem;
}
.vgb-page--artikel.vgb-stijl .vgb-a-tekst :where(p, li) {
	color: var(--vgb-text);
	font-size: 1.0625rem !important;
	line-height: 1.7 !important;
}
.vgb-page--artikel.vgb-stijl .vgb-a-tekst li {
	margin-bottom: 0.35rem;
}
.vgb-page--artikel.vgb-stijl .vgb-a-tekst strong {
	color: var(--vgb-ink);
	font-weight: 600;
}
.vgb-page--artikel.vgb-stijl .vgb-art a:not(.btn) {
	color: var(--vgb-accent);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}
.vgb-page--artikel.vgb-stijl .vgb-art a:not(.btn):hover {
	color: var(--vgb-deep);
	text-decoration-thickness: 2px;
}
.vgb-page--artikel.vgb-stijl .vgb-art h2,
.vgb-page--artikel.vgb-stijl .vgb-art h3,
.vgb-page--artikel.vgb-stijl .vgb-art h4 {
	color: var(--vgb-ink);
	font-family: Poppins, sans-serif !important;
	font-weight: 500;
	letter-spacing: -0.01em;
	text-transform: none;
	text-wrap: balance;
}
.vgb-page--artikel.vgb-stijl .vgb-art h2 {
	margin: 0 0 0.75rem;
	font-size: clamp(1.6rem, 2.4vw, 2.1rem) !important;
	line-height: 1.18 !important;
}
.vgb-page--artikel.vgb-stijl .vgb-art .vgb-a-tekst h2 {
	margin: 2.75rem 0 0.75rem;
}
.vgb-page--artikel.vgb-stijl .vgb-art .vgb-a-tekst h3,
.vgb-page--artikel.vgb-stijl .vgb-art__main.vgb-a .vgb-a-tekst h3 {
	margin: 2.25rem 0 0.6rem;
	font-size: 1.25rem !important;
	font-weight: 600;
	line-height: 1.35 !important;
}
.vgb-page--artikel.vgb-stijl .vgb-art .vgb-a-tekst > h2:first-child {
	margin-top: 2.75rem;
}
.vgb-page--artikel.vgb-stijl .vgb-art .vgb-a-tekst > h3:first-child {
	margin-top: 2.25rem;
}
/* Kop van een artikel: kruimelpad, titel, inleiding, metaregel op één lijn */
.vgb-page--artikel.vgb-stijl .vgb-art .vgb-crumbs {
	margin-bottom: 1.25rem;
	color: var(--vgb-muted);
	font-size: 0.875rem;
}
.vgb-page--artikel.vgb-stijl .vgb-art .vgb-crumbs a {
	color: var(--vgb-muted);
	text-decoration: none;
}
.vgb-page--artikel.vgb-stijl .vgb-art .vgb-crumbs a:hover {
	color: var(--vgb-accent);
	text-decoration: underline;
}
.vgb-page--artikel.vgb-stijl .vgb-art h1.vgb-h1 {
	font-size: clamp(2.25rem, 4vw, 3.4rem) !important;
	line-height: 1.06;
	letter-spacing: -0.02em;
}
.vgb-page--artikel.vgb-stijl .vgb-art__lead {
	color: var(--vgb-text);
	font-size: 1.25rem !important;
	line-height: 1.6 !important;
}
.vgb-page--artikel.vgb-stijl .vgb-art__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem 1.6rem;
	margin-top: 1.25rem;
	color: var(--vgb-muted);
	font-size: 0.9375rem;
	line-height: 1.7;
}
.vgb-page--artikel.vgb-stijl .vgb-art__author > span,
.vgb-page--artikel.vgb-stijl .vgb-art__author strong,
.vgb-page--artikel.vgb-stijl .vgb-art__author > span > span {
	display: inline;
}
.vgb-page--artikel.vgb-stijl .vgb-art__author > span > span::before {
	content: ", ";
}
.vgb-page--artikel.vgb-stijl .vgb-art__meta strong {
	color: var(--vgb-ink);
	font-weight: 600;
}
/* Banner: verloop in capriblauw over het beeld, hulpmiddelen in een balk eronder */
.vgb-page--artikel.vgb-stijl .vgb-art__banner {
	grid-template-rows: 1fr auto;
	min-height: 24rem;
	margin: 1.25rem 0 2rem;
	border-radius: 16px;
	background: var(--vgb-accent);
}
.vgb-page--artikel.vgb-stijl .vgb-art__banner-img {
	object-position: 70% 50%;
}
.vgb-page--artikel.vgb-stijl .vgb-art__banner::before {
	background: linear-gradient(90deg, rgba(0, 94, 131, 0.97) 0%, rgba(0, 94, 131, 0.94) 44%, rgba(0, 94, 131, 0.6) 64%, rgba(0, 94, 131, 0.08) 88%);
}
.vgb-page--artikel.vgb-stijl .vgb-art__banner-in {
	align-self: center;
	max-width: 46rem;
	padding: 2rem 3rem 1.5rem;
}
.vgb-page--artikel.vgb-stijl .vgb-art .vgb-art__banner h1.vgb-h1 {
	margin: 0 0 1rem;
	font-size: clamp(1.9rem, 2.8vw, 2.5rem) !important;
	line-height: 1.12;
}
.vgb-page--artikel.vgb-stijl .vgb-art__banner .vgb-art__lead {
	margin: 0 0 1rem;
	color: #dfe8ec;
	font-size: 1.05rem !important;
	line-height: 1.6 !important;
}
.vgb-page--artikel.vgb-stijl .vgb-art__banner .vgb-art__meta,
.vgb-page--artikel.vgb-stijl .vgb-art__banner .vgb-art__meta span,
.vgb-page--artikel.vgb-stijl .vgb-art__banner .vgb-art__meta strong {
	color: #d3e6ee;
}
.vgb-page--artikel.vgb-stijl .vgb-art__cta {
	margin: 1.25rem 0 0;
}
.vgb-page--artikel.vgb-stijl .vgb-art__banner .btn.btn--primary,
.vgb-page--artikel.vgb-stijl .vgb-g-cta .btn.btn--primary {
	background: #fff !important;
	color: var(--vgb-ink) !important;
}
.vgb-page--artikel.vgb-stijl .vgb-art__banner .btn.btn--primary:hover,
.vgb-page--artikel.vgb-stijl .vgb-g-cta .btn.btn--primary:hover {
	background: #e4edf1 !important;
}
.vgb-page--artikel.vgb-stijl .vgb-art__tools {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	background: rgba(0, 94, 131, 0.9);
	border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.vgb-page--artikel.vgb-stijl .vgb-art__tools li + li {
	border-left: 1px solid rgba(255, 255, 255, 0.14);
}
.vgb-page--artikel.vgb-stijl .vgb-art__tools a {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: 1.1rem 1.5rem;
}
.vgb-page--artikel.vgb-stijl .vgb-art__tools a:hover {
	background: rgba(255, 255, 255, 0.08);
}
.vgb-page--artikel.vgb-stijl .vgb-art__tools b {
	font-size: 1rem;
}
.vgb-page--artikel.vgb-stijl .vgb-art__tools span {
	color: #cfe3ec;
	font-size: 0.85rem;
}
/* Kernpunten: lichtblauw vak, ronde bolletjes */
.vgb-page--artikel.vgb-stijl .vgb-a-kern {
	box-sizing: border-box;
	padding: 1.5rem 1.75rem;
	border: 0;
	border-radius: var(--vgb-radius);
	background: var(--vgb-tint);
}
.vgb-page--artikel.vgb-stijl .vgb-a-kern .vgb-a-kern__titel {
	margin: 0 0 0.6rem !important;
	color: var(--vgb-deep) !important;
	font-size: 1.05rem !important;
	font-weight: 600;
}
.vgb-page--artikel.vgb-stijl .vgb-a-kern ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.vgb-page--artikel.vgb-stijl .vgb-a-kern li {
	position: relative;
	margin: 0 0 0.55rem;
	padding-left: 1.6rem;
	color: var(--vgb-text);
	font-size: 1rem !important;
	line-height: 1.6 !important;
}
.vgb-page--artikel.vgb-stijl .vgb-a-kern li::before {
	content: "";
	position: absolute;
	top: 0.55em;
	left: 0.2rem;
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: var(--vgb-accent);
}
/* Hoofdstukken in een gids */
.vgb-page--artikel.vgb-stijl .vgb-hs {
	padding-top: 4.5rem;
}
.vgb-page--artikel.vgb-stijl .vgb-hs:first-of-type {
	padding-top: 3rem;
}
.vgb-page--artikel.vgb-stijl .vgb-hs > .vgb-hs__kop {
	margin: 0 0 1.5rem;
	padding: 1.4rem 1.75rem 1.5rem;
}
.vgb-page--artikel.vgb-stijl .vgb-hs__kop h2 {
	margin: 0 !important;
	color: #fff;
}
.vgb-page--artikel.vgb-stijl .vgb-hs__kop .vgb-hs__num {
	margin: 0 0 0.35rem;
	color: rgba(255, 255, 255, 0.8) !important;
	font-size: 0.9rem !important;
	font-weight: 500;
	letter-spacing: 0.02em;
}
.vgb-page--artikel.vgb-stijl .vgb-hs--faq > h2 {
	margin: 0 0 1.5rem;
}
/* Kaarten, hulpmiddelen en oproep: marges zoals in de koopgids */
.vgb-page--artikel.vgb-stijl .vgb-hs > .vgb-g-cards,
.vgb-page--artikel.vgb-stijl .vgb-hs > .vgb-a-paar,
.vgb-page--artikel.vgb-stijl .vgb-hs > .vgb-a-beeld {
	margin: 2rem 0;
}
.vgb-page--artikel.vgb-stijl .vgb-hs > .vgb-a-tabel {
	margin: 1.75rem 0 2rem;
}
.vgb-page--artikel.vgb-stijl .vgb-hs > .vgb-g-r,
.vgb-page--artikel.vgb-stijl .vgb-hs > .vgb-g-kz {
	margin: 2.5rem 0;
}
.vgb-page--artikel.vgb-stijl .vgb-g-cta {
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	margin: 3rem 0;
	border-radius: 14px;
}
.vgb-page--artikel.vgb-stijl .vgb-g-cta__txt {
	padding: 2rem 2.1rem;
}
.vgb-page--artikel.vgb-stijl .vgb-g-cta h2 {
	margin: 0 0 0.6rem !important;
	color: #fff;
}
.vgb-page--artikel.vgb-stijl .vgb-g-cta p {
	color: #e1eef3;
}
.vgb-page--artikel.vgb-stijl .vgb-g-cta img {
	min-height: 16rem;
}
.vgb-page--artikel.vgb-stijl .vgb-g-r .btn,
.vgb-page--artikel.vgb-stijl .vgb-g-kz .btn {
	justify-content: center;
}
@media screen and (max-width: 760px) {
	.vgb-page--artikel.vgb-stijl .vgb-hs > .vgb-hs__kop {
		padding: 1.1rem 1.25rem;
	}
	.vgb-page--artikel.vgb-stijl .vgb-art__banner::before {
		background: linear-gradient(180deg, rgba(0, 94, 131, 0.95) 0%, rgba(0, 94, 131, 0.9) 100%);
	}
	.vgb-page--artikel.vgb-stijl .vgb-art__banner-in {
		padding: 1.75rem 1.5rem 1.25rem;
	}
	.vgb-page--artikel.vgb-stijl .vgb-art__tools {
		grid-template-columns: minmax(0, 1fr);
	}
	.vgb-page--artikel.vgb-stijl .vgb-art__tools li + li {
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.14);
	}
	.vgb-page--artikel.vgb-stijl .vgb-g-cta {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ===== 1.19.0: design system (DESIGN.md), na de design-audit van de drie referentiepagina's =====
   Alles onder .vgb-stijl: met de stijl van 2026 uit verandert niets. Elke regel verwijst naar een bevinding in de audit. */

/* Tokens in de stijl van 2026: geen navy, één familie neutrale tinten (RAL 7035), één kaartradius */
.vgb-stijl {
	--vgb-ink-strong: var(--vgb-ink);
	--vgb-ground: var(--vgb-grey-7035-50);
	--vgb-line: var(--vgb-grey-7035-200);
	--vgb-radius: 12px;
}
/* Het rustige ontwerp had zijn eigen grijzen (--r-*): die volgen nu de tokens */
.vgb-page--rustig.vgb-stijl {
	--r-ink: var(--vgb-ink);
	--r-text: var(--vgb-text);
	--r-muted: var(--vgb-muted);
	--r-line: var(--vgb-line);
	--r-tint: var(--vgb-ground);
}
.vgb-stijl .vgb-bg--licht,
.vgb-stijl .vgb-post__media,
.vgb-stijl .vgb-form__seg {
	background-color: var(--vgb-ground);
}
.vgb-stijl .vgb-cc--from-licht { --cc-from: var(--vgb-ground); }
.vgb-stijl .vgb-cc--to-licht { --cc-to: var(--vgb-ground); }

/* Koppen: altijd Poppins. Het thema zet h1–h6 in Open Sans en #353535 (nieuwsbericht: H1 en tussenkoppen) */
.vgb-stijl :is(h1, h2, h3, h4, h5, h6) {
	font-family: var(--vgb-font);
}
.vgb-stijl .vgb:not(.vgb-bg--donker) .vgb-hero--links h1.vgb-h1 {
	color: var(--vgb-ink);
	letter-spacing: var(--vgb-ls-display);
}
.vgb-stijl .vgb:not(.vgb-bg--donker) .vgb-hero--links .vg-op-h1-sub {
	color: var(--vgb-text);
}
.vgb-page--artikel.vgb-stijl .vgb-art h1.vgb-h1 {
	font-size: var(--vgb-fs-display) !important;
}

/* Blogbericht met blokken: dezelfde leesmaat en tussenkoppen als een kennisartikel */
.vgb-stijl .vgb-a2 .vg-op-narrow > :is(p, li),
.vgb-stijl .vgb-a2 .vg-op-narrow > :is(ul, ol) li {
	font-size: var(--vgb-fs-body) !important;
	line-height: var(--vgb-lh-body) !important;
}
.vgb-stijl .vgb:not(.vgb-bg--donker) .vgb-a2 .vg-op-narrow > :is(h2, h3) {
	color: var(--vgb-ink);
}
.vgb-stijl .vgb-a2 .vg-op-narrow > h2 {
	font-size: var(--vgb-fs-h2) !important;
	line-height: var(--vgb-lh-heading);
}
.vgb-stijl .vgb-a2 .vg-op-narrow > :is(h2, h3):not(:first-child) {
	margin-top: var(--vgb-space-6) !important;
}

/* Kennisartikel: lopende tekst op leesbreedte; tabellen, kaarten en hulpmiddelen houden de volle kolom */
.vgb-page--artikel.vgb-stijl .vgb-a-tekst > :is(p, ul, ol, h3, h4),
.vgb-page--artikel.vgb-stijl :is(.vgb-callout, .vgb-a-kern, .vg-faq__antwoord) :is(p, li) {
	max-width: var(--vgb-measure);
}
/* Een tabel in een artikel is een builderblok: zonder sectieruimte, anders staat er 104 px wit na elke tabel */
.vgb-page--artikel.vgb-stijl .vgb-a-wide > section.vgb:not(.vgb--hero) {
	padding: 0 !important;
}

/* Gidsbanner op 320 px: het lange eerste woord verbreedde de kolom, titel en knop vielen buiten het kader (WCAG 1.4.10) */
.vgb-page--artikel.vgb-stijl .vgb-art__banner {
	grid-template-columns: minmax(0, 1fr);
}
.vgb-page--artikel.vgb-stijl .vgb-art__banner h1.vgb-h1 {
	hyphens: auto;
	overflow-wrap: break-word;
}
@media screen and (max-width: 360px) {
	.vgb-page--artikel.vgb-stijl .vgb-art__banner-in {
		padding-right: 1.25rem;
		padding-left: 1.25rem;
	}
	.vgb-page--artikel.vgb-stijl .vgb-art .vgb-art__banner h1.vgb-h1 {
		font-size: 1.6rem !important;
	}
}

/* Knoppen: zichtbare focus. Bootstrap in het thema zet .btn:focus { outline: 0 } en wint van :focus-visible */
.vgb-stijl .btn.btn:focus-visible {
	outline: 2px solid var(--vgb-focus) !important;
	outline-offset: 3px !important;
}
.vgb-stijl :is(.vgb-art__banner, .vgb-g-cta, .vgb-hs__kop, .vgb-bg--donker) .btn.btn:focus-visible {
	outline-color: var(--vgb-on-accent) !important;
}
.vgb-stijl .btn {
	min-height: 44px;
}
/* Tweede knop in de hero: capri zoals elders, geen navy rand of hover */
.vgb-stijl .vgb-show--licht .vgb-show__text .btn.btn--secondary {
	border-color: var(--vgb-accent) !important;
	color: var(--vgb-accent) !important;
}
.vgb-stijl .vgb-show--licht .vgb-show__text .btn.btn--secondary:hover,
.vgb-stijl .vgb-show--licht .vgb-show__text .btn.btn--secondary:focus-visible {
	background: var(--vgb-tint) !important;
	color: var(--vgb-accent) !important;
}
/* Tekstlinks met een pijl: minstens 24 px hoog (WCAG 2.5.8) */
.vgb-stijl .vgb .vgb-spotl__link {
	display: inline-flex;
	align-items: center;
	min-height: var(--vgb-target);
}

/* Eén tussenruimte voor kaartrasters (gemeten: 24, 28, 32 en 40 px op één pagina) */
.vgb-stijl .vgb-ops,
.vgb-stijl .vgb-steps,
.vgb-stijl .vg-op-grid.vgb-cols-3 {
	gap: var(--vgb-gap);
}
/* Eén radius voor kaarten; grote vlakken (hoofdstukband, oproep, formulier) houden de grote radius */
.vgb-stijl :is(.vgb-post, .vgb-story, .vgb-spotl, .vgb-steps__figure, .vgb-line) {
	border-radius: var(--vgb-radius);
}
.vgb-stijl .vgb-form {
	border-radius: var(--vgb-r-lg);
}
/* Een staand beeld naast tekst staat tegen de rand van de kolom, niet in het midden */
.vgb-stijl .vgb-split__media.is-staand img {
	object-position: left center;
}
.vgb-stijl .vgb-split--rechts .vgb-split__media.is-staand img {
	object-position: right center;
}

/* Ruimte "klein" en "groot" krimpt mee op tablet en gsm, zoals "normaal" (de spotlight hield 136 px op 320 px) */
@media screen and (max-width: 991px) {
	.vgb-page--rustig.vgb-stijl .vgb.vgb-space--klein:not(.vgb--hero) { padding-bottom: 3.5rem; }
	.vgb-page--rustig.vgb-stijl .vgb.vgb-space--groot:not(.vgb--hero) { padding-bottom: 6rem; }
	.vgb-page--rustig.vgb-stijl .vgb.vgb-bg--licht.vgb-space--klein:not(.vgb--hero),
	.vgb-page--rustig.vgb-stijl .vgb.vgb-bg--donker.vgb-space--klein:not(.vgb--hero) { padding-top: 3.5rem; }
	.vgb-page--rustig.vgb-stijl .vgb.vgb-bg--licht.vgb-space--groot:not(.vgb--hero),
	.vgb-page--rustig.vgb-stijl .vgb.vgb-bg--donker.vgb-space--groot:not(.vgb--hero) { padding-top: 6rem; }
}
@media screen and (max-width: 576px) {
	.vgb-page--rustig.vgb-stijl .vgb.vgb-space--klein:not(.vgb--hero) { padding-bottom: 3rem; }
	.vgb-page--rustig.vgb-stijl .vgb.vgb-space--groot:not(.vgb--hero) { padding-bottom: 4.5rem; }
	.vgb-page--rustig.vgb-stijl .vgb.vgb-bg--licht.vgb-space--klein:not(.vgb--hero),
	.vgb-page--rustig.vgb-stijl .vgb.vgb-bg--donker.vgb-space--klein:not(.vgb--hero) { padding-top: 3rem; }
	.vgb-page--rustig.vgb-stijl .vgb.vgb-bg--licht.vgb-space--groot:not(.vgb--hero),
	.vgb-page--rustig.vgb-stijl .vgb.vgb-bg--donker.vgb-space--groot:not(.vgb--hero) { padding-top: 4.5rem; }
}

/* Focus ook zichtbaar op velden en kaarten (UX-audit: alleen een ring van 15 % of een randkleur, WCAG 2.4.7) */
.vgb-stijl .vgb-form :is(input, select, textarea):focus-visible {
	outline: 2px solid var(--vgb-focus);
	outline-offset: 1px;
}
.vgb-stijl :is(.vgb-post, .vgb-product):focus-within {
	outline: 2px solid var(--vgb-focus) !important;
	outline-offset: 3px;
}
/* Bijschrift op een videominiatuur: donkerder verloop, wit haalt ook op een lichte foto 4,5:1 (WCAG 1.4.3) */
.vgb-stijl .vgb-media__caption {
	background: linear-gradient(to top, rgba(20, 24, 29, 0.8), rgba(20, 24, 29, 0.45) 60%, rgba(20, 24, 29, 0));
}
/* Subnavigatie op gsm: de brochureknop weer compact (de knopstijl van 1.18.0 maakte hem 191 px breed),
   en een vervaging rechts die toont dat de links verder scrollen */
@media screen and (max-width: 576px) {
	.vgb-stijl .vgb-subnav .vgb-subnav__cta {
		padding: 0.5rem 0.8rem !important;
		font-size: var(--vgb-fs-small) !important;
	}
	.vgb-stijl .vgb-subnav__links {
		-webkit-mask-image: linear-gradient(to right, black calc(100% - 2rem), transparent);
		mask-image: linear-gradient(to right, black calc(100% - 2rem), transparent);
	}
}