/* =====================================================================
   RECHTSSEITEN — Impressum und Datenschutz
   Lange Fliesstexte. Ruhig gesetzt, eine schmale Spalte, klare Stufen.
   Der schmale Kopf kommt aus termin.css.
   ===================================================================== */

.rechtseite{display:flex;flex-direction:column;min-height:100svh}

.rmain{
  position:relative;flex:1;
  width:min(100%,760px);margin:0 auto;
  padding:clamp(16px,3vw,34px) clamp(20px,5vw,40px) clamp(60px,8vw,110px);
}

.rtitel{
  margin:0 0 clamp(26px,4vw,40px);
  font-family:var(--font-display);font-weight:500;
  font-size:clamp(30px,5vw,46px);line-height:1.06;letter-spacing:-.03em;
  color:var(--ink);
}

/* Gliederung: h2 traegt die Nummer als Marke davor, h3 ist nur fetter
   Text — mehr Stufen braucht ein Rechtstext nicht. */
.rtext h2{
  margin:clamp(34px,4.5vw,52px) 0 14px;
  font-family:var(--font-display);font-weight:600;
  font-size:clamp(19px,2.2vw,23px);line-height:1.25;letter-spacing:-.02em;
  color:var(--ink);
  padding-top:clamp(20px,2.6vw,28px);
  border-top:1px solid var(--line);
}
.rtext h2:first-child{margin-top:0;padding-top:0;border-top:0}
.rtext h3{
  margin:26px 0 8px;font-weight:600;font-size:16.5px;
  letter-spacing:-.01em;color:var(--ink);
}
.rtext p{margin:0 0 14px;color:var(--ink-soft);font-size:16px;line-height:1.7}
.rtext ul{margin:0 0 14px;padding-left:20px;color:var(--ink-soft);
  font-size:16px;line-height:1.7}
.rtext li{margin-bottom:4px}
.rtext strong{color:var(--ink);font-weight:600}
/* Schaltflaeche mitten im Fliesstext (Cookie-Einstellungen), die wie ein
   Link aussieht — sie oeffnet das Banner erneut. */
.rlink{
  appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;
  font:inherit;color:var(--accent-ink);cursor:pointer;
  text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.rlink:hover{color:var(--ink)}
.rtext a{color:var(--accent-ink);text-decoration:underline;
  text-decoration-thickness:1px;text-underline-offset:3px;
  transition:color .3s var(--ease)}
.rtext a:hover{color:var(--ink)}
/* Lange URLs duerfen umbrechen, sonst schieben sie die Spalte auf. */
.rtext a[href^="http"]{word-break:break-word}

/* Anschrift und Kontakt stehen als Block, nicht als Fliesstext. */
.rblock{
  margin:0 0 18px;padding:18px 20px;border-radius:var(--r-md);
  background:var(--surface);border:1px solid var(--line);
  color:var(--ink-soft);font-size:16px;line-height:1.65;
}
.rblock strong{display:block;color:var(--ink);margin-bottom:2px}

/* Hinweis in eigener Farbe — z. B. der Stand des Dokuments. */
.rstand{margin-top:clamp(34px,4.5vw,52px);padding-top:20px;
  border-top:1px solid var(--line);
  color:var(--ink-faint);font-size:13.5px}

/* Sprungmarken sollen nicht unter dem Seitenrand kleben. */
.rtext h2{scroll-margin-top:24px}

@media(max-width:600px){
  .rtext p,.rtext ul,.rblock{font-size:15.5px}
}