/* ----------------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 ------- */



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

*:focus {
	outline: none;
}

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





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

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




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

.clear{
	clear: both;	
	
}
.containerlogin {
	text-align: center;
    width: 500px;
    margin: 0 auto;
    border: 0px solid black;
    position: relative; /* Hinzufügen von position: relative; */
	margin-top:30px;
	
}



.bildKLein{
		margin-top:20px;
		width: 300px;
		height: auto;
		margin-bottom: 20px;
		
		

}

.aussen{
	width: calc(50% - 12px); /* Berechnen Sie die Breite basierend auf 50% des verfügbaren Platzes minus den margin links und rechts */
    margin-top: 15px;
    margin-left: 6px;
    margin-right: 6px;
    float: left;
    clear: none;
    border: 0px solid red;				
}




/* ------- Text für Benutzernamen und Passwort ------- */
.username-text {
	width: 200px;
	display: inline-block; /* Macht die Div-Elemente block-level und behält die Inline-Eigenschaft bei */
    margin: 0 auto; /* Zentriert die Div-Elemente horizontal */
	border: 0px solid white;
	font-family:'ClubLand';
	
}

.username-field {
	width: 200px;
	height: 30px;
	display: inline-block; /* Macht die Div-Elemente block-level und behält die Inline-Eigenschaft bei */
    margin: 0 auto; /* Zentriert die Div-Elemente horizontal */
	border: 0px solid green;
	
}

.password-text {
	width: 200px;
	display: inline-block; /* Macht die Div-Elemente block-level und behält die Inline-Eigenschaft bei */
    margin: 0 auto; /* Zentriert die Div-Elemente horizontal */
	border: 0px solid white;
	font-family:'ClubLand';

}

.password-field {
	width: 200px;
	height: 30px;
	display: inline-block; /* Macht die Div-Elemente block-level und behält die Inline-Eigenschaft bei */
    margin: 0 auto; /* Zentriert die Div-Elemente horizontal */
	border: 0px solid red;
}





.schrift{
	font-size: 18px;
	
}


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

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

	


}

@media only screen and (max-width: 479px) { 
	
	
.aussen{

    clear: both;

	position: relative; /* Positionierung relativ, um transform zu verwenden */
    left: 50%; /* Verschiebt das Element horizontal um 50% */
    -ms-transform: translate(-50%);
    transform: translate(-50%);
	margin-left: 0px;
    margin-right: 0px;
   				
}

.containerlogin {
	text-align: center; /* Zentriert Inline-Elemente horizontal */
    width: 100%; /* Ändern Sie die Breite auf 100% */
   
	display: inline-block;
	
	
   
	
}



}