* {
    box-sizing: border-box;
    margin: 0em;
    
}



body{
    padding: 1em 1em 1em 1em;
    background-color: black;
}


h1, h2, p {
    font-family: "Raleway", Arial, sans-serif;
    color: white;

  }
h1 {
    letter-spacing: 0.1em;
    font-size: 1.3em;
    
}

h2 {
    font-size: 1em;
}
p{
    font-size: 0.8em;
     padding: 0.5em 0em 0.5em 0em;
}
    
    letter-spacing: 5px;
}


main{
    background-color: black;
}

.responsive {
    max-width: 100%;
    height: auto;
    border: none;
}

.responsive_high
{
    max-width: 5680px;
    height: auto;
    border: none;
}

img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}
a {
    text-decoration: none;
    border: none;
}



#hinweis {
    font-family: 'Raleway';
    font-size:1.4em;
    text-align: center;

}

#none { 
    background-color:black;
}

/*a:hover{
    background-color:rgba(200, 201, 204, 0.8);
    color:black;
}
*/

.navigation{
    text-align: center
}


.a:hover{ cursor: pointer; }

.social{
    font-size:1.5em;   
    color:black;
}

#social{
    font-size: 0.8em;
    text-align: right;
 
}

#copyright{
    font-size: 0.8em;
    text-align: right;
}

#unten
{
z-index:0;
}


#oben
{
max-width: 600px;
height: auto;
position:absolute;top:30px;left:60px;*/
z-index:1;
  
}
.klein {
    font-family: "Raleway", Arial, sans-serif;
    font-size: 0.8em;
    color: #4D4D4C;
}