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

body {	
	font-family: "Century Gothic", arial, sans-serif;	
	font-size: 18px;	
	margin: 0px;	
	padding: 0px;	
	color: #000000;	
	position:relative;	
	height:100%;
	width: 100%;
	background: #FFFFFF;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-attachment: fixed;
	background-color: #BFBFBF;
}

body .nr-1, body .nr-5 {
	font-size: 14px;
}

.backstretch, #willkommen .header, .startheader {
	opacity: 0;
}

/* ----- Im JFMulticontent und Powermail Submit-Button muss die font-family und font-size auch angepasst werden ----- */

.ui-widget, .powermail_submit {
	font-family: "Century Gothic", 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: #6db011;
}

ul {	
	padding: 0 0 0 32%;  
	list-style: none;
}

.nr-4 ul {
	padding: 0;
}

li {	
	background: url('/assets/img/aufzaehlung.png') left 6px no-repeat;	
	padding-left: 20px;
	padding-bottom: 25px;
}


h1 {
    color: #6db011;
    display: block;
    font-size: 48px;
    margin: 0 0 10px 0;
	text-transform: uppercase;
	font-weight: normal;
}

.nr-1 h1 {
    font-size: 30px;
	margin-bottom: 30px;
	text-align: center
}

.eins{
	text-align: center
}

h1.csc-header-alignment-center {
  text-align: center;
}

h1.csc-header-alignment-center,
h2.csc-header-alignment-center {
  text-align: center;
}

h1.csc-header-alignment-center .eins,
h2.csc-header-alignment-center .eins {
  display: inline;
  float: none;
  width: auto;
  margin: 0;
}

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

h2::after {
    display: block;
    content: "";
    border-bottom: 3px solid #6db011;
    width: 430px;
    margin: 0 auto;
    padding: 15px 0 0 0;
	position: relative;
	top: 0;
}

.farbe2 h2 {
	color: #FFFFFF;
	margin: 0;
}

.unterseite_inhalt h2 {
	margin-bottom: 20px;
}

.farbe2 h2::after , .unterseite_inhalt h2::after {
	display: none;
}

h3 {
    color: #FFFFFF;
    display: block;
    font-size: 46px;
    margin: 0 0 20px 0;
	text-transform: uppercase;
	font-weight: normal;
	text-shadow: 0px 0px 10px #000000;
} 

h3:last-child {
	font-size: 37px;
}

h4 {
    color: #73b011;
    display: block;
    font-size: 18px;
    margin: 0 0 20px 0;
	text-transform: uppercase;
	font-weight: normal;
} 

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 {
	max-width: 100%;
	height: auto;
}


.zentriert {
	max-width: 1200px;
	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, 0.9);	
	z-index: 70;
}

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

.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: 15px !important;
}

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

.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: 5px 0 0 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	font-size: 16px;
}

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

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

#hauptnavi #navigation li a{
	display: block;
	background: none;
	margin: 0 20px 0 0;
	padding: 30px 15px;
	background: none;
	color: #929292;
	padding-bottom: 14px !important;
}


#hauptnavi #navigation li a:hover, #hauptnavi #navigation li.act a{
	background: none;
	color: #929292;
	border-bottom: 3px solid #73b011;
}

/* ----------------------------------------------------------------------------------------- */
/* -- 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, 2 und 3 Ende --------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */	

.navibox_mob {
	display: none;
}
/* ------ Slide-In ------ */
#slidebox {
	position: fixed;
	top: 30%;
	left: 0;
	display: block;
	z-index: 50;
	background: #f6f6f6;
	opacity: 0;
	padding: 0;
	width: 100%;
	max-width: 450px;
}

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

#slidebox .csc-default .csc-default:first-child {
	padding: 30px 30px 20px 30px;
}

#slidebox div.csc-textpic-left .csc-textpic-imagewrap {
	padding-left: 10%;
}

.slidebox_mob {
	display: none !important;

}

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

.schliessen:hover {
	background-color: #333333;
}

#slidebox .csc-default .csc-default:last-child {
	cursor: pointer;
	position: absolute;
	text-align: center;
	right: 0;
	top: 5px !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;
	max-height: 533px;
	overflow: hidden;
}

.header.fixedheader {
	height: 400px;
}

.header .divider hr {
	display: none;
}

.nr-1 .header {
	overflow: hidden;
	opacity: 0;
	height: auto !important;
	max-height: 894px;
}

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

.nr-1 .header .csc-textpic-text {
	position: absolute;
	bottom: 3%; 
	right: 10%;
	z-index: 10;
	text-shadow: none;
	text-align: right;
}

.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: #73b011;
}

.sync3 .owl-nav div {
	top: 0;
}

.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;
}

.farbe2 {
	padding-bottom: 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 {
	background: url('/assets/img/farbe1.png') left top;
	color: #000000;
}

.farbe1 a {
	color: #000000;	
}

.farbe2 {
	background: url('/assets/img/farbe2.png') left top;
	color: #000000;
}

.farbe2 a {
	color: #000000;	
}

.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;	
}

.hoverbox, .thumbgalerie {
	color: #FFFFFF;
	font-size: 22px;
	background: url('/assets/img/farbe2.png') left top;
}

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

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

.farbe1:last-child {
	padding-bottom: 15px;
}

.hoverbox:last-child {
	padding-bottom: 30px; 
 }

.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('/assets/img/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('/assets/img/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('/assets/img/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;
}

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

.hoverbox .csc-default .csc-textpic-text {
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    padding: 219px 0 0 0;
    transition: 0.7s;	
	z-index: 2;
}

.hoverbox .csc-default .csc-textpic-text p {
    background: #292929;
	background: rgba(0,0,0,0.6);
	padding: 20px 0;
}

.hoverbox .csc-default .csc-textpic-text a {
	color: #FFFFFF;
	text-decoration: none;
}

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

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

.hoverbox .csc-default .csc-default: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('/assets/img/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('/assets/img/controls.png') no-repeat scroll -75px 0;
    bottom: 0;
    height: 25px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    width: 25px;
}

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

.sync3 .owlclose {
	background: rgba(0, 0, 0, 0) url('/assets/img/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: #999999;
	opacity: 0;
}

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

.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.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('/assets/img/arrow-top.png');
}

.buttons div.button_runter {
	background-image: url('/assets/img/arrow-bottom.png');
	margin-bottom: 0;
}

.buttons div.button_suche {
	display: none;
	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('/assets/img/lupe.png');
	background-position: center bottom;
	display: block;
	width: 24px;
	height: 24px;
	margin-top: 5px;
	background-color: #999999;
}

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

.buttons div.button_print {
	background-image: none;
	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: #272926;
}

.rahmen #footer {
	margin: 0;
}

#footer a {
	color: #FFFFFF;
	font-size: 14px !important;
}

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

#footer p {
	margin: 0;
	padding: 0;
	font-size: 14px !important;
}

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

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

#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: 10px 0;	
	background: #c9c9c9;
	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 0 0px 0;
}

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

/* ------ Cookies ------ */
#cookie-bar {
  background:#111111; 
  color:#ffffff; 
  text-align:center; 
  padding: 5px 0 5px 0; 
  font-size: 10px; 
  font-family: 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:#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;
}

.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: 37%;
	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: 56%;
	float: right;
	padding: 2px 2%;
	border: 0px solid #333333;
	position: relative;
	background: #eaeaea;
	margin-right: 1%;
	font-family: "Century Gothic", arial, sans serif !important;
}

.powermail_field.powermail_textarea  {
	width: 56%;
	float: right;	
	resize: none;
	font-family: "Century Gothic", arial;
	font-size: 12px;
	padding: 2px 2%;	
	border: 0px solid #333333;
	background: #eaeaea;
	margin-right: 1%;	
}

.powermail_field.powermail_submit {
	width: 60%;
	float: right;
	background: #868686;
	border: 0;
	padding: 12px 0px;
	cursor: pointer;
	text-align: center;
	margin-right: 1%;
	color: #FFFFFF;
}

.parsley-errors-list {
	font-size: 11px;
	color: #6DB011;
	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 #333333;
}
/* ------ 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('/assets/img/plus.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	background-color: none;
}

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

.ui-state-active .ui-icon {
	background-image: url('/assets/img/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;
}

.subcolumns.equalize {
  display: flex;
  flex-wrap: wrap;
}

.subcolumns.equalize > .csc-default,
.subcolumns.equalize > nav.csc-default {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  box-sizing: border-box;
  padding: 0 1rem;
}

/* optional: Abstände */
.subcolumns.equalize .bodytext {
  margin: 0 0 0.4rem 0;
}

.subcolumns.equalize .csc-sitemap ul {
  margin: 0;
  padding-left: 1rem;
}

/* Responsive: 1 Spalte */
@media (max-width: 768px) {
  .subcolumns.equalize > .csc-default,
  .subcolumns.equalize > nav.csc-default {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 1rem;
  }
}

.c50l,
.c50r {
  text-align: center;
}

#c51 .tx-jfmulticontent-pi1,
#c51 .tx-jfmulticontent-pi1 * {
	width: 100%;
  	text-align: center;
}

.c50l,
.c50l * {
  text-align: center;
}

#c183 .c50l,
#c183 .c50l * {
  text-align: unset !important;
}