/*====================================
	KLEUREN

	TURQUOISE    #5ABDAE
	DONKERBLAUW  #03233F
	ROZE         #FBA7B3

	Uit het ontwerp van 2026, alleen voor het blok "Wil jij ons helpen"
	en de knoppen:
	TEAL DIEP    #2F7077
	GEEL         #FFFF40
====================================*/
:root {
	--hf-turquoise: #5ABDAE;
	--hf-donkerblauw: #03233F;
	--hf-roze: #FBA7B3;
	--hf-tealdiep: #2F7077;
	--hf-geel: #FFFF40;
	--hf-navy: #03233F;
}


/*====================================
	Bootstrap 5 gelijktrekken met Bootstrap 4

	De vorige site draaide op Bootstrap 4.0. Het basisthema gebruikt
	Bootstrap 5.3. Deze regels zetten de verschillen terug die je ziet,
	zodat de pagina's er precies zo uitzien als voorheen.
====================================*/
/* Kolomruimte: Bootstrap 4 had 15px aan elke kant, Bootstrap 5 12px. */
.container,
.container-fluid,
.row {
	--bs-gutter-x: 30px;
}
/* Bootstrap 5 heeft een extra breedte vanaf 1400px; Bootstrap 4 stopte bij 1140px. */
@media (min-width: 1400px) {
	.container {
		max-width: 1140px;
	}
}
/* Koppen: vaste groottes zoals in Bootstrap 4, niet meeschalend met het scherm. */
h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1rem; }
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	font-weight: 500;
}
/* Links: blauw zonder onderstreping, onderstreept bij aanwijzen. */
a {
	color: #007bff;
	text-decoration: none;
}
a:hover {
	color: #0056b3;
	text-decoration: underline;
}
label {
	margin-bottom: .5rem;
}
/* Lijsten: Bootstrap 5 zet 2rem inspringing, Bootstrap 4 liet die van de browser staan. */
ol, ul {
	padding-left: 40px;
}
/* Tabellen: core/admin.php geeft elke tabel in een tekstveld de klassen
   table table-striped table-bordered table-hover; hier opgemaakt zoals
   Bootstrap 4 dat deed. */
.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
}
.table {
	--bs-table-bg: transparent;
	--bs-table-striped-bg: transparent;
	--bs-table-hover-bg: transparent;
	--bs-table-accent-bg: transparent;
	color: inherit;
	margin-bottom: 1rem;
}
.table > :not(caption) > * > * {
	padding: .75rem;
	vertical-align: top;
	border-width: 0;
	border-top: 1px solid #dee2e6;
	box-shadow: none;
	color: inherit;
}
.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6;
}
.table-bordered,
.table-bordered > :not(caption) > * > * {
	border: 1px solid #dee2e6;
}
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, .05);
}
.table-hover > tbody > tr:hover {
	background-color: rgba(0, 0, 0, .075);
}


/*====================================
	Standaard
====================================*/
.grecaptcha-badge {
	display: none!important;
}
body {
	font-size: 15px;
  	color: #000;
	font-family: "Montserrat", sans-serif;
}

:focus {
    outline: none;
}
::selection {
    background: rgba(0, 58, 98,0.8);
    color: #fff;
}
.hoef:hover {
	opacity: 0.80;
}
h1, h2, h3, h4, h5 {
	font-family: "Montserrat", sans-serif;
}
.spacer {
	padding: 15px;
    display: inline-block;
}
.no-padding {
	padding: 0;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
p {
	overflow: hidden;
}
img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
.d-blauw {
	color: #03233F;
}
.blauw {
	background-color: #5ABDAE;
}
.blauw-tekst {
	color: #5ABDAE;
}
.donker-blauw {
	background-color: #03233F;
}
.donker-blauw-tekst {
	color: #03233F;
}
.roze {
	background-color: #FBA7B3;
}
.roze-tekst {
	color: #FBA7B3;
}
.geel {
	background-color: #fff155;
}
.geel-tekst {
	color: #fff155;
}
.rem14 {
    font-size: 1.4rem;
}


/*====================================
	MENU
====================================*/
/* Review 09-10-2026: moderner en beter toegankelijk. Donkerblauwe tekst op
   turquoise (contrast 7:1), grote klikvlakken, de huidige pagina gemarkeerd,
   een zichtbare focusrand. Op mobiel klapt het menu over het hele scherm
   open; Escape sluit het (assets/js/main.js). */
.skip-link {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 10000;
	padding: 10px 16px;
	border-radius: 8px;
	background: var(--hf-navy);
	color: #fff;
	font-weight: 600;
}
.skip-link:focus {
	color: #fff;
}
nav.navbar {
	background-color: var(--hf-turquoise);
	color: var(--hf-navy);
	/* Bootstrap 4 gaf de navigatiebalk ook links en rechts ruimte. */
	padding: .5rem 1rem;
}
.navbar-brand {
	width: 100px;
}
img.headerlogo {
	width: 100%;
}
.navbar-brand:focus-visible,
.navbar-toggler:focus-visible,
.hoofdmenu ul.menu li a:focus-visible {
	outline: 3px solid var(--hf-navy);
	outline-offset: 2px;
	box-shadow: none;
}
.navbar-toggler,
.navbar-toggler:hover {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: transparent;
}
.navbar-toggler:focus {
	box-shadow: none;
}
.navbar-toggler span {
	display: block;
	width: 26px;
	height: 3px;
	border-radius: 2px;
	background-color: var(--hf-navy);
	transition: transform .25s ease, opacity .2s ease;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
	transform: translateY(8px) rotate(45deg);
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
	opacity: 0;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
}
.hoofdmenu ul.menu {
	padding: 0;
	margin: 0;
	list-style: none;
}
.hoofdmenu ul.menu li {
	margin: 0;
}
.hoofdmenu ul.menu li a {
	display: block;
	border-radius: 10px;
	color: var(--hf-navy);
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background-color .15s ease, color .15s ease;
}
.hoofdmenu ul.menu li a:hover {
	background-color: rgba(255, 255, 255, .4);
	color: var(--hf-navy);
	text-decoration: none;
}
.hoofdmenu ul.menu li.current-menu-item > a,
.hoofdmenu ul.menu li.current_page_item > a,
.hoofdmenu ul.menu li.current-menu-ancestor > a {
	background-color: var(--hf-navy);
	color: #fff;
}
@media (min-width: 992px) {
	.hoofdmenu ul.menu {
		display: flex;
		align-items: center;
		gap: 4px;
		margin-left: 11%;
	}
	.hoofdmenu ul.menu li a {
		padding: 10px 16px;
		font-size: 18px;
	}
}
@media (max-width: 991.98px) {
	/* Bootstrap 4 haalde de zijruimte binnen de balk weg op kleine schermen. */
	.navbar-expand-lg > .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	/* Open menu over het hele scherm onder de balk. Bootstrap laat het menu
	   in hoogte openschuiven; hier zonder die stap, met een korte fade. */
	#navbarCollapse {
		position: fixed;
		top: var(--nav-hoogte);
		left: 0;
		right: 0;
		bottom: 0;
		overflow-y: auto;
		padding: 16px 20px 40px;
		background-color: var(--hf-turquoise);
	}
	#navbarCollapse.collapsing {
		height: auto !important;
		transition: none;
	}
	#navbarCollapse.show {
		animation: hulpfonds-menu-in .22s ease-out both;
	}
	.hoofdmenu ul.menu li {
		border-bottom: 1px solid rgba(3, 35, 63, .15);
	}
	.hoofdmenu ul.menu li a {
		margin: 6px 0;
		padding: 14px 12px;
		font-size: 24px;
	}
	body.menu-open {
		overflow: hidden;
	}
}
@keyframes hulpfonds-menu-in {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
@media (prefers-reduced-motion: reduce) {
	#navbarCollapse.show {
		animation: none;
	}
	.navbar-toggler span,
	.hoofdmenu ul.menu li a {
		transition: none;
	}
}


/*====================================
	FORMULIEREN
====================================*/
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    display: inline-block;
	width: auto;
	color: #fff;
	font-size: 14px;
	padding: 7px 15px;
	font-weight: 600;
	background-color: var(--hf-navy);
	border-radius: 5px;
	border: none;
}
input[type="submit"]:hover {
    cursor: pointer;
    border: none;
}
/* Gravity Forms laadt geen eigen opmaak (gform_disable_css); het formulier
   staat in een licht kader met velden over de volle breedte. */
.gform_wrapper {
	background: #f1f6f6;
	border-radius: 12px;
	padding: 28px;
}
.gform_wrapper .gform_heading {
	display: flow-root;
	margin-bottom: 20px;
}
.gform_wrapper .gform_title {
	color: var(--hf-navy);
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 1.2;
	margin: 0;
}
.gform_wrapper .gform_fields {
	display: block;
}
.gform_wrapper .gfield {
	margin: 0 0 18px;
	padding: 0;
}
.gform_wrapper .gfield_label {
	display: block;
	color: var(--hf-navy);
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 6px;
}
.gform_wrapper .gfield_required {
	color: #5a6670;
	font-size: 13px;
	font-weight: 400;
	margin-left: 4px;
}
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 11px 14px;
	border: 1px solid #b4c3c8;
	border-radius: 8px;
	background: #fff;
	color: #000;
	font: inherit;
	font-size: 16px;
	line-height: 1.4;
}
.gform_wrapper textarea {
	height: 170px;
	resize: vertical;
}
.gform_wrapper input:focus,
.gform_wrapper textarea:focus {
	border-color: var(--hf-navy);
	outline: 3px solid rgba(90, 189, 174, .55);
	outline-offset: 0;
}
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
	color: #c02b0a;
}
.gform_wrapper .gform_footer {
	margin: 4px 0 0;
	padding: 0;
}


/*====================================
	KNOPPEN UIT HET ONTWERP VAN 2026
	Ook te kiezen in de tekstverwerker onder "Opmaak".
====================================*/
.knop,
a.knop {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	padding: 18px 30px;
	border-radius: 10px;
	font-family: Nunito, ui-sans-serif, system-ui, sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 1.6;
	text-decoration: none;
	transition: transform .12s ease;
	-webkit-font-smoothing: antialiased;
}
.knop:hover,
.knop:focus {
	transform: translateY(-2px);
	text-decoration: none;
}
.knop::before {
	content: "";
	width: 22px;
	height: 22px;
	flex: none;
	background-color: currentColor;
	-webkit-mask: var(--knop-icoon) center / contain no-repeat;
	mask: var(--knop-icoon) center / contain no-repeat;
}
.knop-bellen,
.knop-bellen:hover,
.knop-bellen:focus {
	background: var(--hf-navy);
	color: var(--hf-geel);
}
.knop-bellen {
	--knop-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E");
}
.knop-mail,
.knop-mail:hover,
.knop-mail:focus {
	background: #fff;
	color: var(--hf-navy);
}
.knop-mail {
	--knop-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m2 7 10 6 10-6'/%3E%3C/svg%3E");
}


/*====================================
	SCROLL TO TOP
====================================*/
.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
    z-index: 9999;
	bottom: 0px;
	right: 0px;
	color: #fff;
	background-color: #5ABDAE;
	line-height: 27px;
	overflow: hidden;
	visibility: hidden;
	padding: 8px 0 0 10px;
	opacity: 0;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
}
.cd-top.cd-fade-out {
	opacity: .5;
}


/*====================================
	404
====================================*/
.viernulvier {
	text-align: center;
	width: 100%;
	font-size: 50px;
}
/* Zoals voorheen: zo breed als de tekst, links in de rij. */
.viernulvier .row > .viernulvier-inhoud {
	flex: 0 1 auto;
	width: auto;
	padding: 0;
}
.viernulvier h1 {
	font-size: 80px;
}
.viernulvier h3 {
	font-size: 45px !important;
}
.viernulvier a:hover {
	text-decoration: none;
}


/*====================================
	PRELOADER
====================================*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99;
}
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../img/preloader.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}


/*====================================
	HEADER (blok "header")
====================================*/
.header-foto {
    background-size: cover;
    background-position: left bottom;
    margin-top: 72px;
}
.header-foto .header-inhoud.met-logo {
	padding-bottom: 20px;
}
.header-foto h1 {
	padding: 5% 0 2% 0;
	font-size: 25px;
}
.header-foto p {
	color: #fff;
	padding-bottom: 3%;
	font-size: 17px;
	letter-spacing: 1px;
}
/* De vorige site zette de tekst in een extra alinea; de browser maakte daar een
   lege alinea voor en na de tekst van. Die ruimte hoort bij het beeld. */
.header-foto .header_tekst::before,
.header-foto .header_tekst::after {
	content: "";
	display: block;
	padding-bottom: 3%;
	margin-bottom: 1rem;
}
.header-foto .header_tekst_leeg::after {
	display: none;
}
.header-foto .header_tekst {
	color: #fff;
	font-size: 17px;
	letter-spacing: 1px;
}
.header-foto .header_tekst a {
	color: #03233F;
}
.header-foto .header-knoppen {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: center;
	padding-bottom: 40px;
}


/*====================================
	PAGINATITEL EN TEKST
====================================*/
.pagina-titel h1 {
	padding: 2% 0;
}
.kop-bauw {
	color: #03233F;
	font-weight: 600;
	font-size: 25px;
}
.lees-verder {
	padding: 5px 15px;
    background-color: #5ABDAE;
    color: #fff;
	font-size: 17px;
	letter-spacing: 1px;
}
.lees-verder:hover {
	background-color: #FBA7B3;
    color: #000;
	text-decoration: none;
	cursor: pointer;
}
/* Knoppen in de stijl van het ontwerp van 2026:
   - standaard: donkerblauw met witte tekst (.meer-over-ons, verzendknoppen);
   - wit met donkerblauwe tekst (.meer-over-ons.knop-wit);
   - actieknoppen: donkerblauw met gele tekst (.knop-bellen, hieronder). */
.meer-over-ons,
.gform_wrapper .gform_button,
input[type="submit"] {
	display: inline-flex;
	align-items: center;
	padding: 11px 24px;
	border: 0;
	border-radius: 10px;
	background-color: var(--hf-navy);
	color: #fff!important;
	font-family: Nunito, ui-sans-serif, system-ui, sans-serif;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.5;
	letter-spacing: .01em;
	text-decoration: none;
	cursor: pointer;
	transition: transform .12s ease, background-color .12s ease;
	-webkit-font-smoothing: antialiased;
}
.meer-over-ons:hover,
.meer-over-ons:focus,
.gform_wrapper .gform_button:hover,
.gform_wrapper .gform_button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #0b3a63;
	color: #fff!important;
	text-decoration: none;
	transform: translateY(-2px);
}
.meer-over-ons.knop-wit,
.meer-over-ons.knop-wit:hover,
.meer-over-ons.knop-wit:focus {
	background-color: #fff;
	color: var(--hf-navy)!important;
	box-shadow: inset 0 0 0 2px var(--hf-navy);
}
.meer-over-ons:focus-visible,
.gform_wrapper .gform_button:focus-visible,
input[type="submit"]:focus-visible,
.knop:focus-visible {
	outline: 3px solid var(--hf-navy);
	outline-offset: 3px;
}
.tekst-infoblokken {
	text-align: center;
}
.tekst-infoblokken p {
    padding: 0 5%;
}
.kop-rekenen {
	color: #03233F;
    font-weight: 600;
    font-size: 15px;
}
.kop-kindpakket {
	color: #03233F;
    font-weight: 600;
    font-size: 20px;
}


/*====================================
	FOOTER
====================================*/
footer {
	background-color: #f3f3f3;
	padding: 20px 0;
}
/* De footer staat in dezelfde container als de blokken erboven, zodat de
   tekst op dezelfde lijnen begint en eindigt. */
.footer-copyright p,
.linkjes-footer p {
	margin: 0;
}
.footer-copyright a {
	color: #000;
}
.linkjes-footer a {
	color: #5ABDAE;
}
.linkjes-footer {
	padding-top: 10px;
}
/* Op korte pagina's blijft de footer onderaan het scherm staan. */
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
body > #content {
	flex: 1 0 auto;
}


/*====================================
	MEDIA QUERIES
====================================*/
@media (min-width: 768px) {
	.navbar-brand {
		width: 150px;
	}
	.header-foto h1 {
		padding: 15% 0 2% 0;
	}
	.kop-rekenen {
		font-size: 25px;
	}
	.kop-kindpakket {
		font-size: 2.5rem;
	}
	.kop-bauw {
		font-size: 2.5rem;
	}
	.linkjes-footer {
		padding-top: 0;
		text-align: right;
	}
	.pagina-titel h1 {
		padding: 2% 0;
		padding-left: 25px;
	}
	/* Een brede paginatitel staat in dezelfde container als de tekst en
	   begint dus op dezelfde lijn. */
	.contentblok.paginatitel .container .pagina-titel h1 {
		padding-left: 0;
	}
	.header-foto {
		background-size: cover;
		background-position: right bottom;
		margin-top: 58px;
		min-height: 450px;
	}
}

@media (min-width: 992px) {
	.tekst-infoblokken p {
		padding: 0 20%;
	}
	.header-foto h1 {
		padding: 10% 0 2% 0;
	}
}


/*====================================
	RUIMTE: ELK BLOK GELIJK
	Review 09-10-2026: boven en onder elk blok dezelfde ruimte, gelijk aan de
	ruimte onder de tekst in de kop. Het eerste blok houdt rekening met de
	vaste menubalk. Een paginatitel hoort bij het blok eronder: daartussen
	alleen de ruimte onder de titel.
====================================*/
:root {
	--blok-ruimte: 40px;
	--nav-hoogte: 76px;
}
@media (min-width: 768px) {
	:root {
		--blok-ruimte: 60px;
		--nav-hoogte: 101px;
	}
}
.contentblok {
	padding-top: var(--blok-ruimte);
	padding-bottom: var(--blok-ruimte);
}
#content article > .contentblok:first-child {
	padding-top: calc(var(--nav-hoogte) + var(--blok-ruimte));
}
.contentblok.paginatitel {
	padding-bottom: 24px;
}
.contentblok.paginatitel + .contentblok {
	padding-top: 0;
}
.contentblok.paginatitel .pagina-titel h1,
.contentblok.paginatitel .container .pagina-titel h1 {
	padding: 0;
	margin: 0;
}
/* Geen extra marge onder het laatste element van een blok. */
.contentblok .container > .row > [class*="col"] > :last-child,
.contentblok .tekst_inhoud > :last-child,
.contentblok .geven-tekst > :last-child {
	margin-bottom: 0;
}

/* Kop: titel groter, ruimte onder de menubalk en onder de inhoud gelijk. */
.header-foto {
	margin-top: 0;
}
.header-foto .header-inhoud,
.header-foto .header-inhoud.met-logo {
	padding-bottom: 0;
}
.header-foto h1,
.header-foto h1.kop-bauw {
	padding: 0;
	margin: 0 0 24px;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
}
.header-foto h1:empty {
	display: none;
}
.header-foto .header_tekst::before,
.header-foto .header_tekst::after {
	display: none;
}
.header-foto .header_tekst p:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}
.header-foto .header_tekst_leeg {
	display: none;
}
.header-foto .header-knoppen {
	padding-bottom: 0;
	margin-top: 32px;
}
@media (min-width: 768px) {
	.header-foto h1,
	.header-foto h1.kop-bauw {
		font-size: 2.25rem;
	}
}

/* Kop van een los bericht: laag, zonder afbeelding. */
#content article > .header-foto.header-bericht {
	background-color: var(--hf-turquoise);
	min-height: 0;
	padding-top: var(--nav-hoogte);
	padding-bottom: var(--blok-ruimte);
}

/* Afbeeldingen in de tekst krijgen ruimte boven en onder. */
.contentblok.tekst p img,
.contentblok.tekst figure {
	margin-top: 24px;
	margin-bottom: 24px;
}

/* Knop terug naar het nieuwsoverzicht onder een bericht. */
.contentblok.terug-naar-overzicht {
	padding-top: 0;
}
.contentblok.terug-naar-overzicht .meer-over-ons {
	gap: 10px;
}


/*====================================
	LINKS IN LOPENDE TEKST
	Review 09-10-2026: zwart en onderstreept; op turquoise donkerblauw. Op
	het donkere teal van "Wil jij ons helpen?" blijven ze wit, want
	donkerblauw is daar slecht leesbaar.
====================================*/
.contentblok :is(p, li, td, dd) a:not(.knop):not(.meer-over-ons) {
	color: #000;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.contentblok :is(p, li, td, dd) a:not(.knop):not(.meer-over-ons):hover {
	color: var(--hf-navy);
	text-decoration-thickness: 2px;
}
.contentblok.header-foto :is(p, li, td, dd) a:not(.knop):not(.meer-over-ons),
.contentblok.knoppen-turquoise :is(p, li, td, dd) a:not(.knop):not(.meer-over-ons) {
	color: var(--hf-navy);
}
.contentblok.wil_jij_ons_helpen :is(p, li, td, dd) a:not(.knop):not(.meer-over-ons) {
	color: #fff;
}


/*====================================
	TITELS OP DESKTOP
	Review 09-10-2026: elke h1 iets groter op desktop (vanaf 992px).
====================================*/
@media (min-width: 992px) {
	h1,
	.h1,
	.kop-bauw,
	.kop-kindpakket {
		font-size: 2.875rem;
	}
	.header-foto h1,
	.header-foto h1.kop-bauw {
		font-size: 2.625rem;
	}
}