body,html {
	padding:0;
	margin: 0;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	overflow: hidden;
	background:#ffffff; 
	color: #333;
	transform: translate(-50%,-50%);
	top: 50%;
	position: absolute;
	left: 50%;
}
header,article,footer {
	width:530px;
	text-align:center;
	margin: 0 auto;
}

a {
	color: #3fa535;
	text-decoration: underline;
}

a:hover {
	color:#8c5b2b;
	text-decoration: underline;
}

.gruen {
	color:#3fa535;
}

.braun {
	color:#8c5b2b;
}


@media (max-width: 767.98px) {
	body,html {
		font-size:16px;
		transform: unset;
		top: unset;
		position: relative;
		left: unset;
		padding:30px 15px;
	}
	header,article,footer {
		width:100%;
		text-align:center;
		margin: 0 auto;
	}
	#logo img {
		width:100%;
		max-width:380px;
	}
	#logo-essplan img {
		width:100%;
		max-width:80px;
	}
}