.mdlr-featured-image-wrapper {
	background: transparent; /* wichtig: kein Grau auf der Seite */
}

.mdlr-featured-image-wrapper img.mdlr-featured-image {
	width: 100%;
	height: 600px; /* Höhe fix für Hero-Banner */
	z-index: 1;
	object-fit: cover; /* Bild wird skaliert und nicht verzerrt */
	display: block;
}

.mdlr-featured-image-text-container {
	color: #fff;
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: bold;
	/* text-shadow: 0 .25rem 2rem rgb(41, 102, 134); */
	padding: 2rem 0 4rem;
	background: #296686;
	pointer-events: auto;
	--d: clamp(20px, 7vw, 70px); /* Schnittiefe – einmal anpassen, fertig */
	clip-path: polygon(
		0%   0%,                         /* oben links */
		100% 0%,                         /* oben rechts */
		100% calc(100% - var(--d)),      /* unten rechts, etwas höher */
		20%  100%,                       /* Ecke zeigt nach unten */
		0%   calc(100% - var(--d))       /* unten links, etwas höher */
	);
}

.mdlr-featured-image-text {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto;
    margin-right: auto;
	padding-right: var(--wp--style--root--padding-right);
  	padding-left: var(--wp--style--root--padding-left);
	font-family: Poppins;
}

/* Hide title if featured-image exists */
main:has(.entry-content .mdlr-featured-image-wrapper) > .wp-block-post-title,
main:has(.entry-content .mdlr-featured-image-wrapper) > .block-page-title {
    display: none;
}

main:has(.entry-content .mdlr-featured-image-wrapper) .entry-content {
	margin-top: 0;
}


/* Responsive */
@media (max-width: 768px) {
	.mdlr-featured-image-wrapper img.mdlr-featured-image {
		height: 80vw;
	}

	.mdlr-featured-image-text {
		font-size: 1.5rem;
	}
}