body {
  overflow: hidden;
  background-color: rgb(252, 252, 252);
}

.class2 {
  display: block;
  position: absolute;
  left: 39%;
  height: 4.02%;
  z-index: 9;
  color: rgb(0, 0, 0);
  overflow: hidden;
  background-color: rgb(253, 253, 253);
  border: solid rgb(0, 0, 0) 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1vw;
  padding: 0.5%;
  padding-left: 1%;
  margin: 0px;
}

.auswahl_btn {
  top: 29.12%;
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: 16.94%;
  height: 5%;
  z-index: 9;
  color: rgb(255, 255, 255);
  overflow: hidden;
  border: solid rgb(0, 0, 0) 0px;
  box-shadow: 0 0 7px 7px rgb(255, 255, 255);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1vw;
  padding: 0px;
  margin: 0px;
  user-select: none;
}

.class6 {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  left: 10.11%;
  width: 78.44%;
  height: 5.16%;
  z-index: 9;
  color: rgb(255, 255, 255);
  overflow: hidden;
  background-color: rgb(193, 193, 193);
  border: solid rgb(0, 0, 0) 0px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2vw;
  padding: 0px;
  margin: 0px;
  user-select: none;
}

#main {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  top: 2.93%;
  left: 2.32%;
  width: 47%;
  height: 81.52%;
  z-index: 7;
  color: rgb(0, 0, 0);
  overflow: hidden;
  background-color: rgb(244, 243, 243);
  border: solid rgb(0, 0, 0) 1px;
  border-radius: 18px;
  box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.3);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.56vw;
  padding: 0px;
  margin: 0px;
  user-select: none;
  
}


#eingabe_qm {
  top: 7.3%;
  width: 19.2%;
}
#eingabe_vb {
  top: 13.3%;
  width: 19.2%;
}
#eingabe_fc {
  top: 19.15%;
  width: 19.2%;
}
#xfein_btn {
  left: 10.16%;
  background-color: rgb(193, 193, 193);
}

#revive_btn {
  left: 38.84%;
  background-color: rgb(193, 193, 193);
}

#splash_btn {
  left: 66.65%;
  background-color: rgb(193, 193, 193);
}

#button_berechnen {
  top: 38.7%;
}

#ausgabe1 {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: top;
  top: 57%;
  left: 10.11%;
  width: 78.55%;
  height: 11.173333333333333%;
  z-index: 9;
  color: rgb(0, 0, 0);
  overflow: hidden;
  background-color: rgb(253, 253, 253);
  border-top: solid rgb(0, 0, 0) 1px;
  border-left: solid rgb(0, 0, 0) 1px;
  border-right: solid rgb(0, 0, 0) 1px;
  border-bottom: solid rgb(0, 0, 0) 0;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1vw;
  padding: 10px;
  margin: 0px;
  user-select: none;
}
#ausgabe2 {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: top;
  top: 67.17333333333333%;
  left: 10.11%;
  width: 78.55%;
  height: 11.34666666666667%;
  z-index: 9;
  color: rgb(0, 0, 0);
  overflow: hidden;
  background-color: rgb(253, 253, 253);
  border-top: solid rgb(0, 0, 0) 0px;
  border-left: solid rgb(0, 0, 0) 1px;
  border-right: solid rgb(0, 0, 0) 1px;
  border-bottom: solid rgb(0, 0, 0) 0;
  border-radius: 0 0 0 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1vw;
  padding: 10px;
  margin: 0px;
  user-select: none;
}

#ausgabe3 {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  text-align: center;
  top: 78.5%;
  left: 10.11%;
  width: 78.55%;
  height: 14.9%;
  z-index: 9;
  color: rgb(71, 69, 69);
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.791);
  border-top: solid rgb(0, 0, 0) 0;
  border-bottom: solid rgb(0, 0, 0) 1px;
  border-left: solid rgb(0, 0, 0) 1px;
  border-right: solid rgb(0, 0, 0) 1px;
  border-radius: 0 0 10px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1vw;
  padding: 9px;
  margin: 0px;
  user-select: none;
}

#bezeichnung_qm {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  top: 8%;
  left: 57.58%;
  width: 8.68%;
  height: 4.39%;
  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: Arial, Helvetica, sans-serif;
  font-size: 1vw;
  padding: 0px;
  margin: 0px;
  user-select: none;
}

#bezeichnung_fc {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  top: 20.17%;
  left: 57.3%;
  width: 15.18%;
  height: 4.39%;
  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: Arial, Helvetica, sans-serif;
  font-size: 1vw;
  padding: 0px;
  margin: 0px;
  user-select: none;
}

#bezeichnung_vb {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  top: 14.17%;
  left: 54.3%;
  width: 22.18%;
  height: 4.39%;
  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: Arial, Helvetica, sans-serif;
  font-size: 1vw;
  padding: 0px;
  margin: 0px;
  user-select: none;
}

#img11 {
  display: block;
  position: absolute;
  top: 2.97%;
  left: 2.48%;
  width: 18.54%;
  height: 12.03%;
  z-index: 9;
  color: rgb(0, 0, 0);
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
  border: solid rgb(0, 0, 0) 0px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  margin: 0px;
}

#button_neu {
  top: 46.77%;
}

#infoelement1 {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  top: 20.2%;
  left: 34.82%;
  width: 3.23%;
  height: 3.91%;
  z-index: 9;
  color: rgb(0, 0, 0);
  overflow: hidden;
  background-color: rgb(254, 254, 254);
  border: solid rgb(0, 0, 0) 0px;
  border-radius: 13px;
  box-shadow: 0 0 4px 4px rgba(124, 124, 124, 0.205);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3vw;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  user-select: none;
}

#blase1 {
  display: none;
  position: absolute;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  top: 7.19%;
  left: 13.56%;
  width: 19.19%;
  height: 18.1%;
  z-index: 9;
  color: rgb(0, 0, 0);
  overflow: hidden;
  background-color: rgba(254, 254, 254, 0.898);
  border: solid rgb(0, 0, 0) 0px;
  border-radius: 13px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
  font-family: "Trebuchet MS", sans-serif;
  font-size: 0.85vw;
  padding: 10px;
  margin: 0px;
  user-select: none;
}

#infoelement2 {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 14%;
	left: 34.82%;
	width: 3.23%;
	height: 3.91%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(254, 254, 254);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 13px;
	box-shadow: 0 0 4px 4px rgba(124, 124, 124, 0.205);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3vw;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	user-select: none;
  }
  
  #blase2 {
	display: none;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 7.19%;
	left: 13.56%;
	width: 20.19%;
	height: 22.1%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgba(254, 254, 254, 0.898);
	border: solid rgb(0, 0, 0) 0px;
	border-radius: 13px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
	font-family: "Trebuchet MS", sans-serif;
	font-size: 0.79vw;
	padding: 10px;
	margin: 0px;
	user-select: none;
  }
.tableizertable {
  display: none;
}

.info_produkte_auswahl_btn {
  display: block;
  position: absolute;
  top: 30.5%;
  width: 3%;
  height: 3%;
  z-index: 9;
  color: rgb(0, 0, 0);
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
  border: solid rgb(0, 0, 0) 0px;
  margin: 0px;
}

#info_btn_xfein {
  left: 28%;
}

#info_btn_revive {
  left: 56.7%;
}

#info_btn_splash {
  left: 84.5%;
}

#Popup_xfein {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 40px;
  border: 1px solid rgb(255, 102, 0);
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.205);
}
#Popup_revive {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 15px;
  border: 1px solid #ff6600;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.205);
}
#Popup_splash {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 40px;
  border: 1px solid #ff660081;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.205);
}
#pwrdby {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 97.53%;
	left: 88.69%;
	width: 10.72%;
	height: 2.47%;
	z-index: 9;
	color: rgb(142, 138, 138);
	overflow: hidden;
	background-color: rgb(244, 243, 243);
	border: solid rgb(0, 0, 0) 0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
	font-family: "Times New Roman", sans-serif;
	font-size: 0.71vw;
	padding: 0px;
	margin: 0px;
	user-select: none;
}

#reload {
	display: block;
	position: absolute;
	top: 90.00%;
	left: 90.42%;
	width: 1.88%;
	height: 3.22%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0);
	border: solid rgb(0, 0, 0) 0px;
	margin: 0px;
}