/*
font-family: 'Alice', serif;
font-family: 'Roboto Condensed', sans-serif;
*/

body, textarea, input, select {
	font-family: 'Alice', serif;
	font-size:11pt;
	color:#555;
}


a.anchor {
	display: block;
	position: relative;
	top: -170px;
	visibility: hidden;
}



#surround {
	margin:0 auto;
	width:100%;
}

.inner {
	margin:0 auto;
	max-width:1140px;
}

.innerBox {
	padding:0 25px;
}

.backImage, .backImageHome {
	min-height:800px;
	width:100%;
	background-position:center center;
	background-size:auto 100%;
	background-size: cover;
}

.block50 {
	float:left;
	width:50%;
}

.flexBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
.flexBox50 {
	flex:1 1 50%;
}


/* HEADER */
header {
	position:fixed;
	z-index:10;
	background-color:#FFF;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:13pt;
	color:#919191;
	padding:0;
	width:100%;
	height:170px;
}

header #sprachbox {
	float:left;
	margin:0 30px 0 50px;
}


header .sprachwahl {
	display:inline-block;
	padding:0 5px;
		height:130px;
}



header .sprachwahl a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
	height:130px;
	padding:100px 4px 0;
	color:#c08e4a;
	font-size:14pt;
}
header .sprachwahl.akt a, header .sprachwahl a:hover  {
	color:#fff;
}

header #logo {
	float:left;
	padding-top:8px;
	margin-right: 20px;
}
header #logo img {
	display:block;
	max-width:100%;
	height:auto;
}






#kapitelbild {
	position:relative;
	background-position:center;
	background-repeat:no-repeat;
	background-size: auto 100%;
}
#kapitelCover {
	max-width:1000px;
	margin:0 auto;
}
#kapitelCover img {
	width:100%;
	display:block;
}






/* CONTENT */
#content {
	padding-top:170px;
	width:100%;
	min-height:200px;
	margin:0 auto;
	line-height:22px;
	text-align:left;
	background:#eee;
}

.teaserBox, .teaserBoxBild {
	position:relative;
	z-index:0;
	background-color:rgba(192,142,82,.90);
	color:#fff;
	font-size:18pt;
	line-height:40px;
	min-height:520px;
	margin-top:90px;
	margin-bottom:90px;
}

.teaserBox.back2 {
	background-color:rgba(64,141,171,.90);
}

.teaserBox.t20 {
	margin-top:20px;
	min-height:470px;
}
.teaserBox.t20A {
	margin-top:20px;
	min-height:235px;
}

.teaserBoxTitel {
	position:relative;
	z-index:0;
	background-color:rgba(192,142,82,.90);
	color:#fff;
	font-size:18pt;
	line-height:40px;
	margin-top:90px;
}


.backImageHome .teaserBox  {
	margin-bottom:0;

}


.teaserBox .teaserImage {
	position:absolute;
	width:100%;
	height:630px;
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}


.teaserBox hr {
	color: #844000;
	background-color: #844000;
	border:none;
	height: 1px;
	padding:0;
	margin:0;

}

.teaserInn {
	padding:40px;
}

.teaserBox h1, .teaserBoxTitel h1 {
	font-weight:normal;
	font-size:32pt;
	color:white;
	margin:0;
	padding:0;
}

.teaserBox h2, .teaserBoxTitel h2 {
	font-weight:normal;
	font-size:32pt;
	margin:0;
	padding:0 0 23px;
}

.teaserBox h3, .teaserBoxTitel h3 {
	font-weight:normal;
	font-size:23pt;
	margin:0;
	padding:0 0 23px;
}


.textBox {
	font-size:16pt;
	line-height:30px;
	margin-top:257px;
	color:#707070;
}
@media  only screen and (max-width: 1100px) {
	.textBox {
		margin-top:247px;
	}
}


.textBox ul {
	list-style: none;
}
.textBox li { 
	padding-left: -1em; 
	text-indent: -0.9em;
	padding-bottom:20px;
}
.textBox li:before {
	content: "● ";
	color:#c08e4a;
}


.backImage .textBox {
	color:#fff;
}
.backImage .textBox li:before {
	color:#fff;
}



#content li {
	font-weight:normal;
}


#content a {
	color:#fff;
}
#content a:hover {
	color:#000;
}

ul.suche {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.suche li a {
	display:block;
	padding:5px 15px;
	background-color:#ddd;
	border-bottom:1px solid #000;
}


.halbBox {
	width:50%;
	float:left;
}



/* FOOTER */
footer {
	background-color:#eee;
	color:#524b46;
	padding:25px 0 50px;
	line-height:22px;
	text-align:center;
}


footer .footerBlock .inBlock {
	padding:15px;
}

footer .footerBlock a {
	color:#524b46;
}
footer .footerBlock a:hover {
	color:#000;
}

footer img {
	max-width:100%;
	height:auto;
	padding-bottom: 20px;
}

footer a {
	white-space:nowrap;
}


.grayback a {
	color:#524b46 !important;
}
.grayback a:hover {
	color:#c08e4a !important;
}


/* DATENSCHUTZ-TITEL */
.dse-haupttitel {
	font-size:17pt;
	font-weight:bold;
}

.dse-untertitel {
	font-size:12pt;
	font-weight:bold;
}

.impdaschu-titel {
	font-size:20pt;
	font-weight:bold;
	text-transform:uppercase;
}


/* RESPONSIVE */

@media  only screen and (max-width: 1100px) {
	#headLeft {
		width:0;
		height:130px;
		float:left;
		display:block;
	}
	#headRight {
		max-width:33%;
		float:right;
	}

	a.anchor {
		top: -130px;
	}
	header #logo {
		float:left;
		position:relative;
		margin:0 auto;
		padding-top:8px;
		margin-bottom: 22px;
	}
	header #sprachbox {
		margin:0 30px 0 0;
	}

	.backImageHome {
		min-height:660px;
		width:100%;
		background-position:center center;
		background-size:auto 100%;
	}


}



@media  only screen and (max-width: 850px) {
	#headLeft {
		width:0;
		float:left;
	}
	header .sprachwahl a {
		height:130px;
		padding:60px 4px 0;
	}

}


@media  only screen and (max-width: 580px) {
	#headRight {
		max-width:50%;
	}
	header .sprachwahl a {
		height:130px;
		padding:60px 4px 0;
	}


}

@media  only screen and (max-width: 500px) {

	header {
		height:120px;
	}
	#content {
		padding-top:120px;
	}
	#headRight {
		float:right;
		margin:0 auto;
		border:1px soid red;
		max-width:100%;
		text-align:center;
	}

	header #logo {
		width:240px;
		float:left;
		position:relative;
		padding-top:10px;
	}
	a.anchor {
		top: -80px;
	}
}


@media  only screen and (max-width: 1000px) {

	.teaserBox {
		font-size:17pt;
		line-height:33px;
	}

	.teaserBox h1, .teaserBoxTitel h1 {
		font-size:26pt;

	}

	.teaserBox h2,  .teaserBoxTitel h2 {
		font-size:26pt;
		line-height:33px;
	}

	.textBox {
		font-size:14pt;
	}

}


@media  only screen and (max-width: 780px) {
	header {
	}
	.block50 {
		width:100%;
	}


	.flexBox50 {
		flex:1 1 100%;
	}

	.contBlock {
		padding-bottom:90px;
	}

	.teaserBox {
		min-height:0;
		margin-top:40px;
		margin-bottom:0;
	}

	.teaserBox.t20 {
		min-height:0;
		margin-top:20px;
		margin-bottom:0;
	}

	.teaserBox.Bild {
		background-color:rgba(0,0,0,0);

	}

	.teaserBox .teaserImage {
		position:relative;
		width:100%;
		height:400px;
		background-position:center center;
		background-size:auto 100%;
	}

	.teaserInn {
		font-size:15pt;
	}

	.textBox {
		margin-top:40px;
		margin-bottom:20px;
	}
	.loewe {
		display:none;
	}
	footer {
		padding:15px 0 30px;
	}
	.backImageHome {
		min-height:450px;
		width:100%;
		background-position:center center;
		background-size:auto 100%;
	}
}


@media  only screen and (max-width: 580px) {
	.teaserBox h1,  .teaserBoxTitel h1 {
		font-size:26pt;
	}
	footer {
		padding:5px 0 10px;
	}

	.teaserBox .teaserImage {
		position:relative;
		width:100%;
		height:300px;
		background-position:center center;
		background-size:auto 100%;
	}

}



@media  only screen and (max-width: 420px) {
	.teaserInn {
		padding:30px;
	}
	.teaserBox {
		font-size:13pt;
		line-height:26px;
	}
	.teaserBox h1,  .teaserBoxTitel h1 {
		font-size:22pt;
	}

	.teaserBox h2 {
		font-size:22pt;
		line-height:33px;
	}

	.textBox {
		font-size:12pt;
		line-height:26px;
	}
	.backImageHome {
		min-height:370px;
		width:100%;
		background-position:center center;
		background-size:auto 100%;
	}
}