/* Zahlungsleiste (assets/zahlung.js): neutrale Pillen, offizielle Zeichen unverändert auf heller Kachel */
.zahlleiste{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;list-style:none;margin:0;padding:0}
.zz{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:12px;background:#fff;border:1px solid #D2D2D7;color:#1D1D1F;font:600 14.5px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;white-space:nowrap}
.zz.mit-zeichen{padding:0;overflow:hidden;background:#fff}   /* Zeichen füllt die Kachel vollständig (Seitenverhältnis 780:500) */
.zz-bild{height:44px;width:auto;display:block}    /* einheitliche Höhe = Kachelhöhe, Seitenverhältnis bleibt */
.zahlleiste.klein{gap:6px}
.zahlleiste.klein .zz{height:30px;padding:0 10px;border-radius:8px;font-size:12px}
.zahlleiste.klein .zz.mit-zeichen{padding:0}
.zahlleiste.klein .zz-bild{height:30px}
@media (prefers-color-scheme:dark){
  .zz{border-color:rgba(255,255,255,.18)}         /* Kachel bleibt hell, damit die Zeichen lesbar bleiben */
  .zz:not(.mit-zeichen){background:#1C1C1E;color:#F5F5F7}
}
.zahl-abschnitt{text-align:center;margin-top:clamp(40px,6vw,64px)}
.zahl-abschnitt h3{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.025em;margin:0}
.zahl-abschnitt p{margin:8px auto 18px;color:var(--tinte2);max-width:620px}
.zahl-abschnitt small{display:block;margin-top:14px;color:var(--tinte3);font-size:13.5px}
.zahl-band{border-top:1px solid var(--linie);padding:18px 0}
.zahl-band .spalte{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
.zahl-band span.zb-text{font-size:13px;color:var(--tinte3)}
@media (max-width:600px){.zz{height:40px;padding:0 12px;font-size:13.5px}.zz-bild{height:40px}.zahl-band .spalte{justify-content:center;text-align:center}}