/* =======================================================================
   rechtliches.css – nur /impressum/ und /datenschutz/ (Q7, 27.10.2026)
   Ruhige Lesedarstellung der Rechtstexte. Alle Regeln sind auf .recht
   beschraenkt; globale Optik und andere Seiten bleiben unberuehrt.
   Nutzt ausschliesslich vorhandene Variablen aus site.css.
   ======================================================================= */
.recht .rtext{max-width:68ch;color:var(--n800);font-size:17px;line-height:1.65;overflow-wrap:break-word}
.recht .rtext h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.022em;color:var(--ink);margin:0 0 var(--s6)}
.recht .rtext h2{font-size:clamp(20px,2.2vw,24px);letter-spacing:-.012em;line-height:1.25;color:var(--ink);
  margin:var(--s7) 0 var(--s4);padding-top:var(--s5);border-top:1px solid var(--n200)}
.recht .rtext h3{font-size:18px;line-height:1.3;color:var(--ink);margin:var(--s6) 0 var(--s3)}
.recht .rtext p{margin:0 0 var(--s4)}
.recht .rtext strong{font-weight:600;color:var(--ink)}
.recht .rtext a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.recht .rtext a:hover{text-decoration-color:var(--red)}
/* Widerspruchsrecht (Art. 21 DSGVO): deutlich hervorgehoben */
.recht .rtext .hervor{border-left:3px solid var(--red);padding:var(--s1) 0 var(--s1) var(--s4)}
.recht .rtext .stand{margin-top:var(--s7);font-size:15px;color:var(--n600)}
@media(max-width:599px){
  .recht .rtext{font-size:16px;line-height:1.6}
  .recht .rtext h2{margin-top:var(--s6)}
}