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

body, textarea, input, select {
	font-family: 'Istok Web', sans-serif;
	font-size:11pt;
	color:#000;
}

.mobileonly
{
	display: none;
}



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

.whiteBlock {
	background-color:#fff;
	padding:40px 0;
}
.grayBlock {
	background-color:#e9e9eb;
	padding:20px 0;
}

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

.innerBox {
	padding:0 20px;
}

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


#kapitelbild {
	position:relative;
	top:0;
	height:380px;
	background-position:center;
	background-repeat:no-repeat;
}

#imageLogo {
	position:absolute;
	z-index:150;
	top:-510px;
	right:20px;
	background:url('/page/_webpics/grafik-orange-wb-logo.jpg');
	width:120px;
	height:570px;
	display:block;
}



/* CONTENT */
#content {
	width:100%;
	margin:0 auto;
	padding:0;
	line-height:20px;
	text-align:left;
}

#content h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:bold;
	font-size:23pt;
	line-height:32px;
	margin:0;
}

#content h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:bold;
	font-size:17pt;
	margin:0;
}

#content h3 {
	font-weight:bold;
	font-size:11.5pt;
	line-height:20px;
	padding-bottom:20px;
	margin:0;
}

#content h1.pageTitle {
	padding-top:3px;
	padding-bottom:34px;
}

#content li {
	font-weight:normal;
}


#content a {
	color:#ed6b21;
}

#content h1 a {
	color:#000;
}

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

#content a.Button {
	display:inline-block;
/* line-height:40px;*/
	border:1px solid #ed6b21;
	width:140px;
	text-align:center;
	margin-right:16px;
	margin-top:20px;
	color:#ff6633;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content a.Button:hover {
	background-color:#ed6b21;
	color:#fff;
}

/* Zebra Tabelle */

table TabelleMitZebra {
	
}

#content table td, #content table th {
    text-align: center;
}

#content table td:first-child, #content table th:first-child {
  text-align: left;
	padding-left: 2px;
}

#content table th {
	color: white;	
	background-color:black;
}

#content table tbody tr:nth-child(even) {
   background-color: #ecf0f1;
}

#content table tbody tr:nth-child(odd) {
   background-color: #ffffff;
}
#content .LogoGrau
{
	color: #999999;	
	text-transform: capitalize;
}

#content .LogoRot{
	color: #ff0000;
	text-transform: capitalize;
}






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

#goTop {
	line-height:0;
	text-align:center;
}
#goTopButton {
	cursor:pointer;
	padding:34px 0;
}



.box2er {
	width:50%;
	padding-bottom:40px;
}

.box2er .innerBox {
	height:100%;

}

.flexBox2er {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-flow: row column;
}

.box2er .textbox {
	display:flex;
	flex-flow: column;
	height:100%;
}

.box2er .imageBox {
	width:100%;
	padding-top:20px;
	margin-top:auto;
	line-height:0;
}

.box2er img {

}


.box5er img {
	width:100%;
	height:auto;
}

.box5er {
	padding:20px 0;
	width:20%;
}

.box5er .innerBox {
	height:100%;
}

.box5er h2 {
	padding-bottom:30px;
}

.flexBox5er {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}

.box5er .textBox {
	display:flex;
	flex-flow: column;
	height:100%;
}

.ButtonBox {
	margin-top:auto;
}



.imageBox img {
	width:100%;
	height:auto;
}

.weiterBox {
	background:#ed6b21 url('/page/_webpics/buttons/pfeil-weiss-auf-orange-teaser.jpg') no-repeat top center;
	flex:0 0 40px;
	display:block;
	height:auto;
	min-height:200px;
}

.noLinkBox {
	float:left;
	background:#ed6b21;
	flex:0 0 40px;
	height:auto;
	min-height:200px;
	display:block;
}


.flexBox3er {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	flex: 1;
	height:100%;
}

.box3er {
	padding:20px 0;
	width:33%;
}

.box3er .innerBox {
	height:100%;
}

.boxBack {
	background:#fff;
	height:100%;
}

.box3er .contentBox {
	flex:1 1 100%;
	height:100%;
}
.box3er .contentBox img {
	width:100%;
	height:auto;
}

.box3er .textBox {
	display:flex;
	flex-flow: column;
	height:100%;
}

.textBox .imageBox {
	width:100%;
	padding-top:20px;
	margin-top:auto;
	line-height:0;
}

.contentBox h1 {
	padding-bottom:20px;
}
.textBox .innerTextBox {
	padding:20px 20px 0 30px;
}

.imageBox .contentBox img {
	width:100%;
	height:auto;
	display:block;
}




#content a .innerTextBox {
	color: #000;
}




a.youtubeButton {
	display:block;
	width:40px;
	height:40px;
	background:url('/page/_webpics/buttons/play-button-inaktiv.png');
}
a.youtubeButton:hover {
	background:url('/page/_webpics/buttons/play-button-aktiv.png');
}

.buttonBlock {
	margin-top:20px;
}

.maps iframe{
	pointer-events: none;
}

.bild img {
	max-width:100%;
	height:auto;
	display:block;
}


.galerieImages {
	float:left;
	width:25%;
	padding-bottom:40px;
}
.galerieImages img {
	max-width:100%;
	height:auto;
	display:block;
}

.kontaktFlex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
}

.kontaktAdress {
	flex:0 0 33.333%;
}

.kontaktBild {
	flex:1 1 100%;
}


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

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

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


.pdfBox iframe {
width: 100%; height: 800px;
	margin-top:20px
	}

/* responsive */
@media  only screen and (max-width: 1040px) {
	#imageLogo {
		display:none;
	}
	#content h1 {
		font-size:20pt;
		line-height:28px;
	}
	#content h1.pageTitle {
		padding-top:3px;
		padding-bottom:15px;
	}
	.whiteBlock {
		padding:30px 0;
	}
}

@media  only screen and (max-width: 980px) {
	.box3er {
		width:50%;
	}
	.box5er {
		padding:20px 0;
		width:33.33333%;
	}
}


@media  only screen and (max-width: 680px) {
	.box3er {
		width:100%;
	}
	.box5er {
		padding:20px 0;
		width:50%;
	}
	.box2er {
		width:100%;
	}

	.galerieImages {
		width:33.3333%;
		padding-bottom:40px;
	}

	.kontaktFlex {
		flex-flow: column;
	}
	.kontaktAdress {
		flex:0 0 100%;
		padding-bottom:40px;
	}
.pdfBox iframe {
width: 100%; height: 400px;
	}

}

@media  only screen and (max-width: 400px) {
	.box5er {
		padding:20px 0;
		width:100%;
	}
	.box5er img {
		width:50%;
		height:auto;
		margin:0 auto;
	}
	.galerieImages {
		width:50%;
		padding-bottom:40px;
	}
}

#googleMap{
	position: relative;

}

#googleMap .googlebanner {
    top: 50%;
    left: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
	background: hsla(0,0%,0%,.8);
    color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}