/* Rechtstexte – ruhig, gut lesbar, Design-System-Tokens (lädt nach app.css) */

.legal-page { background: var(--paper); }

.legal-top {
  display: flex; align-items: center; justify-content: space-between;
  background: var(--ink); padding: 14px clamp(16px, 4vw, 32px);
}
.legal-top .brand-logo { height: 32px; width: auto; display: block; }

.legal { max-width: 820px; padding-block: clamp(28px, 5vw, 56px); }

.legal-tabs { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-bottom: var(--s-7); }
.legal-tabs a {
  padding: 8px 15px; border-radius: var(--r-full); font-size: var(--t-sm); font-weight: 600;
  color: var(--text-2); background: var(--surface-2); border: 1px solid var(--line);
  transition: border-color var(--d2) var(--e-soft), color var(--d2) var(--e-soft);
}
.legal-tabs a:hover { border-color: var(--accent); color: var(--accent-700); }
.legal-tabs a.active { background: var(--accent-weak); border-color: var(--accent); color: var(--accent-700); }

.legal-body { color: var(--text-2); line-height: 1.7; }
.legal-body h1 { font-size: var(--t-h1); color: var(--text); margin: 0 0 var(--s-5); letter-spacing: -0.02em; }
.legal-body h2 { font-size: 1.12rem; color: var(--text); margin: var(--s-7) 0 var(--s-2); }
.legal-body p { margin: 0 0 var(--s-3); }
.legal-body a { color: var(--accent-700); text-decoration: underline; }
.legal-body code { background: var(--surface-2); padding: 1px 6px; border-radius: 6px; font-size: 0.9em; }

.ph { background: #FFF3C4; color: #7A5B00; padding: 1px 7px; border-radius: 5px; font-weight: 600; }

.legal-stand { color: var(--muted); font-size: var(--t-sm); margin-top: var(--s-6); }
.legal-disclaimer {
  margin-top: var(--s-8); padding: 14px 16px; border-radius: var(--r-md);
  background: var(--surface-2); border: 1px solid var(--line); color: var(--muted); font-size: var(--t-sm);
}

.legal-foot { background: var(--ink); color: #AEB8CC; font-size: var(--t-sm); padding: var(--s-6) 0; margin-top: var(--s-9); }
.legal-foot a { color: #9FB0FF; }
.legal-foot a:hover { text-decoration: underline; }