body, html {
	height: 100%;
	margin: 0;
	overflow-x: hidden;
}

.para {
#	height: 100vh;
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.ausricht {
	position: absolute;
	left: 0;
	top: 30%;
	width: 100%;	
	text-align: center;
}

.ausricht1 {
	position: absolute;
	left: 0;
	top: 30%;
	width: 100%;	
	text-align: center;
}

.static {
	position: relative;
	height: 150px;
	background: white;
}

.code {
	position: relative;
	top: 0;
	left: 0;
}

input {
	font-size: 50px;
}

img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
}

.para1 {
	background-image: url("bilder/aufgang.jpg");
	height: 100vh;
#	opacity: 0.45;
}

.para2 {
	background-image: url("bilder/blick.jpg");
	max-height: 100%;
#	opacity: 0.45;
}

.para3 {
	background-image: url("bilder/steine.jpg");
	max-height: 100%;
#	opacity: 0.45;
}

.para4 {
	background-image: url("bilder/wald.jpg");
	max-height: 50%;
	height: 50%;
#	opacity: 0.45;
}

.para5 {
	background-image: url("bilder/tiere.jpg");
	max-height: 50%;
	height: 50%;
#	opacity: 0.45;
}

.para6 {
	background-image: url("bilder/wiese.jpg");
	max-height: 50%;
	height: 50%;
#	opacity: 0.45;
}

.para7 {
	background-image: url("bilder/sonne.jpg");
	max-height: 100%;
#	opacity: 0.45;
}

.para8 {
	background-image: url("bilder/sommer.jpg");
	max-height: 90%;
	height: 90%;
#	opacity: 0.45;
}

.para9 {
	background-image: url("bilder/winter.jpg");
	max-height: 90%;
	height: 90%;
#	opacity: 0.45;
}

.para10 {
	background-image: url("bilder/winter2.jpg");
	max-height: 100%;
#	opacity: 0.45;
}

.para11 {
	background-image: url("bilder/netz.jpg");
	min-height: 100%;
#	opacity: 0.45;
}

.acht {
	height: 10px;		
}

.elf {
	min-height: 100%;
}

h1 {
	font-size: 4em;
	color: #000000;
	text-shadow: 0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF;
}

h2 {

}

h3 {
	font-size: 1em;
	color: #000000;
	text-shadow: 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff;

}

p {

}