html, body{
	margin:0px;
	padding: 0px;
}
body{height:100vh}
.login {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.login form { 
	grid-area: 2 / 2 / 3 / 3;
}
.login form input{
	display: block;
	width:100%
}

.MainMenu {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(4, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	height: 100vh;
	margin:0px;
	padding:0px;
}

.MainMenu div{
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: 60pt;
}
.MainMenu .kasse { grid-area: 1 / 1 / 2 / 2; background-color: rgba(200, 200, 255, 1);}
.MainMenu .produkte { grid-area: 2 / 1 / 3 / 2;  background-color: rgba(255, 200, 200, 1);}
.MainMenu .rechnungen { grid-area: 3 / 1 / 4 / 2;  background-color: rgba(200, 255, 200, 1);}
.MainMenu .einstellungen { grid-area: 4 / 1 / 5 / 2;  background-color: rgba(255, 200, 255, 1);}
.none{display: none;}