body{
	
	height: 2000px;
	width: 1080px;
	
   font-family: Calibri;
   background-color: black;
   display: grid;


	grid-template-columns: 	1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 	14% 23% 22% 22% 23% ;
	align-content: stretch;
	linksoben { grid-column: 1; grid-row: 1;}
	nav		{grid-column: 1; grid-row: 2/6;}
	
	einzel { grid-column: 2/4; grid-row: 1; }
	doppel { grid-column: 4/6; grid-row: 1;}
	main   { grid-column: 2/6; grid-row: 2/6; } d
}


#user, #passwort {
	
	font-size: 90px ;
	height: 100px;
	width: 80%;
	background-color: black    ;
	color: #7a219a;
}

#anmelden {
	font-size: 90px;
	height: 100px;
	width: 100%;
	background-color: #12a7b6;
	text-align: left;
	
	
}


#rahmen {
	color: #12a7b6;
	background-color: black;
	border-color: #7a219a;
	border: 3px solid;
	
}

input::placeholder {
  color: #7a219a;
  opacity: 1;
}

.login {
	
	text-align: left; 
	width: 95%;
	height: 100%;

	background-color: black;
	font-size: 90px;
}

 nav, linksoben, einzel, doppel {
	border: 2px solid;
	border-color: #7a219a;
}
}

nav {
   	background-color: black ;
 	display: flex;
 	flex-basis: 100%;
  	flex-direction: column;
  	align-items: stretch;
 	vertical-align: baseline;
  
}

linksoben {
   background-color: black ;
   border-color: white;
   

}

main {background-image: url("1vs1schwarzweiss.jpg") ;
	
  
	background-size: cover;
	background-repeat: no-repeat;
  
}

#spieler {
	width: 500px;
	font-size: 5em;
	font-weight: bold;
}

h1 {
	font-size: 4em;
	
}

#elo {
	font-size: 2em;
	color: white;	
}

.menu1, .menu2, .menu3 {
	border: 2px solid;
	border-color: #7a219a;
	font-size: 30px;
	width: 218px;
	height: 330px;
}

.team1, .team2, .platte, .platte2 {
  
  border-radius: 5px;
  align-self: center;
  width: 90%;
  
}


.team1, .team2 {
	height: 29%;
}



.team1 {
	text-align: right;
	color: #7a219a;
	
}


.team2 {
	text-align: left;
	color: #12a7b6;
	align-items: center;
	
}

.mainbox {
  width: 100%;
  height: 100%;
  display: flex;
 flex-basis: 100%;
  flex-direction: column;
  align-items: stretch;
 	vertical-align: baseline;
}


team1 {
   background-color: yellow ;
   border-color: yellow;
   

}

team2 {
   background-color: cyan ;
   border-color: cyan;

}

doppel {
   background-color: black ;
   
}

einzel {
   background-color: black ;
 
   
}

platte {
   background-color: grey ;
   border-color: grey;

}

.win {
	width: 100%;
	text-align: center;
}

.win2 {
	width: 100%;
	text-align:center;
}

select { width: 16em;
		height: 5em;
		
	}
	
/*#spielerversch	{			verschieben im Raum: wiki.selfhtml.org/wiki/CSS/Eigenschaften/bottom
	position: absolute;			noch ein position: relative; einfügen, vielleicht in body?
	left: 5em;
	bottom: 50em;
}*/