/**
 * Hero der Stellenanzeige: schlichter Hintergrund, Bild rechts vom Titel.
 */

.ifjob-hero {
	padding-top: clamp(1.5rem, 4vw, 3.5rem);
	padding-bottom: clamp(1.5rem, 4vw, 3.5rem);

	/* Pattern-Grafik aus HRworks als Hintergrund (URL kommt per
	   --ifjob-hero-pattern aus job-header-block.php); die Creme-Fläche
	   des Theme-Hintergrunds bleibt als Basis darunter. */
	background-image: var(--ifjob-hero-pattern, none);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

@media (max-width: 781px) {
	/* Hochformatiger Hero: Pattern in voller Breite oben andocken – mit
	   "cover" würden die Farbflächen aus dem sichtbaren Bereich skaliert. */
	.ifjob-hero {
		background-position: center top;
		background-size: 100% auto;
	}
}

.ifjob-hero .ifjob-hero__image .wp-block-post-featured-image {
	margin: 0;
}

.ifjob-hero .ifjob-hero__image img {
	display: block;
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 32px;
}

@media (max-width: 781px) {
	.ifjob-hero .ifjob-hero__image img {
		aspect-ratio: 16 / 10;
	}
}