/* Seiten aus Paket 1c: Rechtstexte, Kontakt.
 * Lokal im Theme (siehe QUELLE.md). Masse aus Design:
 * templates/rechtliches/Rechtliches.dc.html, templates/kontakt/Kontakt.dc.html.
 * Ueberschriften und Absaetze gestaltet wordpress-inhalt.css, hier nur,
 * was es dort nicht gibt. */

/* ─── Rechtstext: Inhaltsverzeichnis ─────────────────────────────────── */
.ss-rechtstext .ss-rechtstext__inhalt {
	margin-block-start: 40px;
	padding: 16px 0;
	border-top: 1px solid var(--ss-navy-200);
	border-bottom: 1px solid var(--ss-navy-200);
	font-family: var(--ss-font-brand);
}
.ss-rechtstext .ss-rechtstext__inhalt-titel {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--ss-navy-600);
}
/* Die Nummern stehen schon im Text der Ueberschriften, deshalb ohne
 * Listenzeichen. Zwei Spalten ab 240px Spaltenbreite wie in Design. */
.ss-rechtstext .ss-rechtstext__inhalt-liste {
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
	columns: 2 240px;
	column-gap: 32px;
	font-size: 17px;
}
.ss-rechtstext .ss-rechtstext__inhalt-liste li {
	break-inside: avoid;
}
.ss-rechtstext .ss-rechtstext__inhalt-liste a {
	display: inline-flex;
	align-items: center;
	min-height: var(--ss-hit-min);
	color: var(--ss-ocean-deep);
	text-decoration: none;
	transition: color var(--ss-transition);
}
.ss-rechtstext .ss-rechtstext__inhalt-liste a:hover {
	color: var(--ss-navy);
}
/* Sprungziele nicht unter dem Fensterrand. */
.ss-rechtstext h2[id] {
	scroll-margin-top: 24px;
}

/* ─── Kontakt ────────────────────────────────────────────────────────── */
.ss-kontakt .ss-kontakt__direkt {
	margin-block-start: 48px;
}
.ss-kontakt .ss-kontakt__direkt > h2 {
	margin-block: 0 32px;
}
.ss-kontakt .ss-kontakt__adresse {
	margin-block: 12px 32px;
	color: var(--ss-navy-600);
}
.ss-kontakt .ss-kontakt__adresse strong {
	color: var(--ss-navy);
	font-weight: 600;
	user-select: all;
}
.ss-kontakt .ss-kontakt__label {
	margin: 0;
	font-family: var(--ss-font-brand);
	font-size: 15px;
	font-weight: 600;
	color: var(--ss-navy-600);
}
.ss-kontakt .ss-kontakt__instagram {
	margin: 0;
}
.ss-kontakt .ss-kontakt__instagram a {
	display: inline-flex;
	align-items: center;
	min-height: var(--ss-hit-min);
	font-family: var(--ss-font-brand);
	font-size: 20px;
	font-weight: 600;
	color: var(--ss-ocean-deep);
	text-decoration: none;
	transition: color var(--ss-transition);
}
.ss-kontakt .ss-kontakt__instagram a:hover {
	color: var(--ss-navy);
}
.ss-kontakt .ss-kontakt__hinweis {
	max-width: 52ch;
	margin-block-start: 48px;
	padding-top: 32px;
	border-top: 1px solid var(--ss-navy-200);
}