/* --- Styling für reine Text- und Unterseiten (z.B. Datenschutz) --- */
.legal-content-wrap {
	max-width: var(--max-width-narrow); /* Nutzt deine schmale Lesebreite (780px) */
	margin: 0 auto;
	padding: 80px 20px;
}

.legal-article h1 {
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--color-text-main);
	margin-bottom: 16px;
	letter-spacing: -0.02em;
}

.legal-lead {
	font-size: 1.15rem;
	line-height: 1.6;
	color: var(--color-text-muted);
	margin-bottom: 48px;
}

.legal-section {
	margin-bottom: 40px;
}

.legal-section h2 {
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--color-text-main);
	margin-bottom: 16px;
}

.legal-section p {
	font-size: 1rem;
	line-height: 1.6;
	color: var(--color-text-main);
	margin-bottom: 16px;
}

.legal-section ul {
	margin-bottom: 24px;
	padding-left: 24px;
}

.legal-section li {
	font-size: 1rem;
	line-height: 1.6;
	color: var(--color-text-main);
	margin-bottom: 8px;
}

/* Visuelle Box für deine Adressdaten */
.address-box {
	background-color: var(--color-surface-base);
	border: 1px solid var(--color-border-base);
	border-radius: calc(var(--border-radius-main) / 2);
	padding: 24px;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--color-text-main);
	box-shadow: var(--shadow-main);
	margin: 16px 0;
}

/* Anpassung für mobile Displays */
@media (max-width: 576px) {
	.legal-content-wrap {
		padding: 40px 20px;
	}
	.legal-article h1 {
		font-size: 2rem;
	}
}