/*
 * Power Import Site Core 1.14.0 - uitgelichte afbeelding in kennisbankartikelen.
 * Aanbevolen formaat: 1600 x 900 (16:9). De afbeelding wordt in haar eigen
 * verhouding volledig getoond (geen bijsnijden, geen verduistering), zodat titels
 * in de afbeelding leesbaar blijven.
 */
.pi-article-hero-visual.has-image {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.pi-article-hero-visual.has-image img {
	width: 100%;
	height: auto;
	max-height: 100%;
	object-fit: contain;
	opacity: 1;
	filter: none;
	border-radius: 4px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
}

.pi-article-hero-visual.has-image::after {
	display: none;
}

/* Stempel naar de hoek buiten de afbeelding, zodat hij de titel niet afdekt. */
.pi-article-hero-visual.has-image .pi-article-stamp {
	top: 14px;
	right: 14px;
	z-index: 2;
}

/* Gerelateerde artikelen: zelfde verhouding, minimaal bijsnijden. */
.pi-article-related-media {
	aspect-ratio: 16 / 9;
}

@media (max-width: 900px) {
	.pi-article-hero-visual.has-image {
		min-height: 0;
		padding: 0 max(22px, calc((100vw - var(--pi-article-max, 1180px)) / 2)) 34px;
		background: transparent;
	}

	.pi-article-hero-visual.has-image .pi-article-stamp {
		display: none;
	}
}