/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 15 2025 | 11:23:20 */
/* CSS Code hier einfügen.

Spendenseite gemäß https://doku.civiservice.de/theme_css:css:civicrm-spendenseiten

Kommentarende*/ 

/* Typography */
/* Allgemein */
#crm-container div, p { 
  color: #666 !important; 
  line-height: 1.8 !important; 
  }
/* Zwischenüberschriften rausgenommen:   color: #e46450 !important;  */
.crm-container fieldset legend { 
  font-size: 24px !important; 
  font-weight: 300 !important; 
  padding: 50px 0 0 !important; 
  }
/* Pflichtsternchen */
.crm-container .crm-marker { 
  color: #e46450 !important; 
  }

/* Breite und Ausrichtung komplettes Formular */
#crm-container, .crm-container { 
  max-width: 800px; 
  margin-left: 0; 
  }
/* Dinge ausblenden */
.crm-title { 
  display: none; 
  }
/* Abstand zwischen Sections */ 
.crm-section { 
  margin-bottom: .5em !important; 
  }
/* Abstand zwischen Blöcken | Linie entfernen */
.crm-container fieldset { 
  padding: 40px 0 0 !important; 
  border: none !important; 
  }
/* Ausrichtung der Feldbeschriftungen */
.crm-container .label { 
  text-align: left !important; 
  font-weight: normal !important; 
  width: 160px !important; 
  /* background-color: antiquewhite; */ 
  }
.crm-container .content { 
  /* background-color: aliceblue; */ 
  margin-left: 170px !important; 
  }

/* Hilfetexte */
.crm-container .description { 
  font-size: .9em !important; 
  font-style: italic !important; 
  font-weight: 300 !important; 
  }

/* Eingabefelder */
/* Eigener Betrag */
#crm-container .eigener_betrag-content input[type="text"] { 
  width: calc(19% - 12px) !important;
  border-radius: 0 !important;
  background-image: none;
  font-weight: 300 !important;
  }

/* Recurring Intervalle */
#crm-container .is_recur-section .crm-form-select { 
  width: calc(34% - 24px) !important;
  border-radius: 0 !important;
  margin: 10px 0 10px 24px !important;
  height: 40px !important;
  font-weight: 300 !important;
  }
#crm-container .is_recur-section .content { 
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  align-content: space-between;
  }
/* Texteingabefelder */
#crm-container input[type="text"] {
  width: calc(100% - 12px) !important;
  border-radius: 0 !important;
  background-image: none;
  font-weight: 300 !important;
  }
/* Dropdowns  */
#crm-container .crm-form-select, .crm-select2 {
  width: calc(100% - 0px) !important;
  }
#crm-container .selet2-container {
  max-width: 800px;
  }
#crm-container .select2-container .select2-choice {
  padding: 6px 6px 6px 8px !important;
  border-radius: 0 !important;
  border: 1px solid #999 !important;
  background-image: none !important;
  }
#crm-container .select2-container .select2-choice .select2-arrow {
  border-left: 1px solid transparent !important;
  border-radius: 0 !important;
  background: none !important;
  top: 3px !important;
  }
#crm-container .select2-dropdown-open .select2-choice {
  background-color: #fff !important;
  }
#crm-container .select2-container-active .select2-choice {
  color: #4e4e4e !important;
  box-shadow: none !important;
  border: 1px solid #999 !important;
  }
.select2-results {
  font-weight: 300 !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  }
.select2-drop {
  color: #4e4e4e !important;
  }
.select2-drop-active {
  border: 1px solid #999 !important;
  }
.select2-highlighted {
  background: #ccc !important;
  color: #4e4e4e !important;
  }
/* Checkboxen */
#crm-container input[type="checkbox"] {
  margin:0 !important;
  }
/* Buttons der Zahloptionen */
.payment_processor-section .content {
  display: flex;
  justify-content: space-between;
  }
.payment_processor-section .content input[type="radio"] + label {
  cursor: pointer;
  padding: .7em 1em;
  margin: 0;
  border: 0;
  background-color: #ececec;
  min-width: 3.5em;
  min-height: 2.5em;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.3;
  flex-grow: 1;
  }

/*  beide Button-Arten */
.crm-section .price-set-row input[type="radio"]:checked + label,
.crm-section .price-set-row input[type="radio"]:checked + label:hover,
.crm-section.payment_processor-section .content input[type="radio"]:checked + label,
.crm-section.payment_processor-section .content input[type="radio"]:checked + label:hover {
  background-color: #F06E00;
  color: #fff;
  }
.price-set-row .price-set-option-content input[type="radio"] + label:hover,
.crm-section.payment_processor-section .content input[type="radio"] + label:hover {
  background-color: #F06E00; 
  color: #fff;
  }

/* Absenden-Button */
i.crm-i {
  display: none;
  }
#crm-container button, .button {
  text-shadow: none !important;
  background: #F06E00 !important;
  font-size: 1.2em !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 20px 0 !important;
  padding: 10px 50px !important;
  }
#crm-container button:hover, .button:hover {
  text-shadow: none !important;
  background: #E7001D !important;
  font-size: 1.2em !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0;
  padding: 10px 50px !important;
  }

@media (max-width: 767px) {
.crm-section {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  }
.crm-container .label {
  width: 100% !important;
  }
.crm-container .content {
  /* background-color: aliceblue; */
  margin-left: 0 !important;
  width: 100%
  }
#crm-container .eigener_betrag-content input[type="text"] {
  width: calc(39% - 12px) !important;
  }
}

@media (max-width: 569px) {
#crm-container.crm-public .price-set-row {
  width: 100%;
  }
.is_recur-section label {
  width: 90%;
  }
.payment_processor-section .content {
  flex-flow: column;
  }
}

/* CiviCRM Thank you */
.crm-container .header-dark {
  background-color: #e3e3e3 !important;
  border-radius: 0 !important;
  padding: 10px !important;
}
.crm-container div.display-block {
  margin: 2em 0 !important;
}
.crm-container .help, .crm-container #help {
  border: none !important;
  font-size: 15px !important;
  padding: 10px !important;
}
.crm-container table {
  font-size: 15px !important;
}
.crm-container th {
  font-size: 15px !important;
}

/* Caldera Forms */
/* Erfolgsmedlung */
.caldera-grid .alert {
  padding: 20px ;
  margin-bottom: 18px;
  border-radius: 2px;
  }
.caldera-grid .alert-success {
  background-color: #E1E3F2 !important;
  border-color: #444;
  color: #444 !important;
  }
.caldera-grid input {
  color: #fff;
  }
.caldera-grid .help-block {
  font-style: italic;
  font-size: 14px;
  line-height: 1.5;
  }