body
{
    font-family: "Open Sans", sans-serif;
}

h1
{
	font-size: 2em;
}

.fett
{
	font-weight: bold;
}

#eingabe_container
{
	display: flex;
	gap: 0.5em;
}

#ergebnis_container
{
	display: grid;
	gap: 0.5em;
}

.lager-img
{
	width: 100%;
	max-width: 40rem;
}

@media (orientation: landscape)
{
	#eingabe_container
	{
		flex-direction: row;
	}

	#ergebnis_container
	{
		grid-template-columns: max-content max-content;
	}
}

@media (orientation: portrait)
{
	#eingabe_container
	{
		flex-direction: column;
	}
	
	#ergebnis_container
	{
		grid-template-columns: max-content;
	}
}