body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f8f8f8;
}

h1 {
    color: #333;
    text-align: center;
    margin-top: 50px;
}

#eingabeRezept {
	display: block;
	position: absolute;
	top: 14.70%;
	left: 33.03%;
	width: 33.04%;
	height: 7.35%;
	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;
	padding: 0.5%;
	padding-left: 1%;
	margin: 0px;
}

#ausgabeRezept {
	display: block;
	position: absolute;
	top: 44.83%;
	left: 11.83%;
	width: 79.02%;
	height: 48.94%;
	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: Helvetica;
	font-size: 1.42vw;
	padding: 8px;
	margin: 0px;
}

#btn_berechnen {
	display: flex;
	position: absolute;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	top: 26.30%;
	left: 36.28%;
	width: 25.95%;
	height: 14.12%;
	z-index: 9;
	color: rgb(0, 0, 0);
	overflow: hidden;
	background-color: rgb(229, 125, 125);
	border: solid rgb(0, 0, 0) 4px;
	border-radius: 61px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.83vw;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	user-select: none;
}