:root{

    --footer-color-heading: #505050;
    --footer-color-bg: #1a1a1a;
    --footer-color-text: #4b4b4b;
    --footer-button-primary-bg: #6f353563;
    --footer-button-primary-bg-hover: #9e9e9e;
    --footer-button-primary-bg-active: #dddddd14;
    --footer-button-primary-text: #6e6e6e;
    --footer-button-primary-text-hover: #ffffff;

}


html body.extraHeight { margin-top: 0;} 
html body {
    margin-top: 0px;
    background-color: #ababab;
    font-family: gibson;
    font-weight: 100;
    font-size: 16px;
    line-height: 25px;
}

figure:last-of-type {
    margin: 0 0 40px 0;
}

html #main { min-height: calc(100vh - 266px); }


#c22833{
        background-color: #cccccc;
    margin-bottom: 50px;
    padding-bottom: 20px;
}
#c22785{ margin-top: 25px; }


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

#content h2 {
    color: #fe291e;
    font-family: gibson;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    font-style: oblique;
}

#content h1, #content h3 {
    color: #555555;
    letter-spacing: 0;
    font-family: gibson;
    font-weight: 500;
    font-style: oblique;
}
  
#content #FirstDon h3{color: #000000;}
#content #FirstDon {
    background-color: white;
    padding-top: 30px;
    margin-bottom: -30px;
}
  
#right { display: none; }  
hr { clear: both; margin: 0px 5% 20px 5%; height: 10px; }
strong {
    color: #fe291e;
    font-weight: 600;
}
  
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; }
  
#footer { background: #00000000; }
#footer a.btn-red.read-more-btn { color: black; text-decoration: none; }
#bottom-news a {background-color: white; margin-bottom: 5px;}
#bottom-news > h1, #bottom-news > div > h1 { color: white; }



#footer h1 {
    display: none;
}

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

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


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

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

li:nth-child(2), li:nth-child(3) {
  display: none;
}

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

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

@media (min-width: 720px) { 
	#main { margin-top: 0px; width:70%;}
     hr { clear: both; margin: 0 5% 20px 20%; }
    #content h1,#content h3{ margin: 0 15% 20px 15%; }
    #content h2{ margin: 10px 15% 6px 15%; }
    #main .bild-full-header-text p {
        margin-left: 15%;
        margin-right: 15%;
    }
    .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) { 
  #main { width: 700px; }
  img.paymentoptions {
        width: 50%;
        margin: -20px 0% 30px 25%;
  }
  
}