body,
html{
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    font-weight:normal; 
    color: #707170;
	font-family: 'Cinzel', serif !important;
	font-size:16px;
}

p,ul,h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
	font-family: 'Cinzel', serif !important;
}
ul{
	list-style-type:none;
}
th,h1,h2,h3,h4,h5,h6{
    font-weight:normal!important;
}
h1,h2,h3,h4,h5,h6{
	font-size:1rem;
}
img,a{
    border:none;
    text-decoration:none;
}
input,
textarea{
    outline:none;
    border:none;
}
input{
    background-color:transparent;
}
textarea{
    margin:0;
    resize:none;
}
div, ul, li, input, textarea, a, span{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
h5{
    text-decoration:underline;
}


body,
html{
	height:100%;
}
.joHeight100{
	position:relative !important; 
	height:auto !important; 
	min-height:100% !important; 
	height:100% !important; 
}

.joFliesstext{
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight:300;
	font-size:1.1rem;
}
.joDisplayBlock{
    display:block;
}
.joDisplayNone{
    display:none;
}
.joTextcenter{
    text-align:center;
}
.joFloatleft{
    float:left;
}
.joFloatright{
    float:right;
}
.joPositionrelative{
    position:relative;
}
.joClearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.joPositionabsolute{
    position:absolute;
}
.joRahmen{
	border: #a0a0a2 3px solid;
}

.ui-datepicker{
	display:none;
}
/**
 * JO-LAYOUT-CSS
 */
.joPageWrap{
	
}
.joBGImage{
	position:fixed;
	top:-2rem;
	left:-2rem;
	right:-2rem;
	bottom:-2rem;
	overflow:hidden;
	background-size:cover;
	background-position: 80% 0%;
	filter: url(blur.svg#blur);
	-webkit-filter: blur(10px);
	filter: blur(10px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');
}
.joHead{
	position:relative;
	background-color:rgba(255,255,255,0.8);
	width:100%;
	border-bottom:rgba(0,0,0,0.9) 5px solid;
	padding:0 1rem;
	z-index:9998;
}
.joHead .joNaviWrapper{
	padding:0;
}
.joHead .joLogo{
	background-size:auto 80%;
	background-position: 0 100%;
	background-repeat:no-repeat;
}
.joHead .joLogoLink{
	position:absolute;
	display:inline-block;
	height:5rem;
	left:0;
	top:0;
	padding:1rem 0 0 1rem;
}
.joHead .joLogoLink img{
	height:100%;
	width:auto;
}
.joHead a{
	color: #838282;
}

.joTextWrap{
	text-align:left;
	background-color: rgba(255,255,255,0.8);
	/* margin:25rem 0 0 0; */
	border-top:#000000 1px solid;
	/* flex: 1 1 100%; */
}
.joTextWrap .joBannerText{
	padding: 2rem 1rem;
}
.joPageWrap{
    position:relative;
	text-align:center;
}
.joPageWrap .joPageSize{
	padding-right: 0;
    padding-left: 0;
	text-align:left;
	float:none;
/*	display: flex; */
 /*   flex-flow: row column; */
}
.joPageWrap .joPageSize .joHeaderImageWrap{
	padding:0.5rem;
	margin-bottom: 1rem;
	height: 7.375rem; 
}
iframe.joContactFrame{
	width: 100%;
	height: 15rem;
}
.joInnerWrap{
	padding: 2rem 0 0 0;
}
.joInnerWrap .joBannerText{
	padding: 0 1rem;
	border-top: rgba(0,0,0,0.9) 1px solid;
}
.joInnerWrap .joBannerText h1,
.joInnerWrap .joBannerText h2{
	background-color:rgba(0,0,0,0.5);
	color:#ffffff;
	display:inline-block;
	padding:0.5rem 0.8rem;
	text-transform:uppercase;
	font-size:1.5rem;
	margin:0 0 2px 0;
}
.joInnerWrap .joBannerText h2{
	font-size:1.2rem;
	margin:0 0 1px 0;
	text-transform:none;
}
.joPageWrap .joPageSize .joMainPageWrap .joMainContent{
	padding:0;
	margin:1rem;
	font-size:1.4rem;
	
}

.joPageWrap .joPageSize .joMainPageWrap .joMainContent h1,
.joPageWrap .joPageSize .joMainPageWrap .joMainContent h2{
	padding:0.5rem 0;
	font-size:1.8rem;
	margin: 0 0 1rem 0;
}
.joPageWrap .joPageSize .joMainPageWrap .joMainContent h1{
	border-bottom:#a0a0a2 1px solid;
}
.joPageWrap .joPageSize .joMainPageWrap .joMainContent h2{
	font-size:1.5rem;
}
.joRightContent{
	padding-top:3rem;
}

/* Content Elemente 
* 	grauer Hintergrund - Layout 1
*/
.joPageWrap .joPageSize .joMainPageWrap .joCe_1{
	padding: 0.5rem;
	color: #ffffff;
	background-color: #C0C0C0;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 0.7rem;
	font-weight: bold;
}
/* 
* 	Liste im Contentelement
*/
.joPageWrap .joPageSize .joMainPageWrap ul.joContentList{
	display: block;
	list-style-type: square;
	margin:0 0 0 1rem;
	padding:0 0 0 1rem;
}
.joPageWrap .joPageSize .joMainPageWrap ul.joContentList li{
	padding:0 0 0.3rem 0;
}

div.csc-default{
    /* margin-bottom:1.5rem; */
}

div.joNewsPlugin div.joNewsBild img{
    width:100%;
    height:auto;
    margin-bottom:1.5rem;
}

/* Bootstrap */
.icon-bar{
	background-color:#ffffff;
}
.joPageWrap a:focus, .joPageWrap a:hover {
    color: #000000;
    text-decoration: none;
}
/* Auf und Zuklappbare Navi */
.joAufklappbar{
	margin:0;
}
.joAjaxKlapp {
	line-height:140%;
}
.joAjaxKlapp a.joHeadline,
.joAufklappbar .csc-header h1, 
.joAufklappbar .csc-header h2, 
.joAufklappbar .csc-header h3 {
    cursor: pointer;
	display:block;
	
    margin: 0 !important;
    background-image: url(../images/down.svg);
	background-size: 2rem auto;
    background-repeat: no-repeat;
    background-position: 0 50%;
    font-weight: normal;
	padding: 0.8rem 0 0.8rem 3rem;
	border-top: #a0a0a2 1px dotted;
}
.joAufklappbar .csc-header h2{
	font-size: 1.6rem;
}

.joAjaxKlapp.joOffen a.joHeadline,
.joAufklappbar .csc-header.joOffen  h1, 
.joAufklappbar .csc-header.joOffen  h2, 
.joAufklappbar .csc-header.joOffen  h3 {
    background-image: url(../images/up.svg);
}
.joAjaxKlapp.joOffen {
	border-bottom: #a0a0a2 1px solid;
}
.joAufklappbar .joFliesstext {
    display: none;
}
.joAufklappbar .joFliesstext.joDisplayBlock{
    display:block;
}
.joAjaxKlapp a.joHeadline{
	font-size: 1.8rem;
	color:#000000;
	text-decoration:none;
	padding: 1rem 0;
}
.joNaviLeft .navbar-toggle {
    position: relative;
    float: right;
    padding: 5px 0 9px 20px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
/**
 *	Startseite
 */
.joMainPageWrap .joMainContentPlain{
	padding-top:6rem;
	float:none;
}
.joBoxWhite{
	margin-top:3rem;
	background-color:rgba(255,255,255,0.9);
	padding:0.5rem 1rem;
}
.joBoxWhite h1{
	font-size:3rem;
	line-height:140%;
	margin:0;
}
.joBoxGrau{
	margin-top:4rem;
}
.joBoxGrau h3{
	font-size:1.8rem;
	display:inline-block;
	background-color:#424146;
	color:#ffffff;
	padding: 0.5rem 0.8rem;
	margin:0 0 3px 0;
}
@media (min-width: 768px){
	.joMainPageWrap .joMainContentPlain{
		padding:6rem 3rem 0;
	}
	.joHead{
		position:fixed;
		padding:0 3rem;
		left: 0;
		top: 0;
	}
	.joHead .joLogoLink{
		padding:1rem 0 0 3rem;
	}
	.joInnerWrap{
		padding: 11rem 4rem; 
	}
	.joTextWrap .joBannerText{
		padding: 2rem 15rem;
	}
	.joTextWrap .joBannerText h1{
		text-align:center;
		padding: 0 0 2rem 0;
		text-decoration:underline;
		font-size:1.8rem;
		margin:0;
	}
	.joInnerWrap .joColRight,
	.joInnerWrap .joColLeft{
		padding:0;
	}
	.joPageWrap .joPageSize .joMainPageWrap .joMainContent{
		margin:3rem;
		padding:1.5rem;
	}
	.joInnerWrap .joBannerText h1,
	.joInnerWrap .joBannerText h2{
		font-size:2.5rem;
	}
	.joInnerWrap .joBannerText h2{
		font-size:1.5rem;
	}
	.joAjaxKlapp a.joHeadline{
		font-size: 2.5rem;
	}
	.joPageWrap .joPageSize .joMainPageWrap .joMainContent h1,
	.joPageWrap .joPageSize .joMainPageWrap .joMainContent h2{
		font-size:2.5rem;
	}
	.joPageWrap .joPageSize .joMainPageWrap .joMainContent h2{
		font-size:2rem;
	}
}