/*
Schrift: dunkelbraun - #5F4427 - RGB 95 68 39
Hintergrund: creme - #f6e3cb - RGB 246 27 203
Navigation hover: gelb - #f5df67 - RGB 245 223 103
Links hover: rot - #860202 - RGB 134 2 2
*/




.inhalte {
	width: 60%;
	margin: 0 auto;
	font-family: 'Lora', sans-serif;
	font-size: 1em;
	letter-spacing: 0.02em;
	line-height: 1.3em;
	padding-bottom: 50px;
}


.intro {
	margin: 0 auto;
	text-align: center;
	font-family: 'Karla', sans-serif;
	font-size: 1.1em;
	letter-spacing: 0.01em;
	line-height: 1.2em;
	margin-bottom: 50px;
}

.inhalt_inlay {
	width: 100%;
	display: table-cell;
}

.inhalte ul li {
	margin-bottom: 10px;
}

@media screen and (max-width: 899px) {
	.inhalte {
		width: 90%;
	}
	.intro {
		width: 80%;
	}
}
@media screen and (min-width: 900px) and (max-width: 999px) {
	.inhalte {
		width: 80%;
	}
	.intro {
		width: 80%;
	}
}
@media screen and (min-width: 1000px) {
	.inhalte {
		width: 60%;
	}
	.intro {
		width: 80%;
	}
}

.titel {
	margin-bottom: 20px;
}

.clear {
	clear: both;
}


/* Bilder im Text */
.imgwrapperright {
	display: inline-block;
	position: relative;
	float: right;
	margin: 0 0 20px 30px;
	font-family: 'Karla', sans-serif;
	font-size: 0.9em;
	letter-spacing: 0.01em;
	/*font-style: italic;*/
}
.imgwrapperleft {
	display: inline-block;
	position: relative;
	float: left;
	margin: 0 30px 20px 0;
	font-family: 'Karla', sans-serif;
	font-size: 0.9em;
	letter-spacing: 0.01em;
	/*font-style: italic;*/
}


.width200 {width: 200px;}
.width300 {width: 300px;}
.width400 {width: 400px;}
.widthfull {width: 100%;}

.img200 {width: 200px; height: auto;}
.img300 {width: 300px; height: auto;}
.img400 {width: 400px; height: auto;}
.img600 {width: 600px; height: auto;}
.img800 {width: 800px; height: auto;}
.imgFull {width: 1000px; height: auto;}

@media screen and (max-width: 600px) {
	.width300 {width: 100%;}
	.img300 {width: 100%; height: auto;}
}
@media screen and (max-width: 700px) {
	.width400 {width: 100%;}
	.img400 {width: 100%; height: auto;}
}
@media screen and (max-width: 700px) {
	.img600 {width: 100%; height: auto;}
}
@media screen and (max-width: 1300px) {
	.imgFull {width: 100%; height: auto;}
}


/* Archiv */
.nav_archiv {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}