/* ======================================================================
   11-legal.css
   Einheitlicher Stil fuer Impressum & Datenschutzerklaerung
   ====================================================================== */

body.page--legal {
  background:
    radial-gradient(900px 420px at 10% -5%, rgba(124, 92, 255, 0.16), transparent 62%),
    radial-gradient(700px 360px at 95% 0%, rgba(52, 211, 255, 0.12), transparent 62%),
    #0b0d18;
}

body.page--legal .legal-shell {
  max-width: 1140px;
}

body.page--legal .legal-head {
  margin-bottom: 1.6rem;
}

body.page--legal .legal-kicker {
  display: inline-block;
  padding: 0.35rem 0.8rem;
  border-radius: 999px;
  border: 1px solid rgba(124, 92, 255, 0.35);
  background: rgba(124, 92, 255, 0.12);
  color: rgba(214, 201, 255, 0.95);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page--legal .legal-card {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
    rgba(14, 17, 31, 0.75);
  backdrop-filter: blur(8px);
  padding: clamp(1.4rem, 2.6vw, 2.6rem);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
  max-width: none;
}

body.page--legal .legal-card h2 {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: rgba(255, 255, 255, 0.95);
}

body.page--legal .legal-card h2:first-child {
  margin-top: 0;
}

body.page--legal .legal-card p,
body.page--legal .legal-card li {
  color: rgba(236, 239, 250, 0.86);
  font-size: clamp(1rem, 1.15vw, 1.08rem);
}

body.page--legal .legal-card ul {
  margin: 0.2rem 0 1rem;
  padding-left: 1.1rem;
}

body.page--legal .legal-card a {
  color: rgba(138, 222, 255, 0.96);
  text-underline-offset: 2px;
}

body.page--legal .legal-card a:hover {
  color: #b6efff;
}

@media (min-width: 1024px) {
  body.page--legal .s-section {
    padding-top: clamp(3.5rem, 7vh, 5rem);
  }
}