/* ---------- Legal pages (Impressum · Datenschutz) ---------- */
  .legalhead{
    padding-top:calc(var(--nav-h) + clamp(40px,8vw,84px));
    padding-bottom:clamp(26px,5vw,46px);
  }
  .legalhead h1{
    font-family:var(--display);font-weight:600;
    font-size:clamp(2rem,5vw,3.3rem);line-height:1.04;margin-top:.32em;
  }
  .legal{
    max-width:820px;
    padding-top:clamp(38px,6vw,66px);
    padding-bottom:clamp(56px,9vw,110px);
  }
  .legal h2{
    font-family:var(--display);font-weight:600;
    font-size:clamp(1.3rem,3vw,1.72rem);line-height:1.2;margin:1.9em 0 .5em;
  }
  .legal h2:first-child{margin-top:0}
  .legal h3{font-family:var(--body);font-weight:600;font-size:1.02rem;margin:1.5em 0 .3em}
  .legal p{color:var(--ink-70);margin:.55em 0}
  .legal ul{color:var(--ink-70);margin:.6em 0 .6em 1.25em}
  .legal li{margin:.32em 0}
  .legal a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
  .legal a:hover{color:var(--accent-deep)}
  .legal strong{color:var(--ink)}
  .legal .lead{font-size:1.12rem;color:var(--ink-70);margin-bottom:1.4em}
  .legal address{font-style:normal;color:var(--ink-70);margin:.4em 0}
  .legal__updated{margin-top:2.6em;font-size:.85rem;color:var(--ink-45)}
  /* Highlighted fill-in placeholders — replace the whole highlighted bit */
  .ph{background:var(--accent);color:var(--accent-ink);padding:.05em .35em;border-radius:4px;font-weight:600;font-style:normal}