/* Rechtsseiten (Vorlage „page": Impressum, Datenschutz, Cookie-Richtlinie) — Lesespalte statt Vollbreite (28.09.2026).
   Vorher lagen rad-document und rad-shell auf demselben Element; .rad-document{min-width:100%} hob die Breite von
   .rad-shell auf, der Text klebte am Rand. Jetzt ist .rad-legal der innere Rahmen. */
.rad-legal .wp-block-post-title{margin:0 0 32px;font-size:var(--rad-fs-h1);line-height:var(--rad-lh-h1);letter-spacing:var(--rad-ls-h1);text-transform:none}
.rad-legal .wp-block-post-content{max-width:72ch}
.rad-legal h2{margin:2.2em 0 .6em;font-size:var(--rad-fs-h2-klein);line-height:var(--rad-lh-h2-klein);letter-spacing:var(--rad-ls-h3)}
.rad-legal h3{margin:1.8em 0 .5em}
.rad-legal p,.rad-legal li{font-size:var(--vn-text-base);line-height:1.75;color:var(--vn-color-fg)}
.rad-legal p{margin:0 0 1em}
.rad-legal ul,.rad-legal ol{margin:0 0 1em;padding-left:1.25em}
.rad-legal ul{list-style:disc}   /* site.css setzt Listen global auf list-style:none; im Fließtext der Rechtsseiten braucht es die Punkte (28.09.2026) */
.rad-legal ol{list-style:decimal}
.rad-legal li::marker{color:var(--vn-color-accent)}
.rad-legal a{text-decoration:underline;text-decoration-color:var(--vn-color-accent);text-underline-offset:4px}
@media(hover:hover){.rad-legal a:hover{text-decoration-color:currentColor}}
.rad-legal .rad-document-note{margin:0 0 36px;padding:14px 18px;border-left:3px solid var(--vn-color-accent);border-radius:var(--vn-radius-sm);
  background:var(--vn-color-surface-light);font-size:var(--vn-text-sm);line-height:1.6;color:var(--vn-color-ink-muted)}