@media (min-width: 1100px) {
html {
	background: url(bilder/background.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; 
	overflow: hidden;
	font-family: calibri;
}

div#header {
	width: 101vw;
	height: auto;
	background-color: #ffffff;
	margin-top: -5vh;
	margin-left: -0.5vw;
}

div#headtext {
	text-align:center;
	font-size: 200%;
	width: 101vw;
	margin-left: -0.5vw;
	background-color: #ffffff;
	padding-top: 0.5vh;
	padding-bottom: 1vh;
}

div#spruch {
	position: absolute;
	width: 20vw;
	z-index: 1;
	margin-left: 73vw;
	margin-top: -15vh;
	transform: rotate(30deg);
	border: 1px solid #222;
	background-color: #ffffff;
}

div#back {
	margin-left: 0.5vw;
	margin-top: 0.5vh;
	position: absolute;
	width: 8vw;
	z-index: 1;
}

div#pics {
	position:relative;
	width: 101vw;
	margin-left: -0.5vw;
	height: 68vh;
}

div#pic1, div#pic2, div#pic3, div#pic4{
	width: 18vw;
	height: auto;
	position: absolute;
	border: 1px solid #222;
}

div#pic1 {
	margin-left: 4vw;
	margin-top: 9vh;
}

div#pic2 {
	margin-left: 28vw;
	margin-top: 5vh;
}

div#pic3 {
	margin-left: 52vw;
	margin-top: 8vh;
}

div#pic4 {
	margin-left: 76vw;
	margin-top: 9vh;
}

a {
	color: #000;
	text-decoration: none;
}

div#footer {
	position:absolute;
	background-color: #ffffff;
	bottom: 0;
	height: 4vh;
	width: 101vw;
	margin-left: -1vw;
	text-align: center;
}

div#footer div#footer_nav {
	margin: auto;
	margin-top: 1vh;
}

div#footer a:hover {
	color: gray;
}

div#footer div#footer_nav a#left {
	margin-right: 10vw;
}

div#footer div#footer_nav a#mitte1 {
	margin-right: 5vw;
}

div#footer div#footer_nav a#mitte2 {
	margin-left: 5vw;
}

div#footer div#footer_nav a#right {
	margin-left: 10vw;
}

.pictext {
	margin-top: -0.3vh;
	background-color: white;
	text-align: center;
	font-size: 120%;
	z-index:1;
}
} 
@media (max-width: 1099px) {
html {
	background: url(bilder/background.png);
	overflow: hidden;
	font-family: calibri;
}

div#header {
	width: 110vw;
	height: auto;
	background-color: #ffffff;
	margin-top: -3vh;
	margin-left: -3vw;
}

div#headtext {
	text-align:center;
	font-size: 200%;
	width: 110vw;
	margin-left: -3vw;
	background-color: #ffffff;
	padding-top: 0.5vh;
	padding-bottom: 0.5vh;
}

div#spruch {
	position: absolute;
	width: 20vw;
	z-index: 1;
	margin-left: 85vw;
	margin-top: -7vh;
	transform: rotate(30deg);
	border: 1px solid #222;
	background-color: #ffffff;
}

div#back {
	margin-left: 0.5vw;
	margin-top: 0.5vh;
	position: absolute;
	width: 15vw;
	z-index: 1;
}

div#pics {
	position:relative;
	width: 110vw;
	margin-left: -3vw;
	height: auto;
}

div#pic1, div#pic2, div#pic3, div#pic4{
	width: 33vw;
	height: auto;
	position: absolute;
	border: 1px solid #222;
}

div#pic1 {
	margin-left: 14vw;
	margin-top: 8vh;
}

div#pic2 {
	margin-left: 63vw;
	margin-top: 8vh;
}

div#pic3 {
	margin-left: 14vw;
	margin-top: 50vh;
}

div#pic4 {
	margin-left: 63vw;
	margin-top: 50vh;
}

.pictext {
	margin-top: -0vh;
	background-color: white;
	text-align: center;
	font-size: 120%;
	z-index:1;
}

a {
	color: #000;
	text-decoration: none;
}

div#footer {
	position:absolute;
	background-color: #ffffff;
	bottom: -8vh;
	height: 4vh;
	width: 110vw;
	margin-left: -3vw;
	text-align: center;
}

div#footer a {
	font-size: 120%;
}

div#footer div#footer_nav {
	margin: auto;
	margin-top: 1vh;
}

div#footer a:hover {
	color: gray;
}

div#footer div#footer_nav a#left {
	margin-right: 10vw;
}

div#footer div#footer_nav a#mitte1 {
	margin-right: 5vw;
}

div#footer div#footer_nav a#mitte2 {
	margin-left: 5vw;
}

div#footer div#footer_nav a#right {
	margin-left: 10vw;
}
}