/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v29-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v29-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}



.projekte .element-item {
  margin: 15px !important;
  min-height: 475px;
  max-height: 475px;
  height: 475px;
  text-align: left;
}

.projekte .element-item a.button {
  position: absolute;
  bottom: 1.42857em;
  left: 1.42857em;
}

.projekte .element-item .tV_projectName {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 25px;
  min-height: 60px;
}

.projekte .element-item .tV_projectTeaser {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.projekte .projektboxen { margin-left: -14px; margin-right: -14px; }

.projekte .grid .pBildTileView {
  height: auto;
  min-height: 175px;
  max-height: 175px;
  min-width: 335px;
  object-fit: cover;
}

.projekte .grid .hrefPicMinHeight {
  background-color: #eee;
  min-height: 175px;
}


.projekte .grid .icon-denied::before {
  font: 300%/1 "RockSolid Icons";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 0;
  bottom: 0;
  height: max-content;
  color: #ccc;
  z-index: 0;
}

.organisationen .grid .icon-denied::before {
  font: 300%/1 "RockSolid Icons";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 0;
  bottom: 0;
  height: max-content;
  color: #ccc;
  z-index: 0;
}

div#filterSection { display: flex; width: 100%; margin-top: 75px; margin-bottom: 25px; }
div#filterSection .gebenfilterkategorie { width: 30%; margin-right: 30px; }
div#filterSection #sortResults {
  width: 100%;
  padding: 0.85714em 1.35714em;
  line-height: normal;
  border: 1px solid #cccccc;
  border-bottom-color: #bfbfbf;
  font-size: 0.93333em;
  color: inherit;
  background: #ffffff;
  min-height: 56px;
  max-height: 56px;
 }

 div#filterSection #selectResults { width: 25%; }
 div#filterSection #filterCategory {
   width: 100%;
   padding: 0.85714em 1.35714em;
   line-height: normal;
   border: 1px solid #cccccc;
   border-bottom-color: #bfbfbf;
   font-size: 0.93333em;
   color: inherit;
   background: #ffffff;
   min-height: 56px;
   max-height: 56px;
  }

div#filterSection .gebenfiltertextsuche { width: 40%; margin-right: 30px; }
div#filterSection .orgafiltertextsuche { width: 60%; }
div#filterSection #filterText { width: 100%; min-height: 56px; }

div#filterSection .gebenfilterzuruecksetzen { width: 20%; margin-right: 30px; }
div#filterSection button { width: 100%; min-height: 56px; max-height: 56px; white-space: nowrap;  margin-top: 0; }
/* div#filterSection div.gebenfiltertextsuche { width: 29%; margin-right: 2% } */
/* div#filterSection div.gebenfilterzuruecksetzen { float: unset; width: unset; text-align: unset; clear: unset; } */
/* div#filterSection div.gebenfilterzuruecksetzen button#resetFilters { background: lightgrey; color: #666; margin-top: 0 !important; } */
/* div#filterSection div.gebenfilterzuruecksetzen button#resetFilters:hover { background: #bbb; } */
/* div#filterSection input::placeholder { color: lightgrey !important; } */
/* div#filterSection input { min-height: 50px !important; max-height: 50px !important; padding: 10px !important; } */
/* div#filterSection select { min-height: 50px !important; max-height: 50px !important; padding: 10px !important; } */
/* div#filterSection button { min-height: 50px !important; max-height: 50px !important; padding: 10px !important; } */
/* div#filterSection #locations option { font-size: 100%; } */


div#filterSection div.gebenfiltertextsuche { position: relative; }
div#filterSection div.gebenfiltertextsuche input#filterText { padding-left: 45px !important; }
div#filterSection div.gebenfiltertextsuche li {
    position: absolute;
    top: 15px;
    list-style: none;
    left: 15px;
    color: #999;
}

.zahlartenlogos ul { padding: 0 !important; }
.zahlartenlogos ul > li.col_button { width: auto; }
.zahlartenlogos ul > li.col_button button { height: 80px; margin-top: 0 !important; }
.zahlartenlogos ul > li:first-of-type { margin-left: 0 !important; }
.zahlartenlogos ul > li { width: auto !important; background: white; }
.zahlartenlogos img { height: 80px; width: auto; }

.ce_gallery.galerie-projektdetailseite img { object-fit: cover; height: 300px; }
.ce_gallery.galerie-projektdetailseite ul > li { width: 15%; }

.donationmeter { height: 35px; background: #242753;}
.donationmeter .inner-meter { height: 35px; background: #a42423; }

.organisationen .element-item {
  margin: 10px !important;
  min-height: 285px;
  max-height: 285px;
  height: 230px !important;
}

.organisationen .element-item .ce_image , .organisationen .element-item .ce_image figure {
  height: auto !important;
}

.organisationen .grid .oBildTileView {
  height: auto;
  min-height: 130px;
  max-height: 130px;
  object-fit: contain;
}

.organisationen .grid .hrefPicMinHeight {
  background-color: white;
  min-height: 130px;
}

.organisationen .grid .orgaprojectlist.hrefPicMinHeight {
  background-color: #eee;
  min-height: 175px;
}

.organisationen .orgalogorahmen figure {
  max-height: 272px;
  min-height: 272px;
  height: 272px;
  min-width: 335px;
  max-width: 335px;
  width: 335px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd;
  margin-top: 0.75em;
}

.organisationen .orgalogorahmen figure img {
  max-height: 200px;
  max-width: 260px;
  object-fit: contain;
  padding: 0 !important;
  margin-top: 0 !important;
  width: auto !important;
  border: 0 !important;
}

.organisationen .element-item .tV_orgaName {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  border-top: 1px solid lightgrey;
  padding-top: 1em;
}


.projektgrid .element-item {
  margin: 10px !important;
  min-height: 475px;
  max-height: 475px;
  height: 475px;
  text-align: left;
}

.projektgrid .element-item a.button {
  position: absolute;
  bottom: 1.42857em;
  left: 1.42857em;
}

.projektgrid .element-item .tV_projectName {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.projektgrid .element-item .tV_projectTeaser {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.projektgrid .pBildTileView {
  height: auto;
  min-height: 175px;
  max-height: 175px;
  min-width: 335px;
  object-fit: cover;
}

.projektgrid .hrefPicMinHeight {
  background-color: #eee;
  min-height: 175px;
}

.projektgrid .icon-denied::before {
  font: 300%/1 "RockSolid Icons";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 0;
  bottom: 0;
  height: max-content;
  color: #ccc;
  z-index: 0;
}

.spendenformular div.intervall {
	float: left
}

.spendenformular fieldset.intervall {
	width: auto !important;
}

.spendenwrapper input { min-height: 50px !important; max-height: 50px !important; padding: 10px 20px !important; }
.spendenwrapper .anredewrap > select.anrede { font-size: 1em !important; width: 100%; }
.spendenwrapper fieldset.radio_container { min-height: 50px !important; max-height: 50px !important; }
.spendenwrapper fieldset.paymentpicker { min-height: 70px !important; max-height: unset !important; }

.spendenformular .labelselection {
	background-color: #fff;
	border: 1px solid #ddd;
	float: left;
	padding: 1rem;
	margin-right: 0rem;
	cursor: pointer;
	display: flex;
}

.spendenformular .labelselection:hover {
	-webkit-box-shadow:inset 0px 0px 0px 3px #ddd;
	-moz-box-shadow:inset 0px 0px 0px 3px #ddd;
	 box-shadow:inset 0px 0px 0px 3px #ddd;
}

.spendenformular input[type="radio"]:checked+label {
	-webkit-box-shadow:inset 0px 0px 0px 3px #242753;
	-moz-box-shadow:inset 0px 0px 0px 3px #242753;
	 box-shadow:inset 0px 0px 0px 3px #242753;
}

.spendenformular input[type=radio] {
	display: none;
}

.spendenformular .donationButton:hover {
	background: white !important;
	-webkit-box-shadow:inset 0px 0px 0px 3px #ddd;
	-moz-box-shadow:inset 0px 0px 0px 3px #ddd;
	box-shadow:inset 0px 0px 0px 3px #ddd;
}

.donationButton { cursor: pointer; }
.donationButton:hover { background-color: #d2d2d2 !important; }
.donationAmount { text-align: right; }
.donationAmount::placeholder { color: #d5d5d5 !important; }


.spendenformular .paymentTypes {
	float: left;
	padding: 1rem;
	margin-right: 1rem;
	cursor: pointer;
}

.spendenformular .paymentTypes input[type="radio"]:checked+label {
	-webkit-box-shadow:inset 0px 0px 0px 3px #242753;
	-moz-box-shadow:inset 0px 0px 0px 3px #242753;
	 box-shadow:inset 0px 0px 0px 3px #242753;
}

.spendenformular .one-way button {
	float: right;
}

.spendenformular .two-ways a {
	float: left;
}

.spendenformular .two-ways button {
	float: right;
	margin: 0;
}

.spendenformular div.intervall {
	float: left
}

.spendenformular fieldset.intervall {
	width: auto !important;
}

.spendenformular .donationIntervalInfo {
  width: 100%;
  float: left;
  clear: none;
  line-height: normal;
  font-size: initial;
  background: #f4f4f4;
  padding: 15px;
}

.spendenformular .donationIntervalText {
  font-weight: bold;
}

.spendenformular input { width: 100%; }

form.spendenformular .feldfirmawrap { display: inline-block; width: 48%; }
form.spendenformular .anredewrap { display: inline-block; width: 25%; }
form.spendenformular .feldtitelwrap { display: inline-block; width: 25%; }
form.spendenformular .feldvornamewrap { display: inline-block; width: 25%; }
form.spendenformular .feldnachnamewrap { display: inline-block; width: 33%; }
form.spendenformular .mailadressewrap { display: inline-block; width: 40%; }
form.spendenformular .nomarginbottom { margin-bottom: 0 !important; }
form.spendenformular .spendenbemerkung { height: 120px; line-height: normal !important; }
form.spendenformular .spanspendenformularpadding { padding: 2px 20px; display: inline-block; margin-top: -3px; }
form.spendenformular .fieldsetspendenquittung { display: flex; }
form.spendenformular .spendenquittingwrap , form.spendenformular .explanationwrap  { width: 100%; margin-top: 1em; }
form.spendenformular .spendenquittinginfo { background: #f4f4f4; padding: 10px 15px; line-height: normal; font-size: 13px; border-radius: 5px; margin-top: -11px; }
form.spendenformular .datenschutzinfo { background: #f4f4f4; padding: 10px 15px; line-height: normal; font-size: 13px; border-radius: 5px; }

form.spendenformular .strassewrap { display: inline-block; width: 40%; }
form.spendenformular .strassennummerwrap { display: inline-block; width: 20%; }
form.spendenformular .plzwrap { display: inline-block; width: 20%; }
form.spendenformular .ortsnamewrap { display: inline-block; width: 30%; }
form.spendenformular .landwrap { display: inline-block; width: 30%; }
form.spendenformular .landwrap select.land { width: 100% !important; }

form.spendenformular .select .select {
    padding: 11px;
    border: 1px solid #dddddd;
    height: 50px;
}


.spendenformular .formbody fieldset {
    width: 100%;
}
.spendenformular .formbody fieldset fieldset {
    background: none !important;
}
.spendenformular .radio_container,
.spendenformular .checkbox_container {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    width: 100% !important;
}

#spendenangaben .radio_container span,
#spendenangaben .checkbox_container span {
  background-color:#fff;
  border:1px solid #ddd;
  float: left;
  padding: 1rem;
  margin-right: 1rem;
  font-size: 0.7em;
}

.spendenformular .radio_container span,
.spendenformular .checkbox_container span {
  background-color:#fff;
  border:1px solid #ddd;
}

#spendenangaben .paymentpicker span {
  background-color: transparent ;
  border: 0;
  float: left;
  padding: 0;
  margin-right: 1rem;
}

#spendenCheckoutH1 { margin-bottom: 0 !important; padding-left: 50px; margin-top: 50px !important; margin-left: 0 !important; }
#spendenCheckoutH3 { margin-bottom: 50px !important; padding-left: 50px; margin-top: 0 !important; font-size: 1.4rem;}
.checkout-intern main.main-content div.mod_article { margin-bottom: 50px; }
.checkout-intern li.tab-navigation-item.tab-disabled a { color: #999; background-color: #f7f7f7; }
.checkout-intern li.tab-navigation-item.tab-disabled { cursor: default; }
.checkout-intern li.tab-navigation-item.tab-disabled a::before { color: #242753; }

.checkout-extern main.main-content div.mod_article { margin-bottom: 50px; }
.checkout-extern li.tab-navigation-item.tab-disabled { color: #999; background-color: #f7f7f7; }
.checkout-extern li.tab-navigation-item.tab-disabled { cursor: default; }
.checkout-extern li.tab-navigation-item.tab-disabled a::before { color: #242753; }

.spendenformular fieldset { border: 0; border-top: 1px solid lightgrey; }
.spendenformular fieldset legend { background-color: white; border: 1px solid #ddd; color: #666; font-size: 13px; padding: 10px; }
.spendenformular fieldset legend::before { padding-right: 5px; color: #242753; }
.spendenformular .formbody { width: 95%; }
.spendenwrapper .ce_form { display: flex; }
.spendenwrapper .ce_form form.spendenformular { width: 70%; }
#pruefung .ce_form form.spendenformular { width: 100%; }
.spendenwrapper .ce_form .ce_table { width: 70%; }
.spendenwrapper .ce_form .ce_table table { width: 95%; }
.spendenwrapper .ce_form .checkoutSideInfo { width: 30%; border-left: 1px solid lightgrey; padding-left: 35px; font-size: 0.8em; }
.spendenwrapper .ce_form .checkoutSideInfo .sideInfopName { color: #242753; font-weight: 600 !important; word-break: break-word; }
.spendenwrapper .ce_form .checkoutSideInfo .icon-text-block::before { color: #242753; top: 0.45em; }
.spendenwrapper .ce_form .checkoutSideInfo .icon-text-block p a {
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
  text-overflow: ellipsis;
}

.spendenwrapper input { min-height: 50px !important; max-height: 50px !important; padding: 10px 20px !important; }
.spendenwrapper .anredewrap > select.anrede { font-size: 1em !important; width: 100%; }
.spendenwrapper fieldset.radio_container { min-height: 50px !important; max-height: 50px !important; }
.spendenwrapper fieldset.paymentpicker { min-height: 70px !important; max-height: unset !important; }

.spendenwrapper .widget.widget-select.select select.select {
    border: 1px solid #dddddd;
    border-bottom-color: #d0d0d0;
    line-height: inherit !important;
}

@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {
   .spendenwrapper .anredewrap > select.anrede { position: relative; top: 1px; }
}

.spendenwrapper .freierspendenbetrag { margin-top: 0 !important; }
.spendenwrapper fieldset#ctrl_62 { margin-bottom: 20px; }
.spendenwrapper .freierspendenbetragOder { margin-bottom: 1em; background: #f4f4f4; width: fit-content; padding: 14px 18px; border-radius: 5px; font-size: 14px; display: inline; margin-right: 15px; }
.spendenwrapper .paymentTypes img { width: 80px; }
.spendenwrapper .paymentTypes { cursor: default; }
/* .spendenwrapper .button::before { content: ''; } */
.spendenwrapper h2 { margin-left: 0; font-weight: 600 !important; }

.hide
{
	display: none !important;
}

.main-content input.freierspendenbetrag {
    width: 141px;
    padding: 20px 17px !important;
}

.main-content div.freierspendenbetrag span.wunschbetrageuro {
  background: #f4f4f4e5;
  padding: 15px 10px 14px 10px;
  border: 1px solid #ddd;
  border-left: 0;
  border-radius: 0px 2px 2px 0px;
  font-size: 14px;
  font-weight: 600;
}

.spendenwrapper fieldset {
    color: #666 !important;
    line-height: 1 !important;
    /* min-height: 70px; */
}

nav.tab-navigation ul li a { color: #242753; }

@media screen and (min-width: 2000px) {
  .centered-wrapper-background {
      margin: 0 auto;
      max-width: 2000px;
  }
}

@media screen and (max-width: 2000px) {
  .centered-wrapper-background {
      margin: 0;
      max-width: unset;
  }
}

.extern #selectDonationProject {
  padding: 10px 25px;
  border-radius: 5px;
  margin-bottom: 50px;
  border: 1px solid lightgrey;
  margin-left: 50px;
  width: 90%;
  margin-top: 15px;
}

.button {
    box-shadow: none !important;
    border: none !important;
    text-transform: none !important;
    font-size: 1em;
}

.buttonx2 {
    box-shadow: none !important;
    border: none !important;
    text-transform: none !important;
    font-size: 1em;
}

.ce_gallery.galerie-projektdetailseite img { object-fit: cover; height: 220px; }
.ce_gallery.galerie-projektdetailseite ul > li { width: 14%; min-width: 150px; display: inline-block; float: unset; }
.ce_gallery.galerie-projektdetailseite ul { text-align: center; }
.ce_gallery.galerie-projektdetailseite { margin-left: -1.5% !important; margin-right: -1.5% !important; }

.donationmeter { height: 35px; background: #242753;}
.donationmeter .inner-meter { height: 35px; background: #a42423; }

.homeboxen p.button { background: #a41916; }
.homeboxen p.button:hover { color: #fff !important; }

.homeboxen > a.-large-last > p.button { background: lightgrey; }

.organisationen .logorahmentop .image_container img { max-height: 200px; }
.coverimage { width: 100%; }


@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {
   .spendenwrapper .anredewrap > select.anrede { position: relative; top: 1px; }
}

.spendenwrapper .freierspendenbetrag { margin-top: 0 !important; }
.spendenwrapper fieldset#ctrl_62 { margin-bottom: 20px; }
.spendenwrapper .freierspendenbetragOder { margin-bottom: 1em; background: #f4f4f4; width: fit-content; padding: 14px 18px; border-radius: 5px; font-size: 14px; display: inline; margin-right: 15px; }
.spendenwrapper .paymentTypes img { width: 80px; }
.spendenwrapper .paymentTypes { cursor: default; }
/* .spendenwrapper .button::before { content: ''; } */
.spendenwrapper h2 { margin-left: 0; font-weight: 600 !important; }

.hide
{
	display: none !important;
}

.main-content input.freierspendenbetrag {
    width: 141px;
    padding: 20px 17px !important;
}

.main-content div.freierspendenbetrag span.wunschbetrageuro {
  background: #f4f4f4e5;
  padding: 15px 10px 14px 10px;
  border: 1px solid #ddd;
  border-left: 0;
  border-radius: 0px 2px 2px 0px;
  font-size: 14px;
  font-weight: 600;
}

.spendenwrapper fieldset {
    color: #666 !important;
    line-height: 1 !important;
    /* min-height: 70px; */
}

nav.tab-navigation ul li a { color: #242753; }

@media screen and (min-width: 2000px) {
  .centered-wrapper-background {
      margin: 0 auto;
      max-width: 2000px;
  }
}

@media screen and (max-width: 2000px) {
  .centered-wrapper-background {
      margin: 0;
      max-width: unset;
  }
}

.extern #selectDonationProject {
  padding: 10px 25px;
  border-radius: 5px;
  margin-bottom: 50px;
  border: 1px solid lightgrey;
  margin-left: 50px;
  width: 90%;
  margin-top: 15px;
}

.button {
    box-shadow: none !important;
    border: none !important;
    text-transform: none !important;
    font-size: 1em;
}

.buttonx2 {
    box-shadow: none !important;
    border: none !important;
    text-transform: none !important;
    font-size: 1em;
}

.ce_gallery.galerie-projektdetailseite img { object-fit: cover; height: 300px; }
.ce_gallery.galerie-projektdetailseite ul > li { width: 15%; }

/* .donationmeter { height: 35px; background: black;}
.donationmeter .inner-meter { height: 35px; background: #ffd900; } */

@media screen and (max-width: 1302px) {
  .filterwrapper { margin-left: 0; }
  div#filterSection #selectResults {
      width: 20%;
  }
  div#filterSection .gebenfilterkategorie {
    width: 25%;
  }
  div#filterSection .gebenfiltertextsuche {
      width: 30%;
  }
  div#filterSection .gebenfilterzuruecksetzen {
      width: 20%;
      white-space: nowrap;
  }
}

@media screen and (max-width: 1050px) {
  div#filterSection .gebenfilterzuruecksetzen {
      font-size: 0.8rem;
  }
}

@media screen and (max-width: 940px) {
  .spendenformular .formbody { width: 100%; }
  .checkoutSideInfo { display: none; }
  .spendenwrapper .ce_form form.spendenformular { width: 100%; }
  .spendenwrapper .ce_form .ce_table { width: 100%; }
  .spendenwrapper .ce_form .ce_table table { width: 100%; }

  .spendenwrapper fieldset.radio_container {
    min-height: unset !important;
    max-height: unset !important;
  }

  .spendenformular .labelselection {
    margin: 0rem;
  }

  #spendenangaben .radio_container span, #spendenangaben .checkbox_container span {
    margin: 0rem;
  }
  .spendenwrapper .freierspendenbetragOder { display: block; }
  form.spendenformular .fieldsetspendenquittung { display: block; }

  div#filterSection .gebenfilterzuruecksetzen {
    width: 48%;
    float: left;
    margin-right: 0;
  }
  div#filterSection #selectResults {
    width: 48%;
    float: right;
  }
  div#filterSection .gebenfiltertextsuche {
    width: 100%;
  }
  div#filterSection .gebenfilterkategorie {
      width: 100%;
  }
  div#filterSection {
      display: block;
  }
  div#filterSection div {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 800px) {
  #spendenCheckoutH1 { padding-left: 0px; font-size: 2.5em; word-break: break-word; }
  #spendenCheckoutH3 { padding-left: 0px; font-size: 1.2em; word-break: break-word; }
}

@media screen and (max-width: 676px) {
div#article-191 div#filterSection { position: relative; }
div#article-191 div#filterSection .nehmenSelectResults { position: absolute; right: 0; top: 0; margin-top: 0; }
div#article-191 div#filterSection div.gebenfilterdarstellung { position: absolute; right: -4px; top: 65px; }
.spanspendenformularpadding { padding: 10px 20px !important; line-height: normal; }
.spendenwrapper input[name="dataProtection"] { min-height: unset !important; max-height: unset !important; padding: unset !important;}
form.spendenformular .feldfirmawrap { width: 40%; }

form.spendenformular .feldfirmawrap { width: 100%; }
form.spendenformular .anredewrap { width: 50%; }
.spendenwrapper .anredewrap > select.anrede { width: 100%; }
form.spendenformular .feldtitelwrap { width: 48%; }
form.spendenformular .feldvornamewrap { width: 50%; margin-bottom: 0; }
form.spendenformular .feldnachnamewrap { width: 48%; margin-bottom: 0; }
form.spendenformular .mailadressewrap { display: block; width: 100%; }

form.spendenformular .strassewrap { width: 70%; }
form.spendenformular .strassennummerwrap { width: 28%; }
form.spendenformular .plzwrap { width: 30%; margin-bottom: 0; }
form.spendenformular .ortsnamewrap { width: 68%; margin-bottom: 0; }
form.spendenformular .landwrap { display: block; width: 100%; }
form.spendenformular fieldset { padding-left: 1%; padding-right: 1%; }
}

.co_updates div.intervall fieldset.intervall { display: flex; gap: 8px; flex-direction: row; flex-wrap: wrap; }
.co_updates .spendenformular div.widget-radio fieldset.radio_container { display: flex; gap: 8px; flex-direction: row; flex-wrap: wrap; }
.co_updates .spendenformular div.widget-radio fieldset.radio_container span.donationButton { margin-right: 0 !important; margin-top: 0 !important; }
.co_updates .spendenwrapper fieldset#ctrl_62 { margin-top: 0 !important; }
.co_updates .spendenwrapper .freierspendenbetrag { display: flex; gap: 8px; }
.co_updates .spendenwrapper .freierspendenbetrag input { border: 1px solid #ddd; }
.co_updates .spendenwrapper .freierspendenbetragOder { margin-bottom: 0; margin-right: 0; line-height: normal; border-radius: 0px; }
.co_updates .main-content div.freierspendenbetrag span.wunschbetrageuro { margin-left: -8px; }
.co_updates #spendenangaben .radio_container span, #spendenangaben .checkbox_container span { margin-top: 0; }
.co_updates #spendenangaben .paymentpicker span { margin-right: 0; display: flex; gap: 8px; flex-direction: row; flex-wrap: wrap; }
.co_updates .spendenformular .labelselection { margin-right: 0; }
.co_updates nav ul li.tab-navigation-item { white-space: nowrap; }
.co_updates h3#spendenCheckoutH3 { padding-right: 50px; }
.co_updates form.spendenformular div.widget.widget-submit.two-ways { display: flex; justify-content: space-between; gap: 5px; }
.co_updates form.spendenformular div.widget.widget-submit.two-ways a.button { font-size: 100%; }
.co_updates form.spendenformular div.widget.widget-submit.two-ways > div { display: none; }
.co_updates .spendenformular div.intervall fieldset { min-height: unset !important; max-height: unset !important; }

@media screen and (max-width: 1000px) {
  .co_updates nav ul li.tab-navigation-item { font-size: .8em; }
}

@media screen and (max-width: 940px) {
  .co_updates fieldset { margin-left: 0; margin-right: 0; padding-left: 20px; padding-right: 20px; }
  .co_updates form.spendenformular .spendenquittinginfo { line-height: 22px; }
  .co_updates form.spendenformular .datenschutzinfo { line-height: 22px; }
}

@media screen and (max-width: 767px) {
 .co_updates #spendenangaben { padding-right: 20px; padding-left: 20px; }
 .co_updates #personendaten { padding-right: 20px; padding-left: 20px; }
 .co_updates #pruefung { padding-right: 20px; padding-left: 20px; }
 .co_updates main.main-content > div > div.centered-wrapper-inner { width: 100%; margin-left: 0; }
 .co_updates #spendenCheckoutH1 { padding-left: 20px; font-size: 1.5rem; padding-right: 20px; }
 .co_updates #spendenCheckoutH3 { padding-left: 20px; padding-right: 20px; font-size: 1.1rem; }
}

@media screen and (max-width: 676px) {
.co_updates fieldset { margin-left: 0; margin-right: 0; padding-left: 20px; padding-right: 20px; }
.co_updates  .spendenformular div.intervall { float: unset; }
}

@media screen and (max-width : 500px) {
.co_updates .spendenformular div.widget-radio fieldset.radio_container { display: flex; gap: 8px; flex-direction: column; align-content: stretch; }
.co_updates .spendenwrapper .freierspendenbetragOder { width: 50%; }
.co_updates .spendenwrapper .freierspendenbetrag { width: 100%; }
.co_updates .spendenwrapper .donationAmount { width: 40%; }
.co_updates .spendenwrapper#pruefung { padding-left: 20px; padding-right: 20px; }
.co_updates .spendenwrapper#pruefung .spendenformular .two-ways { flex-direction: column; align-items: stretch; }
.co_updates #pruefung .spendenformular .two-ways button { margin-left: unset; margin-right: unset; }
.co_updates #pruefung table tr { display: flex; flex-direction: column; width: 100%; align-items: stretch; }
.co_updates #pruefung table tr td.col_last { background: white !important; border: 0; }
.co_updates #pruefung table tr td { font-size: 0.9rem; }
.co_updates #pruefung table tr td.col_first { font-weight: bold; background: #d3d3d352; }
.co_updates #pruefung h2 { width: 100%; text-align: center; }
}

@media screen and (max-width : 480px) {
.co_updates .main-content div.freierspendenbetrag span.wunschbetrageuro { display: none; }
.co_updates .spendenwrapper .donationAmount { width: 40%; }
.co_updates .spendenwrapper .freierspendenbetragOder { white-space: nowrap; width: 60% }
.co_updates form.spendenformular .anredewrap { width: 100%; }
.co_updates form.spendenformular .feldtitelwrap { width: 100%; }
.co_updates form.spendenformular .feldvornamewrap { width: 100%; }
.co_updates form.spendenformular .feldnachnamewrap { width: 100%; }
.co_updates form.spendenformular .spendenquittingwrap fieldset span.spanspendenformularpadding { width: 100%; }
}

@media screen and (max-width : 380px) {
.co_updates form.spendenformular .strassewrap { width: 100%; }
.co_updates form.spendenformular .strassennummerwrap { width: 100%; }
.co_updates form.spendenformular .plzwrap { width: 100%; }
.co_updates form.spendenformular .ortsnamewrap { width: 100%; }
}