/* exo-2-300 - latin */
@font-face {
	font-family: 'Exo 2';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/exo-2-v20-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('../fonts/exo-2-v20-latin-300d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/exo-2-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/exo-2-v20-latin-300.woff') format('woff'), /* Modern Browsers */
		url('../fonts/exo-2-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/exo-2-v20-latin-300.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-regular - latin */
@font-face {
	font-family: 'Exo 2';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/exo-2-v20-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('../fonts/exo-2-v20-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/exo-2-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/exo-2-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
		url('../fonts/exo-2-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/exo-2-v20-latin-regular.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-700 - latin */
@font-face {
	font-family: 'Exo 2';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/exo-2-v20-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		url('../fonts/exo-2-v20-latin-700d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/exo-2-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/exo-2-v20-latin-700.woff') format('woff'), /* Modern Browsers */
		url('../fonts/exo-2-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/exo-2-v20-latin-700.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* ------ Allgemeine Formatierungen ------ */
html {	
	height: 100%;
	width: 100%;
}

body {	
	font-family: 'Exo 2', arial, sans-serif;	
	font-size: 15px;	
	margin: 0px;	
	padding: 0px;	
	color: #000000;	
	position:relative;	
	height:100%;
	width: 100%;
	background: grey;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.backstretch {
	opacity: 0;
}

/* ----- Im JFMulticontent muss die font-family und font-size auch angepasst werden ----- */
.ui-widget {
	font-family: 'Exo 2', arial, sans-serif;	
	font-size: 12px;
}

#text-search {
	border-color: #126eb2 !important;
	color: #126eb2 !important;
}

.search_decription {
	background: #126eb2 !important;
	color: #333333 !important;
}

.search_decription:before {
	border-color: transparent transparent #126eb2 transparent !important;
}

.highlight {
    background-color: #126eb2 !important;
	color: #000000 !important;
}

section, aside, header, nav, article, footer, time, figure {	
	display: block;	
	margin: 0px;	
	padding: 0px;
}

* {	
	outline: none;
}

img {	
	border: none;
}

p {	
	margin: 0 0 1.5em 0;
	line-height: 1.4em;
}

p:last-child {
	margin: 0;
}

p.align-center, .align-center {	
	text-align: center;
}

p.align-left, .align-left {
	text-align: left;
}

p.align-right, .align-right {
	text-align: right;
}

p.align-justify, .align-justify {
	text-align: justify;
}

table td, .contenttable td {
	vertical-align: top;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

table, .contenttable {
	vertical-align: top;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

a {	
	text-decoration: none;	
	color: #126eb2;
}

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

li {	
	background: url("../images/aufzaehlung.png") left 3px no-repeat;	
	padding-left: 18px;
	line-height: 1.4em;
}

h1 {
    color: #000000;
    display: block;
    font-size: 30px;
    margin: 0 0 40px 0;
	font-weight: 400;
	text-transform: uppercase;
}

h2 {
    color: #000000;
    display: block;
    font-size: 20px;
    margin: 0 0 40px 0;
	font-weight: 400;
	text-transform: uppercase;
}

.unterseite_inhalt h2 {
	margin: 0 0 20px 0;
}

h3 {
    color: #000000;
    display: block;
    font-size: 20px;
    margin: 0 0 30px 0;
	font-weight: 400;
}

h4 {
    color: #000000;
    display: block;
    font-size: 22px;
    margin: 0 0 30px 0;
	font-weight: 300;
	text-transform: uppercase;
} 

h5 {
    color: #000000;
    display: block;
    font-size: 16px;
    margin: 0 0 20px 0;
	text-transform: uppercase;
}

.csc-textpic-caption h3 {
	color: #FFFFFF;
}

.onepageinhalt img, .unterseite_inhalt img {
	width: 100%;
	height: auto;
}


.zentriert {
	max-width: 1160px;
	width: 94%;
	margin: 0 auto;
	position: relative;
}

.bg {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	visibility: hidden;
}


.fixedbg {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
}

.bg .inhalt_normal, .bg .inhalt_normal .zentriert {
	padding: 0px;
	margin: 0;
	float: left;
	clear: both;
	width: 100%;
	max-width: 100%;
	display: block;
}

.rahmen {  
	width: 100%;  
	min-height: 100%;  
	position: relative;  
	float: left;  
	clear: both;  
	display: block;
}
/* ------ Allgemeine Formatierungen ------ */

/* ------ Header ------ */
#header {
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

.oben {	
	width: 100%;
	display: block;
	float: left;
	clear: both;
	position: fixed;
	background: rgba(255, 255, 255, 1);
	z-index: 70;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

/* -- TICKER -- */
.ticker {
    position: relative;
    width: 100%;
	padding: 0;
	margin: 0;
	font-size: 0.9em !important;    
	float: left;
	clear: both;
	background: none;
}

.ticker .zentriert .inhalt_normal, .ticker .zentriert .inhalt_normal .zentriert {
	padding: 0px;
	margin: 0;
	float: left;
	clear: both;
	width: 100%;
	display: block;
	max-width: 100%;
	background: none;
}

.ticker .tickertext {
	width: 100%;
	border: 0px;
	padding: 5px 0 3px 0;
	margin: 0px;
	resize: none;
	background-image: none;
	font-family: inherit;
	font-size: inherit;
	overflow: hidden;
	height: 18px !important;
}

.tickerblocker {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
}

/* -- TICKER -- */
.logo {
	margin: 10px 0 0 0;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}

.logo .csc-default {
	margin: 0 !important;
}

.logo .inhalt_normal, .logo .inhalt_normal .zentriert {
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
	width: 100%;
	max-width: 100%;
	display: block;	
}

.logo .csc-textpic-image {
	margin-bottom: 0 !important;
}

.logo img {
	width: 100%;
	height: auto;
}

.button_mobil {
	display: none;
}

#hauptnavi {
	width: auto;
}

#hauptnavi #navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	font-size: 20px;
}

#hauptnavi #navigation li {
	float: left;
	display: block;	
	background: none;
	margin: 0 0 0 16px;
	padding: 0;
}

#hauptnavi #navigation li:first-child {
	margin: 0;
}

#hauptnavi #navigation li a{
	display: block;
	background: none;
	margin: 0;
	padding: 33px 10px;
	color: #000000;
}

#hauptnavi #navigation li a:hover, #hauptnavi #navigation li.act a{
	background: #126eb2;
	color: #FFFFFF;
}

.navibox_mob {
	display: none;
}

/* ------ Slide-In ------ */
#slidebox {
	position: fixed;
	top: 30%;
	left: 0;
	display: block;
	z-index: 50;
	background: #FFFFFF;
	opacity: 0;
	padding: 0;
	border-top: 2px solid #126eb2;
	border-right: 2px solid #126eb2;
	border-bottom: 2px solid #126eb2;
	background-size: cover;
	max-width: 450px;
}

#slidebox h4 {
	margin: 0 0 30px 0;
}

#slidebox a {
	background: #126eb2;
	color: #FFFFFF;
	width: 100%;
	padding: 9px 0 11px 0;
	text-align: center;
	display: block;
}

#slidebox .csc-default .csc-default:first-child {
	padding: 30px;
	background: url(../images/slidebox_logo.png) right 20px top 20px no-repeat;
}

.slidebox_mob {
	display: none !important;
}

.schliessen {
	position: absolute;
	background: url(../images/schliessen.png) left top no-repeat #999999;
	width: 24px;
	height: 24px;
	top: 5px;
	right: 5px;
	display: block;
	cursor: pointer;
}

.schliessen:hover {
	background-color: #126eb2;
}

#slidebox .csc-default .csc-default:last-child {
	cursor: pointer;
	position: absolute;
	text-align: center;
	right: 0;
	top: 0;	
}

#slidebox .csc-default .csc-default:last-child div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0px;
}
/* ------ Slide-In ------ */

/* ------ Popup ------ */
.popup {
	float: left;
	clear: both;
	width: 100%;
	display: none;
}

#popuplightbox {
	float: left;
	clear: both;
	width: 100%;
	max-width: 450px;
}

#popuplightbox img {
	width: 100%;
	height: auto;
}

#popuplightbox .inhalt_normal {
	padding: 0;
	margin: 10px 0 0 0;
	background: none;
}

#popuplightbox .inhalt_normal .zentriert {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

/* ------ Onepage ------ */
.onepageinhalt {
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

.bereiche {
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

.header {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	max-height: 400px;
	overflow: hidden;
}

.header.fixedheader {
	height: 400px;
}

.header .divider hr {
	display: none;
}

.nr-1 .header {
	overflow: hidden;
	opacity: 0;
	height: auto;
	max-height: 100%;
}

.nr-1 .header .csc-default {
	margin: 0 !important;
}

.nr-1 .header .csc-textpic-text {
	position: absolute;
	bottom: 80px !important;
	left: 10%;
	z-index: 10;
}

.nr-1 .header .csc-textpic-text h3 {
	text-shadow: 0 0 20px rgba(0,0,0,0.75);
	color: #FFFFFF;
	margin: 0;
	text-transform: uppercase;
	font-weight: 300;
}

.nr-1 .header .csc-textpic-text h3:first-child {
	font-size: 50px;
}

.nr-1 .header .csc-textpic-text h3:last-child {
	font-size: 30px;
}

.header .csc-textpic-imagewrap, .header .csc-textpic-imagewrap .csc-textpic-image {
	width: 100%;
	float: left;
	clear: both;
	display: block;
}

.header .csc-textpic-border img:hover { 
	transform: none; 
	opacity: 1; 
}

.fixedheader {
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.nr-1 .header .owl-controls {
	position: absolute;
	right: 2%;
	top: 30px;
}

.owl-dot {
	height: 12px;
	width: 12px;
	display: inline-block;
	margin: 0 3px 0 0;
	background: #FFFFFF;
	border-radius: 100%;
}

.owl-dot.active  {
	background: #000000;
}

.header div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0px;
}

.header img {
	width: 100% !important;
	height: auto !important;
}

.inhalt {
	width: 100%;
	float: left;
	clear: both;
	display: block;
}

.inhalt_normal, .farbe1, .farbe2, .farbe3, .farbe4, .farbe5, .filtergalerie, .boxhoehe, .hoverbox, .thumbgalerie {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	background: #FFFFFF;
	padding: 30px 0 15px 0;
}

.hundertprozent {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	background: #FFFFFF;
	padding: 30px 0 15px 0;
}

.hundertprozent .zentriert {
	max-width: 100%;
	width: 94%;
	margin: 0 auto;
	position: relative;
}

#inhalt_news {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	padding: 0;	
}

.farbe1 h3 {
    color: #000000;
    display: block;
    font-size: 20px;
    margin: 0 0 30px 0;
	position: relative;
} 

.farbe1 h3::after {
	content: "";
	display: block;
	position: absolute;
	width: 280px;
	height: 1px;
	bottom: -15px;
	left: 0;
	background: #126eb2;
}

.farbe2 {
	background: #FFFFFF;
	color: #000000;
	position: relative;
}

.farbe2::after {
	content: "";
	display: block;
	position: absolute;
	width: 60%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #6599ff;
	margin: 0 20%;
}

.farbe2 a {
	color: #FFFFFF;
	font-size: 22px;
	font-weight: 300;
	padding: 9px 20px 11px 20px;
	width: 100%;
	display: block;
}

.farbe2 .csc-textpic {
	position: relative;
}

.farbe2 .csc-textpic {
	position: relative;
}

.farbe2 .csc-textpic .csc-textpic-imagerow-last {
	position: absolute;
	top: 10px;
	right: 10px;
}

.farbe2 .csc-textpic .csc-textpic-imagerow-last a {
	padding: 0;
}

.farbe2 figure {
	position: relative;
}

.farbe2 .csc-textpic .csc-textpic-imagerow-last img {
	width: 40px;
	height: 40px;
}

.farbe2 figcaption a {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	padding: 0;
}

.farbe2 .csc-textpic-text {
	background: #126eb2;
	height: 40px;
}

.farbe2 .csc-textpic-text .bodytext {
	background: url(../images/mail.png) right 20px top 11px no-repeat;
}

.farbe2 .inhalt_normal {
	padding: 0 !important;
	margin: 0;
	background: none;
	float: left;
	clear: none;
	width: 400px;
}

.farbe2 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
}

.farbe2 .inhalt_normal:first-child {
	margin-right: 20px;
}

.farbe2 .zentriert {
	max-width: 820px;
}

.farbe2 .zentriert .zentriert {
	margin: 0;
	width: 100%;
}

.farbe3 {
	background: #DDDDDD;
	color: #000000;
}

.farbe3 a {
	color: #000000;	
}

.farbe4 {
	background: powderblue;
	color: #000000;
}

.farbe4 a {
	color: #000000;	
}

.farbe5 {
	background: wheat;
	color: #000000;
}

.farbe5 a {
	color: #000000;	
}

.leistungen {
	background: #FFFFFF;
	width: 100%;
	display: block;
	float: left;
	clear: both;
	padding-bottom: 80px;
}

.leistungen .csc-default {
	display: inline-block;
	float: none;
	clear: none;
	margin: 0 !important;
	padding: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.leistungen .zentriert {
	display: block;
	margin: 0 auto;
	max-width: 1160px;
	text-align: center;
}

.leistungsblock {
	display: inline-block;
	border: 2px solid #437ec0;
	width: 329px;
	height: 190px;
	vertical-align: top;
	padding: 20px;
	text-align: left;
	position: relative;
}

.leistungsblock:nth-child(2) {
	margin: 0 17px;
}

.leistungsblock:nth-child(5) {
	margin-right: 17px;
}

.leistungsblock div.csc-textpic-intext-right .csc-textpic-imagewrap, .leistungsblock div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	margin-left: 0;
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.leistungsblock div.csc-textpic-intext-right .csc-textpic-text, .leistungsblock div.csc-textpic-intext-right-nowrap .csc-textpic-text {
	width: 260px;
}

.leistungsblock div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
}

.leistungen, .leistungen div.csc-textpic {
	overflow: visible;
}

.leistungen-trenner {
	float: none;
	clear: both;
	width: 100%;
	display: block;
	border: 0;
	margin: 0 !important;
	padding: 0;
	position: relative;
	overflow: hidden;
	max-width: 98%;
	height: 20px;
}

.inhalt_normal:first-child, .farbe1:first-child, .farbe2:first-child, .farbe3:first-child, .farbe4:first-child, .farbe5:first-child, .filtergalerie:first-child, .boxhoehe:first-child, .hoverbox:first-child, .thumbgalerie:first-child {
	padding-top: 70px; 
}

.inhalt_normal:last-child, .farbe1:last-child, .farbe2:last-child, .farbe3:last-child, .farbe4:last-child, .farbe5:last-child, .filtergalerie:last-child, .boxhoehe:last-child, .hoverbox:last-child,.thumbgalerie:last-child {
	padding-bottom: 80px; 
}

.owlslider {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	background: #FFFFFF;
	padding: 30px 0 15px 0;	
	opacity: 0;
}

.bildslider {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	background: #031725;
	padding: 60px 0 80px 0;	
	opacity: 0;
}

.nr-2 {
	margin-bottom: 380px;
}

.bildslider .zentriert {
	max-width: 86%;
}

.bildslider h2 {
	color: #FFFFFF;
}

.bildslider .csc-textpic-image {
	background: #FFFFFF;
	box-shadow: inset 0 0 30px 5px rgba(210,210,210,1);
}

.owlslider .owl-dots, .bildslider .owl-dots, .news-latest-container .owl-dots, .thumbgalerie  .owl-dots, .news-single-imagebox .owl-dots  {
	display: none !important;
}

.owlslider .owl-prev, .bildslider .owl-prev, .news-latest-container .owl-prev, .thumbgalerie  .owl-prev, .news-single-imagebox .owl-prev, .owlslider .owl-next, .bildslider .owl-next, .news-latest-container .owl-next, .thumbgalerie  .owl-next, .news-single-imagebox .owl-next  {
	position: absolute;
	background: url(../images/owl-left.png) left top no-repeat;
	left: -4%;
	right: auto;
	bottom: 50%;
    margin-bottom: -25px;
	width: 25px;
	height: 50px;
	display: block;
	text-indent: 999px;
	overflow: hidden;
}

.owlslider .owl-next, .bildslider .owl-next, .news-latest-container .owl-next, .thumbgalerie  .owl-next, .news-single-imagebox .owl-next {
	right: -4%;
	left: auto;
	background: url(../images/owl-right.png) left top no-repeat;	
}

.owlslider .csc-default {
	background: #EFEFEF;
	padding: 10px 2%;
	width: 96%;
}

.thumbgalerie  .owl-prev {
	left: -6%;
}

.thumbgalerie  .owl-next {
	right: -6%;
}

.gleichehoehe {
	background: #EDEDED;
	padding: 10px 4%;
}

.boxhoehe .subcl, .boxhoehe .subcr {
	padding: 0;
}

.filtergalerie .csc-textpic-imagewrap {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
}

.filtergalerie .csc-textpic-imagerow {
	display: inline-block;
	float: none;
	clear: none;
	position: relative;
	margin: 0 0.5% 10px 0.5%;
}

.filtergalerie .csc-textpic-caption {
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: #292929;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 20px;
    transition: 0.7s;
}

.filtergalerie div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
}

.filtergalerie .csc-textpic-imagerow:hover  .csc-textpic-caption {
	top: 0px;
	bottom: 0;
}

.filtergalerie .csc-textpic ul {
	width: 100%;
	float: left;
	clear: both;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}

.filtergalerie .csc-textpic ul li {
	width: auto;
	display: inline-block;
	background: #666666;
	color: #FFFFFF;
	margin: 0 5px 0 5px;
	padding: 10px 15px;
	cursor: pointer;
}

.filtergalerie .csc-textpic ul li.filterall {
	display: none;
	background-image: url(../images/filterclose.png);
	background-position:  center center;
	background-repeat: no-repeat;
	background-size: auto 50%;
	text-indent: -999px;
	width: 60px;
}

.hoverinhalt {
	display: block;
	text-align: center;
}

.hoverinhalt .csc-default {
	display: inline-block;
	float: none;
	clear: none;
	position: relative;
	overflow: hidden;
	margin: 0 0.5% 10px 0.5%;
}

.hoverinhalt .csc-default .csc-textpic-text {
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: #292929;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 20px;
    transition: 0.7s;
	z-index: 2;
}

.hoverinhalt .csc-default .csc-textpic-text a {
	color: #FFFFFF;
	text-decoration: underline;
}

.hoverinhalt .csc-default .csc-textpic-text h2, .hoverinhalt .csc-default .csc-textpic-text h3 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #FFFFFF;
}

.hoverinhalt div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
}

.hoverinhalt .csc-textpic:hover  .csc-textpic-text {
	top: 0px;
	bottom: 0;
}

.thumbgalerie {
	opacity: 0;
}

.thumbgalerie .csc-textpic-image, .sync3 .csc-textpic-image {
	position: relative;
}

.thumbgalerie .csc-textpic-image .csc-textpic-caption, .sync3 .csc-textpic-image .csc-textpic-caption {
	position: absolute;
	bottom: 10px;
	left: 0;
	padding: 5px 15px 5px 10px;
	display: inline-block;
	background: #fff;
	background: rgba(255,255,255,0.7);
}

.galerieinhalt, .sync2 {
	max-width: 600px;
	width: 94%;
	margin: 0;
	padding: 0;
	left: 50%;
	position: relative;
	float: left;
	clear: both;
}

.sync2 {
	margin-top: 20px;
}

.galerieinhalt {
	cursor: pointer;
}

.sync2 .csc-textpic-imagecolumn {
	overflow: hidden;
}

.owllightboxlayer {
	background: rgba(0, 0, 0, 0) url(../images/overlay.png) repeat scroll 0 0;
	opacity: 0.9;
	height: 100%;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 80;
	visibility: hidden;
}

.owllightbox {
	width: 96%;
	height: 98%;
	visibility: hidden;
	position: fixed;
	top: 10%;
	left: 49%;
	z-index: 90;
}

.sync3 {
	display: block;
	float: left;
	border: 7px solid #fff;
	border-radius: 5px;
	background: #fff;
	position: relative;
	max-width: 800px;
}

.sync3 .owl-carousel {
	padding-bottom: 28px;
}

.sync3 .owl-nav div {
	background: rgba(0, 0, 0, 0) url(../images/controls.png) no-repeat scroll -75px 0;
    bottom: 25px;
    height: 25px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    width: 25px;
}

.sync3 .owl-nav .owl-next {
	background: rgba(0, 0, 0, 0) url(../images/controls.png) no-repeat scroll -50px 0;
    left: 27px;
}

.sync3 .owlclose {
	background: rgba(0, 0, 0, 0) url(../images/controls.png) no-repeat scroll -25px 0;
    bottom: 0;
    height: 25px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    width: 25px;
	cursor: pointer;
	z-index: 21;
}
/* ------ Onepage ------ */

/* ------ Unterseiten ------ */ 
.unterseite_inhalt {
	width: 100%;
	float: left;
	clear: both;
	margin: 260px 0 200px 0;
}
/* ------ Unterseiten ------ */

/* ------ Buttons ------ */
.buttons {
	position: fixed;
	right: 5px;
	top: 55%;
	background: #FFFFFF;
	display: block;
	padding: 10px 5px;
	z-index: 50;
	box-shadow: 0 0 30px #AAA; 
	border-radius: 15px 0 15px 0;
}

.buttons div {
	display: block;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	margin: 0 0 8px 0;
	padding: 0;
	float: left;
	clear: both;
	background-color: #999999;
	opacity: 0;
}

.buttons div:hover {
	background-color: #126eb2;	
}

.buttons div.button_sprache {
	background: none;
	margin: 0 0 10px 0;
	height: auto;
	display: none;
}

.buttons div.button_sprache a {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 5px 0;
	font-weight: bold;
	color: #999999;
}

.buttons div.button_sprache a:hover, .buttons div.button_sprache a.spact {
	color: #333333;
}

.buttons div.button_sprache:after {
	border-bottom: 1px dotted #AAA;
	content:"";
	display: block;
	float: left;
	clear: both;
	width: 100%;
	height: auto;
	position: relative;
	bottom: -2px;
}

.buttons div.button_rauf {
	background-image: url(../images/arrow-top.png);
}

.buttons div.button_runter {
	background-image: url(../images/arrow-bottom.png);
	margin: 0 0 0 0 !important;
}

.buttons div.button_suche {
	margin: 0;
	background: none;
	width: auto;
	height: auto;
}

.buttons div.button_suche a:before {
	border-top: 1px dotted #AAA;
	content:"";
	display: block;
	float: left;
	clear: both;
	width: 100%;
	height: 20px;
	position: relative;
	top: -4px;
}

.buttons div.button_suche a {
	background-image: url(../images/lupe.png);
	background-position: center bottom;
	display: block;
	width: 24px;
	height: 24px;
	margin-top: 5px;
	padding-top: 3px;
	background-color: #999999;
}

.buttons div.button_suche a:hover {
	background-color: #333333;
}

.buttons div.button_print {
	background-image: url(../images/print.html);
	background-position: center bottom;
	display: block;
	width: 24px;
	height: 24px;
	margin: 8px 0 3px 0;
	background-color: #999999;
}

.buttons div.button_print:before {
	border-top: 1px dotted #AAA;
	content:"";
	display: block;
	float: left;
	clear: both;
	width: 100%;
	height: 20px;
	position: relative;
	top: -5px;
}

.buttons div.button_print:hover {
	background-color: #333333;
}
/* ------ Buttons ------ */

/* ------ Footer ------ */
#footer {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	margin: 200px 0 0 0;
	padding: 0;
	color: #FFFFFF;
	background: #000;
}

.rahmen #footer {
	margin: 0;
}

#footer a {
	color: #FFFFFF;
}

#footer .inhalt_normal {
	background: none;
	padding: 0;
}

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

#mapstoggle {
	width: 100%;
	float: left; 
	clear: both;
	padding: 7px 0;
	background: #126eb2;
	text-align: center;
	font-size: 16px;
}

.mapsschalter {
	background: url(../images/mapstoggle.png) center top no-repeat;
	min-width: 52px;
	display: inline-block;
	padding: 62px 0 0 0;
	margin-top: -60px;
	cursor: pointer;
}

#karte {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;	
}

#karte .inhalt_normal, #karte .inhalt_normal .zentriert {
	padding: 0px;
	margin: 0;
	float: left;
	clear: both;
	width: 100%;
	max-width: 100%;	
	display: block;	
}

#karte .anfahrt {
    height: 0px;
	/* Karte am Anfang offen einkommentieren:
    height: 350px; */
    overflow: hidden;
    float: left;
    clear: both;
    display: block;
    width: 100%;
}

#karte .anfahrt iframe {
    pointer-events: none;
}

#footerinhalt {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 30px 0;	
}

#footerunten {
	width: 100%;
	min-height: 15px;
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 5px 0;	
	background: #031725;
	position: relative;
}

#footerunten .zentriert {
	position: static;
}

.smartstyle {
	position: absolute;
	top: -30px;
	right: 5px;
}

.smartstyle img {
    box-shadow: 0 0 30px #000;
    border-radius: 100%;
}

.rahmen #footer{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#footer .csc-sitemap {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
}

#footer .csc-sitemap ul {
	margin: 0px;
	padding: 0px;
}

#footer .csc-sitemap ul li {
	background: none;
	padding: 0;
}

#footer div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0px !important;
}
/* ------ Footer ------ */

/* ------ Cookies ------ */
#cookie-bar {
	background: #000000; 
	color: #ffffff; 
	text-align: center; 
	padding: 5px 0 5px 0; 
	font-size: 12px; 
	font-family: 'Exo 2', arial;
}

#cookie-bar.fixed {
	position:fixed; 
	top: 0px; 
	left: 0; 
	width: 100%;
}

#cookie-bar.fixed.bottom {
	bottom: 0;
	top: auto;
}

#cookie-bar p {
	margin: 0; 
	padding: 0;
}

#cookie-bar a {
	color: #ffffff;
	display: inline-block; 
	border-radius: 3px; 
	text-decoration: none; 
	padding: 0px; 
	margin-left: 0px;
}

#cookie-bar .cb-enable {
	background: #126eb2; 
	color: #FFFFFF;
	margin-left: 8px; 
	padding: 3px 5px;
}
/* ------ Cookies ------ */

/* ------ Scale ------ */
.csc-textpic-border img { 
	transition: all .5s ease-in-out; 
}

.csc-textpic-border a {
	display: block; 
	overflow: hidden;
}

.csc-textpic-border:hover  .csc-textpic-image  img { 
	transform: scale(1.1); 
	opacity: 0.75; 
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
	border: 0;
	padding: 0;
}

.filtergalerie .csc-textpic-border:hover  .csc-textpic-image  img { 
	transform: scale(1); 
	opacity: 1; 
}

.filtergalerie .csc-textpic-border  .csc-textpic-image:hover  img { 
	transform: scale(1.1); 
	opacity: 0.75; 
}
/* ------ Scale ------ */

/* ------ Powermail ------ */
.tx-powermail {
	width: 100%;
	float: left;
	clear: both;
	display: block;
}

.tx-powermail h3, .powermail_legend {
	display: none;
}

.powermail_fieldset  {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	float: left;
	clear: both;
	display: block;	
}

.powermail_label {
	display: none;
	width: 25%;
	float: left;
	margin: 4px 0;
	text-align: right;
}

.powermail_fieldwrap {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	margin: 0px 0 10px 0;
	position: relative;
}

.powermail_fieldwrap_1 {
	margin: 5px 0 10px 0;
}

.powermail_fieldwrap_5 {
	margin: 0;
}

.powermail_field.powermail_input {
	width: 95%;
	float: right;
	padding: 2px 2%;
	border: 1px solid #d7d7d7;
	position: relative;
	font-size: 15px;
	font-family: 'Exo 2', arial;
	-webkit-appearance: none;
	border-radius: 0;
}

.powermail_field.powermail_textarea  {
	width: 95%;
	float: right;
	resize: none;
	font-family: 'Exo 2', arial;
	font-size: 15px;
	padding: 2px 2%;
	border: 1px solid #d7d7d7;
	overflow: auto;
	-webkit-appearance: none;
	border-radius: 0;
}

.powermail_field.powermail_submit {
	width: 99.4%;
	float: right;
	background: #126eb2;
	border: 0;
	padding: 8px 0px;
	cursor: pointer;
	text-align: center;
	color: #FFFFFF;
	-webkit-appearance: none;
	border-radius: 0;
}

.parsley-errors-list {
	color: #126eb2;
	position: absolute;
    top: 3px;
    right: 13px;
	padding: 0;
	font-size: 12px;
}

.parsley-errors-list li {
	background: none;
	padding: 0;
}

.powermail_field.powermail_input.parsley-error, .powermail_field.powermail_textarea.parsley-error {
	box-shadow: inset 0 0 0px 2px #126eb2;
}

.subcr {
	padding: 0 0 0 1.5em;
}

.subcl {
	padding: 0 1.5em 0 0;
}
/* ------ Powermail ------ */

/* ------ tt_news ------ */
/* latest */
.news-latest-container {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	clear: both;
	display: block;
}

.news-latest-item {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}

.news-latest-date {
	width: 92%;
    text-align: left;
    display: block;
    padding: 5px 4%;
	margin: 0;
	float: left;
	clear: both;
	font-size: 12px;
	border-bottom: 1px dashed #DFDFDF;
}

.news-latest-text {
	width: 92%;
    text-align: left;
    display: block;
    padding: 5px 4%;
	margin: 10px 0 0 0;
	float: left;
	clear: both;	
}

.news-latest-container h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
}

.news-latest-item IMG {
    margin: 0;
	padding: 2px 0;
    float: left;
	clear: both;
	width: 100%;
	height: auto;
 	border-bottom: 1px dashed #DFDFDF;
}

/* list */
.news-list-container {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}

.news-list-item {
    padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px dashed #DFDFDF;
	width: 100%;
	float: left;
	clear: both;
}

.news-list-container h2 {
    margin: 0 0 5px 0;
	padding: 0;
	font-size: 20px;
	text-transform: none; 
	float: left;
	clear: both;
	width: 100%;
}


.news-list-container h2 a {
	color: #000000;
}

.news-list-date {
	width: 100%;
    display: block;
    padding: 0;
	margin: 0;
	float: left;
	clear: both;
	font-size: 12px;
}

.news-list-text {
	width: 100%;
	float: left;
	margin: 0;
}

.news-list-bild {
	float: right;
}

.news-list-container img {
    float: left;
	clear: both;
    margin: 15px 0 0 0;
    border: none;
	visibility: hidden;
}

/* single */
/* Zurück-Button auf der List-Seite */
a.news-single-backlink {
	background: #666666;
	color: #FFFFFF;
	padding: 10px;
	width: auto;
	margin: 0;
}

.news-single-item {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}

.news-single-date {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	font-size: 12px;
}

.news-single-content {
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

.news-single-imagebox {
	margin: 20px 0 0 0;
	width: 100%;
	display: block;
	float: left;
	clear: both;
	opacity: 0;
}

.news-single-img {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

.news-single-imagebox .bild {
	margin: 0 10px 10px 0;
	float: left;
	overflow: hidden;
}

.news-single-imagebox .bild.newssingleowl {
	float: left;
	clear: both;
	margin: 0;
	width: 100%;
}

.news-single-backlink a {
	color: #FFFFFF;
	padding: 10px;	
	background: #666666;
	display: inline-block;
}

.news-single-backlink {
	width: 100%;
	float: left;
	clear: both;
	padding: 0;
	margin: 20px 0 0 0;
	display: block;
}

.news-single-newsbrowser {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	margin: 0 0 20px 0;
}

.news-single-prev {
	width: 50%;
	float: left;
}

.news-single-prev a, .news-single-next a {
	background: #666666;
	color: #FFFFFF;
	padding: 10px;
	width: auto;
	margin: 0;	
	display: inline-block;
}

.news-single-next {
	width: 50%;
	text-align: right;
	float: right;
}

.news-single-fade {
	opacity: 0;
}
/* ------ tt_news ------ */

/* ------ Tabs ------ */
.ui-tabs .ui-tabs-nav {
	padding: 0;
}

.ui-widget-header {
	border: 0;
	background: none;
}

.ui-tabs .ui-tabs-panel {
	padding: 1em;
}

/* ------ Accordion ------ */
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-radius: 0;
}

.ui-widget-content {
	background: none;
	border: 0;
}

.ui-accordion-header {
	text-transform: none;	
}

.ui-accordion .ui-accordion-icons {
	padding-left: 1em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	left: auto;
	right: 0.5em;
}

.ui-accordion .ui-accordion-content {
	padding: 1em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	margin-top: -12px;
}

.ui-icon {
	width: 24px;
	height: 24px;
	background-image: url(../images/plus.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	background-color: none;
}

.ui-state-default .ui-icon {
	background-image: url(../images/plus.png);
}

.ui-state-active .ui-icon {
	background-image: url(../images/minus.png);
}

.ui-icon-triangle-1-s {
	background-position: left top;
}

/* -- folgenden Block bitte bei Bedarf fuer Farbe 1-5 kopieren und anpassen -------------------- */
/* -- hier koennen Hintergrundfarbe und Schriftfarbe fuer Accordion und Tabs angepasst werden -- */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #ddd;	
	border: 0;
	color: #000;
}

.ui-state-default:hover, .ui-state-active {
	background: #999 !important;
	color: #fff !important;	
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #000;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-default:hover a {
	color: #fff !important;
}
/* -- Block Ende ------------------------------------------------------------------------------- */

/* -- 404-Fehlerseite -- */
.pagenotfound .unterseite_inhalt > div:first-child {
	background: none; 
	padding: 0;
} 

.pagenotfound .unterseite_inhalt > div:first-child .zentriert {
	width: 100%; 
	max-width: 100%; 
	text-align: center;
}

.pagenotfound .boxhoehe .subcl, .pagenotfound .boxhoehe .subcr, .pagenotfound .boxhoehe .subc {
	padding: 0 !important;
}

.pagenotfound .boxhoehe  .inhalt_normal {
	padding: 0;
	background: none;
}

.pagenotfound .boxhoehe  .gleichehoehe {
	padding: 0;
	background: #FFFFFF;
}

.pagenotfound .boxhoehe  .subc .gleichehoehe {
	background: none;
}

.pagenotfound .boxhoehe div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
}

.pagenotfound .boxhoehe  .subc .gleichehoehe .csc-textpic-image, .pagenotfound .boxhoehe  .subc .gleichehoehe .csc-textpic-imagewrap {
	width: 100%;
}

.pagenotfound .boxhoehe  .subc .gleichehoehe .csc-textpic-image img {
	width: 100% !important;
	height: auto !important;
}

.cookie .inhalt_normal {
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
}

.mediaconsent {
	position: relative;
}

.mediaconsent .consentoverlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.1);
	padding: 10px;
}

.mediaconsent.accepted .consentoverlay {
	display: none;
}

#tx_cookies_inner form + form button[type="submit"] {
	background: rgba(0,0,0,0.2) !important;
	color: #000;
}