/* =============================================================
   Impressum / Datenschutz — nutzt die Karte aus style_login.css
   ============================================================= */

.legal-page { place-items: start center; padding-block: clamp(2rem, 6vw, 4rem); }

.legal-card {
  width: min(100%, 720px);
  gap: 1.1rem;
  background: rgba(255, 255, 255, .7);
}
a.login-names { text-decoration: none; }

.legal-text { width: 100%; text-align: left; }
.legal-text h2 {
  font-family: var(--font-display);
  font-size: .85rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--coral-deep);
  margin: 1.6rem 0 .4rem;
}
.legal-text h2:first-child { margin-top: 0; }
.legal-text p { margin: 0 0 .8rem; font-size: .95rem; line-height: 1.6; color: var(--ink); }
.legal-text a { color: var(--coral-deep); }
.legal-text strong { font-weight: 600; }

.legal-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .4rem 1.4rem;
  margin-top: .6rem;
  font-family: var(--font-display);
  font-size: .8rem;
  font-weight: 600;
}
.legal-nav a { color: var(--ink-soft); text-decoration: none; }
.legal-nav a:hover, .legal-nav a:focus-visible { color: var(--coral-deep); }