.wi-page-body {
	padding-bottom: var(--wi-space-columns-bottom);
	padding-top: var(--wi-space-page-body);
}

.wi-page-cta {
	padding-inline: 0;
}

/* Impressum: compact top spacing. */
.site-main--impressum .wi-page-hero {
	height: auto;
	min-height: 0;
}

.site-main--impressum .wi-page-body {
	padding-top: 60px;
}

/* Figma 600:1512 — same body type as the Impressum block on the Kontakt page. */
.site-main--impressum .wi-content {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.5;
	margin-inline: 0;
	max-width: 700px;
}

.wi-content {
	font-size: 18px;
	line-height: 1.55;
	margin-inline: auto;
	max-width: var(--wi-content);
}

.wi-content h2 {
	font-size: clamp(2rem, 4vw, 2.5rem);
	margin-block: 2em 0.75em;
}

.wi-content h3 {
	font-size: clamp(1.5rem, 3vw, 1.75rem);
	margin-block: 1.75em 0.75em;
}


.site-main--impressum .wi-page-hero__inner {
	max-width: var(--wi-content);
}




@media (min-width: 768px) {
	.wi-page-cta {
		padding-inline: 0;
	}
}

@media (min-width: 768px) and (max-width: 1899px) {
	.site-main--kontakt .wi-page-hero__title,
	.site-main--contact .wi-page-hero__title,
	.site-main--video .wi-page-hero__title,
	.site-main--videos .wi-page-hero__title,
	.site-main--galerie .wi-page-hero__title,
	.site-main--gallery .wi-page-hero__title,
	.site-main--unsere-arbeit .wi-page-hero__title {
		font-size: clamp(48px, 5.3vw, 75px);
		line-height: 1;
	}

	.site-main--unsere-arbeit .wi-page-hero {
		height: auto;
		min-height: 0;
	}

	.site-main--unsere-arbeit .wi-page-body,
	.site-main--posts .wi-page-body,
	.site-main--beitraege .wi-page-body,
	.site-main--category .wi-page-body,
	.site-main--video .wi-page-body,
	.site-main--videos .wi-page-body,
	.site-main--galerie .wi-page-body,
	.site-main--gallery .wi-page-body {
		padding-top: clamp(64px, 7vw, 100px);
	}
}

@media (max-width: 767.98px) {
	.wi-page-body {
		padding-block: 0 64px;
	}
}

@media (min-width: 768px) {
	.site-main--kontakt .wi-page-hero,
	.site-main--contact .wi-page-hero {
		height: auto;
		margin-top: var(--wi-space-page-top);
		min-height: 0;
	}

	.site-main--kontakt .wi-page-hero__title,
	.site-main--contact .wi-page-hero__title,
	.site-main--video .wi-page-hero__title,
	.site-main--videos .wi-page-hero__title,
	.site-main--galerie .wi-page-hero__title,
	.site-main--gallery .wi-page-hero__title {
		font-size: var(--wi-font-display-size);
		letter-spacing: 0;
		line-height: 1;
	}

	.site-main--kontakt .wi-page-hero__text,
	.site-main--contact .wi-page-hero__text {
		display: none;
	}

	.site-main--kontakt .wi-page-cta .wi-actions a:first-child,
	.site-main--contact .wi-page-cta .wi-actions a:first-child {
		display: none;
	}

	/* Figma 2026-08: every inner page uses the same rhythm —
	   header -> 100 -> page content -> 100 -> grid -> 200 -> donation banner.
	   The old per-page heights (560 / 224) and margins (304) forced empty space
	   below the text, so they are removed; the hero is content-sized now. */
	.site-main--unsere-arbeit .wi-page-hero,
	.site-main--video .wi-page-hero,
	.site-main--videos .wi-page-hero,
	.site-main--galerie .wi-page-hero,
	.site-main--gallery .wi-page-hero {
		height: auto;
		margin-top: var(--wi-space-page-top);
		min-height: 0;
	}

	.site-main--kontakt .wi-page-body,
	.site-main--contact .wi-page-body,
	.site-main--unsere-arbeit .wi-page-body,
	.site-main--posts .wi-page-body,
	.site-main--beitraege .wi-page-body,
	.site-main--category .wi-page-body,
	.site-main--video .wi-page-body,
	.site-main--videos .wi-page-body,
	.site-main--galerie .wi-page-body,
	.site-main--gallery .wi-page-body {
		padding-bottom: var(--wi-space-columns-bottom);
		padding-top: var(--wi-space-page-body);
	}
}

@media (min-width: 768px) and (max-width: 1899px) {
	.site-main--kontakt .wi-page-hero__title,
	.site-main--contact .wi-page-hero__title,
	.site-main--video .wi-page-hero__title,
	.site-main--videos .wi-page-hero__title,
	.site-main--galerie .wi-page-hero__title,
	.site-main--gallery .wi-page-hero__title,


	.site-main--unsere-arbeit .wi-page-hero {
		height: auto;
		min-height: 0;
	}

	.site-main--galerie .wi-page-hero,
	.site-main--gallery .wi-page-hero {
		margin-top: clamp(60px, 5.3vw, 100px);
	}

	.site-main--unsere-arbeit .wi-page-body,
	.site-main--posts .wi-page-body,
	.site-main--beitraege .wi-page-body,
	.site-main--category .wi-page-body,
	.site-main--video .wi-page-body,
	.site-main--videos .wi-page-body,
	.site-main--galerie .wi-page-body,
	.site-main--gallery .wi-page-body {
		padding-top: clamp(64px, 7vw, 100px);
	}
}