.wi-page-hero {
	height: auto;
	margin-top: var(--wi-space-page-top);
	padding: 0;
}

.wi-page-hero__inner {
	display: grid;
	gap: var(--wi-space-page-gap);
}

body #page .wi-page-hero__title,
.wi-page-hero__title {
	color: var(--wp--preset--color--primary);
	font-size: var(--wi-font-display-size);
	letter-spacing: 0;
	line-height: 1;
	max-width: 1400px;
}

.wi-page-hero__text {
	-webkit-hyphens: auto;
	font-size: 20px;
	font-weight: 300;
	hyphens: auto;
	line-height: 1.5;
	max-width: 700px;
}

.wi-page-hero__text p {
	margin-bottom: 16px;
}

.wi-page-hero__text p:last-child {
	margin-bottom: 0;
}

/* md: 768px */
@media (min-width: 768px) {
	.wi-page-hero__inner {
		align-items: start;
		grid-template-columns: 1fr;
	}

	.wi-page-hero__text {
		justify-self: start;
	}
}

@media (min-width: 768px) and (max-width: 1899px) {
	.wi-page-hero {
		height: auto;
		margin-top: clamp(60px, 5.3vw, 100px);
		min-height: 0;
	}

	body #page .wi-page-hero__title,
	.wi-page-hero__title {
		font-size: clamp(48px, 5.3vw, 75px);
		line-height: 1;
	}

	.wi-page-hero__text {
		font-size: clamp(16px, 1.3vw, 20px);
		line-height: 1.5;
	}
}

@media (min-width: 768px) {
	.site-main--wer-wir-sind .wi-page-hero__text p,
	.site-main--team .wi-page-hero__text p {
		margin-bottom: 16px;
	}

	.site-main--wer-wir-sind .wi-page-hero__text p:last-child,
	.site-main--team .wi-page-hero__text p:last-child {
		margin-bottom: 0;
	}
}

@media (max-width: 767.98px) {
	.wi-page-hero {
		height: auto;
		margin-top: 48px;
		padding-bottom: 40px;
	}

	body #page .wi-page-hero__title {
		font-size: 40px !important;
		letter-spacing: 0;
		line-height: 42px !important;
	}

	.wi-page-hero__text {
		font-size: 16px;
		line-height: 1.5;
	}

	.wi-page-hero__inner {
		gap: 16px;
	}

	.wi-page-hero__text p {
		margin-bottom: 12px;
	}
}