/* 2020-11 */
.text {
color: black;
}
noscript {
font-size: 0.7em;
line-height: 0.1em;
}
#vorschaltbanner {
 width: 100%;
 height: auto;
 font-size: 1.3em;
 text-align: left;
 line-height: 1.1em;
 padding: 0 2vw 1vh 2vw;
 cursor: default;
 background-color: #eeeeee;
border-bottom: 0.2em solid #0a9eff !important;
/*border-top: 0.2em solid #0a9eff !important;*/
animation: leiste 1s 1 cubic-bezier(.01,.66,.34,1.3);
 box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
 -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
 font-size: 1em;
 margin-top: 0em;
/* margin-top: 3.5em;*/
 margin-bottom: auto;
 z-index: 300;
position: relative;
text-align: center;
}
#vorschaltbanner:target {
 animation: leisteout 0.3s 0 ease-out;
 display:none;
}
@media only screen and (max-width: 380px) {
  #vorschaltbanner {
    font-size: 1em;
 padding: 10vh 2vw 2vh 2vw;
  }
}
#head-1 {
font-weight: 900;
font-size: 5em;
padding: 0vw 0vw 0vw 0vw;
margin-top: 1vh;
margin-bottom: 0;
color: #0a9eff;
font-family: "Asap",".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",sans-serif !important;
line-height: 1em;
}
@media only screen and (max-width: 380px) {
  #head-1 {
    font-size: 3em;
    line-height: 1em;
font-weight: 700;
  }
}
#head-2 {
font-weight: 400;
font-size: 1em;
color: #4e4f50;
font-family: "Asap",".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",sans-serif !important;
line-height: 1.2em;
margin-top: 1vh;
}
@media only screen and (max-width: 380px) {
  #head-2 {
    font-size: 1em;
line-height: 1.2em;
font-weight: 400;
  }
}
#vorschaltbanner #button-spenden {
  background-color: #0a9eff !important;
  color: white; !important;
  border: none !important;
  border-radius: 1px;
  padding: 10px;
  text-align: center;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
margin: 10px 10px 10px 0;
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5);
}
#vorschaltbanner #button-spenden:hover {
 background-color: grey !important;
}
#vorschaltbanner #button-weiterlesen {
  background-color: darkgray;
  color: white; !important;
  border: none !important;
border-radius: 1px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 10px 10px 0 0;
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.5);
}
#vorschaltbanner #button-weiterlesen:hover {
 background-color: grey !important;
}
#infowhy a {
font-size: 0.8em;
color: darkgrey;
margin-top: 2vh;
}
#infowhy a:hover {
color: grey;
}
@keyframes leiste {
   from {transform:translateY(-500px)}
   to {transform:translateY(0px)};
}
@keyframes leisteout {
   from {opacity:100%;z-index:300;}
   to {opacity:0%;z-index:0};
}
#vorschaltbanner form {
 margin-bottom:22px;
 max-width:28em !important;
 margin-left:auto;
 margin-right:auto
}

#spenden-twingle {
width:28em;
margin: auto;
}

@media only screen and (max-width: 380px) {
#spenden-twingle {
width:18em;
margin: auto;
}
}
/**********************************************/
.payimg {
 height:auto;
 max-width: 60%;
 margin-top: 2vw;
margin-bottom: 2vw;
}
@media only screen and (max-width: 380px) {
  .payimg {
    max-width: 100%;
padding-top: 5vw;
  }
}
.text {
color: black;
}
#spendenleiste {
    font-size: 1.3em;
    line-height: 1.1em;
    padding-left: 10vw !important;
    padding-right: 10vw !important;
    cursor: default !important;
}
#spendenleiste a {
 color: #0a9eff;
 cursor: pointer;
}
#spendenleiste a:hover {
 color: grey !important;
 text-decoration: underline !important;
}
@media only screen and (max-width: 380px) {
  #spendenleiste {
    font-size: 1em;
  }
}
#summe {
font-weight: 900;
font-size: 3em;
color: #0a9eff;
}
@media only screen and (max-width: 380px) {
  #summe {
    font-size: 3em;
  }
}