/*
 * Pferdetherapie Hanisch
 * Individueller Seiteninhalt | Datenschutz und Impressum
 * Seitenspezifische Inhalte, Layouts und deren Animationen.
 */

/* Alle Ansichten: gleicher Hero-Verlauf und gleiche obere Abstände wie
   Leistungen, aber ohne feste Mindesthöhe, Scriptzeile und Einleitung.
   Die volle Textbreite erlaubt den längeren Titel Datenschutzerklärung. */
.legal-page .page-hero {
	min-height: 0;
}

.legal-page .page-hero-inner {
	min-height: 0;
	padding-bottom: 24px;
}

.legal-page .page-hero-copy {
	width: 100%;
	max-width: none;
}

.legal-page .page-hero-title {
	overflow-wrap: anywhere;
}

/* Gemeinsame Inhaltsfläche und äußere Abstände: .page-content in styles.css. */
/* Eigenständige Rechtstext-Typografie, unabhängig von leistungen.css.
   Ausgangswerte entsprechen den Leistungskarten (Desktop).
   Abschnitte bleiben links ausgerichtet und auf lesbare Breite begrenzt. */
.legal-content {
	color: var(--text);
	font-size: .82rem;
	line-height: 1.58;
	overflow-wrap: anywhere;
}

.legal-content>section {
	max-width: 900px;
}

/* Goldene Abschnittslinien bleiben erhalten. */
.legal-content>section+section {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid var(--line);
}

.legal-content h2 {
	margin: 0 0 8px;
	color: var(--olive);
	font-family: "Cormorant Local", Georgia, serif;
	font-size: 1.45rem;
	line-height: 1.08;
	font-weight: 500;
}

/* Untergeordnete Überschriften: kleiner, fett und ohne Schmuckschrift. */
.legal-content h3 {
	margin: 16px 0 8px;
	color: var(--olive);
	font-size: 1em;
	line-height: inherit;
	font-weight: 700;
}

.legal-content p,
.legal-content ul,
.legal-content address {
	margin: 0;
}

/* Mehrere Absätze benötigen im langen Rechtstext einen eigenen Abstand.
   8px entsprechen dem Abstand unter den Kartenüberschriften. */
.legal-content p+p,
.legal-content p+ul,
.legal-content ul+p,
.legal-content p+h2 {
	margin-top: 8px;
}

.legal-content ul {
	padding-left: 1.3em;
}

.legal-content li+li {
	margin-top: 8px;
}

.legal-content address {
	font-style: normal;
}

/* Tablet und Smartphone bis 1023px: Werte wie in den Leistungskarten,
   hier absichtlich eigenständig definiert. */
@media (max-width: 1023px) {
	.legal-content {
		font-size: .80rem;
		line-height: 1.56;
	}

	.legal-content h2 {
		font-size: 1.38rem;
		line-height: 1.10;
	}
}

/* Smartphone bis 700px: Hero oben weiterhin wie Leistungen;
   lediglich der freie Raum unter der goldenen Linie wird kompakter. */
@media (max-width: 700px) {
	.legal-page .page-hero-inner {
		padding-bottom: 12px;
	}

	.legal-content {
		font-size: .78rem;
		line-height: 1.55;
	}

	.legal-content h2 {
		font-size: 1.30rem;
	}

	.legal-content>section+section {
		margin-top: 20px;
		padding-top: 20px;
	}
}