/* Rechtsseiten der Erbe-Seite: Impressum und Datenschutz.
   Eigene Datei statt Anbau an seite.css — die beiden Seiten teilen ein
   Textlayout, das sonst nirgends vorkommt, und sollen nicht mitwachsen,
   wenn an den Inhaltsseiten geschraubt wird. */

.erbe .recht {
  padding: calc(var(--kopf-hoehe) + clamp(48px, 6vw, 88px)) 0 clamp(64px, 8vw, 112px);
}
.erbe .recht .wrap { max-width: 760px; }

.erbe .recht h1 {
  font-size: var(--fs-h2);
  line-height: 1.12;
  color: var(--black);
  margin-bottom: clamp(28px, 3.5vw, 44px);
}
.erbe .recht h2 {
  font-size: var(--fs-gross);
  line-height: 1.25;
  color: var(--black);
  margin: clamp(40px, 4.5vw, 60px) 0 12px;
  padding-top: clamp(20px, 2.5vw, 30px);
  border-top: 1px solid var(--beige-dark);
}
.erbe .recht h3 {
  font-size: var(--fs-text);
  font-weight: 600;
  color: var(--black);
  margin: 26px 0 8px;
}
/* Die Datenschutzerklaerung geht vier Ebenen tief. Die vierte ist meist eine
   Frage ("Wie erfassen wir Ihre Daten?") und darf leiser sein als h3. */
.erbe .recht h4 {
  font-size: var(--fs-klein);
  font-weight: 600;
  color: var(--gray-dark);
  margin: 20px 0 6px;
}
.erbe .recht p,
.erbe .recht li {
  font-size: var(--fs-text);
  line-height: 1.7;
  color: var(--gray-dark);
  max-width: var(--measure);
}
.erbe .recht p + p { margin-top: 12px; }
.erbe .recht a { color: var(--gold-dark); text-decoration: underline; text-underline-offset: 2px; }
.erbe .recht a:hover { color: var(--black); }

/* Aufzaehlungen ohne Standard-Punkte: ein feiner Strich links markiert die
   Zeile, ohne dass ein Listenpunkt-Raster entsteht. */
.erbe .recht ul { list-style: none; margin: 14px 0 0; }
.erbe .recht li {
  position: relative;
  padding: 6px 0 6px 18px;
}
.erbe .recht li::before {
  content: '';
  position: absolute;
  left: 0; top: 15px;
  width: 8px; height: 1px;
  background-color: var(--gray-light);
}

/* Anschrift und andere Blöcke, die als Ganzes zusammengehören. */
.erbe .recht .kasten {
  background-color: var(--beige-light);
  border: 1px solid var(--beige-dark);
  border-radius: var(--radius-card);
  padding: 26px 28px;
  margin: 24px 0;
}
.erbe .recht .kasten p { margin-top: 0; }
.erbe .recht .kasten p + p { margin-top: 6px; }
.erbe .recht .kasten strong { color: var(--black); }

/* Bildnachweise: Motiv und Urheber nebeneinander statt in einem Fließsatz. */
.erbe .recht .nachweise { list-style: none; margin: 14px 0 0; }
.erbe .recht .nachweise li {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2px 20px;
  padding: 10px 0;
  border-top: 1px solid var(--beige-dark);
}
.erbe .recht .nachweise li::before { content: none; }
.erbe .recht .nachweise .motiv { color: var(--black); }
@media (min-width: 620px) {
  .erbe .recht .nachweise li { grid-template-columns: 15rem 1fr; align-items: baseline; }
}