@charset "UTF-8";
/* ============================================================
   Rechtsseiten (Impressum, Datenschutz, AGB)
   Nutzt Chrome + Tokens aus index.css, ergänzt Lesetypografie.
   ============================================================ */

.legal { padding-block: clamp(40px, 6vw, 84px); }
.legal__container { width: 100%; max-width: 820px; margin-inline: auto; padding-inline: 24px; }

.legal .eyebrow { color: var(--blue-400); }
.legal h1 { font-size: clamp(1.9rem, 4vw, 2.7rem); letter-spacing: -.02em; margin-bottom: 8px; }
.legal__updated { color: var(--text-muted); font-size: .9rem; margin-bottom: 8px; }

.legal h2 {
  font-size: 1.3rem;
  letter-spacing: -.01em;
  margin-top: 40px;
  margin-bottom: 12px;
  padding-top: 20px;
  border-top: 1px solid var(--border);
  color: var(--text);
}
.legal h3 { font-size: 1.05rem; margin-top: 24px; margin-bottom: 8px; color: var(--text); }

.legal p, .legal li { color: var(--text-2); line-height: 1.8; }
.legal p { margin-bottom: 14px; }
.legal ul { margin: 0 0 16px 0; padding-left: 22px; list-style: disc; }
.legal li { margin-bottom: 6px; }
.legal strong { color: var(--text); font-weight: 600; }

.legal address { font-style: normal; color: var(--text-2); line-height: 1.8; }

.legal a { color: var(--blue-400); text-decoration: underline; text-underline-offset: 2px; }
.legal a:hover { color: var(--blue-500); }

/* Platzhalter, die der Seiteninhaber ersetzen muss */
.legal__ph {
  color: #cdb27a;
  background: rgba(199,155,94,.12);
  border: 1px solid rgba(199,155,94,.3);
  padding: 0 6px;
  border-radius: 5px;
  font-size: .95em;
  white-space: nowrap;
}

/* Einrichtungs-Hinweis (vor Veröffentlichung entfernen) */
.legal__setup {
  display: flex;
  gap: 12px;
  background: rgba(59,130,246,.08);
  border: 1px solid rgba(59,130,246,.28);
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 34px;
  font-size: .92rem;
  color: var(--text-2);
  line-height: 1.6;
}
.legal__setup svg { width: 20px; height: 20px; color: var(--blue-400); flex-shrink: 0; margin-top: 2px; }
.legal__setup strong { color: var(--text); }