.auswahlBox {
	text-align:center;
}
.auswahlGEB, .auswahlDMM {
	display:inline-block;
	padding:3px 10px;
	border-left:1px solid #979797;
	cursor:pointer;
	font-size:10pt;
}
.auswahlGEB.alle, .auswahlDMM.alle {
	border-left:none;
}
.auswahlGEB.akt, .auswahlDMM.akt {
	color:#016aac;
}

#refVorschauBox {
	display: flex;
	flex-flow: row wrap;
	min-height:500px;
	padding-bottom:50px;
}
#refVorschauBox .refVorschauBlock {
	flex: 0 1 33.33333%;
	padding-bottom:50px;
}
.refVorschauInnerBox {
	padding:0 20px;
	height:100%;
}
.refVorschauInnerBox .refContent {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow:0 20px 30px rgba(0,0,0,0.1);
	background-image:url('/page/_webpics/buttons/teaser-arrow-right.svg');
	background-repeat:no-repeat;
	background-position:bottom 40px left 40px;
	padding-bottom:70px;
	height:100%;
	transition:.2s;
}
.refContentTextBox {
	padding:30px 40px;
	color:#333 !important;
}
.refVorschauInnerBox .refContent .datum {
	padding-bottom:20px;
}
.refVorschauInnerBox .refContent .titel {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:500;
	font-size:18pt;
	line-height:30px;
	padding-bottom:20px;
}

.refVorschauInnerBox .refContent:hover {
	background-color:#e0eaf5;
}

.refVorschauBlock .bild .zoom {
	overflow:hidden;
}

.refVorschauBlock .bild img {
	width:100%;
	height:auto;
	display:block;
	transition: transform .2s;
}
.refVorschauBlock:hover .bild img {
	transform: scale(1.05);
}


/* detailseite  */
.detailContent {
	max-width:800px;
	margin:0 auto;
	padding-bottom:60px;
}
.detailContent #backbutton {
	display:inline-block;
	padding:30px 0 20px;
}
.detailContent #backbutton img {
	width:40px;
	height:auto;
}



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

.detailContent .topContent .block1 {
	flex: 1 1 100%;
}
.detailContent .topContent .block2 {
	flex: 0 0 205px;
	padding:0 10px;
}
.detailContent .topContent .block3 {
	flex: 0 0 40px;
}
.detailContent .titel {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14pt;
	font-weight:bold;
	line-height:25px;
	padding:7px 0;
}
.detailContent .topContent .block1 .ort {
	font-size:11pt;
	font-weight:bold;
	line-height:22px;
	padding:0;
}
.detailContent .topContent .block1 .daemmung {
	font-size:11pt;
	font-weight:normal;
	line-height:22px;
	padding:6px 0 5px;
	flex-grow: 1;
}


#bilderBox {
	margin-top:20px;
}

#bilderBox img {
	display:block;
	padding-bottom:15px;
}

#bilderBox .bildAuswahl {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row;
	justify-content:space-between;
}
#bilderBox .bildAuswahl .galerie {
	flex: 0 0 32%;
}

#bilderBox .bildAuswahl .galerie img {
	opacity:50%;
	cursor:pointer;
}
#bilderBox .bildAuswahl .galerie.akt img {
	opacity:100%;
}

#infoBoxA, #infoBoxB, #infoBoxC {
	background-color:#eeeeee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:15px 30px;
}
#infoBoxA {
	margin-bottom:15px;
}

#infoFlex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row;
	justify-content:space-between;
}

#infoBoxB {
	flex:1 1 50%;
	margin-right:7px;
}
#infoBoxC {
	flex:1 1 50%;
	margin-left:8px;
}

.doPrint img {
	width:40px;
	height:auto;
}






@media  only screen and (max-width: 600px) {
	#infoFlex {
		flex-flow: row wrap;
	}
	#infoBoxB {
		flex:1 1 100%;
		margin-right:0;
		margin-bottom:15px;
	}
	#infoBoxC {
		flex:1 1 100%;
		margin-left:0;
	}
	.detailContent .topContent .block2 {
		display:none;
	}
}



@media  only screen and (max-width: 900px) {
	#refVorschauBox .refVorschauBlock  {
		flex: 0 1 50%;
	}
}
@media  only screen and (max-width: 720px) {
	#refVorschauBox  .refVorschauBlock  {
		flex: 0 1 100%;
	}

}