/* ─── assets/produkt/recht.css — Impressum und Datenschutz ──────────────────────────
   Nur Textseiten im Stil der Produktseite (Tokens aus marke.css, Kopfleiste aus seite.css). Platzhalter in eckigen
   Klammern sind deutlich markiert und müssen vor der Freischaltung ersetzt werden. */
.recht { max-width: 760px; margin: 64px auto 0 auto; padding: 48px 56px; background: var(--weiss); border-radius: var(--r1); box-shadow: var(--schatten-1); }
.recht h1 { font-size: 44px; margin: 0 0 8px 0; }
.recht h2 { font-size: 24px; margin: 40px 0 12px 0; }
.recht p, .recht li { font-size: 17px; line-height: 1.6; color: var(--gedaempft); margin: 0 0 12px 0; }
.recht ul { padding-left: 1.2em; margin: 0 0 12px 0; }
.recht strong { color: var(--tinte); font-weight: 500; }
.recht a { text-decoration: underline; text-underline-offset: 3px; }
.recht .stand { font-size: 14px; color: var(--gedaempft); margin: 0 0 32px 0; }
.platzhalter { font: inherit; font-weight: 600; color: var(--tinte); background: var(--creme); outline: 2px dashed var(--tinte); outline-offset: 1px; border-radius: 4px; padding: 0 4px; }
.entwurf { margin: 0 0 32px 0; padding: 16px 20px; border-radius: var(--r3); background: var(--creme); color: var(--tinte); font-size: 15px; line-height: 1.5; }
.fuss-hell { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; font-size: 14px; color: var(--gedaempft); max-width: 760px; margin: 48px auto 64px auto; padding: 24px 0 0 0; border-top: 1px solid var(--linie); }
.fuss-hell .fuss-links { display: flex; gap: 28px; flex-wrap: wrap; }
.fuss-hell a { color: var(--gedaempft); }
.fuss-hell a:hover, .fuss-hell a[aria-current="page"] { color: var(--tinte); }
.navzurueck { font-weight: 500; font-size: 15px; padding: 0 16px; }
@media (max-width: 640px) {
  .recht { margin-top: 32px; padding: 28px 20px; border-radius: var(--r2); }
  .recht h1 { font-size: 32px; }
  .recht h2 { font-size: 20px; margin-top: 32px; }
  .fuss-hell { margin: 32px 16px 48px 16px; }
}