.joGallery{
	width:36rem;
	height:36rem;
	position:relative;
}
.joGallery li{
	line-height:100%;
	border:#ffffff 1px solid;
	overflow:hidden;
	height:9rem;
	width: 9rem;
	position:absolute;
	background-color:rgba(255,255,255,0.9);
}
.joGallery li .joGalleryImage{
	width:100%;
	height:100%;
	background-size:cover;
	background-position:50% 50%;
}
.joGallery li .joGalleryImage .joGalleryContent{
	width: 100%;
	height:100%;
}
.joGallery li .joGalleryImage .joGalleryContent .joGalleryContentLink{
	width: 100%;
	height:100%;
	display:none;
	background-color:rgba(255,255,255,0.9);
	padding:0.5rem;
}
.joGallery li .joGalleryImage .joGalleryContent:hover .joGalleryContentLink{
	display:block;
}
.joGallery li .joGalleryImage .joGalleryContent .joGalleryContentLink h3{
	margin: 0;
	padding:0;
	font-size: 1rem;
}
.joGallery li .joGalleryImage .joGalleryContent .joGalleryContentLink h3 a{
	color:#000000;
}

/* Startseite Galerie Führungen */
.joGallery #joGalleryItem-0{
	left: 0;
	top:0;
	border-right:none;
}
.joGallery #joGalleryItem-1{
	left: 9rem;
	height:18rem;
	top:0;
}
.joGallery #joGalleryItem-2{
	left: 18rem;
	top:0;
	border-left:none;
}
.joGallery #joGalleryItem-3{
	left: 18rem;
	top:9rem;
	border-left:none;
	border-top:none;
}
.joGallery #joGalleryItem-4{
	left: 27rem;
	top:9rem;
	border-left:none;
}
.joGallery #joGalleryItem-5{
	left: 0;
	top:18rem;
	border-right:none;
}
.joGallery #joGalleryItem-6{
	left: 18rem;
	top:18rem;
	border-left:none;
	border-top:none;
}
.joGallery #joGalleryItem-7{
	left: 9rem;
	top:18rem;
	border-top:none;
}
.joGallery #joGalleryItem-8{
	left: 9rem;
	top:27rem;
	border-top:none;
}
.joGalleryContentDauer,
.joGalleryContentBodytext,
.joGalleryContentKosten{
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight:300;
}
.joRobotoBold{
	font-weight:400;
}

/** Gallery Regular */
.joGalleryRegular{
	margin-top:2rem;
	position:relative;
}
.joGalleryRegular li{
	line-height:100%;
	border:#ffffff 1px solid;
	overflow:hidden;
	height:12rem;
	width: 12rem;
	float:left;
	background-color:rgba(255,255,255,0.9);
	margin: 0 1.1rem 1.1rem 0;
	border: rgba(0,0,0,0.9) 3px solid;
}
.joGalleryRegular li .joGalleryImage{
	width:100%;
	height:100%;
	background-size:cover;
	background-position:50% 50%;
}
.joGalleryRegular li .joGalleryImage .joGalleryContent{
	width: 100%;
	height:100%;
}
.joGalleryRegular li .joGalleryImage .joGalleryContent .joGalleryContentLink{
	width: 100%;
	height:100%;
	display:none;
	background-color:rgba(255,255,255,0.9);
	padding:0.5rem;
}
.joGalleryRegular li .joGalleryImage .joGalleryContent:hover .joGalleryContentLink{
	display:block;
}
.joGalleryRegular li .joGalleryImage .joGalleryContent .joGalleryContentLink h3{
	margin: 0;
	padding:0;
	font-size: 1rem;
}
.joGalleryRegular li .joGalleryImage .joGalleryContent .joGalleryContentLink h3 a{
	color:#000000;
}

/* Führungen Detail */
.joGalleryDetailItem{
	position:relative;
	z-index:9997;
	margin:0;
}
.joGalleryItemText{
	margin: 15rem 0 0;
	padding: 2rem 1rem;
	text-align: left;
	font-size: 1.1rem;
	background-color: rgba(255,255,255,0.8);
	border-top: rgba(0,0,0,0.9) 1px solid;
}
.joGalleryItemHeadline{
	margin:0;
	padding:11rem 3rem 0 3rem;
}
.joGalleryItemHeadline h2,
.joGalleryItemHeadline h3{
    font-size: 1.8rem;
    display: inline-block;
    background-color: #424146;
    color: #ffffff;
    padding: 0.5rem 0.8rem;
    margin: 0 0 3px 0;
}
.joGalleryItemHeadline h2{
	font-size: 2.2rem;
}
.joGalleryContentKosten,
.joGalleryContentDauer{
	padding:1rem 0 0 0;
}
.joGalleryDetailItem .joGalleryImage{
	width:9rem;
	height:9rem;
	line-height:0;
	overflow:hidden;
	display:inline-block;
	margin:0 0 0.5rem 0.5rem;
	border: rgba(0,0,0,0.9) 3px solid;
}
.joGalleryDetailItem .joGalleryImage img{
	width:100%;
	height:auto;
}
/* verstecke datepicker input */
input#datepicker{
	height:0px;
	width:0px;
	visibility: hidden;
}
.joKontaktForm{
	margin:1rem 0 0;
}

.joKontaktForm .joFormField{
	padding:0.6rem 0;
}
.joKontaktForm .joSubmitField{
	text-align:right;
}
.joKontaktForm .joFieldWrapper,
.joKontaktForm .joFormField label{
	padding:0;
	font-weight:400;
}
.joKontaktForm .joFliesstext{
	padding-top:2rem;
}
.joKontaktForm .joSubmit,
.joKontaktForm .joInputText{
	width:100%;
	background-color:#ffffff;
	border: #000000 1px dotted;
	padding:0.3rem;
	font-size:1.1rem;
}
.joKontaktForm .joSubmit{
	width:auto;
	border: #000000 1px solid;
	font-weight:400;
	padding:0.3rem 2rem;
}
.joKontaktForm .joInputText.joTextArea{
	height:15rem;
}
/* Datepicker */
.ui-datepicker{
	background-color:#ffffff;
	padding:1rem;
	border:#000000 1px dotted;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1rem;
	font-weight:300;
}
.ui-datepicker-next,
.ui-datepicker-prev{
	cursor:pointer;
}
.ui-datepicker-next{
	float:right;
}
.ui-datepicker-title{
	padding:0.1rem 0;
	text-align:center;
	background-color: #cecece;
}
.ui-datepicker td,
.ui-datepicker th{
	padding:0.2rem;
}
.joHide{
	display:none;
}

@media (min-width: 768px){
	.joGalleryItemText{
		padding: 2rem 15rem;
	}
}