/* Oeffentliche Rechtsseiten (Impressum, Datenschutz) - standalone, nutzt tokens.css */
body.legal-page { padding: var(--space-5) var(--space-4); background: var(--bg-primary, #faf8f5); }
.legal { max-width: 680px; margin: 0 auto; }
.legal-brand { display: inline-block; margin-bottom: var(--space-6); font-weight: var(--weight-bold); font-size: var(--type-headline); color: var(--text-primary); text-decoration: none; }
.legal h1 { margin-bottom: var(--space-6); }
.legal section { margin-bottom: var(--space-6); }
.legal section h2 { margin-bottom: var(--space-2); }
.legal p { margin-bottom: var(--space-2); line-height: 1.6; color: var(--text-secondary); }
.legal a { color: var(--color-deutsch, #8B6B4A); text-decoration: underline; text-underline-offset: 2px; }
.legal ul { margin: var(--space-2) 0; padding-left: 1.25rem; }
.legal li { margin-bottom: var(--space-1); line-height: 1.6; color: var(--text-secondary); }
.legal strong { color: var(--text-primary); }
.legal-sister { display: flex; align-items: center; gap: var(--space-5); padding: var(--space-5); border: 1px solid var(--border, rgba(0,0,0,.1)); border-radius: var(--radius-lg, 14px); background: #fff; }
.legal-sister-logo { flex: 0 0 auto; display: block; line-height: 0; }
.legal-sister img { display: block; width: 150px; height: auto; }
.legal-sister-text { margin: 0; }
.legal-meta { font-size: var(--type-footnote); color: var(--text-tertiary); }
.legal-footer { margin-top: var(--space-7); padding-top: var(--space-5); border-top: 1px solid var(--border, rgba(0,0,0,.1)); font-size: var(--type-footnote); }
.legal-footer a { color: var(--text-secondary); }
@media (max-width: 520px) { .legal-sister { flex-direction: column; align-items: flex-start; } }