/* =====================================================================
   CLEARWEB — Rechtsseiten (Impressum · AGB · Datenschutz)
   ===================================================================== */
.legal-header{ position:sticky; top:0; z-index:60; height:var(--nav-h); display:flex; align-items:center;
  background:rgba(251,252,254,.86); backdrop-filter:saturate(1.4) blur(14px); -webkit-backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid var(--line); }
.legal-header .container{ display:flex; align-items:center; justify-content:space-between; }
.legal-header .brand-mark .bm-web{ stroke:var(--accent); }
.legal-back{ display:inline-flex; align-items:center; gap:.5em; color:var(--ink-soft); font-family:var(--font-head); font-weight:500; font-size:.95rem; transition:color .25s; }
.legal-back:hover{ color:var(--accent); }
.legal-back svg{ width:1.05em; height:1.05em; }

.legal-hero{ padding:clamp(48px,7vw,88px) 0 clamp(20px,3vw,34px); }
.legal-hero .eyebrow{ margin-bottom:14px; }
.legal-hero h1{ font-size:clamp(2.2rem,5vw,3.4rem); }
.legal-hero p{ margin-top:14px; color:var(--muted); }

.legal-body{ padding-bottom:clamp(64px,9vw,120px); }
.legal-body .container{ max-width:820px; }
.legal-card{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--sh-sm); padding:clamp(28px,4vw,56px); }
.legal-card h2{ font-size:clamp(1.3rem,2.4vw,1.7rem); margin:2em 0 .6em; }
.legal-card h2:first-child{ margin-top:0; }
.legal-card h3{ font-size:1.08rem; margin:1.5em 0 .4em; }
.legal-card p{ color:var(--ink-soft); margin-bottom:1em; }
.legal-card ul{ margin:0 0 1.2em 1.2em; color:var(--ink-soft); }
.legal-card li{ margin-bottom:.5em; }
.legal-card a{ color:var(--accent); text-decoration:underline; text-underline-offset:2px; }
.legal-card strong{ color:var(--ink); }
.legal-card .muted{ color:var(--muted); font-size:.92rem; }
.legal-card hr{ border:none; border-top:1px solid var(--line); margin:2em 0; }
.legal-note{ margin-top:26px; padding:16px 20px; border-radius:var(--r-md); background:rgba(47,102,246,.06); border:1px solid rgba(47,102,246,.18); color:var(--ink-soft); font-size:.9rem; }