.elementor-290580 .elementor-element.elementor-element-402c6e4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:112px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-290580 .elementor-element.elementor-element-402c6e4:not(.elementor-motion-effects-element-type-background), .elementor-290580 .elementor-element.elementor-element-402c6e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1ba0c4e );}.elementor-290580 .elementor-element.elementor-element-83e073d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile: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 );}.elementor-290580 .elementor-element.elementor-element-f7460e9 img{width:100%;}.elementor-290580 .elementor-element.elementor-element-edd90e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-290580 .elementor-element.elementor-element-f182b0d .elementor-heading-title{font-family:"Outfit", outfit;font-size:38px;font-weight:600;}.elementor-290580 .elementor-element.elementor-element-95eeb6f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-290580 .elementor-element.elementor-element-95eeb6f.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-290580 .elementor-element.elementor-element-81a76e4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290580 .elementor-element.elementor-element-81a76e4:not(.elementor-motion-effects-element-type-background), .elementor-290580 .elementor-element.elementor-element-81a76e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1ba0c4e );}.elementor-290580 .elementor-element.elementor-element-dd05387{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290580 .elementor-element.elementor-element-392164c img{width:100%;}.elementor-290580 .elementor-element.elementor-element-ec5b441{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290580 .elementor-element.elementor-element-1053438 .elementor-heading-title{font-family:"Outfit", outfit;font-size:38px;font-weight:600;}.elementor-290580 .elementor-element.elementor-element-eb4c142 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-290580 .elementor-element.elementor-element-eb4c142.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-290580 .elementor-element.elementor-element-8d0ff8c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-290580 .elementor-element.elementor-element-681b8ac{--spacer-size:30px;}.elementor-290580 .elementor-element.elementor-element-faf4926{--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;}.elementor-290580 .elementor-element.elementor-element-35fd11d{--display:flex;}.elementor-290580 .elementor-element.elementor-element-0d24753 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-290580 .elementor-element.elementor-element-0d24753{text-align:start;}.elementor-290580 .elementor-element.elementor-element-0d24753 .elementor-heading-title{font-family:"Outfit", outfit;font-size:24px;font-weight:600;}.elementor-widget-text-editor{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-290580 .elementor-element.elementor-element-6078aee > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-290580 .elementor-element.elementor-element-6078aee{font-family:"Roboto", outfit;font-size:18px;font-weight:400;}.elementor-290580 .elementor-element.elementor-element-0f96ee5{--display:flex;}.elementor-290580 .elementor-element.elementor-element-139c4a9 img{width:100%;}.elementor-290580 .elementor-element.elementor-element-14104c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-290580 .elementor-element.elementor-element-3eaa949{text-align:center;}.elementor-290580 .elementor-element.elementor-element-3eaa949 .elementor-heading-title{font-family:"Outfit", outfit;font-size:38px;font-weight:600;}.elementor-290580 .elementor-element.elementor-element-69e8ea9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-290580 .elementor-element.elementor-element-69e8ea9.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-290580 .elementor-element.elementor-element-8afddc7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-290580 .elementor-element.elementor-element-9c45eb1{text-align:center;}.elementor-290580 .elementor-element.elementor-element-9c45eb1 .elementor-heading-title{font-family:"Outfit", outfit;font-size:38px;font-weight:600;}.elementor-290580 .elementor-element.elementor-element-4332168 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-290580 .elementor-element.elementor-element-4332168.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-290580 .elementor-element.elementor-element-6b5d437{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-290580 .elementor-element.elementor-element-10977f0{--spacer-size:20px;}.elementor-290580 .elementor-element.elementor-element-4ed128b{--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;--justify-content:center;--gap:0px 30px;--row-gap:0px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290580 .elementor-element.elementor-element-4ed128b:not(.elementor-motion-effects-element-type-background), .elementor-290580 .elementor-element.elementor-element-4ed128b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF;}.elementor-290580 .elementor-element.elementor-element-5f79b79{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-290580 .elementor-element.elementor-element-5f79b79.e-con{--align-self:center;}.elementor-290580 .elementor-element.elementor-element-2be1bd5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-290580 .elementor-element.elementor-element-2be1bd5{text-align:start;}.elementor-290580 .elementor-element.elementor-element-2be1bd5 .elementor-heading-title{font-family:"Outfit", outfit;font-size:40px;font-weight:600;}.elementor-290580 .elementor-element.elementor-element-86087ff > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-290580 .elementor-element.elementor-element-86087ff{font-family:"Roboto", outfit;font-size:18px;font-weight:400;}.elementor-290580 .elementor-element.elementor-element-398808e{--spacer-size:20px;}.elementor-290580 .elementor-element.elementor-element-f4205ea{--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;--justify-content:center;--gap:0px 30px;--row-gap:0px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290580 .elementor-element.elementor-element-f4205ea:not(.elementor-motion-effects-element-type-background), .elementor-290580 .elementor-element.elementor-element-f4205ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF;}.elementor-290580 .elementor-element.elementor-element-696ac81{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-290580 .elementor-element.elementor-element-696ac81.e-con{--align-self:center;}.elementor-290580 .elementor-element.elementor-element-38b7c54 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-290580 .elementor-element.elementor-element-38b7c54{text-align:start;}.elementor-290580 .elementor-element.elementor-element-38b7c54 .elementor-heading-title{font-family:"Outfit", outfit;font-size:40px;font-weight:600;}.elementor-290580 .elementor-element.elementor-element-39a37d9{--display:flex;--border-radius:0px 0px 60px 0px;--padding-top:30px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-290580 .elementor-element.elementor-element-39a37d9:not(.elementor-motion-effects-element-type-background), .elementor-290580 .elementor-element.elementor-element-39a37d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-field-group > label{font-family:"Outfit", outfit;font-weight:400;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-field-type-html{padding-bottom:0px;font-family:"Outfit", outfit;font-weight:400;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-field-group .elementor-field, .elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-field-subgroup label{font-family:"Outfit", outfit;font-weight:400;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:0px 0px 0px 0px;border-radius:30px 30px 30px 30px;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:0px 0px 0px 0px;border-radius:30px 30px 30px 30px;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-button{font-family:"Roboto", outfit;font-weight:600;border-radius:40px 40px 40px 40px;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-button[type="submit"]{color:#ffffff;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-290580 .elementor-element.elementor-element-76c4ef0 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-290580 .elementor-element.elementor-element-76c4ef0{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-290580 .elementor-element.elementor-element-152c7a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-290580 .elementor-element.elementor-element-d1ea0d8{--spacer-size:50px;}body.elementor-page-290580{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-290580 .elementor-element.elementor-element-0d24753 .elementor-heading-title{font-size:36px;}.elementor-290580 .elementor-element.elementor-element-6078aee{line-height:1.4em;}.elementor-290580 .elementor-element.elementor-element-2be1bd5 .elementor-heading-title{font-size:36px;}.elementor-290580 .elementor-element.elementor-element-86087ff{line-height:1.4em;}.elementor-290580 .elementor-element.elementor-element-38b7c54 .elementor-heading-title{font-size:36px;}}@media(min-width:768px){.elementor-290580 .elementor-element.elementor-element-83e073d{--width:50%;}.elementor-290580 .elementor-element.elementor-element-edd90e5{--width:50%;}.elementor-290580 .elementor-element.elementor-element-dd05387{--width:50%;}.elementor-290580 .elementor-element.elementor-element-ec5b441{--width:50%;}.elementor-290580 .elementor-element.elementor-element-faf4926{--content-width:800px;}.elementor-290580 .elementor-element.elementor-element-35fd11d{--width:50%;}.elementor-290580 .elementor-element.elementor-element-0f96ee5{--width:50%;}.elementor-290580 .elementor-element.elementor-element-14104c8{--content-width:800px;}.elementor-290580 .elementor-element.elementor-element-8afddc7{--content-width:800px;}.elementor-290580 .elementor-element.elementor-element-4ed128b{--content-width:855px;}.elementor-290580 .elementor-element.elementor-element-5f79b79{--width:100%;}.elementor-290580 .elementor-element.elementor-element-f4205ea{--content-width:350px;}.elementor-290580 .elementor-element.elementor-element-696ac81{--width:100%;}.elementor-290580 .elementor-element.elementor-element-39a37d9{--width:100%;}}@media(max-width:767px){.elementor-290580 .elementor-element.elementor-element-f182b0d .elementor-heading-title{font-size:32px;line-height:34px;}.elementor-290580 .elementor-element.elementor-element-402c6e4{--content-width:90%;}.elementor-290580 .elementor-element.elementor-element-1053438 .elementor-heading-title{font-size:32px;}.elementor-290580 .elementor-element.elementor-element-81a76e4{--content-width:90%;}.elementor-290580 .elementor-element.elementor-element-faf4926{--content-width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290580 .elementor-element.elementor-element-0d24753{text-align:center;}.elementor-290580 .elementor-element.elementor-element-0d24753 .elementor-heading-title{font-size:30px;}.elementor-290580 .elementor-element.elementor-element-6078aee > .elementor-widget-container{padding:5px 0px 0px 0px;}.elementor-290580 .elementor-element.elementor-element-14104c8{--content-width:90%;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290580 .elementor-element.elementor-element-8afddc7{--content-width:90%;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290580 .elementor-element.elementor-element-10977f0{--spacer-size:0px;}.elementor-290580 .elementor-element.elementor-element-4ed128b{--content-width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290580 .elementor-element.elementor-element-2be1bd5{text-align:center;}.elementor-290580 .elementor-element.elementor-element-2be1bd5 .elementor-heading-title{font-size:30px;}.elementor-290580 .elementor-element.elementor-element-86087ff > .elementor-widget-container{padding:5px 0px 0px 0px;}.elementor-290580 .elementor-element.elementor-element-86087ff{line-height:1.8em;}.elementor-290580 .elementor-element.elementor-element-f4205ea{--content-width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290580 .elementor-element.elementor-element-38b7c54{text-align:center;}.elementor-290580 .elementor-element.elementor-element-38b7c54 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for html, class: .elementor-element-69e8ea9 */.form
{
    font-family: "Outfit"!important!;
}

.choice
{
    border-radius: 100px!important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69e8ea9 */.form
{
    font-family: "Outfit"!important!;
}

.choice
{
    border-radius: 100px!important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4332168 */.form
{
    font-family: "Outfit"!important!;
}

.choice
{
    border-radius: 100px!important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4332168 */.form
{
    font-family: "Outfit"!important!;
}

.choice
{
    border-radius: 100px!important;
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   Spendenslider auf /bauen-spenden → wie auf /spenden
   Einfügen in: Elementor → Custom CSS des betreffenden Widgets
   ODER WordPress → Erscheinungsbild → Zusätzliches CSS
   ============================================================ */

/* --- 1. Slider-Track: dünner (6px statt 15px), mit Progress-Gradient --- */
input[type="range"] {
  appearance: none;
  width: 100%;
  height: 6px !important;                  /* /spenden: 6px (war 15px) */
  border-radius: 5px;
  background: #1C6054;
  outline: none;
}

/* Progress-Gradient (wird per JS als inline style gesetzt) */
input[type="range"].slider-track-update {
  background: var(--slider-progress, #1C6054) !important;
}

/* --- 2. Thumb: Icon-Hintergrund + dunkelgrüner Border + Box-Shadow --- */
input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background:
    url("https://staging.heukelbach.org/wp-content/uploads/2026/04/icon-198.svg")
    center center / 22px 22px no-repeat
    rgb(28, 97, 85);                        /* war: #E5FE77 Gelb-Grün */
  border: 3px solid #1C6054;
  cursor: pointer;
  box-shadow: 0 0 0 2px #1C6054;
}

input[type="range"]::-webkit-slider-thumb:hover,
input[type="range"]::-webkit-slider-thumb:active {
  transform: scale(1.1);
}

/* Firefox */
input[type="range"]::-moz-range-thumb {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: url("https://staging.heukelbach.org/wp-content/uploads/2026/04/icon-198.svg")
    center center / 22px 22px no-repeat rgb(28, 97, 85);
  border: 3px solid #1C6054;
  box-shadow: 0 0 0 2px #1C6054;
  cursor: pointer;
}

/* --- 3. Slider-Row (Wrapper für Slider + Betragszahl) --- */
.slider-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

/* --- 4. Betragsanzeige rechts neben dem Slider --- */
#amountDisplay {
  font-size: 22px !important;              /* war 20px */
  font-weight: 700 !important;             /* war bold (gleich) */
  white-space: nowrap;
  min-width: 60px;
  text-align: right;
  font-family: Outfit, sans-serif !important;
  color: #1C6054 !important;
  margin-left: 0 !important;              /* kein extra margin-left mehr */
}

/* --- 5. Label "Oder individuellen Betrag eingeben" --- */
.individuellerBetrag {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #1C6054;
  display: block !important;
  margin-bottom: 10px !important;
}

/* --- 6. Individuel-Eingabefeld (abgerundet, weißer Hintergrund) --- */
.indivualfield {
  width: 55%;
  padding: 14px 20px;
  background: #ffffff;
  font-family: Outfit, sans-serif;
  font-size: 18px;
  color: #1C6054;
  outline: none;
  display: block;
  box-sizing: border-box;
  border: none !important;
  border-radius: 50px !important;
  margin-bottom: 24px !important;
}

.indivualfield:focus {
  box-shadow: rgba(28, 96, 84, 0.20) 0px 0px 0px 3px;
}

/* --- 7. Custom Radio Buttons (Einmalig / Monatlich) --- */
.custom-radio-button {
  font-size: 18px;
  color: #1C6054;
  align-items: center;
  gap: 8px;
  margin-right: 24px;
  cursor: pointer;
  display: inline-flex !important;
}

.custom-radio-button input[type="radio"] {
  visibility: hidden !important;
  position: absolute !important;
}

.custom-radio-button .checkmark {
  flex-shrink: 0;
  box-sizing: border-box;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  height: 28px !important;
  width: 28px !important;
  background-color: #E5FE77 !important;
  border-radius: 50% !important;
  display: inline-block !important;
  margin-right: 4px !important;
  border: 3px solid #1C6054 !important;
}

.custom-radio-button input[type="radio"]:checked + .checkmark {
  background-color: #1C6054 !important;
  border-color: #1C6054 !important;
  box-shadow: none !important;
}

.custom-radio-button:hover .checkmark {
  background-color: #D4F56A !important;
}

/* --- 8. Spenden-Button --- */
.Spendenbutton {
  width: 55%;
  font-family: Outfit, sans-serif !important;
  background-color: #1C6054 !important;
  border: none !important;
  color: #E5FE77 !important;
  padding: 16px 48px !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  border-radius: 50px !important;
  transition: background-color 0.3s !important;
  margin-top: 24px !important;
  display: block !important;
  text-align: center !important;
}

.Spendenbutton:hover {
  background-color: #134840 !important;
  color: #E5FE77 !important;
}

/* --- 9. Form-Layout --- */
#donationForm {
  display: flex;
  flex-direction: column;
  row-gap: 0 !important;
}

form#donationForm label.Spendenbetrag {
  display: block !important;
  margin-bottom: 12px !important;
}

form#donationForm #donationAmount {
  margin-bottom: 0 !important;             /* Abstand jetzt via slider-row */
}

/* --- 10. Responsive Mobile --- */
@media (max-width: 767px) {
  .indivualfield,
  .Spendenbutton {
    width: 100%;
  }
  .custom-radio-button {
    display: inline-flex !important;
    margin-bottom: 8px;
  }
  .Spendenbutton {
    font-size: 18px !important;
    padding: 14px 32px !important;
  }
}

/* --- 11. JS-Snippet: Progress-Gradient + slider-row HTML-Struktur ---
   Falls der Slider auf /bauen-spenden NOCH KEIN .slider-row-Div hat,
   muss auch das HTML angepasst werden (siehe Hinweise unten).
   -------------------------------------------------------------------- *//* End custom CSS */