@media only screen and (max-width: 980px){

body{
	background-color: #231236;
	}
	
#header{
	z-index: 11;
	width: 100%;
	background-color: white;
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	font-family: Courier New bold;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 15px;
    text-align: center;
	}

#inhalt{
	position: absolute;
	top: 290px;
	right: 0px;
	left: 0px;
	text-align: center;
	width: 100%;
	font-size: 15px;
	font-family: Courier New;
	}
	
#startbild{
	z-index: 1;
	width: 100%;
	background: url(Marsfilm.jpg) center;
	background-size: 100%;
	position: absolute;
	top: 100px;
	right: 0px;
	left: 0px;
	height: 180px;
	font-size: 15px;
	-webkit-filter: blur(0px); 
    -moz-filter: blur(0px); 
    filter: blur(0px);
    		-webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
	}
	
#feld{
	width: 85%;
	background-color: white;
	position: relative;
	font-size: 20px;
	padding: 20px;
	border-radius: 20px;
	text-align: center;
	color: #4D2873;
	
	}

#titel{
	font-size: 6vw;
	color: #231236;
	}
		
#knopf:hover{	
    padding: 5px;
	border: #231236 solid 2px;
	border-radius: 10px;
    position: relative;
	background-color: white;
	text-decoration: none;
	font-family: Courier New;
	color: #231236;
	font-size: 8px;
	cursor: pointer;
    text-align: center;
    margin: none;
	}
	
#knopf{
	padding: 5px;
    border: #231236 solid 2px;
	border-radius: 10px;
    position: relative;
	background-color: #231236;
	text-decoration: none;
	font-family: Courier New;
	color: white;
	font-size: 8px;
	cursor: pointer;
    text-align: center;
    margin: none;
    
	}

#knopf2{
	padding: 5px;
	border: #231236 solid 2px;
	border-radius: 10px;
    position: relative;
	background-color: white;
	text-decoration: none;
	font-family: Courier New;
	color: #231236;
	font-size: 8px;
	cursor: pointer;
    text-align: center;
    margin: none;
	}
	
#button:hover{
	padding: 10px;
	border-radius: 10px;
	border: #231236 solid 2px;
	background-color: white;
	text-decoration: none;
	font-family: Courier New;
	color: #231236;
	font-size: 15px;
	margin: 15px;
	cursor: pointer;
	}
	
#button{
	padding: 10px;
	border-radius: 10px;
	border: #231236 solid 2px;
	background-color: #231236;
	text-decoration: none;
	font-family: Courier New;
	color: #ffffff;
	font-size: 15px;
	margin: 15px;
	cursor: pointer;
	}

#pfeil:hover{
	padding: 10px;
	visibility: none;
	background-color: #4D2873;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-decoration: none;
	font-family: Courier New;
	color: #ffffff;
	font-size: 15px;
	right:0px;
	top: 90%;
	font-size: 20px;
	z-index: 4;
	}
	


#pfeil{
	padding: 10px;
	visibility: none;
	position:fixed;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: #231236;
	text-decoration: none;
	font-family: Courier New;
	color: #ffffff;
	font-size: 15px;
	right:0px;
	top: 90%;
	font-size:20px;
	z-index: 4;
	}

#top{
	position: absolute;
	top: 0px;
	}
	
#login{
	padding-top: 20px;
	padding-bottom: 20px;
    position: absolute;
	background-color: #231236;
	font-family: Courier New;
	color: white;
	font-size: 20px;
    width: 100%;
	text-decoration: none;
	text-align: center;
	z-index: 10;
	top: 59px;
	right: 0px;
    left: 0px;
	}
	
#loglink{
	color: white;
	text-decoration: none;
	
	}
	
#loglink:active{
	color: white;
	text-decoration: none;
	
	}
	
#loglink:visited{
	color: white;
	text-decoration: none;
	
	}

#formregister{
	left: 30%
	}
	
:focus {
    outline: 0;
} 


::-moz-selection {
    background: #4D2873;
    color: #fff;
}
::selection {
    background: #4D2873;
    color: #fff;
}

.textfeld-login{
	color: #4D2873;
	border: none;
	border-bottom: 1px solid #4D2873;
	font-family: courier new;
	font-size: 20px;
	margin: 8px;
	width: 250px;
	}
	
.textfeld-login:focus{
	color: #4D2873;
	border: none;
	border-bottom: 1px solid #4D2873;
	font-family: courier new;
	margin: 8px;
	font-size: 20px;
	width: 250px;
	}
	

.textfeld-strasse:focus{
	color: #4D2873;
	border: none;
	border-bottom: 1px solid #4D2873;
	font-family: courier new;
	font-size: 20px;
	margin: 0px;
	margin-top: 8px;
	width: 188px;
	}

.textfeld-strasse{
	color: #4D2873;
	border: none;
	border-bottom: 1px solid #4D2873;
	font-family: courier new;
	font-size: 20px;
	margin: 0px;
	margin-top: 8px;
	width: 188px;
	}


.textfeld-nr:focus{
	color: #4D2873;
	border: none;
	border-bottom: 1px solid #4D2873;
	font-family: courier new;
	font-size: 20px;
	margin: 0px;
	margin-top: 8px;
	width: 50px;
	}
	
.textfeld-nr{
	color: #4D2873;
	border: none;
	border-bottom: 1px solid #4D2873;
	font-family: courier new;
	font-size: 20px;
	margin: 0px;
	margin-top: 8px;
	width: 50px;
	}
	
	}

















@media only screen and (min-width: 980px){

body{
	background-color: #231236;
	}
	
#header{
	z-index: 2;
	width: 100%;
	background-color: white;
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	font-family: Courier New bold;
	padding: 40px;
	font-size: 15px;
	}

#inhalt{
	position: absolute;
	top: 550px;
	right: 0px;
	left: 0px;
	text-align: center;
	padding: 40px;
	font-size: 15px;
	font-family: Courier New;
	}
	
#startbild{
	width: 100%;
	z-index: 1;
	background: url(Marsfilm.jpg) center;
	background-size: 100%;
	position: absolute;
	top: 50px;
	right: 0px;
	left: 0px;
	height: 500px;
	font-size: 15px;
	-webkit-filter: blur(0px); 
    -moz-filter: blur(0px); 
    filter: blur(0px);
		-webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
	}
	
#feld{
	width: 60%;
	background-color: white;
	position: relative;
	font-size: 20px;
	padding: 20px;
	border-radius: 20px;
	text-align: center;
	abox-shadow:8px 8px #4D2873;
	color: #4D2873;
	
	}

#titel{
	font-size: 300%;
	color: #231236;
	}
		
#knopf:hover{
	padding: 10px;
	border-radius: 10px;
	border: #231236 solid 2px;
	background-color: white;
	text-decoration: none;
	font-family: Courier New;
	color: #231236;
	font-size: 15px;
	margin: 1px;
	cursor: pointer;
	}
	
#knopf{
	padding: 10px;
	border-radius: 10px;
	border: #231236 solid 2px;
	background-color: #231236;
	text-decoration: none;
	font-family: Courier New;
	color: #ffffff;
	font-size: 15px;
	margin: 1px;
	cursor: pointer;
	}

#knopf2{
	padding: 10px;
	border-radius: 10px;
	border: #231236 solid 2px;
	background-color: white;
	text-decoration: none;
	font-family: Courier New;
	color: #231236;
	font-size: 15px;
	margin: 1px;
	cursor: pointer;
	}

#button:hover{
	padding: 10px;
	border-radius: 10px;
	border: #231236 solid 2px;
	background-color: white;
	text-decoration: none;
	font-family: Courier New;
	color: #231236;
	font-size: 15px;
	margin: 5px;
	cursor: pointer;
	}
	
#button{
	padding: 10px;
	border-radius: 10px;
	border: #231236 solid 2px;
	background-color: #231236;
	text-decoration: none;
	font-family: Courier New;
	color: #ffffff;
	font-size: 15px;
	margin: 5px;
	cursor: pointer;
	}


#pfeil:hover{
	padding: 10px;
	visibility: none;
	background-color: #4D2873;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-decoration: none;
	font-family: Courier New;
	color: #ffffff;
	font-size: 15px;
	right:0px;
	top: 90%;
	font-size: 30px;
	z-index: 4;
	}
	


#pfeil{
	padding: 10px;
	visibility: none;
	position:fixed;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: #231236;
	text-decoration: none;
	font-family: Courier New;
	color: #ffffff;
	font-size: 15px;
	right:0px;
	top: 90%;
	font-size:30px;
	z-index: 4;
	}

#top{
	position: absolute;
	top: 0px;
	}
	
#login{
	padding: 20px;
	position: fixed;
	background-color: #231236;
	left: 80%;
	font-family: Courier New;
	color: white;
	font-size: 15px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;	
	text-decoration: none;
	text-align: right;
	z-index: 10;
	top: 0px;
	
	}
	
#loglink{
	color: white;
	text-decoration: none;
	
	}
	
#loglink:active{
	color: white;
	text-decoration: none;
	
	}
	
#loglink:visited{
	color: white;
	text-decoration: none;
	
	}

#formregister{
	left: 30%
	}
	
:focus {
    outline: 0;
} 


::-moz-selection {
    background: #4D2873;
    color: #fff;
}
::selection {
    background: #4D2873;
    color: #fff;
}

.textfeld-login{
	color: #4D2873;
	border: none;
	border-bottom: 1px solid #4D2873;
	font-family: courier new;
	font-size: 20px;
	margin: 8px;
	width: 250px;
	}
	
.textfeld-login:focus{
	color: #4D2873;
	border: none;
	border-bottom: 1px solid #4D2873;
	font-family: courier new;
	margin: 8px;
	font-size: 20px;
	width: 250px;
	}
	

.textfeld-strasse:focus{
	color: #4D2873;
	border: none;
	border-bottom: 1px solid #4D2873;
	font-family: courier new;
	font-size: 20px;
	margin: 0px;
	margin-top: 8px;
	width: 188px;
	}

.textfeld-strasse{
	color: #4D2873;
	border: none;
	border-bottom: 1px solid #4D2873;
	font-family: courier new;
	font-size: 20px;
	margin: 0px;
	margin-top: 8px;
	width: 188px;
	}


.textfeld-nr:focus{
	color: #4D2873;
	border: none;
	border-bottom: 1px solid #4D2873;
	font-family: courier new;
	font-size: 20px;
	margin: 0px;
	margin-top: 8px;
	width: 50px;
	}
	
.textfeld-nr{
	color: #4D2873;
	border: none;
	border-bottom: 1px solid #4D2873;
	font-family: courier new;
	font-size: 20px;
	margin: 0px;
	margin-top: 8px;
	width: 50px;
	}
	
	}