/* Rechtstexte: ruhig, gut lesbar, gleiche Farbwelt wie die Hauptseite */
body.legal{background:var(--bg);color:var(--ink)}

.legal-top{padding:26px var(--pad);border-bottom:1px solid var(--line)}
.legal-back{font-family:var(--mono);font-weight:600;font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--accent);
  text-decoration:none}
.legal-back:hover{color:var(--ink)}

.legal-wrap{max-width:74ch;margin:0 auto;padding:clamp(44px,8vh,90px) var(--pad) 80px}
.legal-wrap h1{font-size:clamp(30px,4.4vw,52px);margin-bottom:clamp(28px,4vh,46px)}
.legal-wrap h2{font-size:clamp(18px,1.9vw,23px);margin:38px 0 12px;color:var(--accent)}
.legal-wrap p{color:var(--muted);margin-bottom:14px}
.legal-wrap strong{color:var(--ink);font-weight:600}
.legal-wrap a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.legal-wrap a:hover{color:var(--accent);border-color:var(--accent)}

.legal-foot{border-top:1px solid var(--line);padding:26px var(--pad) 44px;
  font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted)}
.legal-foot a{color:var(--muted);text-decoration:none}
.legal-foot a:hover{color:var(--accent)}