a,
a:hover,
a:active{color: #000000; text-decoration: none;}


body{

padding:0;
margin: 0;
font-family: 'Oswald', sans-serif;
color: #000000;
}


.logo{

height: 100px;
padding: 10px;  
}

.downloadarea{
width:100%;
height: 100%;
background: url('../img/background.jpg');
background-size: cover;
    background-position: -0 -500;
}


.download-link {

width: 350px;
height:50px;
background: #FFFFFF;
margin-bottom: 10px;
padding: 15px;
border-radius: 45px;
margin-right:auto;
margin-left: auto;


}

.download-link  i{

background: rgba(205,205,205,0.4);
padding: 15px;
margin-right: 10px;
border-radius: 50%;
border:1px solid #BBBBBB;


}

.download-wrapper {
position: absolute;
top: 75%;
width: 100%;
}

.footer {
    position:fixed;
    bottom: 0px;    
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    text-align: right;
    color: #888888;
    background:#FFF;
    width: 100%
}

.footer a{
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    text-align: right;
    color: #292929;
}

.footer-inner {

    margin-right: 5%;
}


.side-imprint.slideable{
display:none;
position: fixed;
width: 400px;bottom: 65px;
background: #FFF;  
padding: 10px; 
right: 6%;
}

.side-imprint.slideable i{
font-size: 25px;
color: #ec0000;  
margin-right: 10px;
}

.side-imprint.slideable ul {

list-style-type: none;
width: 350px;

}

.bottom{text-align:center;border-top:1px dotted #666;width: 350px;margin-right:auto;margin-left:auto;}
.bottom i{margin-top: 5px;}
.top{text-align:right;}

.accent-color{color:#ec0000;font-size:25px;}

.datenschutz.slideable{
display:none;
position: fixed;
max-width: 500px;
height: 500px;
bottom: 65px;
background: #FFF;  
padding: 10px; 
right: 6%;
overflow-y: scroll;

}

.datenschutz.slideable i{
font-size: 25px;
color: #ec0000;  
margin-right: 10px;
}

.facebook-button{    font-size: 20px;
    color: #3b5998;
    margin-left: 10px;}




@media only screen and (min-width: 1080px) {
	.downloadarea{
width:100%;
height: 100%;
background: url('../img/background.jpg');
background-size: cover;
    background-position: 0 -300;
}

.download-wrapper {
position: absolute;
top: 66%;
width: 100%;
}

}

 @media only screen and (min-width: 720px) {
	.downloadarea{
width:100%;
height: 100%;
background: url('../img/background.jpg');
background-size: cover;
    background-position: 0 -0;
}

.download-wrapper {
position: absolute;
top: 70%;
width: 100%;
}


}

@media only screen and (min-width: 1900px) {
	.downloadarea{
width:100%;
height: 100%;
background: url('../img/background.jpg');
background-size: cover;
    background-position: 0 -500;
}

.download-wrapper {
position: absolute;
top: 70%;
width: 100%;
}


}