.accordion-title.green {
  background-color: #95c023 !important;
}
.accordion-title.blue {
  background-color: #4195d1 !important;
}
.accordion-title.lightblue {
  background-color: #5ac3e3 !important;
}
.accordion-title.grey {
  background-color: #cccccc !important;
}
.accordion-title.lightgrey {
  background-color: #ededed !important;
}
.accordion-title.pink {
  background-color: #ea5b95 !important;
}
.accordion-title.orange {
  background-color: #f49833 !important;
}
.accordion-title.red {
  background-color: #ea5b4f !important;
}
.accordion-title.black {
  background-color: #000000 !important;
}
.accordion-title:hover {
  background-color: #95c023 !important;
}
.button {
  color: #fff !important;
}
.accordion-item .accordion-content p,
.accordion-item .accordion-content li,
.accordion-item .accordion-content a,
.accordion-item .accordion-content {
  color: #000 !important;
}
.txt-content.white > p,
.txt-content.white > a,
.txt-content.white > li,
.img--txt-normal.white .cke--mw > p,
.img--txt-normal.white .cke--mw > a,
.img--txt-normal.white .cke--mw > li {
  color: #000000 !important;
}
.txt-content.white .kkwa_cke a.button {
  color: #fff !important;
}
.black,
.black a,
.black li,
.black p,
.blue,
.blue a,
.blue li,
.blue p,
.green,
.green a,
.green li,
.green p,
.grey,
.grey a,
.grey li,
.grey p,
.lightblue,
.lightblue a,
.lightblue li,
.lightblue p,
.lightgrey,
.lightgrey a,
.lightgrey li,
.lightgrey p,
.orange,
.orange a,
.orange li,
.orange p,
.pink,
.pink a,
.pink li,
.pink p,
.red,
.red a,
.red li,
.red p {
  color: #fff !important;
}
.lb-data .lb-close {
  display: none;
}
.global--map-content p {
  color: #000 !important;
}

.no-bottom-padding{padding-bottom:0px!important;}

@media only screen and (max-width: 1023px) {
  #footer {
    margin-bottom: 30px;
  }
  #footer .donate--btn {
    display: block;
    text-align: center;
    margin-left: 0px;
  }
}
.footer-nav a {
  font-size: 20px;
  font-weight: 500;
  color: #999;
}
.footer-content {
  text-align: left;
  padding-top: 0px;
  padding-bottom: 12px;
}
.footer-content .col1,
.footer-content .col2 {
  margin-right: 10px;
}
.footer-content .col2:nth-child(2) {
  margin-right: 30px;
}
#footer .donate--btn {
  position: absolute;
  top: 0;
  right: 0;
}





@media only screen and (max-width: 1500px) {
  #footer .donate--btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 50px !important;
  }
}
@media only screen and (max-width: 1300px) {
  .footer-content .col1,
  .footer-content .col2 {
    margin-right: 10px;
    width: 49%;
    margin: 0 !important;
  }
  #footer .donate--btn {
    padding: 40px 50px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .footer-content {
    margin-bottom: 40px;
  }
  #footer .donate--btn {
    padding: 0px 50px !important;
    display: inline-block;
    margin: 0px !important;
    margin-top: 30px;
    width: 100%;
    position: relative;
  }
}
@media only screen and (max-width: 900px) {
  .footer-content .col1,
  .footer-content .col2 {
    margin-right: 0px;
    width: 100%;
    margin: 0 !important;
  }

  .footer-logos br{display:none;}
  .footer-content .col2 {
    margin-bottom: 30px !important;
  }
}
.footer--grid {
  background-color: #fff;
}
#footer .footer-content.grid-container {
  background-color: transparent;
}
.footer-content {
  margin-top: 0px;
}
@media only screen and (min-width: 1023px) {
  #footer {
    margin-top: -100px;
  }
}
.txt-content.small-txt.white p {
  color: #000;
}
.img--txt-normal.smallgrid.small-txt.white a {
  color: #000;
}
.img--txt-normal.small-txt.white a {
  color: #000;
}
.img--txt-normal.white a {
  color: #000;
}
@media only screen and (max-width: 1023px) {
  .is--sub .main--content {
    margin-top: 0px;
  }
  .is--sub .txt-content.small-padding {
    padding: 10px 0;
  }
  #topinformations {
    height: 38px;
  }
  #logo,
  .darkHeader #logo {
    margin-top: 38px;
    z-index: 100;
    position: relative;
  }
  #header {
    position: relative;
  }
}
@media only screen and (max-width: 1125px) {
  #logo {
    width: 195px;
  }
}
@media only screen and (max-width: 800px) {
  body:not(.is--sub) #header .grid-container {
    background-color: #ddd;
  }
  body:not(.is--sub) #header .grid-container,
  .header--img .grid-container {
    background-color: #666;
  }
}
/* 
### DONATE ONLINE ### 
*/
.donate--online {
  color: #fff;
  background: #cc0000;
  border-radius: 0px;
  padding-top: 1em;
  padding-bottom: 1em;
}
.donate--online input[name="amount"] {
  width: auto;
  margin: 1em auto;
}
.donate--online input[name="amount"][readonly] {
  background-color: #ccc;
}
.donate--online select[name="project"] {
  width: auto;
  margin: 1em auto 0;
}
.donate--online input::placeholder {
  color: #515151;
}
.donate--online .invalid {
  font-weight: 700;
  color: #8a1f11;
}
.donate--online small {
  font-size: 90%;
}
.donate--online .button:not(:hover) {
  color: #cc0000 !important;
  background-color: #fff;
}

/*IDH THEME*/

@media only screen and (max-width: 1024px) {
  #topinformations {
    height: 41px;
  }
}

#header {
  padding-bottom: 0px;
}
@media only screen and (min-width: 1025px) {
  #mainnavigation ul.large-horizontal > li > a {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  #mainnavigation ul.large-horizontal {
    overflow-x: hidden;
  }
}

.img-round--txt .grid-container,
.img-round--txt .img--cover,
.full--img img,
.img--txt-normal-image,
.gallery--content img {
  border-radius: 0px;
}

.red h1,
.red h2,
.red h3,
.red h4,
.red h5,
.red h6,
.orange h1,
.orange h2,
.orange h3,
.orange h4,
.orange h5,
.orange h6,
.grey h1,
.grey h2,
.grey h3,
.grey h4,
.grey h5,
.grey h6 {
  color: #fff !important;
}
.red {
  background-color: #cc0000 !important;
}

.red a.button {
  background: #fff !important;
  color: #cc0000 !important;
}
.red a.button:hover {
  background: #666 !important;
  color: #fff !important;
}
.grey a.button:hover {
  background: #fff !important;
  color: #cc0000 !important;
}

.icon--cart .red header,
.icon--cart:hover .red header,
.icon--cart .orange header,
.icon--cart:hover .orange header,
.icon--cart .grey header,
.icon--cart:hover .grey header {
  color: #fff;
}

.img--cover,
.four--boxes .cell {
  position: relative;
}
.video-play-icon {
  display: block;
  position: absolute;
  font-size: 100px;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  color: #fff;
}

@media only screen and (max-width: 1023px) {
  .img--cover .video-play-icon {
    display: none;
  }
}

.four--boxes .cell .video-play-icon {
  font-size: 70px;
}

.four--boxes .video-play-icon {
  display: block;
  position: absolute;
  font-size: 100px;
  left: 50%;
  transform: translate(-50%, -20%);
  top: 20%;
  color: #fff;
}

.txt-content h1,
.txt-content h2,
.txt-content h3,
.txt-content h4,
.txt-content h5,
.txt-content h6 {
  margin-bottom: 10px;
}

.accordion-title.red {
  background-color: #cc0000 !important;
}

.accordion-title.red:hover,
.is-active .accordion-title.red {
  background-color: #666 !important;
}

.kkwa_cke,
.kkwa_cke p,
.kkwa_cke li {
  font-size: 26px !important;
  line-height: 36px !important;
}

.small-txt .kkwa_cke,
.small-txt .kkwa_cke p,
.small-txt .kkwa_cke li {
  font-size: 18px !important;
  line-height: 30px !important;
}

.like-h1,
h1 {
  font-size: 52px;
  font-weight: 700;
}

.like-h2,
h2 {
  font-size: 48px;
  font-weight: 500;
}

.like-h,
h3 {
  font-size: 40px;
  font-weight: 700;
}

h1 + h2 {
  margin-top: 20px;
}

.the--news-listing .news--title {
  font-size: 24px;
  line-height: 36px;
  color: #cc0000;
  font-weight: 700;
}

.the--news-listing .news--date {
  color: #000 !important;
}

.the--news-listing .card {
  box-shadow: 0 0 40px #9999;
  display: flex;
  border: none;
}

.the--news-listing .cell {
  display: flex;
}

.the--news-listing .card:hover .news--title {
  color: #000 !important;
}

.white {
  border: none !important;
}

.language--switcher {
  display: inline-block;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-size: 18px;
}

.lang--de,
.lang--en {
  padding: 0px !important;
}

.mobi--language--switch {
  display: none !important;
}

@media only screen and (max-width: 1024px) {
  .mobi--language--switch {
    display: inline-block !important;
  }
}

/* SEARCH */
.search-mod button.button i,
#searchModal button.button i {
  color: #c00;
}

.search-mod button.button:hover i,
#searchModal button.button:hover i {
  color: #666;
  padding-left: 35px;
  padding-right: 20px;
  margin-right: -20px;
}

#searchModal .button:hover {
  background-color: #fff !important;
  color: #fff !important;
}

.search-mod.txt-content a {
  color: #c00;
}

.search-mod.txt-content a:hover {
  color: #666;
}

#searchModal .close-button {
  background: #666;
}

#searchModal .close-button:hover {
  background: #c00;
}

#searchModal .close-button {
  display: none;
}

.reveal-overlay {
  background-color: rgba(10, 10, 10, 0.75);
}
@media only screen and (max-width: 1024px) {
  #searchModal .close-button {
    display: block;
  }
  #searchModal .close-button {
    margin-right: 0px;
    margin-top: 0px;
  }

  .reveal--inner {
    margin-top: 30px;
  }
}

/* LEGACY */
.fa-3 {
  font-size: 4em;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.main--content .sky-form {
  font-size: inherit;
  color: inherit;
}

.bg-color-green {
  background-color: #72c02c !important;
}

.margin--top-50 {
  margin-top: 50px;
}

.donate--online p {
  margin-top: 0;
  margin-bottom: 0;
}

/*SKYFORM*/

.sky-form .shopping-cart .billing-info-inputs {
  padding: 20px;
  background: #f8f8f8;
  border: 1px solid #eee;
}

.sky-form ::placeholder {
  color: #999;
  opacity: 1; /* Firefox */
}

.yt {
  color: #ff0000;
  font-size: 30px;
  margin-top: 5px;
  margin-left: 5px;
}

.sky-form input[type="fax"] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #eee;
  border-radius: 0;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.sky-form input[type="checkbox"]:checked,
.sky-form input[type="checkbox"]:not(:checked),
.sky-form input[type="radio"]:checked,
.sky-form input[type="radio"]:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin: -15px 0;
  padding: 0;
}

.sky-form input[type="checkbox"]:checked + label::before,
.sky-form input[type="checkbox"]:not(:checked) + label::before,
.sky-form input[type="radio"]:checked + label::before,
.sky-form input[type="radio"]:not(:checked) + label::before {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  top: 4px;
  background: white;
  border: 1px solid #bbb;
  margin-right: 8px;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.sky-form input[type="checkbox"]:checked + label::before,
.sky-form input[type="radio"]:checked + label::before {
  background: #390;
  box-shadow: inset 0 0 0 2px white;
}

.the--btn {
  background-color: #c00 !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
  padding: 14px 25px 14px !important;
  -webkit-transition: 0.15s padding ease-out, 0.15s margin ease-out,
    0.15s border ease-out !important;
  transition: 0.15s padding ease-out, 0.15s margin ease-out,
    0.15s border ease-out !important;
  height: auto !important;
}

/*PROJEKTSPENDEN*/
.project-donations .card {
  box-shadow: 0 0 40px #9999;
  position: relative;
}

/* .project-donations header{height:100px;} */
.project-donations .card-section {
  text-align: center;
  display: flex;
  flex-flow: column wrap;
}
.project-donations .card-section  p {
  margin-top: 0;
}
.project-donations .card-section > * {
  flex-shrink: 1;
  flex-grow: 0;
}
.project-donations .card-section > .card-header {
  flex-shrink: 0;
  flex-grow: 1;
}
.project-donations.small-padding .amount {
  font-size: 24px !important;
  font-weight: bold;
}
.project-donations .icon--cart {
  padding: 0px;
}

.project-donations form {
  text-align: center;
}


/*TITLES*/
.like-h1, h1 {
  line-height: 52px;
}

.donate--online .h3, .donate--online h3 {

  line-height: 1.2;


}

.donate--online  p{color:#fff!important;}

/*NEWSLETTER*/
.cr_body {box-shadow:none!important;}

.mce_text{
  font-size: .875rem!important;
  font-weight: 400!important;
  line-height: 1.8!important;
  text-align:center!important;

}

.cr_button {
  text-decoration: none !important;
  font-size: 22px!important;
  font-weight: 700!important;
  border-radius: 0!important;
  padding: 14px 25px 14px!important;
  -webkit-transition: .15s padding ease-out,.15s margin ease-out,.15s border ease-out!important;
  transition: .15s padding ease-out,.15s margin ease-out,.15s border ease-out!important;
  background-color: #c00!important;
  height:auto!important;
}

.cr_button:hover {

  background-color: #666!important;
  opacity:1!important;
}
  
/*FORMULAR*/
.form-captcha .input-group-btn{display:none;}

.form-captcha .input-group-addon{margin-right:10px;}


@media only screen and (max-width: 639px) {
.img-round--txt .img--cover {

  height: 500px;
  margin-top: 30px;
}

}

.txt-content.white .cke--mw a.button, .txt-content.white .kkwa_cke a.button {
  background-color:#cc0000 !important;;
  color: #fff !important;
}

#trust--head{display:none;}

@media only screen and (min-width: 1270px) {
#trust--head{
  display:block;
  position: absolute;
  right: 0;
  margin-top: 8px;
}

}

.paypal-qr{font-size:14px;max-width: 80px;width: 80px;display: block;background: #fff;margin-top: 10px;padding: 5px;}



/*YT-VIDEO*/

/*LAYOUT*/

.yt--vid-content .grid-container{
display:flex;
width:100%;
flex-wrap: wrap;
gap: 20px; 

}


.the--pc{
  position:relative;
  width:50%;
  width: calc(100% - 0px); /* 2 Spalten mit Abstand */
  box-sizing: border-box;
    border:1px solid #ddd;
  }
  @media only screen and (min-width: 1024px) {
    .the--pc{
      width: calc(50% - 10px); /* 2 Spalten mit Abstand */

      }
  }



  .the--pc a{
  color:#fff;
  text-decoration:underline;
  }
  .the--pc a:hover{
  color:#fff;
  text-decoration:none;
  }
  .the--pc p,.the--pc em,.the--pc h4{
  color:#fff;
  }
  .the--pc p{
  font-size:16px;line-height:22px;
  }
  .the--pc em{
  font-size:12px;line-height:18px;
  }
  .the--pc h4{
  font-size: 32px;
    hyphens: auto;
    line-height: 37px;
  }
  
  .the--pc .info--symbol,.the--pc .info--close{display:none;}
  
  
  .the--pc iframe.pc-show {
    order: 1;
    flex: 0 0 100%;
    box-sizing: border-box;
  }
  .the--pc .preview {
    width: 100%;
    height: 550px;
    display: flex;
    position: relative;
    text-align: cvert;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
  top:0;
  }
  
   @media (max-width: 450px) {
  .the--pc .preview {
  height:auto;
  }
  
  }
  .the--pc .preview-wrapper {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
  padding:10px;
  }
  
  .the--pc .privacy--check-btn{
  width: auto;
    padding: 20px;
    color: #c00;
    border: none;
    font-weight: 600;
    font-size: 16px;
    margin: 20px 0;
  
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
  }
  .the--pc .privacy--check-btn:hover{
  width: auto;
    padding: 20px;
    color: #fff;
    border: none;
    font-weight: 600;
    font-size: 16px;
    margin: 20px 0;
  
    background-color: #c00;
    border: 1px solid #fff;
    border-radius: 50px;
  cursor:pointer;
  }
  
  a.privacy--non-check-btn{
  margin-top:0px;
  color:#c00;
  font-size:12px;
  }



  
  a.privacy--non-check-btn.show{
    order: 2;
    flex: 0 0 100%;
    box-sizing: border-box;
    width: 100%;
  }
  
  
  
  a.privacy--non-check-btn:hover{
  margin-top:0px;
  color:#1d1d1b;
  display:inline-block;
  font-size:12px;
  cursor:pointer;
  }
  
  /*FUNCTIONAL*/
  .the--pc .preview.absolute, .the--pc iframe {display:none;}
  .the--pc .preview.show {display:block;}
  .the--pc iframe.pc-show {display:block;}
  a.privacy--non-check-btn.show{display: inline-block;}
  a.privacy--non-check-btn.show:hover{text-decoration:underline;}


  a.privacy--non-check-btn{display:none;}



.form-label-new {
  margin-top: 10px;
  margin-bottom: -15px;
  color: #fff;
  font-size: 16px;
  font-weight:bold;
}
 

h2{line-height:50px;}