/* ---------- Kopf ---------- */

.unyer-event__kopf {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	padding-inline: var(--unyer-kante);
}

.unyer-event__kopf > * {
	margin-block: 0;
}

.unyer-event .unyer-event__titel {
	text-wrap: balance;
}

.unyer-event__fachgebiet {
	color: var(--wp--preset--color--contrast-soft);
}

.unyer-event__fachgebiet a {
	color: var(--wp--preset--color--primary-text);
}

.unyer-event__fachgebiet a:is(:hover, :focus-visible) {
	color: var(--wp--preset--color--secondary);
}

/* ---------- Raster ---------- */

.unyer-event__raster {
	display: grid;
	gap: var(--wp--preset--spacing--80);
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
}

.unyer-event__raster > *,
.unyer-event__inhalt > * {
	margin-block: 0;
}

.unyer-event__inhalt {
	min-inline-size: 0;
}

.unyer-event__inhalt > * {
	inline-size: 100%;
}

@media (min-width: 64rem) {
	.unyer-event__raster {
		grid-template-columns: minmax(0, 1fr) minmax(18rem, 22.5rem);
	}

	.unyer-event__raster > .unyer-eventfakten {
		grid-column: 2;
		grid-row: 1;
		position: sticky;
		inset-block-start: calc(var(--unyer-kopfhoehe, 7rem) + var(--wp--preset--spacing--40));
	}

	.unyer-event__raster > .unyer-event__inhalt {
		grid-column: 1;
		grid-row: 1;
	}
}

/* ---------- Bild und Text ---------- */

.unyer-event__bild img {
	border-radius: var(--wp--custom--radius--small);
}

.unyer-event__text > * + * {
	margin-block-start: var(--wp--preset--spacing--40);
}

.unyer-event__text > * + :is(h2, h3, h4) {
	margin-block-start: var(--wp--preset--spacing--70);
}

.unyer-event__text :is(ul, ol) > li + li {
	margin-block-start: var(--wp--preset--spacing--20);
}