* {
	box-sizing:border-box;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Bold.eot');
    src: url('../fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Bold.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-Bold.woff') format('woff'),
        url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Regular.eot');
    src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Regular.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-Regular.woff') format('woff'),
        url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Grundgeruest */
html {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

body {
	background:#fff;
	color:#464646;
	font-size:16px;
	font-family: 'Roboto Condensed', 'Arial', sans-serif;
	line-height:155%;
	padding:0px;
	margin:0px;
    position: relative;
    width: 100%;
	min-height:100%;
	height:100% !important;
	/*overflow-y:scroll !important;*/
	-webkit-text-size-adjust:none;
}

.mm-page {
	overflow-x:hidden;
}


header .inside, #container .mod_article, #topbalken .inside, #leistungsliste .inside {
	max-width:1200px;
	width:85.71%;
	position:relative;
	z-index:20;
	margin:0px auto;
}

#container .mod_article {
	padding:30px 0; 
}


.datenschutztextblock a {
	word-wrap:break-word;
}

/* HEADER */

#wrapper {
	position:relative;
}

@media only screen and (min-width : 800px) {
	header {
		position:absolute;
		z-index:100;
		width:100%;
		max-width:100%;
		top:23px;
	}


header .inside {
	background:#fff;
	border-radius: 5px;
	box-shadow: 3px 3px 7px rgba(0,0,0,0.23);
}


}

header .logoowv a {
	background: url(../images/logoowv.png) no-repeat;
	width:242px;
	height:72px;
	text-indent:-1000000px;
	display: block;
	margin:0 10px;
}

.logo-mobil {
	max-width:75%;
	padding:15px 0px 15px 0px;
}

@media only screen and (min-width : 800px) {

	.logo-mobil {
		padding-left:20px;
	}	
}

@media only screen and (min-width : 1065px) {
	.logo-mobil {
		display:none;
	}
}

#topbalken {
	background: #f5f5f5;
	background: -webkit-linear-gradient(#f5f5f5 0%, #f1f1f1 100%);
	background: -ms-linear-gradient(#f5f5f5 0%, #f1f1f1 100%);
	background: -o-linear-gradient(#f5f5f5 0%, #f1f1f1 100%);
	background: -moz-linear-gradient(#f5f5f5 0%, #f1f1f1 100%);
	background: linear-gradient(#f5f5f5 0%, #f1f1f1 100%);    
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	position: relative;
	z-index:100;
}


.topbalken {
	width:100%;
	position: relative;
	padding:10px 0px 10px 0px;
	overflow: hidden;
	color:#414141;
	font-weight:bold;
	text-align:center;
}

.allcall a {
	display:block;
	padding:6px 15px;
	color:#fff;
	background:#003454;
	border-radius: 3px;
	margin-right:15px;
}

@media only screen and (min-width : 365px) {
	.allcall a {
		display:inline-block;
	}
}

.allcall {
	font-size:13px;
}

.allcall a:hover {
	background:#001c2d;
	color:#fff;
}

.topbalken .links a {
	color:#414141;
	margin-right:20px;
	font-size:13px;
}

.topbalken .links ul {
	list-style: none;
	padding:6px 0;
	margin:0px;
}

.topbalken .links ul li {
	display: inline-block;
}

.topbalken .links {
	border-top:1px solid #e7e7e7;
	margin-top:10px;
}

.topbalken .links a:hover {
	color:#003454;
}

@media only screen and (min-width : 760px) {

.topbalken .links {
	border-top:none;
	margin-top:0px;
}
	
	.allcall {
		float:left;
		font-size:16px;
	}

	.topbalken .links {
		float:right;
	}

	.topbalken .links a {
		margin-left:20px;
		margin-right:0px;
		font-size:16px;
	}
}



.fullpage .inside {
	max-width:1200px;
	width:85.71%;
	position:relative;
	z-index:20;
	margin:0px auto;
}

.fullpage {
	background:#f6f5f8;
	width:100% !important;
	max-width:100% !important;
	padding:60px 0;
}


/* Navigation */

/* Ebene 1 */

.navi ul li {
	position:relative;
	display: none;
}

.navi ul {
	margin:0;
	list-style:none;
	padding:0px;
	text-align: center;
}

.navi ul li {
	display: inline-block;
	text-align: center;
	margin-left:1px;
	position:relative;
	vertical-align: middle;
}

.navi ul li a {
	display:block;
	color:#0066a6;
	position: relative;
}

.navi ul li a.trail, .navi ul li a.active, .navi ul li a:hover, .navi ul li:hover a {
	color:#003454;
}


/* Ebene 2 */
.navi ul li ul {
	display:none;
	position:absolute;
	top:80px;
	left:-20px;
	background:rgba(255,255,255,1);
	box-shadow: 3px 3px 7px -3px rgba(0,0,0,0.23);
	border:3px;
	padding:10px;
}

.navi ul li:hover ul {
	display:block;
}

.navi ul li > ul > li {
	display: block;
	margin:0;
	text-align: left;
}

.navi ul li ul li a, .navi ul li:hover ul li a   {
	padding:10px 15px 10px 15px;
	white-space:nowrap;
	color:#464646;
	font-weight: normal;
}


.navi ul li ul li a.trail, .navi ul li ul li a.active, .navi ul li:hover ul li:hover a {
	color:#003454;
	font-weight: bold;
}


/* Ebene 3 */

nav ul ul li:hover > ul {
	top: -10px;
	left: 100%;
	display:block !important;
}

nav ul li.navrechts ul li:hover > ul {
	top: -10px;
	right: 100%;
	left:auto;
	display:block !important;
}
nav ul ul li:hover > ul li a {
	color:#464646 !important;
	font-weight: normal !important;
}	

nav ul ul li:hover > ul li:hover a, nav ul ul li:hover ul li a.trail, nav ul ul li:hover ul li a.active {
	color:#003454 !important;
	font-weight: bold !important;
}	

/* Ebene 4 */

nav ul ul ul {
	display: none !important;
}
nav ul ul ul li:hover > ul {
	top: -10px;
	left: 100%;
	display:block;
}

nav ul li.navrechts ul ul li:hover > ul {
	top: -10px;
	right: 100%;
	left:auto;
	display:block !important;
}

nav ul ul li:hover ul li:hover > ul li a {
	color:#464646 !important;
	font-weight: normal !important;
}	

nav ul ul li:hover ul li:hover > ul li:hover a, nav ul ul li:hover ul li:hover ul li a.trail, nav ul ul li:hover ul li:hover ul li a.active {
	color:#003454 !important;
	font-weight: bold !important;
}	

/* Ebene 5 */

nav ul ul ul ul {
	display: none !important;
}
nav ul ul ul ul li:hover > ul {
	top: -10px;
	left: 100%;
	display:block !important;
}

nav ul li.navrechts ul ul ul li:hover > ul {
	top: -10px;
	right: 100%;
	left:auto;
	display:block !important;
}


nav ul ul li:hover ul li:hover ul li:hover > ul li a {
	color:#464646 !important;
	font-weight: normal !important;
}	

nav ul ul li:hover ul li:hover ul li:hover > ul li:hover a, nav ul ul li:hover ul li:hover ul li:hover ul li a.trail, nav ul ul li:hover ul li:hover ul li:hover ul li a.active {
	color:#003454 !important;
	font-weight: bold !important;
}	


#mobil-nav ul li.nodesk .mm-next {
	display:none;
}

#mobil-nav .nodeskunder {
	display:none;
}

.mm-title {
	display:none;
}

.mm-panels {
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}


.button_menu {
	background:url(../images/mobilnav.png) no-repeat;
	width:33px;
	height:33px;
	position: absolute;
	top:50%;
	margin-top:-16px;
	right:0px;
}

@media only screen and (min-width : 800px) {
.button_menu {
	right:20px;
}
}


.navi ul {
	display: none;
}

@media only screen and (min-width : 1065px) {
	.navi ul {
		display: block;
		position: static;
	}

	.navi ul li a {
		padding:36px 0px 36px 0px;
		font-size:16px;
	}
	
	.navi ul li {
		margin:0px 3px 0px 3px;
	}
	
	
	.button_menu {
		display:none;
	}
}

@media only screen and (min-width : 1180px) {
	


	
	.navi ul li {
		margin:0px 10px 0px 10px;
	}	
	
	.navi > ul > li {
		display: inline-block !important;
	}

}


button {
  display: inline-block;
  margin: 0;
  border: none;
  background: none;
}
button span {
  display: block;
}

/* TITELBILD */

.titelslider ul.slides {
	margin:0px;
	padding:0px;
	list-style:none;
}

.titelslider ul.slides li img {
	width:100%;
}


/* CONTENT */

#container {
	position:relative;
	z-index:0;
}

#container > .inside {
	position:relative;
	z-index:0;
	padding:20px 0px 20px 0px;
}

@media only screen and (min-width : 950px) {

	#container > .inside {
		position:relative;
		z-index:0;
		padding:40px 65px 40px 65px;
	}
}


.float_left {
	float:left;
}

.float_right {
	float:right;
}


h1 {
	font-size:24px;
	margin:0px 0 15px 0;
	position:relative;
	line-height:150%;
	font-weight:bold;
	display:block;
	text-align: center;
	color:#0066a6;
}



h2 {
	color:#434343;
	font-size:20px;
	margin:25px 0 20px 0;
	position:relative;
	line-height:150%;
	padding-bottom:0px;
	text-align:center;
}

h2 span {
	position:relative;
	display:inline-block;
	padding-bottom:4px;
	overflow: hidden;
}


h2 span::after {
	content:'';
	position: absolute;
	bottom:0px;
	left:20%;
	right:20%;
	background:#0066a6;
	height:2px;
}



h3 {
	color:#434343;
	font-size:18px;
	margin:0px 0 0px 0px;
	padding:0px 0 0px 0px;
	font-weight:bold;
	line-height:120%;
	position:relative;
	z-index:10;
	display:inline;
}

h3 span {
	position:relative;
	display:inline-block;
	padding-bottom:7px;
	overflow: hidden;
}


h3 span::after {
	content:'';
	position: absolute;
	bottom:0px;
	left:0;
	right:60%;
	background:#0066a6;
	height:2px;
}

h4 {
	color:#434343;
	font-size:16px;
	margin:45px 0 20px 0px;
	padding:0px 0 0px 0px;
	font-weight:bold;
	line-height:120%;
	position:relative;
	z-index:10;
}

h4 span {
	position:relative;
	display:inline-block;
	padding-bottom:7px;
	overflow: hidden;
}


h4 span::after {
	content:'';
	position: absolute;
	bottom:0px;
	left:0;
	right:60%;
	background:#0066a6;
	height:2px;
}

h5 {
	font-weight:bold;
	font-size:16px;
	color:#0066a6;
	margin:0px;
	text-align: left;
}


h6 {
	font-weight:bold;
	font-size:16px;
	color:#434343;
	width:100%;
	text-align: left;
	margin:10px auto;
}

.symbole img {
	width:auto !important;
	height:36px;
}
.symbole {
	margin:0 auto;
	width:100%;
}

@media only screen and (min-width :650px) {
	.symbole {
		width:60%;
	}	
}

@media only screen and (min-width :980px) {
	.symbole {
		width:30%;
	}	
}

.caption {
	color:#444;
	font-size:13px;
	font-weight:normal;
	line-height:150%;
	margin-top:4px;
	text-align: center;
}

.ce_youtube video {
	width:100%;
}

video#bgvid { 
    position: absolute;
    /*top: 50%;*/
    left: 50%;
	bottom:0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    /*-ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);*/
	-ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: cover; 
}


.desctext {
	display: none;
}


@media only screen and (min-height :450px) {
	.desctext {
		position:absolute;
		left:7.5%;
		bottom:50px;
		z-index:100;
		display: block;
	}
}

.blue {
	background:#0066a6;
	color:#fff;
	font-weight:bold;
	text-transform: uppercase;
	font-size:30px;
	display: inline-block;
	padding:15px 30px;
	margin-bottom:4px;
}

.green {
	background:#001c2d;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	padding:15px 30px;
}

.titelvideo {
	position: relative;
	overflow: hidden;
}


#container ul {
	margin:20px 0;
	padding:0px;
	list-style:none;
}

#container ul li {
	background: url(../images/li.png) 0 3px no-repeat;
	padding-left:25px;
	margin-bottom:5px;
}

figure {
	margin:0px;
	position:relative;
}

a {
	color:#0066a6;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#001c2d;
}



form {
	padding:0 0px;
}

form div {
	width:100%;
	margin-bottom:5px;
}

.formbody {
	background:#f9f9f9;
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.3);
	padding:25px;
	margin-top:15px;
}

fieldset {
	padding:20px;
}



fieldset p {
	margin:0px;
}

form label {
	width:100%;
	display:block;
	text-align:left;
	padding:5px 0;
	font-size:16px;
}

form input, form textarea, form select {
	width:100%;
	display:block;
	font-family: 'Roboto Condensed', 'Arial', sans-serif;
	font-size:16px;
	font-weight: 300;
	padding: 7px;
	border-radius: 3px;
	background:#fff;
	border:1px solid #E8E8E8;
}



.submit_container {
	float:right;
}

form .submit {
	background: #0066a6;
	padding: 10px 40px;
	margin-top:10px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', 'Arial', sans-serif;
	border: 0px;
	font-size:16px;
	cursor: pointer;
}


form .submit:hover {
	background:#001c2d;
	color:#fff;
	transition: all 0.2s linear;
}


form .checkbox_container {
	border:none;
	padding:0px;
}

form .checkbox_container input {
	float:left;
	width:10px;
	margin-top:10px;
	margin-right:10px;
}

form .checkbox_container label {
	float:left;
	width:80%;
}

	form .datenschutz {
		font-size:16px;
	}


.formbody > fieldset {
	background:#EDEDED;
	border:none;
	margin-bottom:20px;
}

.formbody > fieldset legend {
	background:#0066a6;
	padding:7px 20px;
	color:#fff;
	font-weight:bold;
	display: inline-block;
}

.formbody > fieldset .widget-checkbox span {
	width:100%;
	display: inline-block;
}

.formbody > fieldset .widget-checkbox fieldset {
	margin-left:0px;
}

.formbody > fieldset > fieldset.topc {
	border:none;
	border-top:1px solid #fff;
	padding:10px 0 0 0px;
}


.formbody > fieldset > fieldset.bottomc {
	border:none;
	border-top:none;
	border-bottom:1px solid #fff;
	padding:0px 0 10px 0px;
	margin-bottom:10px;
}


.formbody > fieldset .widget-checkbox .fullcheck span {width:100%;}

@media only screen and (min-width :460px) {
	.formbody > fieldset .widget-checkbox span {
		width:48%;
	}
}


@media only screen and (min-width :880px) {
	.formbody > fieldset .widget-checkbox span {
		width:33%;
	}
}

@media only screen and (min-width :1145px) {
	.formbody > fieldset .widget-checkbox span {
		width:24%;
	}
}


@media only screen and (min-width : 500px) {

	form label {
		width:30%;
		float:left;
	}

	form input, form textarea, form select {
		width:69%;
		float:left;
	}


	form .datenschutz {
		width: auto;
	}
form .checkbox_container {
	margin-left:30%;
}

	
}

form input[type="radio"] {
	width:10px;
	margin-right:10px;
	padding-top:5px;
	
}


@media only screen and (min-width : 500px) {
	.datenschutztext {
		margin-left:30%;
		width:70%;
	}
	
	form .button {
		margin-left:30%;
	}
}



/* Box */


.ce_sliderStart {
	margin-top:20px;
}

.slider-control {
	position:relative;
	background:#f0f0f0;
	border-radius:0px 0px 5px 5px;
	padding:20px;
}

.slider-control .slider-prev {
	left:20px;
}

.slider-control .slider-next {
	right:20px;
}

.slider-control a, .slider-control .slider-menu {
	top:8px;
	color:#464646;
}

.slider-control .slider-menu b.active {
	color:#0066a6;
}

.slider-control .slider-menu b {
	color:#464646;
}

.content-slider {
	border:1px solid #f0f0f0;
	border-radius:5px 5px 0 0;
	
}

.slider-wrapper > div {
	padding:20px;
}


.cols_3 li {
	float:left;
	width:33%;
}

.cols_4 li {
	float:left;
	width:25%;
}

.cols_2 li {
	float:left;
	width:50%;
}


.ce_youtube iframe {
	width:100%;
}


#container .ui-tabs-nav {
	margin:25px 0 0px 0;
	padding:0px;
	list-style:none;
}

.ui-tabs-nav li {
	float:left;
}


.ui-tabs-nav li a {
	background:#e7e6e4;
	color:#8a827f;
	padding:5px 10px;
	display:block;
	font-size:14px;
	border-top:3px solid transparent;
}

.ui-tabs-nav li a:hover, .ui-tabs-nav li.ui-tabs-active a {
	border-top:3px solid #0066a6;
	color:#8a827f;
}

.ui-tabs-panel {
	padding:10px;
	border:1px solid #e7e6e4;
}



/* Content-Slider Controll */


.hr {
	margin:30px 0;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	width:100%;
	height:3px;
}



/* Tabelle */
.ce_table {
	overflow-x: auto;
	width:100%;
	margin-bottom:20px;
}

table {
	border-collapse:collapse;
	margin:20px 0;
	width:100%;
}

table tr th, table tr td {
	padding:10px;
	border:1px solid #d9d9d9;
}


table tr th {
	font-weight:bold;
	text-align:left;
}

table tr th[scope=row], .table-font-bold {
	vertical-align:top;
	width:20%;
	background:#F3F3F3;
	font-weight:bold;
}

table thead th {
	color:#fff !important;
	background:#0066a6;
	border-right:none !important;
	border:1px solid #004F8A;
}

table tfoot td {
	border-right:none !important;
	background:#E5E5E5;
	color:#464646;
}

table tr td {
	vertical-align:top;
}


.tc {
	margin:0 auto;
	text-align:center;
}

.ui-accordion-header {
	background:#f0f0f0;
	padding:10px 40px 10px 20px;
	margin-top:10px;
	margin-bottom:0px;
	color:#464646;
	font-weight:700;
	border-radius:5px;
	font-size:14px;
	cursor:pointer;
	position:relative;
}

.ui-icon-triangle-1-s {
	background:#fff url(../images/minus.png) center no-repeat;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-10px;
	width:21px;
	height:21px;
	border-radius:50%;
}
.ui-icon-triangle-1-e {
	background:#fff url(../images/plus.png) center no-repeat;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-10px;
	width:21px;
	height:21px;
	border-radius:50%;
}

.ui-accordion-content {
	padding:20px 20px 10px 20px;
	border:1px solid #f0f0f0;
	border-radius:0px 0px 5px 5px;
	margin-top:-5px;
}

.ce_player {
	margin:20px 0;
}

.mejs__container {
	position: relative;
	padding-bottom: 56.25%;
	width: 100% !important;
	height: auto !important;
}
.mejs__layer {
	position: absolute;
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0;
	width: 100% !important;
	height: auto !important;
}

.ce_player video {
	border:none;
	position: absolute;
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
}


.ce_youtube {
	position: relative;
	padding-bottom: 56.25%;
	width: 100%;
	height: auto;
	margin:20px 0;
}
 
.ce_youtube iframe {
	border:none;
	position: absolute;
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
}


.image_container.float_right {
	margin-right:0;
	width:auto;
}

.image_container.float_left {
	margin-right:0;
	width:auto;
}

@media only screen and (min-width : 650px) {
.image_container.float_right {
	margin-left:5%;
	width:30%;
}

.image_container.float_left {
	margin-right:5%;
	width:30%;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}
}




/* Gallerie */
.ce_gallery {
	margin-top:16px;
}

.ce_gallery img {
	display:block;
	width:100%;
}

.cols_12 li {float:left; width:8.33%;}
.cols_11 li {float:left; width:9.09%;}
.cols_10 li {float:left; width:10%;}
.cols_9 li {float:left; width:11.11%;}
.cols_8 li {float:left; width:12.5%;}
.cols_7 li {float:left; width:14.286%;}
.cols_6 li {float:left; width:16.66%;}
.cols_5 li {float:left; width:20%;}
.cols_4 li {float:left; width:25%;}
.cols_3 li {float:left; width:33%;}
.cols_2 li {float:left; width:50%;}
.cols_1 li {float:none; width:100%;}

#container .cols_1 li, 
#container .cols_2 li, 
#container .cols_3 li, 
#container .cols_4 li,
#container .cols_5 li,
#container .cols_6 li,
#container .cols_7 li,
#container .cols_8 li,
#container .cols_9 li,
#container .cols_10 li,
#container .cols_11 li,
#container .cols_12 li {
	background:none;
}

.ce_gallery li {
	margin-bottom:13px;
	padding:0 2% 0 0px !important;
}

.ce_gallery .image_container img{
	max-width:100% !important;
}


#container .image_container {
	margin-bottom:10px;
}

.image_container img {
	max-width:100%;
	margin:0 auto;
	text-align: center;
}


.image_container a {
	display: block;
	margin:0 auto;
	text-align: center;
}

.caption {
	text-align:center;
	color:#393939;
	padding-top:10px;
	padding-bottom:5px;
	font-size:14px;
}

@media only screen and (max-width : 950px) {
	.cols_12 li, .cols_11 li {width:10%;}
}

@media only screen and (max-width : 850px) {
	.cols_12 li, .cols_11 li, .cols_10 li, .cols_9 li { width:12.5%;}
}

@media only screen and (max-width : 750px) {
	.cols_12 li, .cols_11 li, .cols_10 li, .cols_9 li, .cols_8 li, .cols_7 li, .cols_6 li {width:20%;}
}

@media only screen and (max-width : 650px) {
	.cols_12 li, .cols_11 li, .cols_10 li, .cols_9 li, .cols_8 li, .cols_7 li, .cols_6 li, .cols_5 li {width:25%;}
}

@media only screen and (max-width : 550px) {
	.cols_12 li, .cols_11 li, .cols_10 li, .cols_9 li, .cols_8 li, .cols_7 li, .cols_6 li, .cols_5 li, .cols_4 li {width:33%;}
}

@media only screen and (max-width : 450px) {
	.cols_12 li, .cols_11 li, .cols_10 li, .cols_9 li, .cols_8 li, .cols_7 li, .cols_6 li, .cols_5 li, .cols_4 li, .cols_3 li {width:50%;}
}

@media only screen and (max-width : 350px) {
	.cols_12 li, .cols_11 li, .cols_10 li, .cols_9 li, .cols_8 li, .cols_7 li, .cols_6 li, .cols_5 li, .cols_4 li, .cols_3 li, .cols_2 li {width:100%;}
}


.hyperlink_txt {
	display:inline-block;
	padding:6px 15px;
	color:#fff;
	background:#003454;
	border-radius: 3px;
	margin-right:15px;
}

.hyperlink_txt:hover {
	background:#001c2d;
	color:#fff;
}

.ce_toplink a {
	display:inline-block;
	padding:6px 15px;
	color:#B8B8B8;
	border:1px solid #EFEFEF;
	margin-top:20px;
}

.ce_toplink a:hover {
	color:#9A9A9A;
	border:1px solid #DFDFDF;
}


#leistungsliste {
	margin-top:15px;
}

.leistungsnavi ul {
	margin:0px;
	padding:0px;
	list-style: none;
}

.leistungsnavi ul li {
	float:left;
	width:100%;
	background:#0066a6;
}

.leistungsnavi ul li a {
	display: block;
	color:#fff;
	background:#0066a6;
	text-align: center;
	font-weight:bold;
}

.leistungsnavi ul li a span {
	display: block;
	padding:20px;
}

.leistungsnavi ul li a:hover, .leistungsnavi ul li a.active {
	color:#fff;
	background:#F7C001;
}

.leistungsnavi ul li:nth-child(2n) a {
	background:#001c2d;
}

.leistungsnavi ul li:nth-child(2n) a:hover, .leistungsnavi ul li:nth-child(2n) a.active {
	color:#fff;
	background:#DCAB00;
}

@media only screen and (min-width : 410px) {
	.leistungsnavi ul li {
		width:50%;
	}
}

@media only screen and (min-width : 610px) {
	.leistungsnavi ul li {
		width:33.333%;
	}
}

@media only screen and (min-width : 750px) {
	#leistungsliste {
		margin-top:-55px;
	}
}

@media only screen and (min-width : 1235px) {
	.leistungsnavi ul li {
		width:16.666%;
	}
}



/* Übersichtssseite */

#container .uebersicht {
	padding:0px;
	margin:0px;
	list-style:none;
}


#container .uebersicht li {
	width:100%;
	padding:0px;
	background:none;
	float:left;
	text-align:center;
	margin-top:25px;
	margin-left:0;
	margin-right:0;
}

@media only screen and (min-width : 400px) {
#container .uebersicht li {
	width:48%;
	margin-left:1%;
	margin-right:1%;
}
}


@media only screen and (min-width : 580px) {

#container .uebersicht li {
	width:31%;
}
}


.teaser img {
	background:#f3e8c1;
	position:relative;
	margin:0 auto;
}

.teasimg {
	
}

.teaserimg a div.text {
	text-align:center;
	padding:10px 10px 10px 10px;
	background:#0066a6;
	color:#fff;
	font-weight:bold;
	font-size: 15px;
}


.teaserimg a:hover div.text {
	background:#F7C001;
}

.teaserimg img, .teaserimg a {
	width:100%;
	height: 100%;
	display:block;
}


/* Downloads */

.ce_downloads {
	margin:20px 0;
}

.ce_downloads ul {
	margin:20px -1% !important;
}


.ce_downloads ul li {
	display:inline-block;
	width:98%;
	margin:10px 1%;
	vertical-align: top;
	padding:0px !important;
	background:#f9f9f9 !important;
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.3);
}

@media only screen and (min-width : 700px) {
	.ce_downloads ul li {
		width:47.5%;
	}
}

@media only screen and (min-width : 1100px) {
	.ce_downloads ul li {
		width:31%;
	}
}

.ce_downloads ul li a {
	padding:20px;
	display: block;
	text-align: center;
	color:#464646;
	font-weight:normal;
}

.ce_downloads ul li a .size {
	font-size:12px;
	color:#9A9A9A;
	display: block;
}

.ce_downloads ul li a:hover {
	color:#003454;
	font-weight:bold;
}

.ce_downloads ul li a:hover .size {
	font-weight:normal;
}

.ce_downloads .ext-jpg a::before {
	content:'';
	background: url(../images/ext-jpg.png) no-repeat;
	width:40px;
	height:51px;
	display: block;
	margin:0 auto 10px auto;
	background-size: cover !important;
}

.ce_downloads .ext-png a::before {
	content:'';
	background: url(../images/ext-png.png) no-repeat;
	width:40px;
	height:51px;
	display: block;
	margin:0 auto 10px auto;
	background-size: cover !important;
}

.ce_downloads .ext-pdf a::before {
	content:'';
	background: url(../images/ext-pdf.png) no-repeat;
	width:40px;
	height:51px;
	display: block;
	margin:0 auto 10px auto;
	background-size: cover !important;
}

.ce_downloads .ext-xls a::before {
	content:'';
	background: url(../images/ext-xls.png) no-repeat;
	width:40px;
	height:51px;
	display: block;
	margin:0 auto 10px auto;
	background-size: cover !important;
}

/* Download - Einzelelement */

.ce_download {
	margin:20px 0;
}

.ce_download h3 {
	display: block;
}

.ce_download p {
	display:inline-block;
	width:auto;
	min-width:240px;
	margin:10px 0;
	padding:0px !important;
	background:#f9f9f9 !important;
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.3);
}

.ce_download p a {
	padding:20px;
	display: block;
	text-align: center;
	color:#464646;
	font-weight:normal;
}

.ce_download p a .size {
	font-size:12px;
	color:#9A9A9A;
	display: block;
}

.ce_download p a:hover {
	color:#003454;
	font-weight:bold;
}

.ce_download p a:hover .size {
	font-weight:normal;
}

.ce_download .ext-jpg a::before {
	content:'';
	background: url(../images/ext-jpg.png) no-repeat;
	width:40px;
	height:51px;
	display: block;
	margin:0 auto 10px auto;
	background-size: cover !important;
}

.ce_download .ext-png a::before {
	content:'';
	background: url(../images/ext-png.png) no-repeat;
	width:40px;
	height:51px;
	display: block;
	margin:0 auto 10px auto;
	background-size: cover !important;
}

.ce_download .ext-pdf a::before {
	content:'';
	background: url(../images/ext-pdf.png) no-repeat;
	width:40px;
	height:51px;
	display: block;
	margin:0 auto 10px auto;
	background-size: cover !important;
}

.ce_download .ext-xls a::before {
	content:'';
	background: url(../images/ext-xls.png) no-repeat;
	width:40px;
	height:51px;
	display: block;
	margin:0 auto 10px auto;
	background-size: cover !important;
}

/* Parallax */

@media only screen and (min-width : 950px) {
	.blatt1 {
		position: absolute;
		bottom: 30%;
		left: -170px;
		width: 265px;
		height: 216px;
		background: url(../images/blatt1.png) no-repeat;
		z-index: 10000;
	}
}

@media only screen and (min-width : 1050px) {
	.blatt1 {
		left: -170px;
	}
}

@media only screen and (min-width : 1560px) {
	.blatt1 {
		left: 0;
	}
}

@media only screen and (min-width : 950px) {
	.blatt2 {
		position: absolute;
		top: 17%;
		right: -70px;
		width: 140px;
		height: 440px;
		background: url(../images/blatt2.png) no-repeat;
		z-index: 10000;
	}	
}

@media only screen and (min-width : 1050px) {
	.blatt2 {
		right: -50px;
	}
}

@media only screen and (min-width : 1450px) {
	.blatt2 {
		right: 0;
	}
}


/* Newsbereich */

.fullpage .mod_newsarchive {
	position: relative;
	z-index:0;
}

.layout_latest {
    margin-bottom: 0px;
    padding: 5px;
    float: left;
    position: relative;
	width:100%;
}

.innershadow {
	border-radius: 0px 0px 3px 3px;
	background:#fff;
	position: relative;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.17);
}

.lct {
	padding:20px 30px;
}

@media only screen and (max-width : 499px) {
	.all .shc {
		height:auto !important;
	}
}

@media only screen and (min-width : 500px) {
	.layout_latest {
		float:left;
		width:46%;
		margin: 0 2% 0 2%;
	}
	
	.fullpage .layout_latest {
		float:left;
		width:46%;
		margin: 0 4% 0 0;
	}
}

@media only screen and (min-width : 800px) {
	.layout_latest {
		width: 29%;
	}
	
	.fullpage .layout_latest {
		width: 29%;
		
	}
}

.layout_latest .info {
	position:absolute;
	top:0px;
	right:0px;
	background:#fbba00;
	color:#fff;
	padding:5px 10px;
	margin:0px;
	font-weight:bold;
	z-index:10;
}

.layout_latest h2 {
	font-size:16px;
	font-weight:bold;
	margin-top:0px;
	
	-ms-hyphens: auto;
    -webkit-hyphens: auto;
	-moz-hyphens: auto;
	-o-hyphens: auto;
    hyphens: auto;
}

.layout_latest h2 a {
	color:#333333;
	text-decoration: none;
}

.layout_latest .more {
	margin:0px;
}

.layout_latest .more a {
	display: block;
	color:#fff;
	border-radius: 3px;
	padding:15px 20px 15px 20px;
	margin:0px;
	font-weight:bold;
	text-decoration: none;
	background:#003454;
	text-align: center;
}

.layout_latest .more a:hover {
	background:#001c2d;
}



.back {
	padding-top:20px;
	border-top:1px dotted #cfcfcf;
	text-align: right;
}

.back a {
	display: inline-block;
	color:#fff;
	border-radius: 3px;
	padding:10px 20px 10px 20px;
	margin:0px;
	font-weight:bold;
	text-decoration: none;
	background:#003454;
	text-align: center;
}


.back a:hover {
	background:#001c2d;
}

.layout_full h1 {
	color:#434343;
	font-size:18px;
	margin:40px 0 0px 0px;
	padding:0px 0 8px 0px;
	font-weight:bold;
	line-height:120%;
	position:relative;
	z-index:10;
	display:inline-block;
}

.layout_full h1::after {
	content:'';
	position: absolute;
	bottom:0px;
	left:0;
	right:60%;
	background:#0066a6;
	height:2px;
}


.layout_full .info {
	color:#B3B3B3;
	font-size:12px;
	font-style: italic;
	margin:0px;
	font-weight:normal;
	z-index:10;
	margin-bottom:30px;
}

.all .layout_latest {
	margin-bottom:15px;
}

.flex-viewport {
	margin:0 20px;
}
@media only screen and (min-width : 500px) {
	.flex-viewport {
		margin:0 80px;
	}	
}


.flex-direction-nav {
	position: absolute;
	list-style:none;
	margin:-72px 0 0 0 !important; 
 	padding:0px;
	top:50%;
	z-index:1000;
	left:-20px;
	right:-20px;
}

@media only screen and (min-width : 500px) {

.flex-direction-nav {
	left:0px;
	right:0px;
}
}

.flex-direction-nav li a.flex-prev{
	background: url(../images/prev.png) no-repeat;
	width:37px;
	height:145px;
	display: block;
	text-indent: -1000000px;
	position: absolute;
	left:0;
	top:0px;
}

.flex-direction-nav li a.flex-next{
	background: url(../images/next.png) no-repeat;
	width:37px;
	height:145px;
	display: block;
	text-indent: -1000000px;
	position: absolute;
	right:0;
	top:0px;
}




/* Ansprechpartner */

.ansprechpartner {
	margin-bottom:30px;
}

.abbox {
	margin-right:10px;
	background:#F4F4F4;
	border-radius: 5px;
	margin-bottom:10px;
	font-size:14px;
}

.abbox b {
	font-size:16px;
}

.tabs2 {
	width:60px;
	display: inline-block;
}


.abbox .inner {
	padding:5px 20px;
}

.col_4 {
	width:100%;
}

@media only screen and (min-width : 640px) {
	.col_4 {
		width:50%;
		float:left;
	}
}

@media only screen and (min-width : 950px) {
	.col_4 {
		width:25%;
	}
}
	


table .col_4 {
	width:auto !important;
	float:none;
}


.infobox {
	padding:10px 20px;
	background:#0066a6;
	border-radius: 3px;
	color:#fff;
	margin-bottom: 25px;
}



/* FOOTER */

footer {
	position:relative;
	padding:30px 0 30px 0;
	background:#0066a6;
	z-index:10;
	color:#fff;
}



footer .inside {
	max-width:1200px;
	width:85.71%;
	position:relative;
	z-index:20;
	margin:0px auto;
}

footer .inside h3 {
	font-size:16px;
	color:#fff;
	text-align: left;
	display:block;
	line-height: 155%;
}

footer .inside h3 span {
	position:relative;
	display:inline-block;
	padding-bottom:7px;
	overflow: hidden;
	text-align: center;
}


footer p {
	margin:0px;
	padding:0px;
}

footer ul {
	margin:0px;
	padding:0px;
	list-style: none;
	float:left;
}

footer ul li {
	display: block;
}

footer ul li a {
	color:#fff;
	display: block;
	text-align:left;
	font-weight:normal;
}

footer  a {
	color:#fff;
	font-weight:normal;
}

footer a:hover {
	font-weight:bold;
	color:#fff;
}

.fookontakt > div {
	margin-bottom:15px;
}	

@media only screen and (min-width : 690px) {
	.fookontakt > div {
		float:left;
		margin-right:2%;
		width:48%;
	}	
}



@media only screen and (min-width : 1130px) {
	.fookontakt > div {
		float:left;
		margin-right:3%;
		width:30%;
	}	
}

@media only screen and (min-width : 1350px) {
	.fookontakt > div {
		float:left;
		width:auto;
		margin-right:5%;
		margin-bottom:0px;
	}
	
	.fookontakt > div:last-of-type {
		float:right;
		margin-right:0;
	}
	
	footer ul {
		float:right;
	}


	footer ul li a {
		text-align:right;
	}


}



.tabs {
	display:block;
	font-weight:bold;
}

.tabs1 {
	display:block;
	font-weight:bold;
}

@media only screen and (min-width : 330px) {
.tabs {
	display:inline-block;
	width:80px;
	font-weight:bold;
}

.tabs1 {
	display:inline-block;
	font-weight:bold;
	width:150px;
}
}


/* Contao - Standard */

.invisible {
	display:none;
}


img {
	border:none;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

figure {
	max-width:100%;
	margin-bottom:10px;
}

.image_container {
	position:relative;
}


/* Floats ohne zusaetzliches Element aufheben */
.clearfix:after, .widget:after, .tableless:after, .mod_article:after, .inside:after, .custom:after, .greyboxr:after, .ce_gallery:after, .ui-tabs-panel:after  {
	content: "";
	visibility: hidden;
	display: block;
	clear: both;
	height: 0;
}
.clearfix, .widget, .mod_article, .inside, .custom, .greybox, .ce_gallery, .ui-tabs-panel { 
	display: inline-block; 
}
/* Hides from IE-mac \*/
* html .clearfix, * html .widget, * html .tableless, * html .mod_article, * html .inside , * html .custom, * html .greybox, * html .ce_gallery, * html .ui-tabs-panel { 
	height: 1%; 
}
.clearfix, .widget, .mod_article, .inside, .custom, .greybox, .ce_gallery, .ui-tabs-panel  { 
	display: block; 
}
@-ms-viewport{width:device-width}

#cboxTitle, #cboxCurrent {
	display:none !important;
}