@font-face { font-family:SportDisplay; src:url('fonts/barlow-condensed-black-italic.ttf') format('truetype'); font-weight:900; font-style:italic; font-display:swap; }
/* Nur Seite 3962. Bestand bleibt einschließlich Zahlungsdaten und CF7 im DOM. */
body.page-id-3962 {
    --spenden-navy: #152a50;
    --spenden-blue: #0870b0;
    --spenden-light: #9ac9e8;
}
body.page-id-3962 .ssg-spenden,
body.page-id-3962 .ssg-spenden-bestand {
    color: var(--spenden-navy);
    font-family: Lato, sans-serif;
    line-height: 1.65;
}
body.page-id-3962 .ssg-spenden *,
body.page-id-3962 .ssg-spenden-bestand *,
body.page-id-3962 .ssg-spenden__mobil { box-sizing: border-box; }
body.page-id-3962 .ssg-spenden-bestand .elementor-element-f80e1b5c,
body.page-id-3962 .ssg-spenden-bestand .ssg-hero,
body.page-id-3962 .ssg-spenden-bestand .elementor-element-b262fef { display: none !important; }
body.page-id-3962 .ssg-spenden h1,
body.page-id-3962 .ssg-spenden h2,
body.page-id-3962 .ssg-spenden h3,
body.page-id-3962 .ssg-spenden-bestand h2,
body.page-id-3962 .ssg-spenden-bestand h3 {
    font-family: SportDisplay, Impact, sans-serif;
    font-weight: 900;
    font-style: italic;
    line-height: 1.08;
    color: var(--spenden-navy);
}
body.page-id-3962 .ssg-spenden__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    background: var(--spenden-navy);
    color: #fff;
    isolation: isolate;
}
body.page-id-3962 .ssg-spenden__intro { padding: clamp(28px, 5vw, 76px); align-self: center; }
body.page-id-3962 .ssg-spenden__eyebrow {
    margin: 0 0 20px;
    color: var(--spenden-blue);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}
body.page-id-3962 .ssg-spenden__hero .ssg-spenden__eyebrow { color: var(--spenden-light); }
body.page-id-3962 .ssg-spenden h1 {
    margin: 0 0 24px;
    color: #fff;
    font-size: clamp(44px, 5.5vw, 84px);
    letter-spacing: -.015em;
}
body.page-id-3962 .ssg-spenden__lead { font-size: clamp(19px, 2vw, 24px); line-height: 1.45; font-weight: 700; }
body.page-id-3962 .ssg-spenden__intro p { max-width: 52ch; color:#fff; }
body.page-id-3962 .ssg-spenden__intro p.ssg-spenden__eyebrow { color:#9ac9e8; }
body.page-id-3962 .ssg-spenden__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 28px; }
body.page-id-3962 a.ssg-spenden__cta,
body.page-id-3962 .ssg-spenden-bestand input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 48px;
    padding: 14px 22px;
    border: 2px solid var(--spenden-blue);
    border-radius: 3px;
    background: var(--spenden-blue);
    color: #fff;
    font: 900 16px/1.4 Lato, sans-serif;
    text-align: center;
    text-decoration: none !important;
    white-space: normal;
    cursor: pointer;
}
body.page-id-3962 a.ssg-spenden__cta:hover,
body.page-id-3962 .ssg-spenden-bestand input[type="submit"]:hover { background: var(--spenden-navy); border-color: var(--spenden-light); color: #fff; }
body.page-id-3962 a.ssg-spenden__more { display: inline-flex; align-items: center; min-height: 44px; color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
body.page-id-3962 .ssg-spenden__more:hover { color: var(--spenden-light); }
body.page-id-3962 .ssg-spenden a:focus-visible,
body.page-id-3962 .ssg-spenden__mobil a:focus-visible,
body.page-id-3962 .ssg-spenden-bestand :is(a, input, select, textarea, button):focus-visible { outline: 3px solid var(--spenden-blue); outline-offset: 4px; box-shadow: 0 0 0 4px #fff; }
body.page-id-3962 .ssg-spenden__foto { min-width: 0; margin: 0; display: flex; flex-direction: column; justify-content: center; background: #fff; }
body.page-id-3962 .ssg-spenden__foto img { display: block; width: 100%; height: auto; object-fit: contain; }
body.page-id-3962 .ssg-spenden__foto figcaption { margin: 0; padding: 20px 28px; background: var(--spenden-blue); color: #fff; font-weight: 900; border-bottom: 5px solid var(--spenden-light); }
body.page-id-3962 .ssg-spenden__wirkung,
body.page-id-3962 .ssg-spenden-bestand { max-width: 1200px; margin: 0 auto; padding: clamp(32px, 5vw, 72px) 24px; }
body.page-id-3962 .ssg-spenden h2,
body.page-id-3962 .ssg-spenden-bestand > h2 { margin: 0 0 32px; font-size: clamp(30px, 3.5vw, 48px); }
body.page-id-3962 .ssg-spenden__impact { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
body.page-id-3962 .ssg-spenden__feld { padding-top: 20px; border-top: 4px solid var(--spenden-blue); }
body.page-id-3962 .ssg-spenden__nummer { color: var(--spenden-blue); font: italic 900 40px/1 SportDisplay, Impact, sans-serif; }
body.page-id-3962 .ssg-spenden__feld h3 { margin: 20px 0 12px; font-size: 28px; }
body.page-id-3962 .ssg-spenden__feld p { margin: 0; }
body.page-id-3962 .ssg-spenden-bestand { border-top: 1px solid var(--spenden-light); scroll-margin-top: 100px; overflow-wrap: anywhere; }
body.page-id-3962 .ssg-spenden-bestand .elementor-element-39b559d,
body.page-id-3962 .ssg-spenden-bestand .elementor-element-0483752 {
    margin-block: 24px;
    padding: clamp(20px, 3vw, 40px);
    width: 100%;
    max-width: 100%;
    background: #fff;
    border: 1px solid var(--spenden-light);
    border-top: 4px solid var(--spenden-blue);
    border-radius: 3px;
    box-shadow: 0 12px 32px #152a500a;
}
body.page-id-3962 .ssg-spenden-bestand .elementor-heading-title { color: var(--spenden-navy); font-family: SportDisplay, Impact, sans-serif; }
body.page-id-3962 .ssg-spenden-bestand .wpcf7 { width: 100%; max-width: 760px; margin-inline: auto; }
body.page-id-3962 .ssg-spenden-bestand .wpcf7 label { color: var(--spenden-navy); font-weight: 700; }
body.page-id-3962 .ssg-spenden-bestand .wpcf7 :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]), select, textarea) {
    width: 100%; max-width: 100%; min-height: 48px; padding: 12px 14px;
    border: 1px solid #66768d; border-radius: 3px;
    background: #fff; color: var(--spenden-navy); font: inherit; font-size: 16px;
}
body.page-id-3962 .ssg-spenden-bestand .wpcf7 textarea { min-height: 160px; resize: vertical; }
body.page-id-3962 .ssg-spenden-bestand .wpcf7-list-item { margin-left: 0; }
body.page-id-3962 .ssg-spenden-bestand .wpcf7-list-item label { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; cursor: pointer; }
body.page-id-3962 .ssg-spenden-bestand input:is([type="checkbox"], [type="radio"]) { flex-shrink: 0; width: 22px; height: 22px; accent-color: var(--spenden-blue); }
body.page-id-3962 .ssg-spenden-bestand a { text-underline-offset: 3px; }
body.page-id-3962 .ssg-spenden__mobil { display: none; }
@media (max-width: 1024px) {
    /* 68px Bottomnav + Safe Area + 96px Spendenleiste; Menü-Overlay bleibt darüber. */
    body.page-id-3962 { padding-bottom: calc(164px + env(safe-area-inset-bottom, 0px)); }
    body.page-id-3962 .ssg-spenden__hero { grid-template-columns: minmax(0, 1fr); }
    body.page-id-3962 .ssg-spenden__intro { padding: 36px 24px; }
    body.page-id-3962 .ssg-spenden__mobil {
        display: flex; position: fixed; z-index: 8900;
        left: 0; right: 0; bottom: calc(68px + env(safe-area-inset-bottom, 0px));
        min-height: 80px; padding: 12px max(16px, env(safe-area-inset-right, 0px)) 12px max(16px, env(safe-area-inset-left, 0px));
        background: #fff; border-top: 2px solid var(--spenden-light); box-shadow: 0 -6px 24px #152a501a;
    }
    body.page-id-3962 .ssg-spenden__mobil .ssg-spenden__cta { width: 100%; }
    body.page-id-3962 .ssg-spenden-bestand .elementor-container { flex-wrap: wrap; }
    body.page-id-3962 .ssg-spenden-bestand .elementor-column { width: 100%; min-width: 0; }
}
@media (max-width: 640px) {
    body.page-id-3962 .ssg-spenden__impact { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    body.page-id-3962 .ssg-spenden__actions { align-items: stretch; flex-direction: column; }
    body.page-id-3962 .ssg-spenden__more { justify-content: center; }
    body.page-id-3962 .ssg-spenden-bestand .elementor-widget-wrap { padding-inline: 0; }
    body.page-id-3962 .ssg-spenden__foto figcaption { padding-inline: 24px; }
}
/* Zahlungsdaten/Formular dürfen nie von Elementor-Einblendeanimationen abhängen. */
body.page-id-3962 .ssg-spenden-bestand .animated,
body.page-id-3962 .ssg-spenden-bestand .elementor-invisible {
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    animation:none!important;
}

/* Sportlicher Kopf und Bildbühne; Originalformat bleibt vollständig sichtbar. */
body.page-id-3962 .ssg-spenden__hero {
    background: repeating-linear-gradient(125deg, transparent 0 72px, #9ac9e80c 72px 74px), linear-gradient(125deg, var(--spenden-navy) 20%, #1f4e8c 100%);
    border-top: 6px solid var(--spenden-light);
}
body.page-id-3962 .ssg-spenden-bestand .elementor-heading-title,
body.page-id-3962 .ssg-spenden-bestand .elementor-widget-text-editor h2 {
    font-family: SportDisplay, Impact, sans-serif !important;
    font-style: italic !important;
    font-weight: 900 !important;
    font-size: clamp(30px, 3.5vw, 48px);
    line-height: 1.08;
    color: var(--spenden-navy);
    margin-block: 0 24px;
}
body.page-id-3962 .ssg-spenden__foto,
body.page-id-3962 .ssg-spenden-bestand .elementor-element-99947f7 > .elementor-widget-wrap {
    padding: clamp(16px, 2.5vw, 32px);
    background: repeating-linear-gradient(125deg, transparent 0 48px, #9ac9e821 48px 50px), linear-gradient(135deg, var(--spenden-navy), #1f4e8c 65%, var(--spenden-blue));
    border: 3px solid var(--spenden-light);
    box-shadow: 0 18px 38px #152a5026;
}
body.page-id-3962 .ssg-spenden__foto img,
body.page-id-3962 .ssg-spenden-bestand .elementor-element-99947f7 img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
    border-radius: 0;
}
body.page-id-3962 .ssg-spenden__foto figcaption {
    padding: 20px 24px;
    background: var(--spenden-navy);
    border-bottom: 4px solid var(--spenden-light);
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
}

/* Bestehende Zahlungsbox: Foto links, unveränderte Kontoinformationen rechts. */
body.page-id-3962 .ssg-spenden-bestand .elementor-element-39b559d {
    padding: clamp(24px, 4vw, 48px);
    border-top: 7px solid var(--spenden-navy);
    background: linear-gradient(135deg, #fff 45%, #edf5fb);
    box-shadow: 0 16px 40px #152a5012;
}
body.page-id-3962 .ssg-spenden-bestand .elementor-element-39b559d > .elementor-container {
    align-items: center;
    gap: clamp(24px, 4vw, 48px);
}
body.page-id-3962 .ssg-spenden-bestand .elementor-element-39b559d > .elementor-container > .elementor-column {
    flex: 1 1 0;
    min-width: 0;
}
body.page-id-3962 .ssg-spenden-bestand .elementor-element-a238e4b > .elementor-widget-wrap {
    padding: clamp(8px, 2vw, 24px);
    align-content: center;
}
body.page-id-3962 .ssg-spenden-bestand .elementor-element-a238e4b p {
    margin-block: 0 20px;
    font-size: clamp(16px, 1.5vw, 18px);
    line-height: 1.75;
}
body.page-id-3962 .ssg-spenden-bestand .elementor-element-a238e4b :is(strong, b) {
    color: var(--spenden-navy);
    font-weight: 900;
}
body.page-id-3962 .ssg-spenden-bestand .elementor-element-39b559d a:is([href*="paypal.com"], [href*="paypal.me"]) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    max-width: 100%;
    padding: 14px 26px;
    border: 2px solid var(--spenden-blue);
    border-radius: 3px;
    background: var(--spenden-blue);
    color: #fff;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    box-shadow: 0 6px 16px #152a501a;
}
body.page-id-3962 .ssg-spenden-bestand .elementor-element-39b559d a:is([href*="paypal.com"], [href*="paypal.me"]):hover {
    background: var(--spenden-navy);
    border-color: var(--spenden-navy);
    color: #fff;
}

/* CF7: natürliche Feldreihenfolge; größere Felder nutzen die ganze Zeile. */
body.page-id-3962 .ssg-spenden-bestand .elementor-element-0483752 {
    padding: clamp(24px, 4vw, 48px);
    background: #edf5fb;
    border-top: 7px solid var(--spenden-navy);
    box-shadow: 0 16px 40px #152a5012;
}
body.page-id-3962 .ssg-spenden-bestand .wpcf7 { max-width: 900px; }
body.page-id-3962 .ssg-spenden-bestand .wpcf7-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 28px;
}
body.page-id-3962 .ssg-spenden-bestand .wpcf7-form > p {
    min-width: 0;
    margin: 0;
}
body.page-id-3962 .ssg-spenden-bestand .wpcf7-form > :is(p:has(textarea), p:has(.wpcf7-acceptance), p:has(input[type="checkbox"]), p:has(input[type="submit"]), .wpcf7-response-output) {
    grid-column: 1 / -1;
}
body.page-id-3962 .ssg-spenden-bestand .wpcf7 label {
    display: block;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 900;
}
body.page-id-3962 .ssg-spenden-bestand .wpcf7-form-control-wrap { display: block; margin-top: 8px; }
body.page-id-3962 .ssg-spenden-bestand .wpcf7 :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]), select, textarea) {
    border-color: #74879e;
    background: #fff;
    box-shadow: 0 2px 4px #152a5006;
}
body.page-id-3962 .ssg-spenden-bestand .wpcf7 textarea { min-height: 120px; }
body.page-id-3962 .ssg-spenden-bestand .wpcf7 input[type="submit"] { min-width: 220px; max-width: 100%; }
body.page-id-3962 .ssg-spenden-bestand .wpcf7-response-output { margin: 0; padding: 16px; }

@media (max-width: 1024px) {
    body.page-id-3962 .ssg-spenden-bestand .elementor-element-39b559d > .elementor-container > .elementor-column {
        flex: 0 0 100%;
        width: 100%;
    }
}
@media (max-width: 640px) {
    body.page-id-3962 .ssg-spenden-bestand .wpcf7-form { grid-template-columns: minmax(0, 1fr); }
    body.page-id-3962 .ssg-spenden-bestand .elementor-element-99947f7 > .elementor-widget-wrap { padding: 16px; }
    body.page-id-3962 .ssg-spenden-bestand .elementor-element-a238e4b > .elementor-widget-wrap { padding: 0; }
    body.page-id-3962 .ssg-spenden-bestand .wpcf7 input[type="submit"] { width: 100%; min-width: 0; }
}
/* Elementor-Schriftgrößen und textarea-rows gezielt auf das neue Layout abstimmen. */
body.page-id-3962 .ssg-spenden-bestand .elementor-element-0483752 .elementor-heading-title {font-size:clamp(28px,3vw,42px)!important;line-height:1.1!important;}
body.page-id-3962 .ssg-spenden-bestand .elementor-element-39b559d .elementor-widget-heading .elementor-heading-title {font:900 13px/1.5 Lato,sans-serif!important;letter-spacing:.1em;text-transform:uppercase;}
body.page-id-3962 .ssg-spenden-bestand .wpcf7 textarea[name="adresse"] {height:110px;min-height:110px;}
body.page-id-3962 .ssg-spenden-bestand .wpcf7 textarea[name="message"] {height:150px;min-height:150px;}
body.page-id-3962 .ssg-spenden-bestand .wpcf7-form > p:has(input[type="email"]) {grid-column:1/-1;}
@media(max-width:640px){
body.page-id-3962 .ssg-spenden-bestand .elementor-element-39b559d,
body.page-id-3962 .ssg-spenden-bestand .elementor-element-0483752 {padding:20px 16px;}
body.page-id-3962 .ssg-spenden-bestand .elementor-element-99947f7 > .elementor-widget-wrap {padding:8px;}
}