/* ----------------Schriftart ClubLand für Login und Überschrift---------------------------- */
@font-face {
 font-family: 'ClubLand';
 src: url("../loginfont/Clubland.woff"); /* TTF file for CSS3 browsers */
}


/* ------- This is the CSS Reset ------- */

html, body, div, span{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}


/* ------- Remove Chrome's border around active fields ------- */

*:focus {
	outline: none;
}

/* ------- Disable background and border for input fields ------- */

input {
	background: transparent;
	border: 0;
}



/* --------------------------------------------------------------- */

/* ------- Body ------- */

body {
	background: #FFEC26;
	
}

#logo{
	position: absolute;
	display: flex; 
    justify-content: center; 
    align-items: center;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


#challenges_image{
	
	width: 500px;
	height: auto;

}

.schrift{
	font-family: 'ClubLand';
	font-size: 30px;
	text-align: center;
	
}

.groesse{
	font-size: 30px;
	text-align: center;
	
}

.container {
	width:100%;
	position: absolute;
	margin: 0 auto;
}


.containerlogin {
	width:100%;
	position: absolute;
	margin: 0 auto;
	border: 1px solid black;
	
}


/* ------- Container ------- */

.clear{
	clear: both;	
	
}

.bildKlein{
	width: 150px;
	height: auto;
}

.user{
		float:left;
		margin-left: 30px;
		width: 170px;
		border: 0px solid white;		
}
.pw{
		float:left;
		margin-left: 35px;
		width: 170px;
		border: 0px solid white;		
}

* ------- Text für Benutzernamen und Passwort ------- */
.username-text {
	width: 150px;
	float: left;
	margin-top: 15px;
	margin-left: 5px;
	border: 0px solid white;
}

.password-text {
	width: 150px;
	float: left;
	margin-top: 15px;
	margin-left: 5px;
	border: 0px solid white;
}

/*Benutzernamen Eingabefeld*/
.username-field {
	width: 168px;
	height: 38px;
	float:left;
	margin-top: 5px;
	margin-left: 1px;
	background: url(../images/username-field.png) center left no-repeat;
	border: 0px solid green;
}

/* Eigenschaften der Input Felder*/
input[type="text"], input[type="password"] {
	width: 120px;
	height: 18px;
	margin-top: 8px;
	margin-left: 10px;
	font-family: Verdana, Arial;
	font-size: 14px;
	color: #2d2d2d;
}

/* Sollte die Auflösung der Breite maximal 520 Pixel betragen */

@media only screen and (min-width: 480px) and (max-width: 767px) { 

	
	#challenges_image{
		margin-left: 200px;
		width: 280px;
		height: auto;
		margin-right: 200px;

	}


}

@media only screen and (max-width: 479px) { 
	
	
	#challenges_image{
		
		width: 250px;
		height: auto;
		
	}
	
	.schrift{
		
		font-size: 25px;
		
	}

	.groesse{
		font-size: 25px;
		
	}



}