/* Rechtstextseiten (Zusatzpunkt 10, 24.09.2026). Aufbau und Maße kommen aus service.css (Brotkrumen, Kopf,
   Spalte), hier steht nur das Eigene: Hinweis zur Arbeitsfassung, Lesebreite um 70 Zeichen, Inhaltsverzeichnis,
   Textsatz der Rechtstexte, Kontakt und Druckansicht. Die Spalte steht im Quelltext nach dem Text: am Handy
   wandert sie so von selbst unter den Inhalt, am Rechner rückt sie per Raster nach links. */
.r-hinweis{margin:0;background:#e4e9f0;color:var(--t-ink);padding:10px 5%;font:400 12px/1.6 Manrope,Arial,sans-serif;text-align:center;border-bottom:1px solid var(--t-line)}
/* Größe als Variable: service.css verkleinert sie nur für lange Wörter (Titel ohne Trennstrich, G4 24.09.2026). */
.r-kopf h1{--h1-fs:clamp(34px,4.2vw,60px)}
.r-layout>.r-spalte{grid-column:1;grid-row:1;align-self:start}
.r-layout>.r-inhalt{grid-column:2;grid-row:1;min-width:0}
.r-stand{font-size:13px;line-height:1.6;color:var(--t-muted);margin-bottom:26px}

.r-verzeichnis{max-width:37em;margin-bottom:46px;padding:22px 26px 14px;background:#e4e9f0;border:1px solid var(--t-line)}
.r-verzeichnis .t-eyebrow{margin-bottom:6px}
.r-verzeichnis ol{list-style:none;margin:0;padding:0;columns:2 15em;column-gap:30px}
.r-verzeichnis li{break-inside:avoid}
.r-verzeichnis a{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:1.4;text-underline-offset:4px}

/* Lesebreite: 37em bei 16 px sind rund 70 Zeichen je Zeile. */
.r-inhalt>article{max-width:37em;font-size:16px;overflow-wrap:break-word}
.r-inhalt>article h2{font-size:clamp(22px,2.2vw,27px);margin:50px 0 16px;padding-top:26px;border-top:1px solid var(--t-line);scroll-margin-top:16px}
.r-inhalt>article>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.r-inhalt>article h3{font-size:18px;letter-spacing:-.02em;margin:30px 0 10px}
.r-inhalt>article h4,.r-inhalt>article h5{font-size:16px;letter-spacing:0;font-weight:700;margin:24px 0 8px}
.r-inhalt>article p,.r-inhalt>article address,.r-inhalt>article ul,.r-inhalt>article ol,.r-inhalt>article table{margin:0 0 16px}
.r-inhalt>article ul,.r-inhalt>article ol{padding-left:1.3em;line-height:1.7}
.r-inhalt>article li+li{margin-top:6px}
.r-inhalt>article strong{font-weight:700}
.r-inhalt>article address{font-style:normal;line-height:1.7;padding:14px 18px;background:#fff;border-left:3px solid var(--t-ink)}
.r-inhalt>article hr{border:0;border-top:1px solid var(--t-line);margin:36px 0}
.r-inhalt>article table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.55}
.r-inhalt>article th,.r-inhalt>article td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--t-line);overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
.r-inhalt>article th{font-weight:700;border-bottom:2px solid var(--t-ink)}
.r-inhalt>article a{text-underline-offset:3px;overflow-wrap:anywhere}
/* Paket Rechtsseiten (09.10.2026): offene Stellen der Arbeitsfassung als Markierung statt Fließtext. Umbrechend und
   je Zeile gerahmt, damit lange Platzhalter am Handy nicht überlaufen. Druck: nur Rahmen. */
.r-inhalt>article .r-offen{display:inline;padding:1px 6px;background:#f3ead2;border:1px dashed #a08a4f;border-radius:3px;color:var(--t-ink);font-size:.92em;line-height:1.9;-webkit-box-decoration-break:clone;box-decoration-break:clone}

.r-kontakt{margin-top:30px;padding-top:20px;border-top:1px solid var(--t-line)}
.r-kontakt ul{list-style:none;margin:0;padding:0}
.r-kontakt li{display:flex;flex-direction:column;margin-top:10px;font-size:12px;color:var(--t-muted)}
.r-kontakt a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--t-ink);text-underline-offset:4px;overflow-wrap:anywhere}

@media(min-width:801px) and (min-height:720px){.r-layout>.r-spalte{position:sticky;top:calc(var(--t-kopf-h,0px) + 24px)}}
@media(max-width:800px){
  .r-layout>.r-spalte,.r-layout>.r-inhalt{grid-column:auto;grid-row:auto}
  .r-spalte{padding-top:28px;border-top:2px solid var(--t-ink)}
  .r-spalte>p{display:block}
  .r-spalte>.s-link{display:inline-flex}
  .r-verzeichnis{padding:18px 20px 10px}
}
@media(max-width:500px){
  .r-kopf h1{--h1-fs:34px}
  .r-inhalt>article h2{font-size:22px}
}
/* Gestaltungsrunde G4 (24.09.2026), Befund 10 bis 15: rechts mitlaufender Kasten "Fragen dazu?" (nur mit der
   Zusatzklasse r-mit-fragen, damit die Widerrufsansicht der Shop-App unverändert bleibt), Musterformular im
   Rahmenkasten, keine doppelte Linie, Knopf zum Online-Widerruf. */
.r-fragen{align-self:start;padding:26px 24px 24px;background:#e4e9f0;border:1px solid var(--t-line)}
.r-fragen h2{font-size:22px;letter-spacing:-.03em;margin:12px 0 10px}
.r-fragen>p:not(.t-eyebrow){font-size:14px;line-height:1.65;color:var(--t-muted);margin-bottom:20px}
.r-fragen .s-knopf{width:100%}
.r-fragen .r-kontakt{margin-top:24px}
.r-mit-fragen{row-gap:44px}
@media(min-width:1200px){
  .r-mit-fragen{grid-template-columns:200px minmax(0,1fr) 260px;column-gap:4.5%}
  .r-mit-fragen>.r-fragen{grid-column:3;grid-row:1}
}
@media(min-width:1200px) and (min-height:720px){.r-mit-fragen>.r-fragen{position:sticky;top:calc(var(--t-kopf-h,0px) + 24px)}}
@media(min-width:801px) and (max-width:1199px){.r-mit-fragen>.r-fragen{grid-column:2;grid-row:2;max-width:37em}}
.r-inhalt>article hr+h2{margin-top:0;padding-top:0;border-top:0}
.r-inhalt>article .r-formular{margin-top:50px;padding:28px 30px 12px;background:#fff;border:1px solid var(--t-line);border-top:3px solid var(--t-ink)}
.r-inhalt>article .r-formular h2{margin-top:0;padding-top:0;border-top:0}
.r-inhalt>article .r-knopf-zeile{margin:6px 0 24px}
.r-inhalt>article .r-knopf-zeile a{text-decoration:none}
@media(max-width:500px){.r-inhalt>article .r-formular{padding:22px 18px 8px}}

@media print{
  .s-breadcrumb,.r-spalte,.r-verzeichnis,.skip,.r-fragen,.s-next,.r-knopf-zeile{display:none!important}
  .r-inhalt>article .r-formular{border:1pt solid #000;padding:10pt}
  body{background:#fff}
  .r-layout{display:block;padding:0}
  .s-hero{display:block;padding:0 0 12pt;border-bottom:1pt solid #000}
  .s-hero>p{max-width:none;margin-top:8pt}
  .r-inhalt>article{max-width:none;font-size:11pt}
  .r-inhalt>article h2{break-after:avoid}
  .r-hinweis{border:1pt solid #000;background:none;margin-bottom:12pt}
  .r-inhalt>article .r-offen{background:none;border:1pt dashed #000}
  a{color:inherit;text-decoration:none}
}