/*
 * Illustraties (B-020): getekende beelden als uitleg naast tekst, aan of uit bij Site-instellingen.
 * Uit = de plugin geeft het blok niet weer, dus deze regels raken dan niets. Geen beweging, geen kader,
 * geen schaduw: het beeld is zelf al uitgeknipt papier op een transparante achtergrond.
 */

.pd-illustratie {
	margin: 0;
}
.pd-illustratie img {
	display: block;
	width: 100%;
	height: auto;
}

/* Illustratie boven een blok in dezelfde kolom (WhatsApp, contactpersoon). */
.pd-met-illustratie > .pd-illustratie {
	max-width: 20rem;
	margin-bottom: var(--wp--preset--spacing--40);
}
.pd-met-illustratie > * + * {
	margin-top: 0;
}

/* Op de hoogte: boven beide kolommen (WhatsApp en nieuwsbrief), links uitgelijnd met de koppen.
   De sectie centreert haar kinderen, dus het figuur is zo breed als de inhoud en het beeld zelf begrensd. */
.pd-illustratie--op-de-hoogte {
	margin-bottom: 0; /* Het WhatsApp-blok eronder heeft zelf al ruimte boven. */
}
.pd-illustratie--op-de-hoogte img {
	max-width: 18rem;
}

@media (min-width: 56rem) {
	.pd-met-illustratie > .pd-illustratie {
		max-width: 26rem;
	}
	.pd-illustratie--op-de-hoogte img {
		max-width: 24rem;
	}
}