/* ============================================================
   Rahmen um das FundraisingBox-Formular (iframe)
   Die weiße Karte, Abstände und das Pflicht-Logo kommen von hier;
   das Formular selbst wird in der FundraisingBox gestaltet
   (siehe Ordner "FundraisingBox", CSS-Ergänzung).
   ============================================================ */

.spendenbox { padding: 48px 44px 36px; border-radius: 28px; }

.frb-formular { min-height: 240px; }
.frb-formular #fbIframeDiv,
.frb-formular iframe { width: 100% !important; border: 0; display: block; }

/* sichtbar, bis FundraisingBox das iframe eingesetzt hat (js/form-embed.js) */
.frb-formular .platzhalter {
  min-height: 200px; display: grid; place-items: center; text-align: center;
  color: var(--muted); font-size: 15px; line-height: 24px;
}
.frb-formular .platzhalter a { color: var(--brand); }

/* Pflicht laut Einbettungscode: Link auf www.fundraisingbox.com mit genau diesem Bild,
   sichtbar auf der Seite – sonst entfernt FundraisingBox das Formular */
.frb-hinweis { margin: 24px 0 0; text-align: center; }
.frb-hinweis a { display: inline-block; text-decoration: none; }
.frb-hinweis img { display: block; width: 140px; height: auto; }

@media (max-width: 720px) {
  .spendenbox { padding: 24px 16px 22px; border-radius: 20px; }
}