/* Rechtsseiten (Impressum, Datenschutz, Mietbedingungen): schlicht, für alle vier Entwürfe gleich. Baut auf overview.css auf. */
.recht{max-width:48rem;padding-top:clamp(2rem,5vw,4rem);padding-bottom:clamp(3rem,7vw,6rem)}
.recht h1{margin:0 0 1.2rem;font:800 clamp(2.2rem,6vw,4.2rem)/.95 var(--sans);letter-spacing:-.035em;text-transform:uppercase;overflow-wrap:anywhere}
.recht h2{margin:2.6rem 0 .8rem;font:700 clamp(1.25rem,2vw,1.6rem)/1.15 var(--sans);letter-spacing:-.015em}
.recht p,.recht li{color:var(--muted)}
.recht p+p{margin-top:.8rem}
.recht ul{margin:.6rem 0 0;padding-left:1.2rem;display:grid;gap:.35rem}
.recht strong{color:var(--ink)}
.recht .stand{font:500 .75rem/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.recht .hinweis{margin:1.6rem 0 0;padding:1rem 1.2rem;border-left:3px solid var(--cyan);background:var(--surface);color:var(--ink);font-weight:500}
.recht .offen{background:linear-gradient(transparent 58%,rgb(255 214 64 / .7) 58%);color:var(--ink)}
.recht dl{display:grid;margin:1rem 0 0;border-top:1px solid var(--line)}
.recht dl div{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:.3rem 1.5rem;padding:.8rem 0;border-bottom:1px solid var(--line)}
.recht dt{font:500 .75rem/1.8 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.recht dd{margin:0;color:var(--ink);font-weight:500}
.recht-nav{display:flex;flex-wrap:wrap;gap:.2rem 1.6rem}
@media (max-width:36rem){.recht dl div{grid-template-columns:minmax(0,1fr)}}