.elementor-1157 .elementor-element.elementor-element-486a9be0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1157 .elementor-element.elementor-element-38c275c8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--overflow:hidden;--border-radius:16px 16px 16px 16px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-1157 .elementor-element.elementor-element-38c275c8:not(.elementor-motion-effects-element-type-background), .elementor-1157 .elementor-element.elementor-element-38c275c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1157 .elementor-element.elementor-element-5dd27fa0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1157 .elementor-element.elementor-element-1b14d7f{width:100%;max-width:100%;text-align:start;}.elementor-1157 .elementor-element.elementor-element-1b14d7f .elementor-heading-title{font-family:"Red Hat Text", Sans-serif;font-size:36px;font-weight:700;line-height:1em;color:var( --e-global-color-386e311 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1157 .elementor-element.elementor-element-5b4e2a31{text-align:start;font-family:"Red Hat Text", Sans-serif;font-size:16px;font-weight:400;line-height:18px;color:var( --e-global-color-386e311 );}.elementor-1157 .elementor-element.elementor-element-20a98225{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-1157 .elementor-element.elementor-element-37b683c8{right:-24%;}body.rtl .elementor-1157 .elementor-element.elementor-element-37b683c8{left:-24%;}.elementor-1157 .elementor-element.elementor-element-37b683c8{bottom:0%;text-align:end;}.elementor-1157 .elementor-element.elementor-element-37b683c8 img{height:480px;object-fit:cover;object-position:center center;border-radius:900px 900px 900px 900px;}@media(min-width:768px){.elementor-1157 .elementor-element.elementor-element-486a9be0{--content-width:calc(1440px + 60px * 2);}.elementor-1157 .elementor-element.elementor-element-5dd27fa0{--width:calc(100% / 12 * 3 - 30px * 2 / 3);}.elementor-1157 .elementor-element.elementor-element-20a98225{--width:calc(100% / 12 * 5 - 30px * 2 / 3);}}@media(max-width:1024px) and (min-width:768px){.elementor-1157 .elementor-element.elementor-element-5dd27fa0{--width:calc(100% / 2 - 30px / 2);}.elementor-1157 .elementor-element.elementor-element-20a98225{--width:calc(100% / 2 - 30px / 2);}}@media(max-width:1024px){.elementor-1157 .elementor-element.elementor-element-38c275c8{--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}body:not(.rtl) .elementor-1157 .elementor-element.elementor-element-37b683c8{right:41%;}body.rtl .elementor-1157 .elementor-element.elementor-element-37b683c8{left:41%;}.elementor-1157 .elementor-element.elementor-element-37b683c8{bottom:-10%;}.elementor-1157 .elementor-element.elementor-element-37b683c8 img{max-width:100%;height:350px;object-fit:cover;object-position:center center;}}@media(max-width:767px){.elementor-1157 .elementor-element.elementor-element-486a9be0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1157 .elementor-element.elementor-element-38c275c8{--border-radius:0px 0px 0px 0px;--padding-top:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-1157 .elementor-element.elementor-element-1b14d7f{text-align:center;}.elementor-1157 .elementor-element.elementor-element-1b14d7f .elementor-heading-title{font-size:24px;}.elementor-1157 .elementor-element.elementor-element-5b4e2a31{text-align:center;}.elementor-1157 .elementor-element.elementor-element-37b683c8{width:100%;max-width:100%;bottom:0%;text-align:center;}.elementor-1157 .elementor-element.elementor-element-37b683c8.elementor-element{--align-self:center;}.elementor-1157 .elementor-element.elementor-element-37b683c8 img{width:100vw;max-width:100vw;height:120px;object-fit:cover;object-position:center center;}}/* Start custom CSS for text-editor, class: .elementor-element-5b4e2a31 */.elementor-1157 .elementor-element.elementor-element-5b4e2a31 p:last-of-type{
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ccf673e */.elementor-1157 .elementor-element.elementor-element-ccf673e ul#wcdp_1_wcdp_amount {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-weight: 500;
    gap:10px !important;
}

.elementor-1157 .elementor-element.elementor-element-ccf673e ul li {
    width: calc(50% - 5px);
}

.elementor-1157 .elementor-element.elementor-element-ccf673e ul li:last-child {
    width: 100%;
}

.elementor-1157 .elementor-element.elementor-element-ccf673e .wcdp-input-field:focus{
    outline: none;
}

.elementor-1157 .elementor-element.elementor-element-ccf673e .wcdp-button-label, .elementor-1157 .elementor-element.elementor-element-ccf673e .wcdp_label_custom_amount{
    border-radius: 50px;
    background-color: rgba(255,255,255,.15);
    border: 2px solid rgba(255,255,255,.4);
    color: #FFF;
    font-weight: 600;
    padding: 10px 15px;
}

.elementor-1157 .elementor-element.elementor-element-ccf673e .wcdp-button-label:hover, .elementor-1157 .elementor-element.elementor-element-ccf673e .wcdp_label_custom_amount:hover{
    border: 2px solid #FFF;
    background-color: rgba(255,255,255,.25)
}

.elementor-1157 .elementor-element.elementor-element-ccf673e .wcdp-body input.wcdp-donation-amount {
    padding: 0;
    color: #FFF;
    background: transparent;
    border: 0;
    font-weight: 600;
}

.elementor-1157 .elementor-element.elementor-element-ccf673e .wcdp-variation-heading {
    display: none;
}

.elementor-1157 .elementor-element.elementor-element-ccf673e .wcdp-button  {
    color: var(--e-global-color-accent);
    background-color: #FFF;
    font-weight: 600;
    font-size:16px;
    border-radius: 50px;
}

.elementor-1157 .elementor-element.elementor-element-ccf673e .wcdp-row {
    margin-bottom: 10px;
}

.elementor-1157 .elementor-element.elementor-element-ccf673e .wcdp-divider {
    display: none;
}

.elementor-1157 .elementor-element.elementor-element-ccf673e .donation-amount-display {
    display: none;
}

.elementor-1157 .elementor-element.elementor-element-ccf673e .qty-wrapper {
    display: none;
}




/* =========================
   Regelmäßig Spenden: Layout als Pills
   HTML: .donation-frequency > label.donation-frequency-option > input + span
   ========================= */

/* Container: hübsch, mit Abstand */
.elementor-1157 .elementor-element.elementor-element-ccf673e .donation-frequency {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

/* Section Label "REGELMÄSSIG SPENDEN" soll wie Überschrift bleiben
   Falls es bei dir ein label/heading Element ist, kannst du das hier nutzen.
   (Wenn du den Selector kennst, sag ihn kurz, dann mache ich es 100% exakt.) */
.elementor-1157 .elementor-element.elementor-element-ccf673e .donation-frequency-title,
.elementor-1157 .elementor-element.elementor-element-ccf673e .donation-frequency-heading {
    display: block;
    margin: 14px 0 10px 0;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: rgba(255,255,255,.95);
}

/* Jede Option als Pill */
.elementor-1157 .elementor-element.elementor-element-ccf673e .donation-frequency-option {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 2px solid rgba(255,255,255,.35);
    background: rgba(255,255,255,.12);
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    user-select: none;
    line-height: 1;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

/* Hover */
.elementor-1157 .elementor-element.elementor-element-ccf673e .donation-frequency-option:hover {
    background: rgba(255,255,255,.18);
    border-color: rgba(255,255,255,.65);
    transform: translateY(-1px);
}

/* Input verstecken */
.elementor-1157 .elementor-element.elementor-element-ccf673e .donation-frequency-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Text */
.elementor-1157 .elementor-element.elementor-element-ccf673e .donation-frequency-option span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}

/* Kreis (Custom Radio) */
.elementor-1157 .elementor-element.elementor-element-ccf673e .donation-frequency-option span::before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 2px solid rgba(255,255,255,.75);
    background: transparent;
    display: inline-block;
}

/* Active/Checked */
.elementor-1157 .elementor-element.elementor-element-ccf673e .donation-frequency-option:has(input[type="radio"]:checked) {
    background: #fff;
    color: var(--e-global-color-accent);
    border-color: #fff;
    transform: none;
}

.elementor-1157 .elementor-element.elementor-element-ccf673e .donation-frequency-option:has(input[type="radio"]:checked) span::before {
    background: var(--e-global-color-accent);
    border-color: var(--e-global-color-accent);
}

/* Focus sichtbar (accessibility) */
.elementor-1157 .elementor-element.elementor-element-ccf673e .donation-frequency-option:has(input[type="radio"]:focus-visible) {
    outline: 3px solid rgba(255,255,255,.35);
    outline-offset: 3px;
}

/* Responsive: 2 pro Zeile */
@media(max-width: 600px) {
    .elementor-1157 .elementor-element.elementor-element-ccf673e .donation-frequency-option {
        flex: 1 1 calc(50% - 10px);
        justify-content: flex-start;
    }
}

/* Responsive: 1 pro Zeile */
@media(max-width: 380px) {
    .elementor-1157 .elementor-element.elementor-element-ccf673e .donation-frequency-option {
        flex: 1 1 100%;
    }
}

/* Fallback für Browser ohne :has (dann ist nur der Selected State weniger fancy) */
@supports not .elementor-1157 .elementor-element.elementor-element-ccf673e(:has(*)) {
    .elementor-1157 .elementor-element.elementor-element-ccf673e .donation-frequency-option {
        padding-left: 14px;
    }
}

/* Abstand oberhalb der Frequenz Auswahl */
.elementor-1157 .elementor-element.elementor-element-ccf673e .variations.wcdp_variation.wcdp-row{
    margin-top: 30px !important;
}

/* Abstand innerhalb der Frequenz Auswahl */
.elementor-1157 .elementor-element.elementor-element-ccf673e .donation-frequency{
    margin-top: 14px !important;
}

.elementor-1157 .elementor-element.elementor-element-ccf673e .pricing-container {
    display: flex;
    justify-content: flex-start;
}

.elementor-1157 .elementor-element.elementor-element-ccf673e .pricing-container .wcdp-button {
    margin-left: 0 !important;
    margin-right: auto;
}

.elementor-1157 .elementor-element.elementor-element-ccf673e .pricing-container {
    margin-top: 16px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-37b683c8 */@media(max-width:1400px){
    #jetzt-spenden-bild{
        display: none;
    }
}/* End custom CSS */