body {
	overflow: hidden;
	background-color: rgb(189, 219, 253);
}

.class1 {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	width: 9.71%;
	height: 9.31%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	border: solid rgb(0, 0, 0) 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
}

.button {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 14.95%;
	left: 44.16%;
	width: 20.00%;
	height: 7.18%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(162, 244, 151);
	border: solid rgb(0, 0, 0) 3px;
	border-radius: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
}

.input {
	display: block;
	position: absolute;
	top: 15%;
	left: 25.3%;
	width: 16%;
	height: 5%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	border: solid rgb(0, 0, 0) 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	font-weight: bold;
	padding: 0.5%;
	padding-left: 1%;
	margin: 0px;
	text-align: center;
}

.summen {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	width: 9.71%;
	height: 9.31%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	border: solid rgb(0, 0, 0) 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#div1 {
	top: 24.98%;
	left: 25.30%;
	border-radius: 1px;
}

#div2 {
	top: 24.98%;
	left: 34.85%;
}

#div3 {
	top: 24.98%;
	left: 44.40%;
}

#div4 {
	top: 24.98%;
	left: 53.95%;
}

#div5 {
	top: 34.01%;
	left: 25.30%;
}

#div6 {
	top: 34.01%;
	left: 34.85%;
}

#div7 {
	top: 34.01%;
	left: 44.40%;
}

#div8 {
	top: 34.01%;
	left: 53.95%;
}

#div9 {
	top: 43.04%;
	left: 25.30%;
}

#div10 {
	top: 43.04%;
	left: 34.77%;
}

#div11 {
	top: 43.04%;
	left: 44.32%;
}

#div12 {
	top: 43.04%;
	left: 53.87%;
}

#div13 {
	top: 52.07%;
	left: 25.30%;
}

#div14 {
	top: 52.07%;
	left: 34.85%;
}

#div15 {
	top: 52.07%;
	left: 44.32%;
}

#div16 {
	top: 52.07%;
	left: 53.87%;
}

#btn {
	font-family:cursive;
	font-weight: bold;
}

#magZahl {
	text-align: center;
}

#sum1 {
	top: 65.60%;
	left: 25.43%;
}

#sum2 {
	top: 65.60%;
	left: 34.98%;
}

#sum3 {
	top: 65.60%;
	left: 44.37%;
}

#sum4 {
	top: 65.60%;
	left: 53.92%;
}

#sumdiagonal {
	top: 60.82%;
	left: 63.58%;
}

#sum5 {
	top: 51.79%;
	left: 65.49%;
}

#sum6 {
	top: 42.76%;
	left: 65.49%;
}

#sum7 {
	top: 34.01%;
	left: 65.49%;
}

#sum8 {
	top: 24.98%;
	left: 65.49%;
}

#titel {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 4.98%;
	left: 5.30%;
	width: 89.79%;
	height: 7.89%;
	z-index: 9;
	color: rgb(255, 255, 255);
	overflow: hidden;
	background-color: rgb(44, 8, 239);
	border: solid rgb(0, 0, 0) 3px;
	border-radius: 25px;
	box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.3);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	padding: 0px;
	margin: 0px;
}

label {
	display: none;
}