/*
 * De originele site zet width="100%" als attribuut op het logo, de blok- en
 * galerijafbeeldingen. WordPress schrijft daar zijn eigen width/height op voor
 * layout stability; deze regels herstellen het oorspronkelijke gedrag zonder de
 * overgenomen stylesheet aan te passen.
 */

#logo img,
.afbeelding-zijkant img,
.blok-home .blok-inner .blok-img > img {
	width: 100%;
	height: auto;
}

.content-home-right .logos > img {
	height: auto;
}

.foot-col > img {
	height: auto;
}

/*
 * Vaste beeldverhoudingen voor de blok- en galerijafbeeldingen.
 *
 * De originele site schaalt elke thumbnail met resize/thumb.php naar exact
 * 700x420 (blokken) of 700x500 (galerij), ook als het bronbestand kleiner is.
 * WordPress schaalt niet op: een bron van 576x768 wordt bij een 700x500-crop
 * 576x411. Daardoor kregen de galerijfoto's verschillende hoogtes en liep het
 * 2x2-raster uit de pas. Met een vaste verhouding plus object-fit staat de
 * uitsnede weer gelijk, ongeacht de bronmaat.
 */
.blok-home .blok-inner .blok-img > img {
	aspect-ratio: 700 / 420;
	object-fit: cover;
	object-position: center;
}

#afbeeldingen-galerij .blok-home .blok-inner .blok-img > img {
	aspect-ratio: 700 / 500;
}