
:root { --u-kopf-h: 96px; --u-kopf-unten: 0px; }
@media (max-width: 767px) { :root { --u-kopf-h: 76px; } }
.recht { padding-top: clamp(56px, 6vw, 96px); }
.ds-titel { max-width: 1180px; margin-bottom: clamp(48px, 5vw, 80px); }
.ds-pfad { font-size: 13px; font-weight: 500; letter-spacing: .01em; line-height: 1.5; margin-bottom: clamp(20px, 2vw, 32px); }
.ds-pfad ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; }
.ds-pfad li + li::before { content: "›"; margin-right: 8px; color: var(--grau); }
.ds-pfad a { color: var(--grau); text-decoration: none; }
.ds-pfad a:hover { color: var(--graphit); text-decoration: underline; text-underline-offset: 3px; }
.ds-pfad [aria-current] { color: var(--graphit); }
.ds-titel h1 { font-size: clamp(38px, 4.4vw, 78px); font-weight: 600; letter-spacing: -.045em; line-height: .98; color: var(--graphit); }
.ds-titel p { font-size: var(--u-satz); font-weight: 500; letter-spacing: -.02em; line-height: 1.25; color: var(--u-text-leise); max-width: 760px; margin-top: 18px; }
@media (max-width: 767px) { .ds-titel h1 { font-size: clamp(30px, 8.4vw, 38px); } }
