Design: Rechtstexte als Abschnitte mit Haarlinien, Aufklappzeile als Button

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/pages/LegalPage.jsx

@@ -16,7 +16,7 @@ export default function LegalPage() {
   const active = tab === 'texte' ? texts : contracts
 
   let body
-  if (active.loading) body = <div className="faint">Lädt …</div>
+  if (active.loading) body = <div className="loading">Lädt …</div>
   else if (active.missingSetup) {
     body = (
       <EmptyState
@@ -31,7 +31,7 @@ export default function LegalPage() {
     <div className="page">
       <PageHeader title="Rechtliches" subtitle="Rechtstexte mit Versionsgeschichte und Verträge mit Anbietern" />
       <Tabs tabs={TABS} active={tab} onChange={setTab} />
-      {active.error && <div className="legal-error">{active.error}</div>}
+      {active.error && <div className="msg err" role="alert">{active.error}</div>}
       {body}
     </div>
   )