/* Zahlen auf Nachtblau, die beim Einblenden hochzählen (src/zaehlen.js): /petersdom/ (die Kuppel) und /papstliste/. */
.js .zahl:nth-child(2) { transition-delay: .12s; }
.js .zahl:nth-child(3) { transition-delay: .24s; }
.js .zahl:nth-child(4) { transition-delay: .36s; }
.zahlen {
  background: var(--night-2); color: var(--auf-nacht); border-top: 1px solid rgba(236, 210, 142, .15);
  padding: clamp(3rem, 7vw, 4.5rem) max(1.25rem, env(safe-area-inset-right, 0px)) clamp(3rem, 7vw, 4.5rem) max(1.25rem, env(safe-area-inset-left, 0px));
}
.zahlen-liste { list-style: none; margin: 0 auto; padding: 0; max-width: 72rem; display: grid; gap: 2.4rem 1.25rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 900px) { .zahlen-liste { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.zahl { text-align: center; }
.zahl-wert {
  margin: 0; font-family: var(--font-kapitalis); font-weight: 600; font-size: clamp(2.1rem, 1.4rem + 2.8vw, 3.8rem);
  line-height: 1; color: var(--gold-hell); white-space: nowrap; font-variant-numeric: lining-nums;
}
.zahl-einheit { font-family: var(--font-display); font-weight: 500; font-size: .72em; letter-spacing: 0; }
.zahl-text { margin: .7rem auto 0; max-width: 14rem; font-family: var(--font-ui); font-size: .875rem; line-height: 1.45; color: var(--auf-nacht-2); }