.display-none {
	display: none;
}
main > section {
	max-height: 100svh;
	height: 100%;
	min-height: 600px;
}
#start > div {
	justify-content: center;
	flex-wrap: nowrap;
}
#start img {
	width: var(--sp-XL);
}
#start section {
	flex-grow: 1;
	justify-content: center;
	align-items: center;
}
#start label {
	padding: var(--sp-L) 0 var(--sp-S) 0;
}
#start div {
	gap: var(--sp-S);
	font-size: 1.25rem;
	align-items: center;
}
#start #zahl_zeit {
	width: 8ch;
}
#start span {
	padding: var(--sp-M) 0;
	align-self: center;
}
#start button {
	min-width: 100px;
	margin-top: var(--sp-L);
	align-self: center;
}
#los .zeit {
	flex-grow: 1;
	text-align: center;
}
#los section {
	flex-grow: 1;
	justify-content: space-evenly;
	align-items: center;
}
#los button {
	min-width: 100px;
	margin-bottom: 10rem;
	align-self: center;
}
#zug .zeit {
	flex-grow: 1;
	text-align: center;
}
#zug section {
	flex-grow: 1;
	justify-content: space-evenly;
	align-items: center;
}
#zug div:last-of-type {
	gap: var(--sp-M);
	justify-content: space-between;
}
#zug button {
	flex: 1 0 50px;
	align-self: center;
}
#zug_falsch_1 {
	background: var(--bg-acc3);
}
#zug_plus_3 {
	background: var(--bg-acc4);
}
#zug_falsch_1:enabled:hover, #zug_plus_3:enabled:hover,
#zug_falsch_1:focus-visible, #zug_plus_3:focus-visible {
	background: var(--bg-acc2);
}
#schluss {
	justify-content: space-evenly;
	align-items: center;
}
#sieg {
	justify-content: space-evenly;
	align-items: center;
}
#sieg h2 {
	padding-top: var(--sp-XL);
}
#sieg section {
	flex-grow: 1;
	justify-content: center;
	align-items: center;
}
#sieg th {
	padding: var(--sp-XS);
	font-size: 1.125rem;
}
#sieg td {
	padding: var(--sp-XS) var(--sp-M);
	border: .125rem solid var(--fg-norm);
	font-size: 1.125rem;
	text-align: center;
}
#sieg td:last-of-type {
	font-weight: bold;
}
#sieg button {
	min-width: 100px;
}