/*
 * De website in de huisstijl van het ontwerp van 2026: de kop, de voet en
 * wat alle pagina's delen. Elke pagina heeft daarnaast een eigen bestand
 * (home.css, over.css, …). Alles hangt onder .mbg, zodat het thema en
 * Elementor er niet aan komen en wij niet aan hen.
 *
 * Breekpunten: 1120px (het menu wordt een menuknop) en 760px (telefoon).
 */

/* Lettertypes in de plugin zelf: bezoekers laden niets bij Google. */
@font-face { font-family: "MBG Palanquin Dark"; src: url(fonts/palanquin-dark-500.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "MBG Palanquin Dark"; src: url(fonts/palanquin-dark-600.woff2) format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "MBG Roboto Slab"; src: url(fonts/roboto-slab.woff2) format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "MBG Roboto"; src: url(fonts/roboto.woff2) format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }

.mbg {
	--mbg-creme: #f1f2eb;
	--mbg-donker: #243119;
	--mbg-tekst: #2f3a26;
	--mbg-tekst2: #4a5442;
	--mbg-bordeaux: #873947;
	--mbg-blauw: #1a368d;
	--mbg-groen: #17643a;
	--mbg-rand: #dadcd0;
	--mbg-rand2: #e4e6dc;
	--mbg-rand3: #c9cdbe;
	--mbg-schaduw: 0 10px 28px rgba(36, 49, 25, .22);
	--mbg-font-kop: "MBG Palanquin Dark", "Palanquin Dark", "Trebuchet MS", Arial, sans-serif;
	--mbg-font-slab: "MBG Roboto Slab", "Roboto Slab", Georgia, serif;
	--mbg-font: "MBG Roboto", Roboto, "Helvetica Neue", Arial, sans-serif;
	--mbg-breed: 1240px;
	--mbg-goot: 32px;

	font-family: var(--mbg-font);
	font-size: 16px;
	line-height: 1.5;
	color: var(--mbg-donker);
	-webkit-font-smoothing: antialiased;
	text-align: left;
}
@media (max-width: 760px) {
	.mbg { --mbg-goot: 20px; }
}

/* Basis: los van wat het thema met koppen, lijsten, links en knoppen doet. */
.mbg *, .mbg *::before, .mbg *::after { box-sizing: border-box; }
body .mbg :where(h1, h2, h3, h4, p, ul, ol, dl, dd, figure, blockquote, table) { margin: 0; }
body .mbg :where(ul, ol) { padding: 0; list-style: none; }
body .mbg :where(h1, h2, h3, h4) { letter-spacing: normal; text-transform: none; }
body .mbg img { display: block; max-width: 100%; height: auto; border: 0; border-radius: 0; box-shadow: none; }
body .mbg a { color: var(--mbg-link, var(--mbg-blauw)); text-underline-offset: 3px; }
body .mbg a:hover { color: var(--mbg-bordeaux); }
body .mbg button { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: inherit; font: inherit; line-height: inherit; letter-spacing: inherit; text-transform: none; text-align: inherit; white-space: normal; cursor: pointer; }
body .mbg button:hover, body .mbg button:focus { background: none; color: inherit; }
body .mbg :focus-visible { outline: 3px solid var(--mbg-blauw); outline-offset: 2px; }
body .mbg [hidden] { display: none !important; }
.mbg .mbg-verborgen { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.mbg .mbg-icoon { flex: none; display: block; }

/*
 * In Elementor staan de kop, de voet en de pagina in containers met binnenruimte en een
 * smalle kolom. De kop en de voet lopen over de hele breedte en sluiten zonder witte
 * strook aan op de pagina, wat er in de templates ook is ingesteld.
 */
body:has(.mbg-kop, .mbg-voet) { overflow-x: clip; }
.mbg.mbg-kop, .mbg.mbg-voet { width: 100vw; max-width: 100vw; margin-inline: calc(50% - 50vw); }
.e-con:has(.mbg-kop, .mbg-voet, .mbg-pagina, .bh-pagina),
.e-con-inner:has(.mbg-kop, .mbg-voet, .mbg-pagina, .bh-pagina) { padding-block: 0 !important; }
.elementor-widget:has(.mbg-kop, .mbg-voet, .mbg-pagina, .bh-pagina) { margin-block: 0 !important; }

/* De pagina heeft een eigen kop; de paginatitel van het thema zou dubbel staan. */
body:has(.mbg-pagina) .elementor-widget-theme-post-title,
body:has(.mbg-pagina) .page-header,
body:has(.mbg-pagina) .wp-block-post-title { display: none; }

/* Opbouw */
/* Iets over de hele breedte van het scherm, zonder dat de pagina opzij gaat schuiven. */
body:has(.mbg-pagina) { overflow-x: clip; }
/* Een pagina vult de hele breedte, ook als het thema de inhoud in een smalle kolom zet; .mbg-binnen houdt de tekst in het midden. */
.mbg.mbg-pagina { width: 100vw; max-width: 100vw; margin-inline: calc(50% - 50vw); }
.mbg .mbg-volle-breedte { width: 100vw; max-width: none; margin-inline: calc(50% - 50vw); }
.mbg .mbg-binnen { width: 100%; max-width: var(--mbg-breed); margin-inline: auto; padding-inline: var(--mbg-goot); }
/* Een gekleurde band over de hele breedte, ook als de pagina in een smallere kolom staat. */
.mbg .mbg-band { --mbg-band-kleur: var(--mbg-creme); background: var(--mbg-band-kleur); box-shadow: 0 0 0 100vmax var(--mbg-band-kleur); clip-path: inset(0 -100vmax); }
.mbg .mbg-band--blauw { --mbg-band-kleur: var(--mbg-blauw); --mbg-link: #fff; color: #fff; }
.mbg .mbg-band--wit { --mbg-band-kleur: #fff; }
.mbg .mbg-sectie { padding-block: 64px; }
.mbg .mbg-sectie--kort { padding-block: 40px; }
@media (max-width: 760px) {
	.mbg .mbg-sectie { padding-block: 36px; }
	.mbg .mbg-sectie--kort { padding-block: 28px; }
}

/* Tekst */
.mbg .mbg-h1 { font-family: var(--mbg-font-kop); font-weight: 600; font-size: clamp(34px, 4.2vw, 52px); line-height: 1.06; color: var(--mbg-donker); }
.mbg .mbg-h2 { font-family: var(--mbg-font-kop); font-weight: 500; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.1; color: var(--mbg-bordeaux); }
.mbg .mbg-band--blauw .mbg-h2, .mbg .mbg-h2--wit { color: #fff; }
.mbg .mbg-h3 { font-family: var(--mbg-font-slab); font-weight: 600; font-size: 20px; line-height: 1.25; color: var(--mbg-donker); }
.mbg .mbg-intro { font-size: 18px; line-height: 1.6; color: var(--mbg-tekst); }
.mbg .mbg-tekst { font-size: 17px; line-height: 1.65; color: var(--mbg-tekst); }
.mbg .mbg-klein { font-size: 15px; line-height: 1.55; color: var(--mbg-tekst2); }
.mbg .mbg-label { font-size: 14px; font-weight: 700; color: var(--mbg-bordeaux); }
.mbg .mbg-band--blauw :is(.mbg-intro, .mbg-tekst, .mbg-klein) { color: #fff; }
.mbg .mbg-stapel { display: flex; flex-direction: column; gap: 14px; }
.mbg .mbg-rijk > * + * { margin-top: .8em; }
.mbg .mbg-rijk :is(ul, ol) { padding-left: 22px; }
.mbg .mbg-rijk ul { list-style: disc; }
.mbg .mbg-rijk ol { list-style: decimal; }
@media (max-width: 760px) {
	.mbg .mbg-h3 { font-size: 18px; }
	.mbg .mbg-intro { font-size: 17px; }
	.mbg .mbg-tekst { font-size: 16px; }
}

/* Knoppen en links */
body .mbg .mbg-knop { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 22px; border: 1px solid transparent; border-radius: 6px; background: var(--mbg-blauw); color: #fff; font-family: var(--mbg-font-slab); font-weight: 500; font-size: 16px; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer; transition: filter .15s ease; }
body .mbg .mbg-knop:hover { filter: brightness(1.12); color: #fff; }
body .mbg .mbg-knop--bordeaux { background: var(--mbg-bordeaux); }
body .mbg .mbg-knop--wit { background: #fff; color: var(--mbg-blauw); font-weight: 600; }
body .mbg .mbg-knop--wit:hover { color: var(--mbg-blauw); filter: brightness(.96); }
body .mbg .mbg-knop--rand { background: transparent; border-color: var(--mbg-rand3); color: var(--mbg-donker); }
body .mbg .mbg-knop--rand:hover { border-color: var(--mbg-donker); color: var(--mbg-donker); filter: none; }
body .mbg .mbg-knop--rand-wit { background: transparent; border-color: rgba(255, 255, 255, .7); color: #fff; }
body .mbg .mbg-knop--rand-wit:hover { border-color: #fff; color: #fff; }
body .mbg .mbg-knop--klein { min-height: 44px; padding: 0 16px; font-size: 15px; }
.mbg .mbg-knoppen { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
body .mbg .mbg-link { font-weight: 600; }
body .mbg .mbg-link--donker { color: var(--mbg-donker); }
@media (max-width: 760px) {
	/* Op de telefoon zijn de belangrijkste knoppen zo breed als het scherm. */
	.mbg .mbg-knoppen--stapel { flex-direction: column; align-items: stretch; gap: 10px; }
	body .mbg .mbg-knoppen--stapel > .mbg-knop, body .mbg .mbg-knop--breed { width: 100%; min-height: 50px; }
	body .mbg .mbg-knoppen--stapel > .mbg-link { align-self: center; display: inline-flex; align-items: center; min-height: 44px; }
	body .mbg .mbg-link--blok { display: inline-flex; align-items: center; min-height: 44px; }
}

/* Keuzeknoppen (filters, tabbladen, leeftijden) */
.mbg .mbg-chips { display: flex; flex-wrap: wrap; gap: 8px; }
body .mbg .mbg-chip { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid var(--mbg-rand3); border-radius: 999px; background: #fff; color: var(--mbg-donker); font-family: var(--mbg-font-slab); font-weight: 600; font-size: 15px; white-space: nowrap; }
body .mbg .mbg-chip:hover { border-color: var(--mbg-donker); background: #fff; color: var(--mbg-donker); }
body .mbg .mbg-chip[aria-pressed="true"], body .mbg .mbg-chip[aria-selected="true"] { border-color: var(--mbg-donker); background: var(--mbg-donker); color: #fff; }
body .mbg .mbg-chip img { width: 28px; height: 28px; object-fit: contain; }
@media (max-width: 760px) {
	/* Een rij keuzes schuift opzij in plaats van te lopen over drie regels. */
	.mbg .mbg-chips--schuif { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x proximity; scroll-padding-inline: var(--mbg-goot); margin-inline: calc(-1 * var(--mbg-goot)); padding: 2px var(--mbg-goot) 6px; scrollbar-width: none; }
	.mbg .mbg-chips--schuif::-webkit-scrollbar { display: none; }
	.mbg .mbg-chips--schuif > * { flex: none; scroll-snap-align: start; }
}

/* Een rij kaarten die op de telefoon opzij schuift, met de volgende er half in beeld. */
@media (max-width: 760px) {
	.mbg .mbg-schuifrij { display: flex !important; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--mbg-goot); margin-inline: calc(-1 * var(--mbg-goot)); padding: 2px var(--mbg-goot) 8px; scrollbar-width: none; }
	.mbg .mbg-schuifrij::-webkit-scrollbar { display: none; }
	.mbg .mbg-schuifrij > * { flex: 0 0 min(78%, 300px); scroll-snap-align: start; }
}

/* Uitklappen: een knop met aria-expanded en een paneel eronder. */
.mbg .mbg-uitklap { border-bottom: 1px solid var(--mbg-rand2); }
body .mbg .mbg-uitklap__knop { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 12px 4px; font-family: var(--mbg-font-slab); font-weight: 600; font-size: 17px; line-height: 1.3; color: var(--mbg-donker); text-align: left; }
body .mbg .mbg-uitklap__knop:hover { color: var(--mbg-bordeaux); }
.mbg .mbg-uitklap__knop > .mbg-icoon:last-child { color: var(--mbg-blauw); transition: transform .2s ease; }
.mbg .mbg-uitklap__knop[aria-expanded="true"] > .mbg-icoon:last-child { transform: rotate(180deg); }
.mbg .mbg-uitklap__paneel { padding: 0 4px 18px; display: flex; flex-direction: column; gap: 10px; font-size: 16px; line-height: 1.6; color: var(--mbg-tekst); }

/* Kaart, datumblok, fotolijst */
.mbg .mbg-kaart { padding: 24px; border: 1px solid var(--mbg-rand); border-radius: 14px; background: #fff; }
.mbg .mbg-kaart--creme { border-color: transparent; background: var(--mbg-creme); }
.mbg .mbg-datum { flex: none; width: 88px; height: 96px; border-radius: 10px; background: var(--mbg-blauw); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.mbg .mbg-datum__dag, .mbg .mbg-datum__maand { font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.mbg .mbg-datum__nr { font-family: var(--mbg-font-kop); font-weight: 500; font-size: 30px; line-height: 1.1; }
.mbg .mbg-datum--wit { background: #fff; color: var(--mbg-blauw); }
.mbg .mbg-datum--klein { width: 68px; height: 74px; }
.mbg .mbg-datum--klein .mbg-datum__nr { font-size: 26px; }
.mbg .mbg-datum--klein :is(.mbg-datum__dag, .mbg-datum__maand) { font-size: 12px; }
.mbg .mbg-lijst-foto { border: 8px solid #fff; box-shadow: var(--mbg-schaduw); background: #fff; }
.mbg .mbg-lijst-foto img { width: 100%; height: 100%; object-fit: cover; }

/* Een groep als rij: badge, naam, leeftijd en tijd. */
body .mbg .mbg-groeprij { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border: 1px solid #e1e4d8; border-radius: 10px; background: #fff; color: var(--mbg-donker); text-decoration: none; }
body .mbg .mbg-groeprij:hover { border-color: var(--mbg-rand3); color: var(--mbg-donker); }
.mbg .mbg-groeprij img { flex: none; width: 54px; height: 54px; object-fit: contain; }
.mbg .mbg-groeprij__tekst { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mbg .mbg-groeprij strong { font-family: var(--mbg-font-slab); font-weight: 600; font-size: 17px; color: var(--mbg-bordeaux); }
.mbg .mbg-groeprij span span, .mbg .mbg-groeprij__meta { font-size: 14px; color: var(--mbg-tekst2); }

/* Een balk die op de telefoon onderaan in beeld blijft, met de belangrijkste knop. */
.mbg .mbg-plakbalk { display: none; }
@media (max-width: 760px) {
	.mbg .mbg-plakbalk { position: sticky; bottom: 0; z-index: 30; display: flex; flex-direction: column; gap: 6px; margin-inline: 0; padding: 12px var(--mbg-goot) calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--mbg-rand); background: #fff; box-shadow: 0 -6px 18px rgba(36, 49, 25, .12); }
	.mbg .mbg-plakbalk p { font-size: 14px; color: var(--mbg-tekst2); text-align: center; }
	body .mbg .mbg-plakbalk .mbg-knop { width: 100%; min-height: 52px; }
}

/* ------------------------------------------------------------------ */
/* Kop                                                                 */
/* ------------------------------------------------------------------ */
.mbg-kop { position: relative; z-index: 50; background: #fff; box-shadow: 0 1px 0 var(--mbg-rand2); }
.mbg-kop .mbg-kop__balk { max-width: 1360px; margin: 0 auto; padding: 10px 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
body .mbg-kop .mbg-kop__logo { display: block; flex: none; line-height: 0; }
.mbg-kop .mbg-kop__logo img { width: 78px; height: 74px; object-fit: contain; }
.mbg-kop .mbg-kop__nav { display: flex; align-items: center; gap: 2px; font-family: var(--mbg-font-slab); font-weight: 600; font-size: 16px; }
body .mbg-kop .mbg-kop__item { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 48px; padding: 0 14px; color: var(--mbg-blauw); font-family: var(--mbg-font-slab); font-weight: 600; font-size: 16px; text-decoration: none; }
body .mbg-kop .mbg-kop__item:hover { color: var(--mbg-bordeaux); }
.mbg-kop .mbg-kop__item.is-actief::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 3px; background: var(--mbg-bordeaux); }
.mbg-kop .mbg-kop__item .mbg-icoon { transition: transform .2s ease; }
.mbg-kop .mbg-kop__item[aria-expanded="true"] .mbg-icoon { transform: rotate(180deg); }
.mbg-kop .mbg-kop__acties { display: flex; align-items: center; gap: 10px; flex: none; }
body .mbg-kop .mbg-kop__menuknop { display: none; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 6px; background: var(--mbg-blauw); color: #fff; }
body .mbg-kop .mbg-kop__menuknop:hover { background: var(--mbg-blauw); color: #fff; filter: brightness(1.12); }

.mbg-kop .mbg-kop__paneel { position: absolute; top: 100%; left: 0; right: 0; background: var(--mbg-creme); border-top: 1px solid var(--mbg-rand2); box-shadow: 0 18px 30px rgba(36, 49, 25, .16); }
.mbg-kop .mbg-kop__paneel-binnen { max-width: 1360px; margin: 0 auto; padding: 28px 32px 32px; display: flex; flex-wrap: wrap; gap: 28px 40px; }
.mbg-kop .mbg-kop__groepen { flex: 999 1 640px; min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: start; gap: 10px; }
.mbg-kop .mbg-kop__welke { flex: 1 1 260px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 4px 0; }
.mbg-kop .mbg-kop__welke p:first-child { font-family: var(--mbg-font-kop); font-weight: 500; font-size: 24px; line-height: 1.15; }
.mbg-kop .mbg-kop__over { flex: 1 1 100%; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
body .mbg-kop .mbg-kop__over a { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 14px 16px; border: 1px solid #e1e4d8; border-radius: 10px; background: #fff; color: var(--mbg-donker); text-decoration: none; }
body .mbg-kop .mbg-kop__over a:hover { border-color: var(--mbg-rand3); color: var(--mbg-donker); }
.mbg-kop .mbg-kop__over strong { font-family: var(--mbg-font-slab); font-weight: 600; font-size: 16px; color: var(--mbg-bordeaux); }
.mbg-kop .mbg-kop__over span { font-size: 14px; line-height: 1.45; color: var(--mbg-tekst2); }

@media (max-width: 1120px) {
	.mbg-kop .mbg-kop__nav, .mbg-kop .mbg-kop__leden, .mbg-kop .mbg-kop__paneel { display: none !important; }
	body .mbg-kop .mbg-kop__menuknop { display: inline-flex; }
}
@media (max-width: 760px) {
	.mbg-kop .mbg-kop__balk { padding: 8px 16px; gap: 10px; }
	.mbg-kop .mbg-kop__logo img { width: 58px; height: 55px; }
	.mbg-kop .mbg-kop__acties { gap: 8px; }
}

/* Het menu op de telefoon: een venster over de hele pagina. */
html:has(.mbg-mmenu[open]) { overflow: hidden; }
.mbg-mmenu { width: 100%; max-width: 100%; height: 100%; max-height: 100%; margin: 0; padding: 0; border: 0; background: #fff; color: var(--mbg-donker); }
.mbg-mmenu::backdrop { background: rgba(36, 49, 25, .4); }
.mbg-mmenu .mbg-mmenu__vak { min-height: 100%; display: flex; flex-direction: column; }
.mbg-mmenu .mbg-mmenu__boven { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; padding: 8px 16px; border-bottom: 1px solid var(--mbg-rand2); background: #fff; }
.mbg-mmenu .mbg-mmenu__boven img { width: 58px; height: 55px; object-fit: contain; }
body .mbg-mmenu .mbg-mmenu__sluit { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 6px; background: var(--mbg-creme); color: var(--mbg-donker); }
.mbg-mmenu .mbg-mmenu__nav { flex: 1 1 auto; padding: 8px 16px; display: flex; flex-direction: column; }
body .mbg-mmenu .mbg-mmenu__item { display: flex; width: 100%; align-items: center; justify-content: space-between; min-height: 56px; padding: 0 4px; border-bottom: 1px solid var(--mbg-rand2); color: var(--mbg-blauw); font-family: var(--mbg-font-slab); font-weight: 600; font-size: 19px; text-decoration: none; text-align: left; }
.mbg-mmenu .mbg-mmenu__item[aria-expanded="true"] .mbg-icoon { transform: rotate(180deg); }
.mbg-mmenu .mbg-mmenu__sub { display: flex; flex-direction: column; padding: 6px 0 10px 12px; }
body .mbg-mmenu .mbg-mmenu__sub > a { display: flex; align-items: center; min-height: 44px; color: var(--mbg-donker); text-decoration: none; font-size: 16px; }
.mbg-mmenu .mbg-mmenu__groepen { display: flex; flex-direction: column; gap: 6px; padding: 8px 0 12px; }
body .mbg-mmenu .mbg-mmenu__groepen .mbg-groeprij { padding: 8px 10px; border-color: transparent; background: var(--mbg-creme); }
.mbg-mmenu .mbg-mmenu__groepen .mbg-groeprij img { width: 40px; height: 40px; }
.mbg-mmenu .mbg-mmenu__groepen .mbg-groeprij strong { font-size: 16px; }
body .mbg-mmenu .mbg-mmenu__alle { display: flex; align-items: center; min-height: 44px; padding: 0 10px; font-weight: 600; color: var(--mbg-blauw); }
.mbg-mmenu .mbg-mmenu__onder { position: sticky; bottom: 0; display: flex; gap: 10px; padding: 14px 16px 20px; border-top: 1px solid var(--mbg-rand2); background: #fff; }
body .mbg-mmenu .mbg-mmenu__onder .mbg-knop { flex: 1 1 0; min-height: 50px; padding: 0 12px; }

/* ------------------------------------------------------------------ */
/* Voet                                                                */
/* ------------------------------------------------------------------ */
/* Achter het gras staat de kleur van het laatste blok van de pagina, zodat het erin overloopt (website.js zoekt die op). Het gras zelf heeft de kleur van de groene band. */
.mbg-voet { background: var(--mbg-voet-achter, var(--mbg-creme)); color: #fff; }
body:has(.mbg-pagina, .bh-pagina) .mbg-voet { --mbg-voet-achter: #fff; }
body .mbg-voet a { color: #fff; text-decoration: none; }
body .mbg-voet a:hover { color: var(--mbg-creme); text-decoration: underline; }
.mbg-voet .mbg-voet__gras { display: block; width: 100%; height: auto; margin-bottom: -2px; }
.mbg-voet .mbg-voet__groen { background: var(--mbg-groen); }
.mbg-voet .mbg-voet__kolommen { max-width: var(--mbg-breed); margin: 0 auto; padding: 36px 32px 44px; display: flex; flex-wrap: wrap; gap: 32px 48px; }
.mbg-voet .mbg-voet__kolom { flex: 1 1 180px; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.mbg-voet .mbg-voet__kolom--breed { flex-basis: 220px; }
.mbg-voet .mbg-voet__kop { margin: 0 0 4px; font-family: var(--mbg-font-kop); font-weight: 600; font-size: 24px; line-height: 1.2; color: #fff; }
.mbg-voet .mbg-voet__kolom a { display: block; }
.mbg-voet .mbg-voet__kolom a.mbg-voet__icoonlink { display: inline-flex; align-items: center; gap: 8px; }
.mbg-voet .mbg-voet__onder { background: var(--mbg-donker); }
.mbg-voet .mbg-voet__onder-binnen { max-width: var(--mbg-breed); margin: 0 auto; padding: 14px 32px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; font-size: 14px; }
.mbg-voet .mbg-voet__juridisch { display: flex; flex-wrap: wrap; gap: 8px 20px; font-weight: 500; }
@media (max-width: 760px) {
	.mbg-voet { font-size: 15px; }
	.mbg-voet .mbg-voet__kolommen { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 16px; padding: 24px 20px 28px; }
	.mbg-voet .mbg-voet__kolom { gap: 0; }
	.mbg-voet .mbg-voet__kop { font-size: 20px; }
	.mbg-voet .mbg-voet__kolom a, .mbg-voet .mbg-voet__kolom a.mbg-voet__icoonlink { padding: 8px 0; }
	.mbg-voet .mbg-voet__extra { display: none; }
	.mbg-voet .mbg-voet__onder-binnen { flex-direction: column-reverse; padding: 14px 20px 18px; font-size: 13px; }
	.mbg-voet .mbg-voet__juridisch { gap: 4px 18px; }
	.mbg-voet .mbg-voet__juridisch a { padding: 6px 0; }
}

@media (prefers-reduced-motion: reduce) {
	.mbg *, .mbg *::before, .mbg *::after, .mbg-mmenu * { transition: none !important; scroll-behavior: auto !important; }
}

/* Alleen op de telefoon, of alleen breder. */
@media (min-width: 761px) {
	.mbg .mbg-alleen-mobiel { display: none !important; }
}
@media (max-width: 760px) {
	.mbg .mbg-alleen-breed { display: none !important; }
}
/* Uitklapblokken die op een breed scherm gewoon openstaan. */
.mbg .is-open-breed .mbg-uitklap__knop { cursor: default; }
.mbg .is-open-breed .mbg-uitklap__knop > .mbg-icoon:last-child { display: none; }