/* ============================================================
   Legal pages — Impressum / Datenschutz
   ============================================================ */
.legal-top{
  position:sticky; top:0; z-index:60;
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:18px var(--pad);
  background:rgba(11,14,18,.86); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.legal-top .brand{ display:flex; align-items:center; gap:13px; font-family:var(--font-display); text-transform:uppercase; }
.legal-top .brand .mono{ width:38px; height:38px; flex:none; display:grid; place-items:center; border:1.5px solid var(--bone); font-size:18px; font-weight:700; color:var(--bone); }
.legal-top .brand b{ font-weight:600; font-size:21px; letter-spacing:.06em; line-height:1; }
.legal-top .brand b + span,
.legal-top .brand span span{ display:block; font-family:var(--font-body); font-size:9.5px; letter-spacing:.34em; color:var(--bone-dim); font-weight:600; margin-top:3px; text-transform:uppercase; }
.legal-wrap{ max-width:820px; margin:0 auto; padding:clamp(56px,9vw,120px) var(--pad) 120px; }
.legal-wrap .kicker{ margin-bottom:22px; }
.legal-wrap h1{
  font-family:var(--font-display); font-weight:600; text-transform:uppercase;
  font-size:clamp(46px,8vw,92px); line-height:.9; letter-spacing:.005em; margin-bottom:14px;
}
.legal-wrap .lead{ color:var(--bone-dim); font-size:18px; max-width:60ch; margin-bottom:48px; }

.legal-block{ border-top:1px solid var(--line); padding:30px 0; display:grid; grid-template-columns:200px 1fr; gap:32px; }
.legal-block:last-of-type{ border-bottom:1px solid var(--line); }
.legal-block h2{
  font-family:var(--font-display); font-weight:600; text-transform:uppercase;
  font-size:21px; letter-spacing:.06em; color:var(--bone); align-self:start;
}
.legal-block .body{ color:var(--bone-dim); font-size:16px; line-height:1.7; }
.legal-block .body strong{ color:var(--bone); font-weight:600; }
.legal-block .body p + p{ margin-top:14px; }
.legal-block .body ul{ margin:12px 0 0; padding-left:20px; }
.legal-block .body ul li{ margin:5px 0; }
.legal-block .body ul li::marker{ color:var(--rust); }
.legal-block .body a{ color:var(--rust); }
.legal-block .ph{
  display:inline-block; margin-top:6px; padding:2px 9px; border:1px dashed var(--line-2);
  font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--bone-faint);
}

.legal-note{
  margin-top:42px; padding:22px 24px; background:var(--ink-1); border:1px solid var(--line);
  font-size:14px; color:var(--bone-faint); line-height:1.6;
}
.legal-back{
  display:inline-flex; align-items:center; gap:10px; margin-top:50px;
  font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--bone);
}
.legal-back:hover{ color:var(--rust); }

@media (max-width:680px){
  .legal-block{ grid-template-columns:1fr; gap:12px; }
}