.erbe .artikel .wrap { max-width: 720px; }
  /* Die Artikelspalte ist 720px breit — die Hero-Schriftgroesse (bis 5.4rem)
     zerlegt die Ueberschrift darin in Einzelwoerter. */
  .erbe .artikel h1 {
    font-size: var(--fs-h1);
    margin-bottom: 30px;
  }
  .erbe .artikel h2 {
    font-size: var(--fs-gross);
    margin-top: 56px;
    margin-bottom: 16px;
  }
  .erbe .artikel p { margin-bottom: 20px; max-width: none; }
  .erbe .artikel .vorspann {
    font-size: var(--fs-h3);
    font-style: italic;
    line-height: 1.4;
    color: var(--gray-dark);
    margin-bottom: 8px;
  }
  .erbe .rechnung {
    background: var(--beige-light);
    border: 1px solid var(--beige-dark);
    border-radius: var(--radius-card);
    padding: 28px 30px;
    margin: 34px 0;
  }
  .erbe .rechnung p:last-child { margin-bottom: 0; }
  .erbe .rechnung .zahl {
    font-size: var(--fs-gross);
    line-height: 1.25;
    margin-bottom: 14px;
  }
  .erbe .rechnung .kleingedruckt { font-size: var(--fs-klein); color: var(--gray-dark); }
  .erbe .schluss {
    font-size: var(--fs-gross);
    line-height: 1.3;
    margin-top: 48px;
  }
  .erbe .zurueck { font-size: var(--fs-klein); }
  .erbe .zurueck a { color: var(--gray-dark); }
  @media (max-width: 640px) {
    .erbe .rechnung { padding: 22px 20px; }
    .erbe .artikel h2 { margin-top: 44px; }
  }
  /* Schmale Spalte: die grosse Zahl und der Schlusssatz sollen nicht mit
     zwei Woertern auf der letzten Zeile enden. Desktop bleibt unberuehrt. */
  @media (max-width: 1024px) {
    .erbe .rechnung .zahl,
    .erbe .schluss { text-wrap: balance; }
  }

/* Fortsetzung nach einem Bildband: kein zweites Kopfpolster, sonst reisst
   der Artikel an jeder Bildkante auseinander. Die mittlere Fortsetzung
   bekommt zusaetzlich eine andere Flaeche, damit nicht drei gleichfarbige
   Bloecke hintereinander stehen. */
.erbe .artikel--weiter { padding-top: clamp(48px, 6vw, 88px); }
.erbe .artikel--weiter:nth-of-type(2) { background-color: var(--beige-light); }