/* /actueel/ — Nieuws & updates.
   Blokvolgorde in .td-main: 1 hero (volle breedte), 2 berichtenraster.

   Divi zet op deze pagina 100px marge boven de eerste sectie (tablet 100px,
   telefoon 50px), waar .td-main er 100/50/25 reserveert — het verschil komt
   hieronder bovenop. De hero is verder een gewone Divi-sectie: 4% sectie- +
   2% rijpadding boven én onder (bevroren op 54/27px boven 1350px viewport). */
.page-actueel .block-hero{padding:6% 0;}
@media (min-width:1350px){
	.page-actueel .block-hero{padding:81px 0;}
}
/* Laatste module in de kolom heeft in Divi geen ondermarge. */
.page-actueel .block-hero__intro{margin-bottom:0;}

/* Bovenkop erft in Divi de regelhoogte van body (1,7em van 14px = 23,8px). */
.page-actueel .block-hero__eyebrow{line-height:23.8px;}

/* Kop: 70px met Divi's padding-bottom van 10px; de module eronder houdt 20px. */
.page-actueel .block-hero__text h1{
	font-size:70px;line-height:70px;
	padding-bottom:10px;margin-bottom:20px;
}

@media (max-width:980px){
	/* Live: sectiemarge 100px, .td-main levert er 50 van. */
	.page-actueel .block-hero{margin-top:50px;padding:80px 0;}
	.page-actueel .block-hero .td-container{width:80%;}
	.page-actueel .block-hero__text h1{font-size:60px;line-height:60px;}
}
@media (max-width:767px){
	/* Live: sectiemarge 50px, .td-main levert er 25 van. */
	.page-actueel .block-hero{margin-top:25px;}
	.page-actueel .block-hero__text h1{font-size:40px;line-height:40px;}
}
