body {
	overflow: hidden;
	background-color: rgb(29, 33, 159);
}

.taste {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	width: 6.98%;
	height: 10.96%;
	z-index: 9;
	color: rgb(214, 215, 221);
	overflow: hidden;
	background-color: rgb(42, 91, 216);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4.53vw;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#div1 {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 0.00%;
	left: -2.41%;
	width: 103.70%;
	height: 13.14%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(42, 91, 216);
	border: solid rgb(0, 0, 0) 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
}

#div2 {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 21.93%;
	left: 10.23%;
	width: 79.15%;
	height: 57.74%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(42, 91, 216);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4.96vw;
	padding: 0px;
	margin: 0px;
}

#div3 {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 23.30%;
	left: 2.69%;
	width: 25.38%;
	height: 47.76%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
	border: solid rgb(0, 0, 0) 0px;
	font-family: Garamond, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
}

#start {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 23.26%;
	left: 66.91%;
	width: 17.13%;
	height: 47.76%;
	z-index: 9;
	color: rgb(213, 212, 220);
	overflow: hidden;
	background-color: rgb(29, 33, 159);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.98vw;
	padding: 0px;
	margin: 0px;
}

#reihe {
	display: block;
	position: absolute;
	top: 25.40%;
	left: 58.75%;
	width: 5.82%;
	height: 30.48%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(200, 210, 234);
	border: solid rgb(0, 0, 0) 1px;
	border-radius: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.55vw;
	padding: 0.5%;
	margin: 0px;
	text-align: center;
}

#aufgabe {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 5.82%;
	left: 0.57%;
	width: 98.96%;
	height: 35.18%;
	z-index: 9;
	color: rgb(255, 255, 255);
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
	border: solid rgb(0, 0, 0) 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.92vw;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#eingabe {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 56.20%;
	left: 39.33%;
	width: 24.70%;
	height: 23.78%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(146, 178, 220);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5.38vw;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#fertig {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 58.72%;
	left: 68.01%;
	width: 8.24%;
	height: 18.73%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(130, 145, 213);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 64px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3.96vw;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#fehler {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 15.67%;
	left: 72.30%;
	width: 18.14%;
	height: 5.85%;
	z-index: 9;
	color: rgb(253, 253, 253);
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
	border: solid rgb(0, 0, 0) 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.12vw;
	padding: 0px;
	margin: 0px;
}

#div10 {
	top: 84.07%;
	left: 10.09%;
}

#div11 {
	top: 84.07%;
	left: 18.22%;
}

#div12 {
	top: 84.07%;
	left: 26.36%;
}

#div13 {
	top: 84.07%;
	left: 34.64%;
}

#div14 {
	top: 84.07%;
	left: 42.77%;
}

#div15 {
	top: 84.07%;
	left: 50.78%;
}

#div16 {
	top: 84.07%;
	left: 59.19%;
}

#div17 {
	top: 84.07%;
	left: 67.32%;
}

#div18 {
	top: 84.07%;
	left: 75.20%;
}

#div19 {
	top: 84.08%;
	left: 83.34%;
}

#ende {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 23.86%;
	left: 29.22%;
	width: 49.02%;
	height: 54.20%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(143, 148, 243);
	border: solid rgb(0, 0, 0) 6px;
	border-radius: 38px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5.10vw;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#endeschliessen {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 83.95%;
	left: 32.27%;
	width: 40.09%;
	height: 12.12%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(248, 250, 198);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 33px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
}
