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

.unyer-about-eigenschaften {
	--unyer-about-spalte: 18rem;
	--unyer-about-akzent: 0.25rem;
}

/* ---------- Textspalten ---------- */

.unyer-about-einleitung__text .unyer-about-einleitung__claim,
.unyer-about-vision__text .unyer-about-vision__claim {
	max-inline-size: 34ch;
	text-wrap: balance;
}

/* ---------- Überschriften ---------- */

.unyer-about-vision > .wp-block-heading,
.unyer-about-ansatz > .wp-block-heading,
.unyer-about-firmen > .wp-block-heading {
	color: var(--wp--preset--color--secondary);
	text-wrap: balance;
}

/* ---------- Eigenschaften ---------- */

.unyer-about-ansatz .unyer-about-eigenschaften {
	display: grid;
	gap: var(--wp--preset--spacing--50);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--unyer-about-spalte)), 1fr));
	margin-block-start: var(--wp--preset--spacing--70);
}

.unyer-about-ansatz .unyer-about-eigenschaften > * {
	margin-block: 0;
}

.unyer-about-eigenschaften .unyer-about-eigenschaft {
	background-color: var(--wp--preset--color--surface-alt);
	border-block-start: var(--unyer-about-akzent) solid var(--wp--preset--color--primary);
	border-end-end-radius: var(--wp--custom--radius--small);
	border-end-start-radius: var(--wp--custom--radius--small);
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--60);
}

.unyer-about-eigenschaft .unyer-about-eigenschaft__titel {
	color: var(--wp--preset--color--secondary);
	margin-block: 0;
	text-wrap: balance;
}

.unyer-about-eigenschaft .unyer-about-eigenschaft__text {
	color: var(--wp--preset--color--contrast-soft);
	margin-block: 0;
	max-inline-size: 46ch;
}

/* ---------- Leadership ---------- */

.unyer-leadership-bild img {
	object-position: 50% 25%;
}