@charset "utf-8";
@import 'nav.css';
nav, aside {
	float: left;
	width: 15%;
	min-width: 140px;
}
aside {
	float: right;
}
nav a {
	display: block;
}
header {
	width: 100%;
	height: 98px;
}
header, footer {
	clear: both;
}
article {
	float: left;
	width: -webkit-calc(70% - 130px);
	width: calc(70% - 130px);
}
aside, article, nav {
	display: inline-block;
}
/*BUG: IE 9 Fensterbreite 901-916*/
@media all and (max-width: 900px), (max-device-width: 900px) {
	aside {
		display: none;
	}
	article {
		display: block;
		float: none;
		margin-left: 180px;
		right: 0px;
		width: -webkit-calc(100% - 190px);
		width: calc(100% - 190px);
	}
}
@media all and (max-width: 650px), (max-device-width: 650px) {
	article, nav {
		display: inline-block;
	}
	nav {
		position: relative;
		width: 50%;
		left: 25%;
	}
	article {
		position: relative;
		left: 0px;
		width: -webkit-calc(100% - 10px);
		width: calc(100% - 10px);
		margin: 50px 5px;
	}
	article section {
		margin-bottom: 10px;
	}
	article section:first-child {
		margin-bottom: 20px;
	}
}
@media all and (max-width: 400px), (max-device-width: 400px) {
	body {
		background-image: none !important;
	}
	nav {
		left: 0px;
		width: -webkit-calc(100% - 10px);
		width: calc(100% - 10px);
		margin: 30px 5px;
	}
	nav details > summary {
		display: block;
	}
	.logo {
		right: 50%;
		margin-right: -80px;
		clip: rect(auto, auto, auto, 160px);
	}
	embed, iframe, .noscript {
		display: none;
	}
	.contact {
		float: none;
		width: 100%;
	}
}
@media all and (max-device-width: 450px), (-moz-touch-enabled) {
	nav a {
		padding: 14px 8px !important;
	}
	section a:after {
		content:" »"
	}
}
@media all and (max-height: 800px) {
	main {
		min-height: 800px;
	}
}
@media all and (max-height: 700px) {
	main {
		min-height: 700px;
	}
}
@media all and (max-height: 600px) {
	main {
		min-height: 600px;
	}
}
@media all and (max-height: 500px) {
	main {
		min-height: 500px;
	}
}
@media all and (max-height: 400px) {
	main {
		min-height: 400px;
	}
}
@media all and (max-height: 300px) {
	main {
		min-height: 300px;
	}
}
@media all and (max-height: 200px) {
	main {
		min-height: 0px;
	}
}