/* Ergänzungen fürs Next-Portal: Rechtsseiten, Meldungen auf Anmelde- und Kaufseite.
   Baut auf base.css auf (Variablen --ink, --paper, --red-soft ...). */

.legal { max-width: 820px; }
.legal h1 { margin: 10px 0 24px; }
.legal ul { display: grid; gap: 10px; padding-left: 20px; color: var(--ink-2); }
.legal-hinweis {
  border: 1px dashed var(--ink-3, #888);
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 20px;
  background: rgba(242, 183, 5, .08);
}

.wc-meldung {
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 14.5px;
  line-height: 1.45;
  border: 1px solid transparent;
}
.wc-meldung.ok { background: rgba(46, 160, 67, .1); border-color: rgba(46, 160, 67, .35); }
.wc-meldung.fehler { background: var(--red-soft, rgba(239, 74, 54, .12)); border-color: rgba(239, 74, 54, .45); }
.co-meldung { margin: 0 0 18px; }
.login-links { display: grid; gap: 6px; font-size: 14px; color: var(--ink-2); }
.login-links a { color: var(--ink); }

/* Rechtstexte aus rechtstexte.json */
.legal h2 { font-size: 22px; margin: 34px 0 10px; }
.legal h3 { font-size: 16px; margin: 22px 0 4px; }
.legal p { color: var(--ink-2); margin: 0 0 12px; max-width: 72ch; }
.legal ul { margin: 0 0 14px; }
.legal mark.platzhalter { background: rgba(242, 183, 5, .35); color: inherit; border-radius: 4px; padding: 0 4px; }
.legal-tabelle { overflow-x: auto; margin: 4px 0 18px; border: 1px solid var(--line, #ddd); border-radius: 10px; }
.legal-tabelle table { border-collapse: collapse; width: 100%; font-size: 14.5px; }
.legal-tabelle th, .legal-tabelle td { text-align: left; vertical-align: top; padding: 9px 12px; border-bottom: 1px solid var(--line, #ddd); }
.legal-tabelle tr:last-child td { border-bottom: 0; }