.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:100px;--padding-bottom:0px;--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-secondary );}.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;}.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;}.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-secondary );}.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;}.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;}.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-95eeb6f *//* style.css */
body {
   font-family: "Outfit", Sans-serif!important;
    padding: 20px;
    background-color: #f4f4f4; /* Hintergrundfarbe der Seite */
    color: #1C6054; /* Haupttextfarbe */
}

input[type="range"] {
    -webkit-appearance: none; /* Entfernt Standard-Design */
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #1C6054; /* Hintergrund des Sliders */
    outline: none; /* Entfernt den Outline-Rahmen bei Fokussierung */
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #89D0BE; /* Farbe des Slider-Knopfs */
    cursor: pointer;
}

input[type="range"]::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #007bff;
    cursor: pointer;
}

#amountDisplay {
    font-family: 'outfit', sans-serif!important;
    font-size: 20px;
    margin-left: 10px;
    color: #1C6054!important; /* Farbe des angezeigten Betrags */
    font-weight: bold;
}


.Spendenbutton {
    font-family: "Outfit", Sans-serif!important;
    background-color: #89D0BE!important; /* Hellgrüne Farbe */
    border: none!important; /* Kein Rand */
    color: #19312D!important; /* Dunkle Schriftfarbe für bessere Lesbarkeit */
    padding: 10px 20px!important; /* Polsterung rund um den Text */
    text-align: center!important; /* Zentriert den Text im Button */
    text-decoration: none!important; /* Keine Unterstreichung */
    display: inline-block!important; /* Ermöglicht weitere Styling-Optionen */
    font-size: 16px!important; /* Schriftgröße */
    margin: 4px 2px!important; /* Abstand um den Button */
    cursor: pointer!important; /* Cursor als Pointer, zeigt Interaktivität an */
    border-radius: 50px!important; /* Hohe Abrundung für runde Ecken */
    transition: background-color 0.3s!important; /* Animation für Farbwechsel */
    margin-top: 20px!important;
    padding: 10px 34px 10px 34px!important;
}

.Spendenbutton:hover {
    background-color: #1C6054!important; /* Hellere Grün-Tönung beim Hover */
    color: #FFFFFF!important;
}



/* Versteckt den Standard-Radio-Button */
.custom-radio-button input[type="radio"] {
    visibility: hidden!important;
    position: absolute!important;
}

/* Erstellt ein neues 'Radio-Button' Design */
.custom-radio-button .checkmark {
    position: relative!important;
    top: 0!important;
    left: 0!important;
    height: 20px!important;
    width: 20px!important;
    background-color: #eee!important;
    border-radius: 50%!important;
    display: inline-block!important;
    margin-right: 10px!important;
  border-style: solid;
  border-width: 4px;
  border-color: #89D0BE;
}

/* Stil für den Zustand, wenn der Radio-Button ausgewählt ist */
.custom-radio-button input[type="radio"]:checked + .checkmark {
    background-color: #1C6054!important;
}

/* Optional: Fügt einen weiteren Effekt hinzu, wenn der Benutzer mit dem Mauszeiger über den Radio-Button fährt */
.custom-radio-button:hover .checkmark {
    background-color: #E5FE77!important;
}

.Spendenbetrag
{
    font-size: 20px;
}



input[type="range"]::-webkit-slider-thumb:hover,
input[type="range"]::-webkit-slider-thumb:active {
    transform: scale(1.1); /* Vergrößert den Knopf um 10% */
}

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

.checkmark
{
    margin-top: 0px;
}

.individuellerBetrag
{
    font-size: 20px;
    
}

@media (max-width: 767px) {
  form#donationForm > * {
    margin-bottom: 16px !important;
  }

  form#donationForm label.custom-radio-button {
    display: block !important;
    width: 100% !important;
    margin-bottom: 0 !important;
  }
}

.Spendenbetrag
{
    margin-bottom: 16px!important;
}

#donationForm
{
    row-gap: 16px!important;
}

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

form#donationForm #donationAmount {
    margin-bottom: 12px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95eeb6f *//* style.css */
body {
   font-family: "Outfit", Sans-serif!important;
    padding: 20px;
    background-color: #f4f4f4; /* Hintergrundfarbe der Seite */
    color: #1C6054; /* Haupttextfarbe */
}

input[type="range"] {
    -webkit-appearance: none; /* Entfernt Standard-Design */
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #1C6054; /* Hintergrund des Sliders */
    outline: none; /* Entfernt den Outline-Rahmen bei Fokussierung */
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #89D0BE; /* Farbe des Slider-Knopfs */
    cursor: pointer;
}

input[type="range"]::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #007bff;
    cursor: pointer;
}

#amountDisplay {
    font-family: 'outfit', sans-serif!important;
    font-size: 20px;
    margin-left: 10px;
    color: #1C6054!important; /* Farbe des angezeigten Betrags */
    font-weight: bold;
}


.Spendenbutton {
    font-family: "Outfit", Sans-serif!important;
    background-color: #89D0BE!important; /* Hellgrüne Farbe */
    border: none!important; /* Kein Rand */
    color: #19312D!important; /* Dunkle Schriftfarbe für bessere Lesbarkeit */
    padding: 10px 20px!important; /* Polsterung rund um den Text */
    text-align: center!important; /* Zentriert den Text im Button */
    text-decoration: none!important; /* Keine Unterstreichung */
    display: inline-block!important; /* Ermöglicht weitere Styling-Optionen */
    font-size: 16px!important; /* Schriftgröße */
    margin: 4px 2px!important; /* Abstand um den Button */
    cursor: pointer!important; /* Cursor als Pointer, zeigt Interaktivität an */
    border-radius: 50px!important; /* Hohe Abrundung für runde Ecken */
    transition: background-color 0.3s!important; /* Animation für Farbwechsel */
    margin-top: 20px!important;
    padding: 10px 34px 10px 34px!important;
}

.Spendenbutton:hover {
    background-color: #1C6054!important; /* Hellere Grün-Tönung beim Hover */
    color: #FFFFFF!important;
}



/* Versteckt den Standard-Radio-Button */
.custom-radio-button input[type="radio"] {
    visibility: hidden!important;
    position: absolute!important;
}

/* Erstellt ein neues 'Radio-Button' Design */
.custom-radio-button .checkmark {
    position: relative!important;
    top: 0!important;
    left: 0!important;
    height: 20px!important;
    width: 20px!important;
    background-color: #eee!important;
    border-radius: 50%!important;
    display: inline-block!important;
    margin-right: 10px!important;
  border-style: solid;
  border-width: 4px;
  border-color: #89D0BE;
}

/* Stil für den Zustand, wenn der Radio-Button ausgewählt ist */
.custom-radio-button input[type="radio"]:checked + .checkmark {
    background-color: #1C6054!important;
}

/* Optional: Fügt einen weiteren Effekt hinzu, wenn der Benutzer mit dem Mauszeiger über den Radio-Button fährt */
.custom-radio-button:hover .checkmark {
    background-color: #E5FE77!important;
}

.Spendenbetrag
{
    font-size: 20px;
}



input[type="range"]::-webkit-slider-thumb:hover,
input[type="range"]::-webkit-slider-thumb:active {
    transform: scale(1.1); /* Vergrößert den Knopf um 10% */
}

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

.checkmark
{
    margin-top: 0px;
}

.individuellerBetrag
{
    font-size: 20px;
    
}

@media (max-width: 767px) {
  form#donationForm > * {
    margin-bottom: 16px !important;
  }

  form#donationForm label.custom-radio-button {
    display: block !important;
    width: 100% !important;
    margin-bottom: 0 !important;
  }
}

.Spendenbetrag
{
    margin-bottom: 16px!important;
}

#donationForm
{
    row-gap: 16px!important;
}

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

form#donationForm #donationAmount {
    margin-bottom: 12px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb4c142 *//* style.css */
body {
   font-family: "Outfit", Sans-serif!important;
    padding: 20px;
    background-color: #f4f4f4; /* Hintergrundfarbe der Seite */
    color: #1C6054; /* Haupttextfarbe */
}

input[type="range"] {
    -webkit-appearance: none; /* Entfernt Standard-Design */
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #1C6054; /* Hintergrund des Sliders */
    outline: none; /* Entfernt den Outline-Rahmen bei Fokussierung */
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #89D0BE; /* Farbe des Slider-Knopfs */
    cursor: pointer;
}

input[type="range"]::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #007bff;
    cursor: pointer;
}

#amountDisplay {
    font-family: 'outfit', sans-serif!important;
    font-size: 20px;
    margin-left: 10px;
    color: #1C6054!important; /* Farbe des angezeigten Betrags */
    font-weight: bold;
}


.Spendenbutton {
    font-family: "Outfit", Sans-serif!important;
    background-color: #89D0BE!important; /* Hellgrüne Farbe */
    border: none!important; /* Kein Rand */
    color: #19312D!important; /* Dunkle Schriftfarbe für bessere Lesbarkeit */
    padding: 10px 20px!important; /* Polsterung rund um den Text */
    text-align: center!important; /* Zentriert den Text im Button */
    text-decoration: none!important; /* Keine Unterstreichung */
    display: inline-block!important; /* Ermöglicht weitere Styling-Optionen */
    font-size: 16px!important; /* Schriftgröße */
    margin: 4px 2px!important; /* Abstand um den Button */
    cursor: pointer!important; /* Cursor als Pointer, zeigt Interaktivität an */
    border-radius: 50px!important; /* Hohe Abrundung für runde Ecken */
    transition: background-color 0.3s!important; /* Animation für Farbwechsel */
    margin-top: 20px!important;
    padding: 10px 34px 10px 34px!important;
}

.Spendenbutton:hover {
    background-color: #1C6054!important; /* Hellere Grün-Tönung beim Hover */
    color: #FFFFFF!important;
}



/* Versteckt den Standard-Radio-Button */
.custom-radio-button input[type="radio"] {
    visibility: hidden!important;
    position: absolute!important;
}

/* Erstellt ein neues 'Radio-Button' Design */
.custom-radio-button .checkmark {
    position: relative!important;
    top: 0!important;
    left: 0!important;
    height: 20px!important;
    width: 20px!important;
    background-color: #eee!important;
    border-radius: 50%!important;
    display: inline-block!important;
    margin-right: 10px!important;
  border-style: solid;
  border-width: 4px;
  border-color: #89D0BE;
}

/* Stil für den Zustand, wenn der Radio-Button ausgewählt ist */
.custom-radio-button input[type="radio"]:checked + .checkmark {
    background-color: #1C6054!important;
}

/* Optional: Fügt einen weiteren Effekt hinzu, wenn der Benutzer mit dem Mauszeiger über den Radio-Button fährt */
.custom-radio-button:hover .checkmark {
    background-color: #E5FE77!important;
}

.Spendenbetrag
{
    font-size: 20px;
}



input[type="range"]::-webkit-slider-thumb:hover,
input[type="range"]::-webkit-slider-thumb:active {
    transform: scale(1.1); /* Vergrößert den Knopf um 10% */
}

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

.checkmark
{
    margin-top: 0px;
}

.individuellerBetrag
{
    font-size: 20px;
    
}

#amountInput
{
    border-radius: 100px;
}

#donationAmount
{
  border-radius: 100px;  
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb4c142 *//* style.css */
body {
   font-family: "Outfit", Sans-serif!important;
    padding: 20px;
    background-color: #f4f4f4; /* Hintergrundfarbe der Seite */
    color: #1C6054; /* Haupttextfarbe */
}

input[type="range"] {
    -webkit-appearance: none; /* Entfernt Standard-Design */
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #1C6054; /* Hintergrund des Sliders */
    outline: none; /* Entfernt den Outline-Rahmen bei Fokussierung */
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #89D0BE; /* Farbe des Slider-Knopfs */
    cursor: pointer;
}

input[type="range"]::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #007bff;
    cursor: pointer;
}

#amountDisplay {
    font-family: 'outfit', sans-serif!important;
    font-size: 20px;
    margin-left: 10px;
    color: #1C6054!important; /* Farbe des angezeigten Betrags */
    font-weight: bold;
}


.Spendenbutton {
    font-family: "Outfit", Sans-serif!important;
    background-color: #89D0BE!important; /* Hellgrüne Farbe */
    border: none!important; /* Kein Rand */
    color: #19312D!important; /* Dunkle Schriftfarbe für bessere Lesbarkeit */
    padding: 10px 20px!important; /* Polsterung rund um den Text */
    text-align: center!important; /* Zentriert den Text im Button */
    text-decoration: none!important; /* Keine Unterstreichung */
    display: inline-block!important; /* Ermöglicht weitere Styling-Optionen */
    font-size: 16px!important; /* Schriftgröße */
    margin: 4px 2px!important; /* Abstand um den Button */
    cursor: pointer!important; /* Cursor als Pointer, zeigt Interaktivität an */
    border-radius: 50px!important; /* Hohe Abrundung für runde Ecken */
    transition: background-color 0.3s!important; /* Animation für Farbwechsel */
    margin-top: 20px!important;
    padding: 10px 34px 10px 34px!important;
}

.Spendenbutton:hover {
    background-color: #1C6054!important; /* Hellere Grün-Tönung beim Hover */
    color: #FFFFFF!important;
}



/* Versteckt den Standard-Radio-Button */
.custom-radio-button input[type="radio"] {
    visibility: hidden!important;
    position: absolute!important;
}

/* Erstellt ein neues 'Radio-Button' Design */
.custom-radio-button .checkmark {
    position: relative!important;
    top: 0!important;
    left: 0!important;
    height: 20px!important;
    width: 20px!important;
    background-color: #eee!important;
    border-radius: 50%!important;
    display: inline-block!important;
    margin-right: 10px!important;
  border-style: solid;
  border-width: 4px;
  border-color: #89D0BE;
}

/* Stil für den Zustand, wenn der Radio-Button ausgewählt ist */
.custom-radio-button input[type="radio"]:checked + .checkmark {
    background-color: #1C6054!important;
}

/* Optional: Fügt einen weiteren Effekt hinzu, wenn der Benutzer mit dem Mauszeiger über den Radio-Button fährt */
.custom-radio-button:hover .checkmark {
    background-color: #E5FE77!important;
}

.Spendenbetrag
{
    font-size: 20px;
}



input[type="range"]::-webkit-slider-thumb:hover,
input[type="range"]::-webkit-slider-thumb:active {
    transform: scale(1.1); /* Vergrößert den Knopf um 10% */
}

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

.checkmark
{
    margin-top: 0px;
}

.individuellerBetrag
{
    font-size: 20px;
    
}

#amountInput
{
    border-radius: 100px;
}

#donationAmount
{
  border-radius: 100px;  
}/* 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-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 */