html body.extraHeight { margin-top: 0;} 
html body{
      margin-top: 0px; 
      background-color: #323232;
        font-family: arial;
        font-weight: 100;
        font-size: 16px;
        line-height: 25px;
    }
html #main { min-height: calc(100vh - 266px); }

div#header { display: none; } 
div#main { float: none; margin-left: auto; margin-right: auto; }
div#content{ 
    background-color: #252525;
    box-shadow: none;
    color: #bebebe;
    border: solid 1px #ab876b;
    border-radius: 0 0 50px 50px;
    margin-top: -1px;
    overflow: hidden;
}

#content h2{
    color: #acf9ff;
    font-family: georgia;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 4px;
      }
#content h1, #content h3{
      color: #ffffff;
      text-transform: uppercase;
      letter-spacing: 4px;
      font-family: georgia;
      font-weight: 100;
      }
  
#content #FirstDon h3{color: #000000;}
#content #FirstDon {
    background-color: white;
    padding-top: 30px;
    margin-bottom: -30px;
}
  
div#right { display: none; }  
div hr { clear: both; margin: 0px 5% 20px 5%; height: 10px; }
strong{ color: #acf9ff; font-weight: 900;}
  
div p.red-text {     
    color: #ffdaa0;
    background-color: #252525;
    border: solid 1px #ab876b;
    border-radius: 10px;
}
p.red-text strong { color: #ff8002; }
p a { color: #ff8000; }
  
input.btn-red, a.btn-red { background-color: #acf9ff;color: black;border-radius: 10px;}
input.btn-red:hover, a.btn-red:hover { background-color: #59cfd8; }
input.form-control { background-color: #d7c0ae; border: 1px solid #252525; }
  
div#footer { background: #00000000; }
div#footer a.btn-red.read-more-btn { color: black; text-decoration: none; }
div#bottom-news a {background-color: white; margin-bottom: 5px;}
div#bottom-news > h1, div#bottom-news > div > h1 { color: white; }


      
div#footer a:hover {
    color: hsl(30.43deg 28.87% 53.14%);
    text-decoration: none;
}

div#footer-container {
    grid-template-columns: 1fr;
    text-align: center;
    width: 250px;
    padding: 33px 0 0% 0;
}


      
div#footer-container > :nth-child(1),
div#footer-container > :nth-child(2),
div#footer-container > :nth-child(3),
div#footer-container > :nth-child(5){
    display: none;
}

div#footer-container > :nth-child(4){
    display: grid;
    grid-template-columns: 1fr;
}

div.social-btn {
    margin: 0 auto 15px auto;
    width: auto;
}

  
@media (min-width: 550px) { 
  div#main { width: 85%; }
}

@media (min-width: 720px) { 
	div#main { margin-top: 0px; width:70%;}
    div hr { clear: both; margin: 0 5% 20px 20%; }
    #content h1,#content h3{ margin: 0 15% 20px 15%; }
    #content h2{ margin: 10px 15% 6px 15%; }
    div#main .bild-full-header-text p {
        margin-left: 15%;
        margin-right: 15%;
    }
    div.tx-powermail {
        padding: 0 15% 0 15%;
    }
    iframe#donate-iframe {
        width: 70%;
        margin: 0 15% 30px 15%;
    }
    img.paymentoptions {
        width: 57%;
        margin: -20px 5% 30px 20%;
    }
}

@media (min-width: 960px) { 
  div#main { width: 700px; }
  img.paymentoptions {
        width: 50%;
        margin: -20px 0% 30px 25%;
  }
  
}