/* Ergänzungen zum Original-Stylesheet (bibel.css) für WordPress */

/* Original nutzt jQuery-Platzhalter als Lupe */
#gobutton { width:auto; }

/* Admin-Bar */
body.admin-bar header { top:32px; }
@media screen and (max-width:782px) { body.admin-bar header { top:46px; } }

/* WordPress-Bilder */
.beitrag figure img, .box figure img, .alsListe figure img { height:auto; }
.bannerbild picture img { width:100%; height:auto; display:block; }
.wp-block-image img { height:auto; max-width:100%; }

/* Video ohne Vorschaubild */
.responsive-video .video-platzhalter { display:block; width:100%; aspect-ratio:16/9; background:#2b4a6f; }

/* Infinite Scrolling */
.bg-liste-loader { min-height:60px; display:flex; justify-content:center; align-items:center; width:100%; }
.bg-spinner { width:36px; height:36px; border:4px solid rgba(0,0,0,.12); border-top-color:#e2722b; border-radius:50%; animation:bg-spin .8s linear infinite; }
.bg-spinner[hidden] { display:none; }
@keyframes bg-spin { to { transform:rotate(360deg); } }

/* Pagination (Archive, Suche) */
.paginator .nav-links { display:flex; gap:.5em; justify-content:center; margin:2em 0; }
.paginator .page-numbers { padding:.3em .7em; border:1px solid currentColor; text-decoration:none; }
.paginator .page-numbers.current { font-weight:700; }

/* Platzhalter im Editor */
.bg-placeholder { padding:1.5em; border:2px dashed #b9c4d0; color:#5a6b7d; text-align:center; font-family:sans-serif; font-size:14px; }

/* ===== WPForms im Layout der Website ===== */
.wpforms-container .wpforms-field { padding:8px 0; }
.wpforms-container .wpforms-field-label { font-weight:400; }
.wpforms-container input[type=text], .wpforms-container input[type=email], .wpforms-container input[type=tel],
.wpforms-container input[type=number], .wpforms-container select, .wpforms-container textarea { max-width:100%; }
.wpforms-container .wpforms-required-label { color:inherit; }
.wpforms-container .wpforms-field-html { font-size:.95em; }
.wpforms-container button[type=submit].submit { cursor:pointer; }

/* Spendenformular (Layout wie das bisherige Formular: blaue Box, Herz-Icon links) */
.box.bg-spendenformular { display:block; text-align:left; padding:40px 60px 40px 220px; box-sizing:border-box; color:#fff; }
.box.bg-spendenformular::before { content:""; position:absolute; top:40px; left:50px; width:140px; height:140px; background:transparent url("../images/icon-box-spenden.svg") 0 0 no-repeat; background-size:contain; }
.bg-spendenformular .bg-form-header { margin-bottom:1em; }
.bg-spendenformular .bg-form-header h2 { color:#fff; text-align:left; margin:0 0 .3em; }
.bg-spendenformular .bg-form-header a { color:#fff; text-decoration:underline; }
.bg-spendenformular .wpforms-container { margin:0; }
.bg-spendenformular .wpforms-field-label, .bg-spendenformular .wpforms-field-sublabel, .bg-spendenformular .wpforms-field-description,
.bg-spendenformular .wpforms-field-label-inline, .bg-spendenformular label { color:#fff; text-align:left; }
.bg-spendenformular .wpforms-field-label { font-size:110%; margin-bottom:6px; }
.bg-spendenformular .wpforms-field-description { font-size:85%; opacity:.9; margin-top:4px; }
.bg-spendenformular .wpforms-field-divider { border-top:1px dotted rgba(255,255,255,.6); margin-top:20px; padding-top:20px; }
.bg-spendenformular .wpforms-field-divider h3 { color:#fff; font-size:130%; text-align:left; margin:0 0 .3em; }
.bg-spendenformular input[type=text], .bg-spendenformular input[type=email], .bg-spendenformular input[type=tel],
.bg-spendenformular select { width:100%; max-width:100%; }
.bg-spendenformular .bg-betrag input { font-size:180%; font-weight:700; max-width:7em; }
.bg-spendenformular .wpforms-field-radio ul, .bg-spendenformular .wpforms-field-checkbox ul { list-style:none; margin:0; padding:0; }
.bg-spendenformular .wpforms-field-radio ul { display:flex; flex-wrap:wrap; gap:.4em 1.6em; }
.bg-spendenformular .wpforms-field-radio li, .bg-spendenformular .wpforms-field-checkbox li { margin:0; text-align:left; }
.bg-spendenformular .bg-zahlungsinfo { background:rgba(255,255,255,.12); padding:.8em 1em; border-left:4px solid #ed853e; }
.bg-spendenformular .wpforms-error, .bg-spendenformular label.wpforms-error { color:#ffd9bf; }
.bg-spendenformular .wpforms-submit-container { text-align:left; }
.bg-spendenformular .wpforms-confirmation-container-full { background:#fff; color:#134582; border:0; }
@media (max-width:800px) {
	.box.bg-spendenformular { padding:130px 20px 30px; }
	.box.bg-spendenformular::before { top:25px; left:50%; margin-left:-40px; width:80px; height:80px; }
}