/* Datenschutz / AGB – schlichte Rechtstext-Darstellung, an das Impressum angelehnt. */

.legal-wrapper {
  max-width: 860px;
  margin: 0 auto;
  padding: 48px 20px 80px;
}

.legal-wrapper h1 {
  font-size: 2rem;
  color: #fff;
  margin-bottom: 6px;
}

.legal-updated {
  color: #888;
  font-size: 0.9rem;
  margin-bottom: 32px;
}

.legal-toc {
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  padding: 18px 22px;
  margin-bottom: 36px;
}
.legal-toc ol { margin: 8px 0 0; padding-left: 20px; }
.legal-toc li { margin: 4px 0; }
.legal-toc a { color: #d32f2f; }
.legal-toc a:hover { text-decoration: underline; }

.legal-section { margin-bottom: 34px; scroll-margin-top: 90px; }
.legal-section h2 {
  font-size: 1.25rem;
  color: #fff;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #2a2a2a;
}
.legal-section h3 {
  font-size: 1rem;
  color: #ddd;
  margin: 18px 0 8px;
}
.legal-section p,
.legal-section li {
  color: #b9b9b9;
  line-height: 1.75;
  font-size: 0.94rem;
}
.legal-section p { margin: 0 0 12px; }
.legal-section ul,
.legal-section ol { margin: 0 0 12px; padding-left: 22px; }
.legal-section li { margin-bottom: 6px; }
.legal-section strong { color: #ddd; }
.legal-section a { color: #d32f2f; }
.legal-section a:hover { text-decoration: underline; }

.legal-kv {
  background: #161616;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  padding: 14px 18px;
  margin: 0 0 12px;
}
.legal-kv div { margin: 2px 0; color: #cfcfcf; font-size: 0.92rem; }

.legal-note {
  background: rgba(211, 47, 47, 0.08);
  border-left: 3px solid #d32f2f;
  border-radius: 6px;
  padding: 12px 16px;
  font-size: 0.88rem;
  color: #cbb;
}

@media (max-width: 600px) {
  .legal-wrapper h1 { font-size: 1.6rem; }
}