/* ---------- Werte ---------- */

:where(.unyer-single) {
	--unyer-hairline: 0.0625rem;
	--unyer-rule: 11.875rem;
	--unyer-rule-active: 20.5rem;
	--unyer-media-max: 34.125rem;
	--unyer-video-max: 48.3125rem;
	--unyer-icon-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 27' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 1v17'/%3E%3Cpath d='M3.5 11.8 10 18.3l6.5-6.5'/%3E%3Cpath d='M1 25.8h18'/%3E%3C/svg%3E");
}

/* ---------- Kopfbereich ---------- */

.unyer-single--practice-group > .unyer-hero + .unyer-editorial {
	margin-block-start: var(--wp--preset--spacing--60);
}
/* ---------- Fließtext ---------- */
/* ---------- Zitat ---------- */
/* ---------- Video ---------- */

.unyer-video:not(:has(a[href]:not([href=""]))) {
	display: none;
}

.unyer-video .unyer-video__frame {
	display: grid;
	place-content: center;
	aspect-ratio: 16 / 9;
	max-inline-size: var(--unyer-video-max);
	margin-inline: 0;
	border-radius: var(--wp--custom--radius--small);
	background-color: var(--wp--preset--color--surface);
}

/* ---------- Success stories ---------- */

.unyer-stories:not(:has(.wp-block-post-template)) {
	display: none;
}

.wp-block-cover.unyer-stories {
	--unyer-stories-deckend: 0.85;
	--unyer-stories-ende: 100%;
	--unyer-stories-hoehe: 27.125rem;
	container-type: inline-size;
	min-block-size: var(--unyer-stories-hoehe);
	padding-block: var(--wp--preset--spacing--70);
	padding-inline: var(--unyer-kante);
}

.wp-block-cover.unyer-stories::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: linear-gradient(
		90deg,
		var(--wp--preset--color--base) calc(var(--unyer-stories-deckend) * 100%),
		transparent var(--unyer-stories-ende)
	);
	pointer-events: none;
}

.wp-block-cover.unyer-stories > .wp-block-cover__inner-container {
	z-index: 1;
	inline-size: 100%;
	max-inline-size: var(--wp--style--global--wide-size);
	margin-inline: auto;
}

.wp-block-cover.unyer-stories > .wp-block-cover__inner-container > * {
	max-inline-size: calc(var(--unyer-stories-deckend) * 100cqi - var(--unyer-kante) - var(--wp--preset--spacing--60));
}

@media (min-width: 64rem) {
	.wp-block-cover.unyer-stories {
		--unyer-stories-deckend: 0.6;
		--unyer-stories-ende: 99%;
	}
}

.unyer-stories .unyer-stories__item a {
	display: flex;
	align-items: center;
	min-block-size: var(--wp--custom--target--min);
	color: var(--wp--preset--color--primary-text);
	text-decoration: none;
}

.unyer-stories .unyer-stories__item a:is(:hover, :focus-visible) {
	color: var(--wp--preset--color--secondary);
	text-decoration: underline;
}

/* ---------- Kontakt ---------- */

.unyer-contact .unyer-contact__mail {
	color: var(--wp--preset--color--primary-text);
	font-size: var(--wp--preset--font-size--lead);
}

.unyer-contact .unyer-contact__mail:empty {
	display: none;
}

/* ---------- Broschüre ---------- */

.unyer-brochure:not(:has(a[href]:not([href=""]))) {
	display: none;
}

.unyer-brochure .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	min-block-size: var(--wp--custom--target--min);
	padding: 0;
	border-radius: 0;
	background: none;
	color: var(--wp--preset--color--primary-text);
	font-size: var(--wp--preset--font-size--body);
	text-decoration: underline;
}

.unyer-brochure .wp-block-button__link::after {
	content: "";
	flex: none;
	inline-size: 1.25rem;
	block-size: 1.6875rem;
	background-color: currentColor;
	-webkit-mask: var(--unyer-icon-download) center / contain no-repeat;
	mask: var(--unyer-icon-download) center / contain no-repeat;
}

.unyer-brochure .wp-block-button__link:is(:hover, :focus-visible) {
	background: none;
	color: var(--wp--preset--color--secondary);
}

.unyer-learn-more .unyer-brochure__size {
	margin-block-start: var(--wp--preset--spacing--20);
	color: var(--wp--preset--color--contrast-soft);
}

.unyer-learn-more .unyer-brochure__size:empty {
	display: none;
}

/* ---------- News ---------- */
/* ---------- Leere Baender ---------- */

.unyer-band:not(:has(.wp-block-column)) {
	display: none;
}