@charset "utf-8";
/* CSS Document */

body, html {
	font-family: 'Rambla', sans-serif;
	background-color:#F5DDBA;
}

body { 
	margin:0;
	padding:0;
}

p {
	margin:0;
	padding:0;
}

.container {
	margin:15px auto 0 auto;
	width:100%;
	max-width:960px;
	background-color:#F5DDBA;
	border:dashed 1px #600;

}

.logo {
	with:94%;
	padding:15px 3%;
}

.img_logo {
	max-width:700px;
	width:100%;
	height:auto;
}

.img_gruppe {
	max-width:180px;
	width:30%;
	height:auto;
	margin:0;
	padding:0;
	border: 1px solid #fff;
}

.img_overview {
	max-width:474px;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

.nav {
	height:auto;
	width:80%;
	margin:0 10%;
	padding-top:7px;
	text-align:center;
	border-bottom:dashed 2px #741420;
	border-top:dashed 2px #741420;
}

/*Einzelteile der Navigation*/

ul {
	display: inline-block;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

#site-nav {
	padding:0;
}

.nav li {
	float:left;
	margin:0;
	list-style:none;
}

.nav a {
	font-weight:bold;
	padding:0 1.3em 0 1.3em;
	color:#741420;
	text-decoration:none;
}

#hamburger {
	display:none;
}

li#one {
	color:#741420;
}
/*Einzelteile der Navigation ENDE*/


.content {
	width:64%;
	padding: 30px 3% 30px 3%;
	float:left;
	min-height:250px;
}

.sidebar {
	width:24%;
	padding: 30px 3% 30px 3%;
	float:left;
	min-height:250px;
}

.footer {
	font-size:0.9em;
	clear:both;
	text-align:center;
	height:auto;
	width:80%;
	padding:7px 0;
	margin:0 10%;
	border-top:dashed 2px #741420;
}

.sidebar_h1 {
	font-size:1.3em;
	font-weight:bold;
	color:#741420;
	}
	
.sidebar_h2 {
	font-size:1.1em;
	font-weight:bold;
	color:#495c59;
	}
	
.sidebar_text {
	font-size:0.9em;
	color:#555;
	}
	
.content_h1 {
	font-size:2.4em;
	font-weight:bold;
	color:#741420;
	}
	
.content_h2 {
	font-size:2em;
	font-weight:bold;
	color:#495c59;
	}
.content_h3 {
	font-size:1.8em;
	font-weight:bold;
	color:#741420;
	}
	
.content_text {
	font-size:1em;
	color:#555;
	font-weight:bold;
	line-height:1.4em;
	letter-spacing:0.1em;
	}
	
.content_text_rot {
	font-size:1em;
	color:#a31b3a;
	font-weight:bold;
	line-height:1.4em;
	letter-spacing:0.1em;
	}

@media screen and (max-width:60em) {
	.container {
		margin:0px auto 0 auto;
		border:none;
	}
}

@media screen and (max-width:41.875em) {
/*Einzelteile der Navigation AKTIV*/

	p {
	word-wrap:break-word;
	}

	.nav {
		border-bottom:none;
		border-top:none;
		width:100%;
		margin:0;
		background-color:#a31b3a;
	}
	
	.nav li {
		display:block;
		width:100%;
		float:left;
		background-color:#a31b3a;
	}

	.nav a {
		display:block;
		border-radius:0px;
		padding: .5em 0em;
		color:#fff;
	}
	
	.js #site-nav {
		display:none;
	}
	
	#site-nav {
		display:block;
		width:100%;
	}
	
	#hamburger {
		display:block;
		background-color:#600;
		color:white;
		height:43px;
		width:50px;
		font-size:1.5em;
		text-align:left;
		padding-top:7px;
		width:97%;
		padding-left:3%;
	
	}
/*Einzelteile der Navigation AKTIV ENDE*/
.content{
	width:94%;
	padding:10px 3%;
}

.sidebar{
	display:none;
}


}

@media screen and (max-width:23.75em) {
/*smartphones*/
.img_gruppe {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
}