/* =============================================================
   recht.css – gemeinsame Gestaltung der Rechtsseiten
   -------------------------------------------------------------
   Farben und Abstaende sind von der AGB-Seite uebernommen,
   damit alle Rechtsseiten gleich aussehen.

   Wird geladen von:
     /eula/

   Spaeter koennen AGB, Widerrufsbelehrung, Impressum und
   Datenschutz dieselbe Datei nutzen. Dann traegt keine Seite
   ihre Gestaltung mehr selbst mit sich.

   Alles ist auf .rx begrenzt und stoert theme.css nicht.
   Schriften kommen aus /_global/fonts.css.
   ============================================================= */

.rx{
  --rx-navy:#143852;
  --rx-blue:#7ca6d6;
  --rx-blue-dark:#3f6791;
  --rx-text:#54595f;
  --rx-light:#f3f8fd;
  --rx-line:#dce7f2;
  --rx-orange:#c56900;
  --rx-orange-dark:#a85900;

  font-family:"Nunito",Arial,sans-serif;
  color:var(--rx-text);
  padding:clamp(44px,6vw,70px) 0;
}
.rx *,.rx *::before,.rx *::after{box-sizing:border-box}
.rx-wrap{width:min(100% - 32px,1080px);margin:0 auto}
.rx a{color:var(--rx-blue-dark);text-decoration-thickness:1px;text-underline-offset:3px;word-break:break-word}
.rx a:hover{color:var(--rx-orange)}
.rx [id]{scroll-margin-top:90px}

/* ---------- Kopf der Seite ---------- */
.rx-intro{max-width:820px;margin:0 auto clamp(34px,5vw,48px);text-align:center}
.rx-eyebrow{margin:0 0 12px;color:var(--rx-blue);font-size:14px;font-weight:800;letter-spacing:.065em;line-height:1.4;text-transform:uppercase}
.rx-intro h1{margin:0 0 20px;color:var(--rx-navy);font-size:clamp(30px,5vw,42px);font-weight:800;line-height:1.18;letter-spacing:-.01em}
.rx-lead{max-width:760px;margin:0 auto 26px;color:#353b42;font-size:clamp(17px,2vw,20px);font-weight:600;line-height:1.62}

/* ---------- Hinweiskasten ---------- */
.rx-note{display:flex;align-items:flex-start;gap:13px;max-width:860px;margin:0 auto;padding:18px 20px;background:var(--rx-light);border:1px solid var(--rx-line);border-radius:10px;text-align:left}
.rx-note>span{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;margin-top:2px;background:var(--rx-blue);border-radius:50%;color:#fff;font-size:14px;font-weight:800}
.rx-note p{margin:0 0 8px;font-size:15px;line-height:1.6}
.rx-note p:last-child{margin:0}
.rx-note strong{color:var(--rx-navy)}

/* ---------- Inhaltsverzeichnis ---------- */
.rx-toc{margin:clamp(34px,5vw,46px) 0 0;padding:26px 30px;background:var(--rx-light);border:1px solid var(--rx-line);border-radius:13px}
.rx-toc h2{margin:0 0 14px;color:var(--rx-navy);font-size:22px;font-weight:800}
.rx-toc ol{margin:0;padding:0;list-style:none;counter-reset:rx}
.rx-toc>ol>li{margin:0 0 16px}
.rx-toc>ol>li:last-child{margin:0}
.rx-toc b{display:block;margin:0 0 6px;color:var(--rx-navy);font-size:15px}
/* Raster statt Spalten: so laufen die Paragraphen von links nach rechts
   weiter (1 2 / 3 4), nicht erst die ganze linke Spalte hinunter. */
.rx-toc ul{display:grid;grid-template-columns:1fr 1fr;gap:5px 28px;margin:0;padding:0;list-style:none}
.rx-toc ul li{margin:0}
.rx-toc ul a{color:var(--rx-text);text-decoration:none;font-size:15.5px}
.rx-toc ul a:hover{color:var(--rx-orange);text-decoration:underline}

/* ---------- Teile und Abschnitte ---------- */
.rx-part{margin:clamp(40px,6vw,56px) 0 18px;padding-bottom:10px;border-bottom:2px solid var(--rx-orange);color:var(--rx-navy);font-size:clamp(22px,3.4vw,28px);font-weight:800;line-height:1.3}
.rx-sec{margin:0 0 22px;padding:30px 31px;background:#fff;border:1px solid var(--rx-line);border-radius:13px;box-shadow:0 6px 20px rgba(20,56,82,.045)}
.rx-sec h3{margin:0 0 15px;color:var(--rx-navy);font-size:clamp(19px,2.4vw,22px);font-weight:800;line-height:1.35}
.rx-sec>p{margin:0 0 16px;font-size:16.5px;line-height:1.72}
.rx-sec>p:last-child{margin:0}

/* ---------- Listen: (1) (2) (3) ---------- */
.rx-list{margin:0;padding-left:28px;font-size:16.5px;line-height:1.72}
.rx-list>li{margin:0 0 13px;padding-left:4px}
.rx-list>li:last-child{margin:0}
.rx-list>li::marker{color:var(--rx-navy);font-weight:800;content:"(" counter(list-item) ")  "}
.rx-sublist{margin:9px 0 4px;padding-left:22px;list-style:lower-alpha}
.rx-sublist li{margin:5px 0}
.rx-list p{margin:10px 0 0}

/* ---------- hervorgehobener Kasten im Text ---------- */
.rx-box{margin:16px 0;padding:19px 21px;background:var(--rx-light);border-left:4px solid var(--rx-blue);border-radius:8px;font-size:16px;font-style:normal;line-height:1.65}
.rx-box strong{color:var(--rx-navy)}
.rx-box p{margin:0 0 10px}
.rx-box p:last-child{margin:0}
.rx-box--warn{background:#fdf7f1;border-left-color:var(--rx-orange)}

/* ---------- Fuss der Seite ---------- */
.rx-foot{margin-top:clamp(34px,5vw,46px);padding:22px 24px;background:var(--rx-light);border-radius:12px;text-align:center}
.rx-foot p{margin:0 0 8px;font-size:14.5px;line-height:1.6}
.rx-foot p:last-child{margin:0}
.rx-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:4px}
.rx-print{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:12px 22px;border:1px solid var(--rx-orange);border-radius:999px;background:transparent;color:var(--rx-orange);font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.rx-print:hover{background:var(--rx-orange);color:#fff}

@media (max-width:760px){
  .rx-sec{padding:24px 22px}
  .rx-toc{padding:22px 22px}
  .rx-toc ul{grid-template-columns:1fr}
  .rx-list{padding-left:24px}
}

/* ---------- Ausdruck ----------
   Kompakter als am Bildschirm, damit das PDF nicht ausufert.
   Kopf, Fuss und der Druckknopf selbst bleiben draussen. */
@media print{
  .ca-head,.ca-foot,.ca-skip,.rx-print,.ca-bruecke{display:none!important}
  .rx{padding:0}
  .rx-wrap{width:100%}
  .rx-intro{margin-bottom:18px}
  .rx-intro h1{font-size:20pt;margin-bottom:10px}
  .rx-lead{font-size:11pt;margin-bottom:14px}
  .rx-eyebrow{font-size:9pt;margin-bottom:6px}
  .rx-note{padding:10px 12px}
  .rx-note p{font-size:9.5pt}
  .rx-toc{margin-top:18px;padding:14px 16px;break-inside:avoid}
  .rx-toc h2{font-size:13pt;margin-bottom:8px}
  .rx-toc>ol>li{margin-bottom:10px}
  .rx-toc ul a{font-size:9.5pt}
  .rx-part{margin:20px 0 10px;font-size:14pt;break-after:avoid}
  .rx-sec{break-inside:avoid;margin-bottom:11px;padding:14px 16px;box-shadow:none;border-color:#c9d4de}
  .rx-sec h3{font-size:12pt;margin-bottom:8px}
  .rx-sec>p,.rx-list{font-size:10pt;line-height:1.5}
  .rx-list>li{margin-bottom:7px}
  .rx-box{margin:10px 0;padding:11px 13px;font-size:9.5pt}
  .rx-foot{margin-top:18px;padding:12px 14px}
  .rx a{color:#000;text-decoration:none}
  /* Nur bei fremden Zielen die Adresse mitdrucken - bei eigenen Seiten
     waere sie nur Beiwerk und zerreisst den Satz. */
  .rx a[href^="http"]:not([href*="cordula.coach"])::after{content:" (" attr(href) ")";font-size:8pt;color:#555}
}