/*GENERAL*/

/*Standert Shizzle*/
html {
    height: 100%;
    width: 100%;
	overflow: hidden;
}


body {
    height: 100vh;
	width: 100vw;
    margin: 0px;
    background-image: url("bild.jpg");
    background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-color: white;
	position: fixed;
}


/*Informationen & Text*/
.info {
    left: 2vw;
    top: 2vw;
    position: fixed;
	font-family: Helvetica, sans-serif;
	letter-spacing: 0.04em;
	line-height: 1.25;
	color: white;
	font-size: 20px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    font-style: normal;
}

.info a{
    transition: 0.25s;
    text-decoration: none;
    color: white;
}

.info a:hover{
    color: white;
    /*text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);*/
    font-style: italic


}


/*Größenanpassung Mobil*/

/*@media only screen and (max-width: 736px) {
    
    html {
        font-size: 20vw;
    }
*/

@media only screen and (max-device-width: 413px) and (orientation : portrait){
    
    .info {
        font-size: 5.1vw;
    }
}

@media only screen and (max-device-width: 736px) and (orientation : landscape) {
    
    .info {
        font-size: 3.1vw;
    }
}