h1,h2,h3,h4,h5,h6 {
	font-family: 'FF Unit Rounded Pro Regular', sans-serif;
}
/* Informatie Opvragen Form on dark background */
#gform_2 label,
#gform_2 legend
{
	color:#ffffff;
	font-weight:bold;
	letter-spacing:1px;
	font-size:1.1em;
}
/*
 * Paginatitel op mobiel: 2em i.p.v. de 42px uit de modules.
 * Stond als `.et_pb_text_0 h1` in Customizer → Extra CSS. Divi 5 nummert modules anders
 * (de titel is daar bijv. .et_pb_text_12), dus die selector raakte niets meer.
 * De h1 in de post-content is op elke pagina de paginatitel.
 */
@media only screen and (max-width: 767px) {
	.et-l--post .et_pb_text h1 {
		font-size: 2em !important;
	}
}

/*
 * Blurbs met afbeelding/icoon links of rechts: geen woordafbreking midden in een woord.
 * Divi 5 zet hier word-break: break-word; Divi 4 deed dat niet. Op mobiel brak daardoor
 * "(gezondheidszorg)psycholoog" af en werd de tekstkolom smaller dan op de live site.
 */
.et_pb_blurb_position_left .et_pb_blurb_content,
.et_pb_blurb_position_right .et_pb_blurb_content {
	word-break: normal;
}

/*
 * Rijen met gutter 1 op telefoons: kolommen zonder tussenruimte, zoals in Divi 4.
 * Divi 4: `.et_pb_gutters1 .et_pb_column { margin: 0 !important }` (max-width 479px).
 * Divi 5 zet daar alleen margin-bottom: 0 zonder !important, waardoor
 * `.et_pb_row .et_pb_column.et_pb_column_1_4 { margin: 0 0 30px }` wint en er 30px tussen
 * gestapelde kolommen komt (o.a. foto en tekst op de teampagina's).
 */
@media only screen and (max-width: 479px) {
	.et_pb_gutters1 .et_pb_column,
	.et_pb_gutters1.et_pb_row .et_pb_column {
		margin: 0 !important;
	}
}