body {
	font-size: 14px;
	font-family: sans-serif;
	background-color: #e3e9dc;
	font-family: 'Ubuntu Condensed', sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
}

nav {
	background-image: linear-gradient(to top, #007232, #007c64);
	padding: 20px 10px;
	color: #f9dc13;
}

nav a {
	background-image: linear-gradient(to top, #7c6e09, #f9dc13);
	padding: 8px 8px;
	border-radius: 4px;
	border: 2px inset #007c64;
	font-weight: bold;
	color: #000;
	text-decoration-line: none;
	
}

nav span.active {
	background-image: linear-gradient(to top, #7c6e09, #f9dc13);
	padding: 14px 8px 8px 8px;
	border-radius: 4px;
	border: 2px outset #007c64;
	font-weight: bold;
	color: #000;
	text-decoration-line: none;
	
}

nav a:hover {
	background-image: linear-gradient(to top, #7c6e09, #f9dc13);
	padding: 14px 8px;
	border-radius: 4px;
	border: 2px outset #007c64;
	font-weight: bold;
	color: #007c64;
	text-decoration-line: none;
}

footer {
	background-image: linear-gradient(to top, #007232, #007c64);
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 5px 5px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	
}

footer div {
	color: #f9dc13;
	padding: 5px 10px;
}

main {
	margin: 0px 10px;
	padding-bottom: 80px;
}

div.info {
	border-radius: 20px;
	border: 2px solid #007c64;
	margin: 5px 20px;
	padding: 5px;
	text-align: center;
}

div.container-prinzip {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	
}

div.container-prinzip div.box-prinzip {
	background-color: #007c64;
	padding: 5px 0px;
	margin: 10px;
	width: 20%;
	border-radius: 5px;
}

div.box-prinzip h3 {
	background-image: linear-gradient(to top, #7c6e09, #f9dc13);
	padding: 3px 5px;
	font-weight: bold;
	text-align: center;
}

div.box-prinzip p {
	color: #fff;
	padding: 5px;
	
}

div.info-box {
	background: #ccc;
	padding: 2px 10px;
	margin: 10px;
	border-radius: 5px;
}

div.info-box h3 {
	background-color: #aaa;
	padding: 3px 6px;
	margin: 2px 12px 2px 2px;
	display:inline-block;
	border-radius: 4px;
	
}
div.info-box h2 {
	display:inline-block;
}

div.info-box div.content {
	border-top: 1px solid #000;
}

dl dt {
	font-weight: bold;
	padding: 2px 4px;
}

dl dd {
	text-align: justify;
	padding: 4p 16px 20px;
	margin-bottom: 12px;
}
/*
Gold f9dc13
grün 007c64
*/