.unyer-hero__media {
	max-inline-size: var(--unyer-media-max);
	margin-inline: auto;
}

.unyer-hero__media img {
	aspect-ratio: 1;
	border-radius: var(--wp--custom--radius--round);
	object-fit: cover;
}

.unyer-hero .wp-block-post-title {
	max-inline-size: 34.25rem;
	line-height: 1.233;
	text-wrap: balance;
}

.unyer-hero__media:not(:has(img)) {
	aspect-ratio: 1;
	border-radius: var(--wp--custom--radius--round);
	background-color: color-mix(in srgb, var(--wp--preset--color--primary) 12%, var(--wp--preset--color--base));
}


.unyer-editorial .unyer-headline:empty {
	display: none;
}

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

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

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

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


.unyer-quote:has(.unyer-quote__text:empty) {
	display: none;
}

.unyer-quote .unyer-quote__text {
	border-inline-start: 0.25rem solid var(--wp--preset--color--primary);
	padding-inline-start: var(--wp--preset--spacing--50);
	line-height: 1.3;
}

.unyer-quote .unyer-quote__source {
	padding-inline-start: calc(var(--wp--preset--spacing--50) + 0.25rem);
	color: var(--wp--preset--color--contrast-soft);
}

.unyer-quote .unyer-quote__source:empty {
	display: none;
}


.unyer-newsliste .unyer-newsliste__item {
	container-type: inline-size;
}

.unyer-newsliste .unyer-newsliste__type a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.unyer-newsliste .unyer-newsliste__date {
	position: relative;
	padding-block-end: var(--wp--preset--spacing--30);
	color: var(--wp--preset--color--contrast);
}

.unyer-newsliste .unyer-newsliste__date::after {
	content: "";
	position: absolute;
	inset-block-end: 0;
	inset-inline-start: 0;
	inline-size: min(var(--unyer-rule), 100%);
	border-block-start: var(--unyer-hairline) solid var(--wp--preset--color--primary);
	transition: inline-size var(--wp--custom--duration--base) var(--wp--custom--easing--base);
}

.unyer-newsliste .unyer-newsliste__title a {
	text-decoration: none;
}

.unyer-newsliste .unyer-newsliste__item:is(:hover, :focus-within) :is(.unyer-newsliste__type a, .unyer-newsliste__date, .unyer-newsliste__title a) {
	color: var(--wp--preset--color--primary-text);
}

.unyer-newsliste .unyer-newsliste__item:is(:hover, :focus-within) .unyer-newsliste__date::after {
	inline-size: min(var(--unyer-rule-active), 100%);
}

.unyer-newsliste .unyer-newsliste__item :is(.unyer-newsliste__type a, .unyer-newsliste__title a):is(:hover, :focus-visible) {
	text-decoration: underline;
}

@container (max-inline-size: 20rem) {
	.unyer-newsliste__title {
		font-size: var(--wp--preset--font-size--body);
	}

	.unyer-newsliste__type,
	.unyer-newsliste__date {
		font-size: var(--wp--preset--font-size--body);
	}
}

/* ---------- Zustände ---------- */

:where(.unyer-single) :is(a, button):focus-visible {
	outline: 0.1875rem solid var(--wp--preset--color--secondary);
	outline-offset: 0.125rem;
}

@media (prefers-reduced-motion: reduce) {
	.unyer-newsliste .unyer-newsliste__date::after {
		transition-duration: 0.01ms;
	}
}

/* ---------- Trefferflaechen ---------- */

.unyer-newsliste :is(.unyer-newsliste__type, .unyer-newsliste__title) a {
	align-items: center;
	display: inline-flex;
	min-block-size: var(--wp--custom--target--min);
}

/* ---------- Aufklapper ---------- */

.unyer-editorial .unyer-pg-teil + .unyer-pg-teil {
	margin-block-start: var(--wp--preset--spacing--70);
}

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

.unyer-editorial .unyer-pg-teil > :is(h2, h3) + * {
	margin-block-start: var(--wp--preset--spacing--40);
}

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

.unyer-mehr > summary {
	--unyer-mehr-pfeil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 1v21'/%3E%3Cpath d='M2 15l7 7 7-7'/%3E%3C/svg%3E");
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	min-block-size: var(--wp--custom--target--min);
	color: var(--wp--preset--color--primary-text);
	cursor: pointer;
	list-style: none;
}

.unyer-mehr > summary::-webkit-details-marker {
	display: none;
}

.unyer-mehr > summary::before {
	content: "";
	flex: none;
	inline-size: 1.125rem;
	block-size: 1.5rem;
	background-color: currentColor;
	mask: var(--unyer-mehr-pfeil) center / contain no-repeat;
	transition: rotate var(--wp--custom--duration--base) var(--wp--custom--easing--base);
}

.unyer-mehr[open] > summary::before {
	rotate: 180deg;
}

.unyer-mehr:not([open]) .unyer-mehr__auf,
.unyer-mehr[open] .unyer-mehr__zu {
	display: none;
}

.unyer-mehr > summary:is(:hover, :focus-visible) {
	color: var(--wp--preset--color--secondary);
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

.unyer-mehr > summary:focus-visible {
	outline: 0.1875rem solid var(--wp--preset--color--primary-text);
	outline-offset: 0.25rem;
}

@media (prefers-reduced-motion: reduce) {
	.unyer-mehr > summary::before {
		transition: none;
	}
}