/* Rechtsseiten · gleiche Sprache wie die Startseite, nur ruhiger. */

.recht{width:min(760px,100% - var(--rand)*2);margin-inline:auto;padding-block:clamp(2.4rem,5vw,4.4rem)}
.recht h1{font-size:clamp(1.9rem,1.2rem + 2.6vw,3rem);margin-bottom:.9rem}
.recht h2{
  font-size:clamp(1.15rem,1rem + .6vw,1.45rem);
  margin-top:2.6rem;margin-bottom:.7rem;
  padding-top:1.1rem;border-top:1px solid var(--linie);
}
.recht h3{font-size:1.05rem;margin-top:1.5rem;margin-bottom:.4rem}
/* Lange Fachwoerter wie „Versicherungsvermittlungsverordnung“ sprengen 320px. */
.recht p,.recht li,.recht dd{max-width:none;text-align:left;overflow-wrap:anywhere;hyphens:auto}
.recht p+p{margin-top:.85rem}
.recht ul{margin:.7rem 0 .7rem 0;display:grid;gap:.45rem}
.recht ul li{padding-left:1.15rem;position:relative}
.recht ul li::before{content:"";position:absolute;left:0;top:.66em;width:6px;height:6px;border-radius:50%;background:var(--linie-stark)}
.recht dl{display:grid;gap:.9rem;margin:1rem 0}
.recht dt{font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text-leise)}
.recht dd{margin:0}
.recht a{color:var(--akzent-tief);font-weight:500}

.muster{
  border:2px solid var(--akzent);
  padding:1.1rem 1.2rem;margin-bottom:2.4rem;
}
.muster b{display:block;font-weight:700;margin-bottom:.35rem}
.muster p{font-size:.95rem;color:var(--text-leise);max-width:64ch}

.recht__zurueck{margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--linie)}

/* Kopf der Rechtsseiten: schlank, aber mit Startseiten-Link und Modus-Schalter */
.kopf--recht .kopf__inhalt{gap:1rem}
.kopf--recht .kopf__nav{display:flex}
@media (max-width:560px){
  .kopf--recht .kopf__nav{gap:.9rem}
  .kopf--recht .kopf__nav a{font-size:.88rem}
  .kopf--recht .kopf__logo svg{width:132px}
}
@media (max-width:380px){
  .kopf--recht .kopf__logo svg{width:112px}
  .kopf--recht .schalter{font-size:.8rem}
}

@media print{
  /* Der Demo-Streifen bleibt im Druck stehen: Das PDF geht an Kunden und muss
     auch ausgedruckt als Muster erkennbar sein. */
  .kopf,.recht__zurueck,.fuss,.pdf-holen{display:none}
  .demo{
    background:none;color:#111;border-bottom:2px solid #111;
    padding:0 0 .4rem;margin-bottom:1.4rem;font-size:9pt;
    display:block;
  }
  .demo b{display:block}
  .demo span{opacity:1;color:#444}
  .demo span::before{content:""}
  .recht{width:auto;padding:0;max-width:none}
  body{background:#fff;color:#111;font-size:10.5pt;line-height:1.5}
  .recht h1{font-size:20pt;margin-bottom:.6rem}
  .recht h2{font-size:12pt;margin-top:1.1rem;border-color:#999}
  .recht a{color:#111;text-decoration:underline}
  .recht dt{color:#555}
  .muster{border-color:#111;background:none}
  .muster p{color:#333}
  @page{margin:16mm 16mm 18mm}
}

/* Knopf zum Herunterladen des PDF */
.pdf-holen{
  display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;
  border:1px solid var(--rahmen);padding:.9rem 1rem;margin:1.4rem 0 2rem;
}
.pdf-holen b{font-weight:700}
.pdf-holen small{color:var(--text-leise);font-size:.86rem}