@font-face {
	font-family:'Lato';
	src: url('font/Lato-Regular.ttf');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0100-024F;
}
@font-face {
	font-family:'Lato';
	src: url('font/Lato-Medium.ttf');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-25CA;
}
@font-face {
	font-family:'Lato';
	src: url('font/Lato-Bold.ttf');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0000-00FF;
}
.jl_main {
	max-width: 1170px;
	margin: 0px auto;
	box-sizing: border-box;
	position: relative;
	clear: left;
	width: 100%;
	font-size: 14px;
	letter-spacing: 0.02em;
}
body, span, td, select, div, textarea, input, a, p, ul, li, b {
	font-family:'Lato',Arial,Verdana;
	font-size:14px;
	color:#000000;
}
.jl_header {
	max-width: 1170px;
	width: 100%;
	position: relative;
	padding: 0px 1.282051282051282% 0px 1.282051282051282%;
	box-sizing: border-box;
	z-index: 12;
	margin: 0px auto;
	text-align: left;
	background-color: #d4d4d4;
	height: auto;
	overflow: hidden;
}
.jl_header img {
	max-width: 260px;
	max-height: 76px;
	padding: 50px 90px 50px 90px;
}
.jl_topArea {
	display: block;
	background-color: #706e6f;
}
.jl_textcontainer {
	color: #FFFFFF;
	padding: 50px 90px 50px 90px;
}
.jl_topArea h1 {
	font-size: 20px;
	font-weight: normal;
}
.sub .jl_topArea h1 {
	text-transform: uppercase;
	font-weight: bold;
}
.home .jl_topArea h1 {
	font-family:'Lato',Arial,Verdana;
	font-size: 40px;
	font-weight: normal;
}
.home .jl_topArea.home h2 {
	font-size: 25px;
	font-weight: normal;
}
#jl_bgwebsite {
	width: 100%;
	max-width: 1170px;
	position: relative;
	z-index: 10;
	left: 0px;
	top: 0px;
	margin: 0px auto;
	text-align: left;
	background-color: #d4d4d4;
	padding: 50px 90px 50px 90px;
	box-sizing: border-box;
	display:inline-block;
}
#jl_bgwebsite img {
	max-width: 100%;
	margin: 0px;
	padding: 0px;
	height: auto;
}
#jl_websitearea {
	max-width: 1170px;
	z-index: 11;
	margin: 0px auto;
	text-align: left;
	width: 100%;
}
.jl_menu li a {
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	position: relative;
	padding: 2px 15px 2px 0px;
}
.jl_ctareasection {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.jl_boxText {
	padding: 20px;
	background-color: #ffffff;
}
.jl_boxHighlight {
	float: left;
	display: block;
	margin-right: 10.1774%;
	margin-bottom: 2.7244094488189%;
	width: 23.15789473684211%;
	background-color: #ffffff;
}
.jl_boxHighlightArea {
	margin: 0px;
	display: block;
	padding: 0% 0% 3.22581%;
	box-sizing: border-box;
}
.jl_boxHighlight_media {
	position: relative;
	display: block;
}
.jl_boxHighlight_content {
	overflow: hidden;
	padding: 15px 4.95867768595041% 10px 4.95867768595041%;
	background-color: #858384;
}
.jl_boxHighlight_title span {
	color: #ffffff;
}
.jl_boxHighlight_title {
	float:left;
}
.jl_boxHighlight_content_img {
	float:right;
}
.jl_footer {
	padding: 40px 20px 0px 90px;
	width: 100%;
	display: inline-block;
	background-color: #858384;
	box-sizing: border-box;
}
.jl_footer_content {
	color: #FFFFFF;
	background: url("img/Footer_Kreis.png") no-repeat right 114px; 
}
.jl_footer_content a {
	text-decoration:none;
	color:#FFFFFF;
}

@media screen and (min-width: 769px) and (max-width: 1008px) {
	.jl_boxHighlight:nth-of-type(2n+1) {
		margin-right: 10.1774%;
	}
	.jl_boxHighlight {
		width: 39.65789473684211%;
	}
}
@media screen and (max-width: 768px) {
	.jl_boxHighlight:nth-of-type(2n+1) {
		margin-right: 6.06220472440945% !important;
		clear: both;
	}
	.jl_boxHighlight {
		width: 100%;
	}
	#jl_bgwebsite {
		padding: 0px;
	}
	.jl_textcontainer,
	.jl_footer,
	.jl_header img {
		padding-left: 10px;
	}
	.jl_header img {
		max-width: 250px;
	}
	.home .jl_topArea h1 {
		font-size: 30px;
	}
	.home .jl_topArea h2 {
		font-size: 15px;
	}
}