body {
	margin:0px;
	font-family:Verdana, sans-serif;
	font-size:0.9em;
}

#main-container {
	width:780px;
	margin:2em auto;
	padding:0.6em;
	background:#e0e0e0;
	border:3px solid #b4b4b4;
}

header {
	position:relative;
	padding-left:1.1em;
	height:9.5em;
}

header #logo {
	position:absolute;
	top:0.8em;
	right:0.8em;
}

header h1 {
	margin-top:0em;
	padding-top:1.9em;
	font-size:1.6em;
}

header h2 {
	font-size:1.1em;
}
	
nav, footer {
	background:#b4b4b4;
	margin-top:0.9em;
}

nav ul, footer ul {
	margin:0em 0em 1em;
	padding:0em;
	display:flex;
	justify-content:space-around;
	height:2em;
}

nav li, footer li {
	width:100%;
	list-style:none;
	display:flex;
	align-items:center;
	justify-content:space-around;
}

nav a, footer a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:0.8em;
	overflow-wrap:none;
}

main {
	padding-top:2em;
	font-size:0.85em;
}

main img {
	border:1px solid;
}

main a {
	text-decoration:none;
}

main a:hover {
	text-decoration:underline;
}

main .two-column-container {
	display:flex;
}

main .two-column-container section {
	flex-grow:1;
	padding-left:2em;
	padding-right:4em;
}

main .two-column-container aside {
	min-width:16em;
}

main .two-column-container aside .content-box {
	padding:0.1em 1.2em;
	margin:2.2em 0em;
}

main .two-column-container aside h1 {
	font-size:1.1em;
	padding:0.4em;
}

main .two-column-container section h1 {
	font-size:1.6em;
	margin-top:0em;
}

main .two-column-container section h2 {
	font-size:1.3em;
	margin-top:1.5em;
}

main .two-column-container section .content-box {
	padding-bottom:0.8em;
	margin-bottom:2em;
	
}

main .two-column-container section .content-box h1 {
	display:inline-block;
	font-size:1.2em;
	padding:0.4em 1em;
	margin:0em 0em 0.8em;
}

main .two-column-container section .content-box p {
	padding:0em 1.5em;
}

main .tarife-main-container {
	padding:0.2em 1.5em;
	margin:1em 2em 3em;
}

main .tarife-main-container h2 {
	text-align:center;
	margin-bottom:1.4em;
}

main .tarife-detail-container {
	display:flex;
	justify-content:space-around;
	margin-bottom:2em;
}

main p.tarif-gross {
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
}

main p.tarif-klein {
	font-size:1.2em;
	text-align:center;
	font-weight:bold;
}

footer li.aktiv {
	background:#a3a3a3;
}

.startseite nav li.aktiv {
	background:#a3a3a3;
}

.startseite main h1 {
	background:#a3a3a3;
}

.startseite main .content-box {
	background:#b4b4b4;
}
	

.nachhilfe nav li.aktiv {
	background:#83a73f;
}

.nachhilfe main h1 {
	background:#83a73f;
}

.nachhilfe main .content-box {
	background:#c4cfac;
}

.nachhilfe main .tarife-main-container {
	background:#c4cfac;
}

.nachhilfe main .tarif-container {
	background:#83a73f;
	width:19.5em;
	height:10.5em;
}

.lese-rechtschreibfoerderung nav li.aktiv {
	background:#f38747;
}

.lese-rechtschreibfoerderung main h1 {
	background:#f38747;
}

.lese-rechtschreibfoerderung main .content-box {
	background:#f4bc90;
}

.lese-rechtschreibfoerderung main .tarife-main-container {
	background:#f4bc90;
}

.lese-rechtschreibfoerderung main .tarif-container {
	background:#f38747;
	width:18em;
	height:12.5em;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.dyskalkulie-training nav li.aktiv {
	background:#e5352c;
}

.dyskalkulie-training main h1 {
	background:#e5352c;
}

.dyskalkulie-training main .content-box {
	background:#e5a3a0;
}

.dyskalkulie-training main .tarife-main-container {
	background:#e5a3a0;
}

.dyskalkulie-training main .tarif-container {
	background:#e5352c;
	width:18em;
	height:12.5em;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.kontakt_impressum form .head_data {
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-template-rows:3em 3em;
	grid-column-gap:2em;
}