/* Rechtsseiten — schlanke Prose-Schicht über inked.css */
.legal { max-width: 840px; }
.legal h1 {
  font-size: clamp(2.1rem, 1.4rem + 2.6vw, 3.4rem);
  margin-top: 0.9rem;
}
.legal .legal-meta {
  margin-top: 1.1rem;
  color: var(--tx-3);
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.legal h2 {
  font-size: 1.12rem;
  letter-spacing: 0.02em;
  margin-top: 2.7rem;
}
.legal h3 {
  font-size: 0.95rem;
  margin-top: 1.7rem;
}
.legal p,
.legal li {
  color: var(--tx-2);
  font-size: 0.94rem;
  line-height: 1.8;
}
.legal p { margin-top: 0.95rem; }
.legal ul,
.legal ol {
  margin-top: 0.95rem;
  padding-left: 1.25rem;
  display: grid;
  gap: 0.5rem;
}
.legal a { color: var(--tx); text-decoration: underline; text-underline-offset: 3px; }
.legal a:hover { color: #fff; }
.legal strong { color: var(--tx); }
.legal table {
  width: 100%;
  margin-top: 1.1rem;
  border-collapse: collapse;
  font-size: 0.88rem;
}
.legal th,
.legal td {
  text-align: left;
  padding: 0.65rem 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--tx-2);
  vertical-align: top;
  line-height: 1.6;
}
.legal th { color: var(--tx); font-weight: 600; }

.legal-links { display: flex; flex-wrap: wrap; gap: 1.1rem; }
.legal-links a { color: var(--tx-3); text-decoration: none; font-size: 0.8rem; }
.legal-links a:hover { color: var(--tx); }