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

body {	
	font-family: Century Gothic, arial, sans-serif;	
	font-size: 14px;	
	margin: 0px;	
	padding: 0px;	
	color: #3d3d3d;	
	position:relative;	
	height:100%;
	width: 100%;
	background: #FFFFFF;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

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

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

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

.search_decription:before {
	border-color: transparent transparent yellowgreen transparent !important;
}

.highlight {
    background-color: yellowgreen !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 1em 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: #3d3d3d;
}

ul {	
	padding: 0 0 0 15px;  
	list-style: none;
}

li {	
	background: url("../images/aufzaehlung.png") left 7px no-repeat;	
	padding-left: 12px;
}

h1 {
    color: #002e60;
    display: block;
    font-size: 48px;
    margin: 20px 0 40px 0;
	text-transform: uppercase;
	font-weight: bold;	
	text-align: center;
}

h2 {
    color: #002e60;
    display: block;
    font-size: 24px;
    margin: 0 0 20px 0;
	text-transform: uppercase;
	font-weight: normal;	
	text-align: center;
} 

h3 {
    color: #3d3d3d;
    display: block;
    font-size: 18px;
    margin: 20px 0 10px 0;
	text-transform: none;
	font-weight: bold;	
} 

h4 {
    color: #3d3d3d;
    display: block;
    font-size: 24px;
    margin: 0 0 0px 0;
	text-transform: uppercase;
	font-weight: bold;	
} 

h5 {
    color: #3d3d3d;
    display: block;
    font-size: 18px;
    margin: 0 0 20px 0;
	text-transform: uppercase;
	font-weight: normal;	
}

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

.zwei {
	font-weight: normal;
	display: block;
	font-size: 24px;
}

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

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


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


.backstretch {
	opacity: 0;
}

.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 5px #999;
}

.oben .zentriert {
	max-width: none;
}

/* -- 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;
}

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

/* -- TICKER -- */
.logo {
	margin: 10px 0 0 0;
	cursor: pointer;
	max-width: 30%;
}

.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 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: 16px;
}

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

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

#hauptnavi #navigation li a{
	display: block;
	background: none;
	padding-right: 5px;
	padding-left: 5px;
	color: #002e60;
}


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

/* ----------------------------------------------------------------------------------------- */
/* -- Wenn gewuenscht, bitte folgenden Block bzw. folgende Bloecke einkommentieren --------- */
/* -- Navipunkt Linie unten 
#hauptnavi #navigation li a, #hauptnavi #navigation li.act a, #hauptnavi #navigation li a:hover{
	background: none;
	color: #000000;
}

#hauptnavi #navigation li {
	position: relative;
}

#hauptnavi #navigation li:hover::after, #hauptnavi #navigation li.act::after{
	position: absolute;
	content: "";
	display: block;
	width: 80%;
	height: 3px;
	background: yellowgreen;
	top: 50%;
	margin-top: 24px;
	left: 10%;
	right: 10%;
}
-- */
/* ----------------------------------------------------------------------------------------- */

/* -- Navipunkt Linie oben 
#hauptnavi #navigation li a, #hauptnavi #navigation li.act a, #hauptnavi #navigation li a:hover{
	background: none;
	color: #000000;
}

#hauptnavi #navigation li {
	position: relative;
}


#hauptnavi #navigation li:hover::before, #hauptnavi #navigation li.act::before{
	position: absolute;
	content: "";
	display: block;
	width: 80%;
	height: 3px;
	background: yellowgreen;
	top: 50%;
	margin-top: -28px;
	left: 10%;
	right: 10%;
}
-- */

/* -- Navipunkt farbig
#hauptnavi #navigation li a {
	background: none;
}

#hauptnavi #navigation li.act a, #hauptnavi #navigation li a:hover{
	background: none;
	color: yellowgreen;
}
 -- */
/* --- Block 1 und 2 Ende ------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------- */	

.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: 0px;
	border-right: 0px;
	border-bottom: 0px;
	background-size: cover;
	max-width: 450px;
	height: 278px;
}

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

#slidebox .csc-default .csc-default:first-child {
	padding: 30px;
	background: #FFFFFF;
	background: rgba(255,255,255,0.4);
}

.slidebox_mob {
	display: none !important;
}

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

.schliessen:hover {
	background-color: #002e60;
}

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

#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;
	/*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 .owl-dots {
}

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




/************ SLOGAN IN HEADER*******************/

/************ Slide 1 und Slide 3*******************/

.nr-1 .header .csc-textpic-text {
	position: absolute;
	bottom: 200px; 
	left: 10%;
	z-index: 10;
	background: #FFFFFF;
	padding: 60px 30px;
}

.nr-1 .header .csc-textpic-text h2, .nr-1 .header .csc-textpic-text h3 {
	font-size: 60px;
	font-weight: bold;
	color: #002e60;
	margin: 0;
	text-align: center;
	line-height: 1em;
	display: block;
	text-transform: none !important;
}

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

.nr-1 .header .csc-textpic-text p {
	font-size: 30px;
	font-weight: normal;
	color: #002e60;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
}

/************ Slide 2*******************/
.nr-1 .header .owl-item:nth-child(4) .csc-textpic-text {
	position: absolute;
	bottom: 300px; 
	right: 20%;
	left: auto;
	z-index: 10;
	background: #FFFFFF;
	padding: 60px 30px;
}

.nr-1 .header .owl-item:nth-child(4) .csc-textpic-text h2, .nr-1 .header .owl-item:nth-child(2) .csc-textpic-text h3 {
	font-size: 40px;
	font-weight: bold;
	color: #002e60;
	margin: 0;
	text-align: center;
	line-height: 1em;
	display: block;
	text-transform: none !important;
}

.nr-1 .header .owl-item:nth-child(4) .csc-textpic-text h3 {
	font-size: 50px;
	padding-top:5px;
}

.nr-1 .header .owl-item:nth-child(4) .csc-textpic-text p {
	font-size: 15px;
	font-weight: normal;
	color: #002e60;
	text-transform: none !important;
	margin: 0;
	text-align: center;
}


/************ Slide 4*******************/
.nr-1 .header .owl-item:nth-child(6) .csc-textpic-text {
	position: absolute;
	bottom: 300px; 
	right: 20%;
	left: auto;
	z-index: 10;
	background: #FFFFFF;
	padding: 60px 30px;
}

.nr-1 .header .owl-item:nth-child(6) .csc-textpic-text h2{
	font-size: 40px;
	font-weight: bold;
	color: #002e60;
	margin: 0;
	text-align: center;
	line-height: 1em;
	display: block;
	text-transform: none !important;
}

.nr-1 .header .owl-item:nth-child(6) .csc-textpic-text h3 {
	font-size: 45px;
	padding-top:5px;
}

.nr-1 .header .owl-item:nth-child(6) .csc-textpic-text p {
	font-size: 30px;
	font-weight: normal;
	color: #002e60;
	text-transform: none !important;
	margin: 0;
	text-align: center;
}


/************ SLOGAN IN HEADER*******************/



.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: #002E60;
}

.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: 10px 0 5px 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 .csc-default  .inhalt_normal {
	padding: 0;
	width: auto;
    float: left;
    clear: both;
    display: block;
	background: none;
}

.inhalt .csc-default .bildslider {
	background: none;
}

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

.farbe1 {
	background: FFFFFF;
	color: #002e60;
	font-size: 18px;
	text-transform: uppercase;
}

.farbe1 a {
	color: #002e60;	
}

.farbe1 ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

.farbe1 ul li {
	background: url(../images/aufzaehlung-wertstoffe.png) left top no-repeat;
	padding: 15px 0 15px 70px;
	display: inline-block;
	width: 26%;
}


.farbe2 ul li {
	background: url(../images/aufzaehlung-weiss.png) left top no-repeat;
	padding: 15px 0 15px 70px;
	display: inline-block;
	width: 26%;
	font-size:18px;
	font-weight:bold;
}
/************ Alugranulate************/
.nr-3 .inhalt {
	background: url(../images/bg_alugranulate.jpg) left top no-repeat #414141;
	background-size: 100% auto;
	color: #FFFFFF;
	padding: 0 0 0px 0;
}

.nr-3 .bildslider ,.farbe2 {
	background:none;
}

.farbe2 a {
	color: #FFFFFF;	
}

.farbe2 h1 {
	color: #FFFFFF;
}

.farbe2 h2 {
	color: #FFFFFF;
}


/************** Rahmen um Bilder in OWL ******************/
.nr-3 .bildslider .owl-item img {
	border: 2px solid #fff;
	width: 98% !important;
}

.nr-3 .bildslider .owl-prev {
	background: url("../images/owl-white-left.png") no-repeat scroll left top;
}



.nr-3 .bildslider .owl-next {
	background: url("../images/owl-white-right.png") no-repeat scroll left top;
}

/******************************************/



.farbe2 h3  {
	color: #FFFFFF;
}

.farbe3 {
	background: url(../images/bg_ansprechpartner.png) center center no-repeat #FFFFFF;
	color: #3d3d3d;
}


.farbe3 > .zentriert > .csc-default {
	position: relative;		
	width: 100%;
	height: 550px;
}
.farbe3 .csc-default .inhalt_normal {
	position: absolute;
	width: 30%;
}

/*Ansprechpertner platzieren*/
/* 7 Ansprechpartner */
/* .farbe3 .csc-default .inhalt_normal:nth-child(1) {
	top: 8%;
	left: 20%;	
}	

.farbe3 .csc-default .inhalt_normal:nth-child(2) {
	top: 0;
	right: 20%;
}	

.farbe3 .csc-default .inhalt_normal:nth-child(3) {
	right: 0;
	top: 20%;
}	

.farbe3 .csc-default .inhalt_normal:nth-child(4) {
	right: 5%;
	bottom: 35%;
}	

.farbe3 .csc-default .inhalt_normal:nth-child(5) {
	left: 49%;
	bottom: 2%;
}	

.farbe3 .csc-default .inhalt_normal:nth-child(6) {
	left: 10%;
	bottom: 8%;
}	

.farbe3 .csc-default .inhalt_normal:nth-child(7) {
	left: 10%;
	top: 38%;
}	 */

/* 6 Ansprechpartner */
.farbe3 .csc-default .inhalt_normal:nth-child(1) {
	top: 8%;
	left: 20%;	
}	

.farbe3 .csc-default .inhalt_normal:nth-child(2) {
    top: 11%;
    right: 11%;
}

.farbe3 .csc-default .inhalt_normal:nth-child(3) {
    right: 0;
    top: 34%;
}

.farbe3 .csc-default .inhalt_normal:nth-child(4) {
    right: 5%;
    bottom: 24%;
}

.farbe3 .csc-default .inhalt_normal:nth-child(5) {
    left: 18%;
    bottom: 6%;
}

.farbe3 .csc-default .inhalt_normal:nth-child(6) {
	left: 10%;
	top: 35%;
}	

.farbe3 a {
	color: #3d3d3d;	
}

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

.farbe4 a {
	color: #000000;	
}

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

.farbe5 a {
	color: #000000;	
}

.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: 60px; 
}

.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: 50px; 
}

.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: #FFFFFF;
	padding: 30px 0 15px 0;	
	opacity: 0;
}

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

.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: 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: #002e60;
	opacity: 0;
}

.buttons div:hover {
	background-color: #002e60;	
}

.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: #002e60;
}

.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 3px 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.png);
	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: #002e60;
}

.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: #002e60;
	text-align: center;
	font-size: 16px;
	color: #fff;
}



.mapsschalter {
	background: url(../images/mapstoggle.png) center top no-repeat;
	min-width: 52px;
	display: inline-block;
	padding: 70px 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;	
	position:relative;
}



#footerinhalt::before {
	position: absolute;
	content: "";
	height: 1px;
	width: 100%;
	top: 10px;
	left: 0px;
	margin: 0 auto;
background: rgba(0,47,97,1);
background: -moz-linear-gradient(left, rgba(0,47,97,1) 0%, rgba(0,47,97,1) 42%, rgba(255,255,255,1) 51%, rgba(0,47,97,1) 62%, rgba(0,47,97,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,47,97,1)), color-stop(42%, rgba(0,47,97,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(62%, rgba(0,47,97,1)), color-stop(100%, rgba(0,47,97,1)));
background: -webkit-linear-gradient(left, rgba(0,47,97,1) 0%, rgba(0,47,97,1) 42%, rgba(255,255,255,1) 51%, rgba(0,47,97,1) 62%, rgba(0,47,97,1) 100%);
background: -o-linear-gradient(left, rgba(0,47,97,1) 0%, rgba(0,47,97,1) 42%, rgba(255,255,255,1) 51%, rgba(0,47,97,1) 62%, rgba(0,47,97,1) 100%);
background: -ms-linear-gradient(left, rgba(0,47,97,1) 0%, rgba(0,47,97,1) 4%, rgba(255,255,255,1) 51%, rgba(0,47,97,1) 62%, rgba(0,47,97,1) 100%);
background: linear-gradient(to right, rgba(0,47,97,1) 0%, rgba(0,47,97,1) 42%, rgba(255,255,255,1) 51%, rgba(0,47,97,1) 62%, rgba(0,47,97,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f61', endColorstr='#002f61', GradientType=1 );
}

#footerunten {
	width: 100%;
	min-height: 15px;
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 10px 0;	
	background: #002e60;
	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: left;
}

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

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

#footer .csc-sitemap ul li::before {
	content: "»";
	display: inline-block;
	color: #FFFFFF;
	margin: -2px 5px 0 0;
	vertical-align: top;
}

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

/* ------ Cookies ------ */
#cookie-bar {
  background:#002e60; 
  color:#ffffff; 
  text-align:center; 
  padding: 5px 0 5px 0; 
  font-size: 11px; 
  font-family: Century Gothic, arial;
}

#cookie-bar.fixed {
  position:fixed; 
  bottom: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:#FFFFFF; 
  color: #000000;
  margin-left: 8px; 
  padding: 3px 5px;
  font-weight: bold;
}
/* ------ 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;
	font-family: Century Gothic, arial;	
}

.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: block;
	width: 25%;
	float: left;
	margin: 4px 0;
	text-align: right;
}

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

.powermail_field.powermail_input {
	width: 69%;
	float: right;
	padding: 2px 1px;
	border: 1px solid #3d3d3d;
	position: relative;
	margin-right: 1%;
	font-family: Century Gothic, arial;	
}

.powermail_field.powermail_textarea  {
	width: 69%;
	float: right;	
	resize: none;
	font-family: Century Gothic, arial;
	font-size: 12px;
	padding: 2px 1px;	
	border: 1px solid #3d3d3d;	
	margin-right: 1%;	
}

.powermail_field.powermail_submit {

	font-family: Century Gothic, arial;
	width: 70%;
	float: right;
	background: #002e60;
	border: 0;
	padding: 8px 0px;
	cursor: pointer;
	text-align: center;
	margin-right: 1%;
	color: #FFFFFF;
}

.parsley-errors-list {
	color: #FF0000;
	position: absolute;
    top: -10px;
    right: 10px;
	padding: 0;
}

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

.powermail_field.powermail_input.parsley-error, .powermail_field.powermail_textarea.parsley-error {
	box-shadow:  0 0 10px #3d3d3d;
}
/* ------ 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;
}

#c184{
	display: flex;
    flex-direction: column;
    align-items: center;	
}