* html, body{
margin:0;
padding:0;
}

html, body{
width:100%;
height:100%;
margin:0;
padding:0;
background: black;
overflow-x:hidden;
overflow-y:auto;
}

#website{
width:100%;
height:100%;
margin:0;
padding:0;
}

.headline{
margin-top:0px;
font-family: 'Indie Flower', cursive;
font-size: 1.9rem;
color:silver;
text-align:center;
min-height: 10px;
padding:10px;
}

.text{
margin:0 auto 0;
margin-top:20px;
font-family: 'Raleway', sans-serif;
font-size: 0.9em;
color:silver;
line-height:1.5em;
text-align:center;
min-height: 30px;
padding:10px;
width:75%;
}
.gedicht{
margin:0 auto 0;
margin-top:-60px;
font-family: 'Raleway', sans-serif;
font-size: 0.9em;
color:silver;
line-height:1.5em;
text-align:center;
min-height: 30px;
padding:10px;
width:75%;
}

.copyright{
margin:0 auto 0;
margin-top:0px;
font-family: 'Raleway', sans-serif;
font-size: 0.7em;
color:silver;
text-align:center;
min-height: 30px;
padding:10px;
}

.footer{
margin:0 auto 0;
margin-top:0px;
font-family: 'Raleway', sans-serif;
font-size: 0.7em;
color:silver;
text-align:center;
width:90%;
min-height: 30px;
padding:10px;
}

.copyright-hidden{display:none;}

a{color:#C0C0C0;}

@media (min-width:320px) and (max-width:768px){
.headline{
margin-top:10px;
font-family: 'Indie Flower', cursive;
font-size: 1.3rem;
color:silver;
text-align:center;
min-height: 10px;
padding:10px;
}

#container{
margin:0 auto 0;
width:85%;
min-height:20px;
}


@media (min-width:320px) and (max-width:480px){
.text{
margin:0 auto 0;
margin-top:10px!important;
text-align:center;
padding:10px;
}

@media (min-width:320px) and (max-width:480px){
#animation{
margin:0 auto 0;
margin-top:-10px!important;
padding:0px;
margin-left:0px;
width:100%;
height:100%;
}

@media (max-width:768px){
.copyright-hidden{
display:block;
margin-top:5px;
font-family: 'Raleway', sans-serif;
font-size: 0.7em;
color:silver;
text-align:center;
min-height: 30px;
padding:10px;
}

}