.wi-contact-panel {
	display: grid;
	gap: 40px 120px;
	max-width: 1096px;
}

/* 2026-08: single left-aligned column (Kooperationen / Presse removed). */
.wi-contact-panel--stacked {
	gap: 40px;
	max-width: 700px;
}

.wi-contact-panel--stacked a {
	display: block;
}

.wi-contact-panel article {
	min-height: 181px;
	padding: 0;
}

/* Stacked column is content-sized; the 181px floor was there to keep the
   two-column rows aligned. */
.wi-contact-panel--stacked article {
	min-height: 0;
}

body #page .wi-contact-panel h2,
.wi-contact-panel h2 {
	color: var(--wp--preset--color--primary);
	font-size: var(--wi-heading-contact);
	line-height: 53.28px;
	margin-bottom: 20px;
}

/* Figma: bold lead-in on a 1.2 line box, 8px, then the light address/e-mail. */
.wi-contact-panel p,
.wi-contact-panel a {
	color: var(--wi-ink);
	font-size: 24px;
	font-weight: 300;
	line-height: 42px;
	margin: 0;
}

.wi-contact-panel p:has(strong) {
	line-height: 1.2;
	margin-bottom: 8px;
}

.wi-contact-panel p strong {
	font-weight: 700;
}

@media (max-width: 767.98px) {
	.wi-contact-panel {
		gap: 32px;
	}

	body #page .wi-contact-panel h2 {
		font-size: 28px;
		line-height: 1.1;
		margin-bottom: 12px;
	}

	.wi-contact-panel p,
	.wi-contact-panel a {
		font-size: 18px;
		line-height: 1.5;
	}
}

/* md: 768px */
@media (min-width: 768px) {
	.wi-contact-panel {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	}

	.wi-contact-panel--stacked {
		grid-template-columns: minmax(0, 1fr);
	}
}