/* Rechtsseiten · langer Text, immer linksbündig, ruhige Spalte */

/* Kopf der Rechtsseiten: hier gibt es keinen Film, deshalb ein normaler,
   mitlaufender Kopf statt der absoluten Variante der Startseite. */
.kopf-recht {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  padding: 1.25rem var(--rand);
  border-bottom: 1px solid var(--linie);
}
.kopf-recht__logo svg { height: 34px; width: auto; max-width: 100%; color: var(--hell-2); }
/* Auf einer Rechtsseite braucht es keine Navigation, nur den Weg zurück. */
.kopf-recht__zurueck {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-family: var(--display);
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--hell-2);
  border-bottom: 2px solid var(--linie);
}
.kopf-recht__zurueck:hover { border-bottom-color: var(--signal); }

.recht { padding: clamp(3rem, 6vw, 6rem) var(--rand) var(--luft); }
.recht__innen { max-width: 46rem; text-align: left; }

.recht h1 {
  font-family: var(--display);
  font-size: clamp(2.2rem, 1.4rem + 3vw, 3.75rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 0.98;
  text-transform: uppercase;
  color: var(--hell-2);
  margin: 0 0 2.5rem;
  overflow-wrap: break-word;
  hyphens: auto;
}
.recht h2 {
  font-family: var(--display);
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--hell-2);
  margin: 2.75rem 0 0.75rem;
}
.recht h3 { font-size: 1.05rem; font-weight: 600; margin: 1.75rem 0 0.5rem; color: var(--hell-2); }
.recht p, .recht li { max-width: 68ch; text-align: left; color: var(--hell); }
.recht strong { color: var(--hell-2); }
.recht ul { padding-left: 1.25rem; }
.recht li { margin-bottom: 0.4rem; }
.recht address { font-style: normal; }

.muster-hinweis {
  border: 1px solid var(--linie);
  border-left: 4px solid var(--signal);
  background: var(--nacht-2);
  padding: 1.25rem 1.5rem;
  margin: 0 0 3rem;
}
.muster-hinweis p { margin: 0.5rem 0 0; font-size: 0.95rem; }
.muster-hinweis p:first-child { margin: 0; }
.muster-hinweis b {
  font-family: var(--display);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--signal);
  display: block;
  margin-bottom: 0.5rem;
}

/* Fiktive Angaben sichtbar markieren, aber nicht allein über die Farbe. */
.platzhalter {
  background: var(--nacht-2);
  color: var(--hell-2);
  padding: 0.1em 0.45em;
  border-bottom: 2px solid var(--signal);
}

.recht__zurueck {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 44px;
  font-family: var(--display);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: var(--hell-2);
}