body
{
	font-family: arial, tahoma, helvetica;
	font-size: 20px;
	margin: 0;
	overflow-x: hidden;
}
button
{
	font-size: 20px;
	padding: 15px;
	border-radius: 15px;
	border-style: none;
	background-color: #225176;
	white-space: normal;
	color: white;
}
table   
{
	width: 100%;
	overflow: hidden;
	margin: 50px 0px;
	border-radius: 15px;
	border: #bbbbbb82 1px solid;
	border-collapse: separate;
	border-spacing: 0;
}
th {text-align: left; background-color: #e3e9ee;}
.Endergebnis {background: #cbedce;}
input, output
{
	width: 125px;
	text-align: right;
	border-radius: 5px;
	font-size: 20px;
	border: solid 2px #124166;
	padding: 5px;
}
output						{height: 23px;}
td, th						{padding: 15px;}
td.fixwidth					{max-width: 72.27;}
tr td:not(:first-child)		{text-align: right;}
.buttonFlex 				{display: flex; justify-content: end;}
@media only screen and (max-width: 700px)
{
	table, tbody, tr, th
	{
		display: flex;
		flex-direction: column;
		gap: 15px;
		border-width: 0;
		padding: 0;
		border-radius: 0;
	}
	td {padding: 0;}
	th {background-color: unset;}
}
#jetztberechnen:hover {cursor:pointer;}