@charset "UTF-8";
/* CSS Document */
body {
	background-color: #639AC8;
	font-family: Calibri;
	}
.content {
	width: 90%; 
	max-width: 550px; 
	min-width: 350px; 
	display: block; 
	margin: 0px auto 75px;
	padding: 15px;
	border-radius: 15px;
	color: white;
	background-image: url("content.png");
	}
.content a {
	text-decoration: none;
	color: white;
	}
.content a:hover {
	color: #D3D3D3;
	}
.impressum {
	position: fixed;
	right: 5px;
	bottom: 5px;
	color: white;
	font-family: Calibri;
	}
.impressum a {
	text-decoration: none;
	color: white;
	}
.impressum a:hover {
	color: black;
	}
img#logo {
    width: 50%; 
    max-width: 400px; 
    min-width: 200px; 
    display: block; 
    margin: 0px auto 75px;
    }
@media only screen and (max-device-width: 680px) {
body {
    font-family: Arial;
    font-size: 50px;
    }
    .content { 
    width: 95%;
    max-width: 95%;
    min-width: 94%;
	}
    img#logo {
    width: 80%;
    max-width: 80%;
    min-width: 80%
    }
    .impressum {
    font-family: Arial;
    font-size: 35px;
    }
}