/* datenschutz.css — Datenschutzerklärung layout (warm theme). Reuses .imp-hero / .imp-title. */

.ds-intro { max-width: 70ch; margin-top: 22px; }
.ds-intro p { font-size: 16px; line-height: 1.6; color: var(--ink-2, #4a463d); margin: 0 0 12px; }
.ds-intro p:last-child { margin-bottom: 0; }

.ds-doc {
  max-width: 820px;
  border-top: 1px solid var(--rule, #d4cebd);
  padding-top: 8px;
}
.ds-section { padding: 32px 0; border-bottom: 1px solid var(--rule, #d4cebd); }
.ds-section:last-child { border-bottom: 0; }
.ds-h {
  font-family: var(--display, Georgia, serif);
  font-size: clamp(22px, 3vw, 30px); font-weight: 500; line-height: 1.15;
  color: var(--ink, #23201b); margin: 0 0 18px; letter-spacing: -0.01em;
}
.ds-sub {
  font-family: var(--mono, monospace);
  font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--accent, #b6791a); margin: 22px 0 8px; font-weight: 600;
}
.ds-text { font-size: 15.5px; line-height: 1.62; color: var(--ink-2, #4a463d); }
.ds-p { margin: 0 0 12px; max-width: 72ch; }
.ds-ul { margin: 4px 0 14px; padding-left: 20px; max-width: 72ch; }
.ds-ul li { margin: 0 0 6px; }
.ds-text strong { color: var(--ink, #23201b); }