/* Page layout legal_cards. Source: docs/design/referenz/11-impressum.html. */
.legal-cards { display: grid; gap: 10px; }
.lc { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 16px 18px; }
.lc-h { font-family: var(--f-body); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); margin: 0 0 8px; }
.lc p { font-size: 15px; line-height: 1.55; }
.lc p + p, .lc-dl + p { margin-top: 8px; }
.lc p b, .lc p strong { font-weight: 700; }
.lc-dl { margin: 0; display: grid; gap: 6px; }
.lc-dl div { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 10px; font-size: 15px; }
.lc-dl dt { color: var(--ink-3); font-size: 13px; padding-top: 2px; }
.lc-dl dd { margin: 0; overflow-wrap: anywhere; }
.lc a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--brand-deep); text-underline-offset: 3px; }
.lc .lc-note { font-size: 12px; color: var(--ink-3); }

@container page (min-width: 640px) {
  .legal-cards { grid-template-columns: 1fr 1fr; }
}