/* ===========================================================================
 * recht.css -- Rechtsseiten: AGB, Widerruf, Impressum, Datenschutz, Versand,
 * Zahlungsweisen (Eugen, 05.10.2026). Kopf aus inc/recht.php, Text ist der
 * Seiteninhalt (h2 + p, von ams-shop auch als PDF an die Mails gehaengt).
 * Werte nur aus tokens.css; Brotkrumen: layout.css (.ams-brot).
 *
 *   body.ams-recht-seite #content.page-wrapper > .row-main > .col > .col-inner
 *     header.ams-recht-kopf > nav.ams-brot, h1
 *     h2, p, ul ... (Seiteninhalt)
 * ======================================================================== */

.ams-recht-seite #content.page-wrapper {
	padding-top: var(--ams-s-7);
	padding-bottom: var(--ams-s-10);
}

/* Seitenrand wie bei den Sektionszeilen (layout.css): Flatsomes page-wrapper hat keinen
   Container, die Zeile klebte am Fensterrand (Eugen, 05.10.2026). */
.ams-recht-seite #content.page-wrapper > .row-main {
	padding-left: calc(var(--ams-container-pad) - 15px);
	padding-right: calc(var(--ams-container-pad) - 15px);
}

.ams-recht-seite .ams-recht-kopf h1 {
	margin: var(--ams-s-5) 0 var(--ams-s-6);
	font: var(--ams-t-h1);
	letter-spacing: -.02em;
	color: var(--ams-ink);
}

/* Lesespalte: lange Zeilen ermueden, 820 px sind rund 110 Zeichen. */
.ams-recht-seite .col-inner > :not(.ams-recht-kopf) {
	max-width: 820px;
}

.ams-recht-seite .col-inner > p,
.ams-recht-seite .col-inner > ul,
.ams-recht-seite .col-inner > ol {
	font: var(--ams-t-body);
	color: var(--ams-ink);
}

.ams-recht-seite .col-inner > h2 {
	margin: var(--ams-s-7) 0 var(--ams-s-3);
	font: var(--ams-t-h3);
	color: var(--ams-ink);
}

.ams-recht-seite .col-inner > h3 {
	margin: var(--ams-s-5) 0 var(--ams-s-2);
	font: var(--ams-t-h4);
	color: var(--ams-ink);
}

.ams-recht-seite .col-inner a {
	color: var(--ams-primary);
}

@media (max-width: 849px) {
	.ams-recht-seite #content.page-wrapper {
		padding-top: var(--ams-s-5);
		padding-bottom: var(--ams-s-8);
	}
}

/* Tabellen (Versandkosten): schlicht, feine Linien, Zahlen rechts. */
.ams-recht-seite .col-inner > table {
	width: 100%;
	margin: var(--ams-s-3) 0 var(--ams-s-5);
	border-collapse: collapse;
	font: var(--ams-t-body);
	font-size: 15px;
}

.ams-recht-seite .col-inner > table th,
.ams-recht-seite .col-inner > table td {
	padding: var(--ams-s-2) var(--ams-s-3);
	border: 0;
	border-bottom: 1px solid var(--ams-line);
	text-align: left;
	vertical-align: top;
}

.ams-recht-seite .col-inner > table th {
	font: var(--ams-t-caption);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ams-ink-3);
}

.ams-recht-seite .col-inner > table td:last-child,
.ams-recht-seite .col-inner > table th:last-child {
	text-align: right;
	white-space: nowrap;
}