/* ═══════════════════════════════════════════════════
   legal.css — Shared styles for AGB, Datenschutz, Impressum
   Requires: shared-encirkl.css loaded first
   ═══════════════════════════════════════════════════ */

body{line-height:1.75}

/* Legal nav variant — fixed gradient */
nav{background:linear-gradient(to bottom,rgba(10,15,10,.95),rgba(10,15,10,.85))}
.nav-back{font-size:16px;color:var(--sage);text-decoration:none;letter-spacing:.04em;transition:color .2s}
.nav-back:hover{color:var(--white)}

/* Hero */
.legal-hero{padding:140px 52px 60px;text-align:center;
  background:radial-gradient(ellipse 80% 60% at 50% 40%,#0d1f0e 0%,var(--ink) 100%)}
.legal-label{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mint);margin-bottom:16px}
.legal-h1{font-family:'Roca Two','Nunito',serif;font-weight:900;font-size:clamp(32px,5vw,56px);color:var(--white);line-height:1.05}
.legal-sub{font-size:15px;color:var(--sage);margin-top:12px;font-weight:300}

/* Body content */
.legal-body{max-width:780px;margin:0 auto;padding:64px 52px 96px}
.legal-body h2{font-family:'Roca Two','Nunito',serif;font-weight:800;font-size:22px;color:var(--white);margin:40px 0 12px;padding-top:20px;border-top:1px solid rgba(109,184,112,.1)}
.legal-body h2:first-of-type{border-top:none;margin-top:0}
.legal-body h3{font-size:15px;font-weight:600;color:var(--mint);margin:24px 0 8px}
.legal-body p{font-size:14px;color:var(--sage);margin-bottom:14px;line-height:1.75}
.legal-body a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}
.legal-body a:hover{color:var(--white)}
.legal-body ul{list-style:none;margin:8px 0 16px;padding:0}
.legal-body ul li{font-size:14px;color:var(--sage);padding:4px 0 4px 18px;position:relative;line-height:1.65}
.legal-body ul li::before{content:'—';position:absolute;left:0;color:var(--mint);font-weight:700}
.legal-body ol{margin:8px 0 16px;padding-left:24px}
.legal-body ol li{font-size:14px;color:var(--sage);padding:4px 0;line-height:1.65}
.legal-body .highlight{background:rgba(109,184,112,.06);border:1px solid rgba(109,184,112,.15);border-radius:4px;padding:16px 20px;margin:16px 0}
.legal-body .highlight p{margin-bottom:0}
.legal-body .warn{background:rgba(200,168,75,.06);border:1px solid rgba(200,168,75,.2);border-radius:4px;padding:16px 20px;margin:16px 0}
.legal-body .warn p{margin-bottom:0;color:var(--sand)}
.placeholder{color:var(--amber);font-weight:600;background:rgba(200,168,75,.1);padding:2px 8px;border-radius:3px}

/* Data tables (Datenschutz) */
.data-table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:13px}
.data-table th,.data-table td{border:1px solid rgba(109,184,112,.1);padding:10px 14px;text-align:left;color:var(--sage)}
.data-table th{background:rgba(109,184,112,.06);color:var(--white);font-weight:600;font-size:12px;letter-spacing:.04em}

/* Legal footer — simplified */
footer .f-links{gap:24px}
footer .f-links a{color:var(--sage)}

@media(max-width:768px){
  .legal-hero{padding:120px 20px 40px}
  .legal-body{padding:40px 20px 64px}
}