body {
	display: grid;
	gap: 0em;
	grid-template-rows: min-content 1fr min-content;
	font-family: "Atkinson Hyperlegible", sans-serif; 
	font-weight: 400; 
	font-style: normal;
	font-size: 150%;
	line-height: 1.66;
	background: #54ad31;
}

header {
	grid-row: 1 / 1;
	background: #54ad31;
	font-size: 200%;
	font-weight: 700;
	color: #ffffff;
	padding: 0px 16px 0px 16px;
}

main {
	grid-row: auto;
	background: #ffffff;
	color: #000000;
	padding: 0px 16px 0px 16px;
}

footer {
	grid-row: -1 / -1;
	background: #54ad31;
	font-size: 66%;
	color: #ffffff;
	padding: 0px 0px 0px 16px;
}

a:link { color:#e3782e; text-decoration:none; font-weight:bold; }
a:visited { color:#e3782e; text-decoration:none; font-weight:bold; }
a:hover { color:##e3782e; text-decoration:underline; font-weight:bold; }
a:active { color:#44a1f8; text-decoration:underline; font-weight:bold; }

h1 {
	font-weight: 700;
	font-size: 150%;
	color: #44a1f8;
}

b {
	font-weight: 700;
	color: #44a1f8;
}

ol.big {
	line-height: 2;
	margin: 0cm 0cm 1cm 0cm;
}

img {
	vertical-align: middle;
	padding: 0px;
}

.leftfloat {
	float: left;
	padding: 0px 10px 0px 0px; 
}

.rightfloat {
	float: right;
	padding: 0px 0px 10px 0px; 
}

.akzent_o {
	font-weight: 700;
	color: #e3782e;
}

.akzent_g {
	font-weight: 700;
	color: #54ad31;
}

.akzent_b {
	font-weight: 700;
	color: #44a1f8;
}

.aufgabe {
	font-weight: 700;
	color: #54ad31;
}

.block {
	font-weight: 700;
	color: #d41975;
}

.var {
	font-weight: 700;
	color: #e3782e;
}

.var1i {
	font-weight: 700;
	color: #ffffff;
	background: #e3782e;
	margin: 4px;
	padding: 2px 10px 0px 10px;
}

.var2i {
	font-weight: 700;
	color: #ffffff;
	background: #8e542c;
	margin: 4px;
	padding: 2px 10px 0px 10px;
}

.box {
	font-weight: 700;
	color: #ffffff;
	background: #f0f0f0;
	margin: 4px;
	padding: 2px 10px 0px 10px;
}

.achtung {
	background: #ffffa0;
	padding: 2px 10px 0px 10px;
}