/* ============================================================
   Natur-Point Chemnitz – Stylesheet für Rechtsseiten
   (Impressum, Datenschutz). Marken-Tokens wie index.html.
   ============================================================ */
:root{
  --cream:#f6eedc; --cream-2:#fcf7ec; --paper:#fffdf7;
  --cork:#ecdcbd; --green:#5ba62c; --green-2:#3c7d1e;
  --brown:#4d3a27; --brown-2:#6a5440; --ink:#36281b;
  --muted:#7a6b56; --line:#e3d6bb; --r:18px; --maxw:820px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:'Hanken Grotesk',system-ui,sans-serif;
  color:var(--ink);background:var(--cream);line-height:1.7;font-size:17px;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--green-2);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--green)}

.legal-top{background:var(--brown);color:#fff}
.legal-top .wrap{max-width:var(--maxw);margin:0 auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.legal-top .brand{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.2rem;color:#fff;text-decoration:none}
.legal-top .brand span{color:var(--green);font-style:italic}
.legal-top .back{color:rgba(255,255,255,.85);font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.4em}
.legal-top .back:hover{color:#fff}
.legal-top .back svg{width:1em;height:1em}

main.legal{max-width:var(--maxw);margin:0 auto;padding:44px 22px 80px}
.legal h1{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:2.1rem;line-height:1.1;color:var(--brown);margin-bottom:.4rem}
.legal .sub{color:var(--muted);font-size:.95rem;margin-bottom:2.2rem}
.legal h2{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.3rem;color:var(--brown);margin:2.2rem 0 .6rem}
.legal h3{font-size:1.02rem;font-weight:700;color:var(--brown);margin:1.4rem 0 .4rem}
.legal p{margin:0 0 1rem;color:var(--brown-2)}
.legal ul{margin:0 0 1rem 1.3rem;color:var(--brown-2)}
.legal li{margin-bottom:.35rem}
.legal strong{color:var(--ink)}
.legal address{font-style:normal;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:18px 22px;margin:0 0 1.2rem;color:var(--ink);line-height:1.8}
.legal .todo{background:#fff7e6;border:1px dashed #d9a441;border-radius:12px;padding:12px 16px;margin:0 0 1.2rem;font-size:.92rem;color:#8a5a12}
.legal .todo b{color:#7a4d0a}
.legal hr{border:none;border-top:1px solid var(--line);margin:2.4rem 0}

.legal-foot{border-top:1px solid var(--line);background:var(--cream-2)}
.legal-foot .wrap{max-width:var(--maxw);margin:0 auto;padding:22px;display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between;font-size:.86rem;color:var(--muted)}
.legal-foot a{color:var(--muted)}