/* Rechtsseiten. Gleiche Sprache wie die Startseite: Schwarz, Schnitt, Blende. */
.nur-lesbar{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.recht-kopf{
  background:var(--tief);
  padding:clamp(4rem,11vw,8rem) var(--rand) clamp(2.5rem,5vw,4rem);
}
.recht-kopf__i{max-width:860px;margin:0 auto}
.recht-kopf h1{
  font-family:var(--schrift-display);font-weight:600;text-transform:uppercase;
  letter-spacing:.1em;line-height:.96;
  font-size:clamp(2.5rem,8vw,5.5rem);
  text-shadow:0 0 4px var(--tief),0 0 4px var(--tief);
}
.muster{
  display:inline-block;margin-bottom:1.5rem;
  border:1px solid var(--akzent);color:var(--akzent);
  padding:.5rem .9rem;
  font-weight:600;font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;
}
/* max-width MUSS den Seitenrand mitrechnen, sonst beginnt der Text 1x --rand
   weiter rechts als die H1 darueber (gemessen 290 gegen 362). Sollwert: eine
   einzige linke Kante (websites.md 3c). */
.recht{
  max-width:calc(860px + 2 * var(--rand));margin:0 auto;
  padding:clamp(2.5rem,6vw,4rem) var(--rand) clamp(5rem,10vw,8rem);
  text-align:left;
}
.recht h2{
  font-family:var(--schrift-display);font-weight:600;text-transform:uppercase;
  letter-spacing:.1em;font-size:clamp(1.375rem,3vw,1.875rem);line-height:1.1;
  margin:2.75rem 0 1rem;
}
.recht h3{
  font-weight:600;font-size:1rem;margin:1.75rem 0 .5rem;
}
.recht p,.recht li{color:var(--leise);max-width:none}
.recht p{margin-bottom:1rem}
.recht ul{list-style:none;margin:0 0 1rem}
.recht ul li{position:relative;padding-left:1.5rem;margin-bottom:.5rem}
/* Aufzaehlungsstrich ist Deko, kein Bedienelement: kein Akzent (design.md). */
.recht ul li::before{content:'';position:absolute;left:0;top:.75em;width:14px;height:1px;background:var(--rahmen)}
.recht a{color:var(--text)}
.recht address{font-style:normal;line-height:1.9}
.recht__zurueck{margin-bottom:2.5rem;display:inline-flex}