/* =========================================================
   LEGAL PAGES ADDON
   Diese Datei zusätzlich zu style.css in impressum.html
   und datenschutz.html einbinden:
   <link rel="stylesheet" href="style.css">
   <link rel="stylesheet" href="legal.css">
   ========================================================= */

.legal-shell {
  padding-top: 0.2rem;
}

.legal-header {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.35rem;
}

.back-link {
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
}

.legal-intro {
  margin: 0;
  background: var(--surface-2);
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  padding: 1rem 1.2rem;
}

.legal-content {
  display: grid;
  gap: 1rem;
}

.legal-card {
  background: var(--surface-2);
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow);
  padding: 1.2rem 1.35rem;
}

.legal-card h2 {
  margin: 0 0 0.8rem;
  color: var(--brand);
  font-size: 1.45rem;
}

.legal-card p {
  margin: 0;
}

.legal-card p + p {
  margin-top: 0.9rem;
}

.legal-list {
  margin: 0.4rem 0 0.9rem 1.2rem;
  padding: 0;
}

.legal-list li + li {
  margin-top: 0.35rem;
}

/* Optional weiterhin nutzbar für interne Arbeitsstände */
.todo-callout {
  margin: 0 0 1rem;
  padding: 0.95rem 1rem;
  background: #fff1bf;
  border: 1px solid #e1b400;
  border-radius: 1rem;
  color: #5a3c00;
}

.todo-callout.subtle {
  background: #fff8dc;
  border-color: #e7cf6a;
}

/* Ehemalige Platzhalterklassen jetzt neutralisiert */
.placeholder-label,
.placeholder-block {
  display: inline;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  color: inherit;
  font: inherit;
}

.placeholder-block {
  margin-top: 0;
}

@media (max-width: 700px) {
  .legal-card,
  .legal-intro {
    padding-inline: 1rem;
  }
}