
/*@import url('https://fonts.googleapis.com/css?family=Catamaran:200,300,600&subset=latin-ext');*/
/*
font-family: 'Catamaran', sans-serif;
extra-light 200
light 300
semi-bold 600
*/
/*@import url('https://fonts.googleapis.com/css?family=Lato:300');*/
/*
font-family: 'Lato', sans-serif;
light 300
*/

/* catamaran-200 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/catamaran-v7-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/catamaran-v7-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/catamaran-v7-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/catamaran-v7-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/catamaran-v7-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/catamaran-v7-latin-200.svg#Catamaran') format('svg'); /* Legacy iOS */
}
/* catamaran-300 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/catamaran-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/catamaran-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/catamaran-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/catamaran-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/catamaran-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/catamaran-v7-latin-300.svg#Catamaran') format('svg'); /* Legacy iOS */
}
/* catamaran-600 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/catamaran-v7-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/catamaran-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/catamaran-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/catamaran-v7-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/catamaran-v7-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/catamaran-v7-latin-600.svg#Catamaran') format('svg'); /* Legacy iOS */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v16-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v16-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Light Italic'), local('Lato-LightItalic'),
       url('../fonts/lato-v16-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v16-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v16-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v16-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v16-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}

*{
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
			backface-visibility: hidden;
}

/*Standard*/
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block
}
.clearL, .clearR, .clear {
	clear: both;
}
H1, H2, H3, H4, H5, H6 {
	font-size: 15px;
	line-height: 120%;
	color: #35342e;
	padding: 0 0 10px;
	font-weight: 200;
	text-transform: uppercase;
}
H1 {
	font-size: 38px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
H2 {
	font-size: 34px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
H3 {
	font-size: 32px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
H4 {
font-size: 18px;
	line-height: 32px;
	color: #6d654d;
	width: auto;
	padding: 0 0 5px;
	margin-bottom: 25px;
	display: inline-block;
}
H4 .sep{
	width: 0;
	height: 1px;
	background: rgba(191,184,164,0.5);
	margin: 0 auto;
}

H4 .sep.act{
	width: 100%;
}

H4.csc-header-alignment-center{
	left: 50%;
	position: relative;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		 -o-transform: translateX(-50%);
			transform: translateX(-50%);
}

H4 .sep {
	-webkit-transition: all 3s cubic-bezier(0.79, 0.19, 0.26, 0.94);
	-o-transition: all 3s cubic-bezier(0.79, 0.19, 0.26, 0.94);
	-moz-transition: all 3s cubic-bezier(0.79, 0.19, 0.26, 0.94);
	transition: all 3s cubic-bezier(0.79, 0.19, 0.26, 0.94);
}

H1+H1,H1+H2,H1+H3,H1+H4,H1+H5,H2+H1,H2+H2,H2+H3,H2+H4,H2+H5,H3+H1,H3+H2,H3+H3,H3+H4,H3+H5,H4+H1,H4+H2,H4+H3,H4+H4,H4+H5,H5+H1,H5+H2,H5+H3,H5+H4,H5+H5{
	padding: 0;
}
P {
	padding: 15px 0;
}
A {
	text-decoration: none;
	color:#6d654d;
}
.cont A:hover{
	text-decoration: underline;
}
::-moz-selection {
	background: #6d654d;
	color: #ffffff;
}
::selection {
	background: #6d654d;
	color: #ffffff;
}
::-moz-selection {
	background: #6d654d;
	color: #ffffff;
}
HR {
	background: transparent;
	border: 0 solid #ddd;
	height: 0;
	padding: 0;
	margin: 30px 0;
	border-bottom: 1px solid #ddd;
}
TEXTAREA, INPUT, BUTTON {
	resize: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-font-smoothing: inherit;
	font: 13px Arial, Verdana, Sans-serif;
	color: #000;
	padding: 5px;
	border: 1px solid #CCC;
	background: #FFF;
}
BUTTON {
	border: none;
	cursor: pointer;
}
INPUT[type=text], TEXTAREA, INPUT[type=password],INPUT[type=email], SELECT, BUTTON {
	width: 100%;
}
INPUT[type=text], TEXTAREA, INPUT[type=submit], INPUT[type=reset], INPUT[type=password], INPUT[type=email], TEXTAREA, BUTTON {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
INPUT[type=radio] {
	padding: 4px;
	line-height: normal;
	vertical-align: middle;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
INPUT:-webkit-autofill, TEXTAREA:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #FFF inset;
	-webkit-text-fill-color: #000;
}
::-webkit-input-placeholder {
	color: #ccc;
}
:-moz-placeholder {
	opacity: 1;
	color: #ccc;
}
::-moz-placeholder {
	opacity: 1;
	color: #ccc;
}
:-ms-input-placeholder {
	color: #ccc;
}

/*Image Abstand*/
.allcont DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 10px 0;
}
	.allcont DIV.csc-textpic.csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image {
		margin: 0 0 15px 0;
	}

/*Blockstile*/
P.align-center, H1.align-center, H2.align-center, H3.align-center, H4.align-center, H5.align-center, A.align-center, P A.align-center {
	text-align: center;
}
P.align-right, H1.align-right, H2.align-right, H3.align-right, H4.align-right, H5.align-right, A.align-right, P A.align-right {
	text-align: right;
}
P.align-justify, H1.align-justify, H2.align-justify, H3.align-justify, H4.align-justify, H5.align-justify, A.align-justify, P A.align-justify {
	text-align: justify;
}

/*Textstile*/
.ButtonDunkel {
	display: inline-block;
	background: #6d654d;
	color: #fff;
	padding: 20px 40px 15px;
	border: 1px solid transparent;
}
.ButtonDunkel:hover {
	background: transparent;
	text-decoration: none !important;
	color: #6d654d;
	border: 1px solid #6d654d;
}
.Button {
	display: inline-block;
	background: transparent;
	color: #bfb8a4;
	padding: 20px 40px 15px;
	border: 1px solid rgba(191,184,164,0.5);
}
.Button:hover {
	background: rgba(191,184,164,1);
	text-decoration: none !important;
	color: white;
}
.GrosserText {
	font-size: 25px;
}
.Blocksatz{
	text-align: justify;
}
.Blocksatz:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
}
INPUT,
A,
.subNav A,
.staedtelinks UL LI,
.subNav,
.teaser_wrap *,
.staedtelinks UL LI,
.exklusivbilder .col .csc-textpic-image IMG
{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.teaser_wrap .teaser .csc-textpic-text P.bodytext
{
-webkit-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}

/*Template*/
BODY {
	font-family: 'Catamaran', sans-serif;
	font-size: 18px;
	line-height: 32px;
	font-weight: 300;
	color: #555350;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

/*Head*/
.head {
	position: absolute;
	z-index: 999;
	top: 0;
	color: white;
	min-height: 120px;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100;Neutral+Density */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

/*Logo*/
#logo {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%) translateX(-0.5px);
	   -moz-transform: translateX(-50%) translateX(-0.5px);
		-ms-transform: translateX(-50%) translateX(-0.5px);
		 -o-transform: translateX(-50%) translateX(-0.5px);
			transform: translateX(-50%) translateX(-0.5px);
	background: url(../img/logo2x.png) no-repeat center center / contain;
	width:213px;
	height:92px;
	top: 15px;
	z-index: 2;
	-moz-background-size: contain;
	  -o-background-size: contain;
		 background-size: contain;
	cursor: pointer;
}
#logo A {
	display: block;
	width: 100%;
	height: 100%;
}
#logo A SPAN {
	display: none;
}

/*Subhead*/
#subhead,
.bx-wrapper .bx-loading {
	background: #252b35 !important;
}

#subhead {
	width: 100%;
	height: 100vh;
	margin-bottom: 120px;
	position: relative;
}

#subhead .bx-viewport {
	height: 100% !important;
}

#subhead .bx-wrapper,
#subhead2,
#subhead2 > .item,
#subhead2 .csc-textpic,
#subhead2 .csc-textpic-imagewrap,
#subhead2 .csc-textpic-imagewrap DIV,
#subhead2 .csc-textpic-imagewrap FIGURE
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

#subhead div.csc-textpic .csc-textpic-imagewrap figure {
	display: block;
}

	#subhead .item IMG{
		width: 100%;
		height: auto;
		min-width: 100%;
		min-height: 100%;
		position: absolute;
		right: 50%;
		top: 0 !important;
		left: auto !important;
		-webkit-transform: translateX(50%);
		   -moz-transform: translateX(50%);
			-ms-transform: translateX(50%);
			 -o-transform: translateX(50%);
				transform: translateX(50%);
	}

	#subhead2 .csc-textpic-text {
		height: auto;
		color: #fff;
	}

#subhead .item * {
	float: none;
	right: auto;
	overflow: visible;
	position: static;
}

#subhead2 .csc-textpic-text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		 -o-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
	width: 960px;
	font-size: 40px;
	line-height: 52px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	height: auto;
}
#subhead2 .csc-textpic-text .GrosserText{
	line-height: normal;
	font-size: 62px;
}
#subhead2 .csc-textpic-text * {
	text-align: center;
	display: block;
	text-shadow: 2px 2px 6px rgba(41,41,41,0.4);
}
#subhead2 .csc-textpic-text BR{
	display: none;
}

.bx-controls.bx-has-pager {
	position: absolute;
	z-index: 99;
	bottom: 50px;
	left: 50%;
		width: 100%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		 -o-transform: translateX(-50%);
			transform: translateX(-50%);
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: 1em;
	line-height: normal !important;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	margin 0 10px
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: transparent;
	text-indent: 0;
	display: block;
	width: auto !important;
	height: auto !important;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	opacity: 0.5;
	text-decoration: none;
}

.bx-wrapper .bx-pager.bx-default-pager a span {
	display: block;
	font-size: 18px;
	color: white;
	border-bottom: 1px solid white;
	width: 45px;
	height: 35px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
	opacity: 1;
	background: none;
}

/*Scrolldown*/
.scrolldown {
	position: absolute;
	bottom: 30px;
	right: 50%;
	transform: translateX(50%);
}

.scrolldown A {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: url(../img/arrow-down.png) no-repeat center center / 9px 8px;

	text-indent: 100%;
	overflow: hidden;
	color: transparent;
}
	.scrolldown A:hover {
		opacity: 0.7;
	}

/*Nav*/
.nav {
	list-style-type: none;
	display: block;
	position: absolute;
	top: 50px;
}

/* Allgemeine Stile */
.nav LI {
	position: relative;
}
.nav LI:hover > .subNav, .nav LI.over > .subNav {
	display: block;
	height: auto;
}
.nav LI:hover > A, .nav LI.over > A, .nav LI.act > A {
	text-decoration: none;
}

/* subNav */
.subNav {
	display: none;
	position: absolute;
	z-index: 100;
	background: url(../img/trans.png) repeat left top;
	left: 0;
	top: 100%;
	padding-top: 20px;
	opacity: 0.8;
}
.subNav .subNav {
	left: 100%;
	top: 0;
}
.nav > UL > LI:last-child > .subNav {
	left: inherit;
	right: 0;
}
.nav > UL > LI:last-child > .subNav .subNav {
	left: inherit;
	right: 100%;
}

/* ab hier anpassen */
.nav A {
	display: block;
}

/* Ebene I / Hauptnavigation */
.nav > UL > LI {
	float: left;
}
.nav > UL > LI:nth-child(4) {
	margin-left: 375px;
}

.nav > UL > LI > A {
	color: white;
	padding: 0;
	margin: 0 20px;
	font-size: 14px;
}

.nav > UL > LI:first-child > A{
	margin-left: 0;
}
.nav > UL > LI:last-child > A{
	margin-right: 0;
}

/* hover (Ebene I) */
.nav > UL > LI:hover > A,
.nav > UL > LI.over > A {
	opacity: 0.9
}

/* active (Ebene I) */
.nav > UL > LI.act > A,
.nav > UL > LI.act:hover > A,
.nav > UL > LI.act.over > A {
	border-bottom: 1px solid #fff;
}

/* Ebene II / subNav */

li.has-sub:after {
	content: "";
	position: absolute;
	right: 1px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
	width: 0; 
  height: 0; 
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #fff;
}

.subNav {
	-webkit-transition: none;
	-o-transition: none;
	-moz-transition: none;
	transition: none;
}
.subNav > LI + LI {
	border-top: 1px solid transparent;
}
.subNav A {
	font-size: 14px;
	padding: 5px 0;
	color: #fff;
	background: rgba(109,101,77,0.9);
	width: 150px;
	text-align: center;
	margin: 0px -15px;
	opacity: 1;
}

/* hover + active (Ebene II) */
.subNav LI:hover > A,
.subNav LI.over > A,
.subNav > LI.act > A,
.subNav > LI.act:hover > A,
.subNav > LI.act.over > A {
	background: rgba(53,52,46,0.9);
}


.nav > UL:after {
	content: "";
	display: block;
	clear: both;
}
.nav > UL {
	zoom: 1;
}

/* staedte links */

.staedtelinks_wrapper{
	position: absolute;
	z-index: 99;
	top: 150px;
}
.staedtelinks UL LI{
	background-color: rgba(109,101,77,0.9);
	color: white;
	text-align: center;
	width: 155px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	margin-bottom: 10px;
	position: relative;
	left: -100%;
}
.staedtelinks UL:hover LI,
.staedtelinks UL:hover LI.act
{
	left: -20%;
}
.staedtelinks UL:hover LI:hover,
.staedtelinks UL:hover LI:hover.act
{
	left: 0;
}
.staedtelinks UL LI.act{
	left: 0;
}
.staedtelinks UL LI:hover{
	background-color: rgba(53,52,46,0.9);
	left: 0;
}
.staedtelinks UL LI A{
	color: white;
}

/*Allcont*/
.allcont {}
.cont {}
.cont > .item,
.gridwrapper > .item,
.inner
{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.gridwrapper > .item .gridwrapper > .item {
	width: auto;
}

/*Foot*/
.foot {
	background: #35342e;
	color: white;
	padding: 50px 0;
	line-height: 28px;
	font-size: 16px;
}
.foot A {
	color: #fff;
	opacity: 0.7
}
.foot A:hover {
	opacity: 1
}
.foot P {	
	padding: 0;
}



.foot-3col {
	border-bottom: 1px solid rgba(255,255,255,0.5);
	float: left;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.foot-3col .col {
	width: -webkit-calc(100% / 3);
	width: -moz-calc(100% / 3);
	width: calc(100% / 3);
	float: left;
	padding-top: 5px;
}
.foot-3col .col2 {
	padding-top: 0;
}
.foot-3col div.csc-textpic .csc-textpic-imagewrap figure{
	display: block;
}
.foot-3col .col2 IMG{
	margin: 0 auto;
	width: 213px;
	height: 92px;
}
.foot-2col .col {
	width: -webkit-calc(100% / 2);
	width: -moz-calc(100% / 2);
	width: calc(100% / 2);
	float: left;
}
.foot-2col .col1 {

}
.foot-2col .col1 A{
	color: #7a7767;
	opacity: 0.7;
}
.foot-2col .col1 A:hover{
	opacity: 1;
}

.foot-2col .col1 LI{
	display: inline-block;
	margin-right: 25px;
}
.foot-2col .col2 {
	text-align: right;
	color: #7a7767;
}


/*Listen*/
.allcont UL {
	margin: 5px 0px 10px 25px;
}
.allcont UL LI {
	list-style-type: disc;
	padding: 3px 0px;
}
.allcont OL {
	margin: 5px 0px 10px 18px;
}
.allcont OL LI {
	list-style-type: decimal;
	padding: 3px 0px;
}

/*Tabelle*/
.allcont TABLE {
	margin: 10px 0px 5px;
}
.allcont TABLE TR TD {
	padding: 5px 10px 5px 0px;
}
.allcont TABLE TR TH {
	text-align: left;
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	background: #6d654d;
	padding: 5px 15px;
	border-right: 1px solid #fff;
}
.allcont TABLE.Tabelle-Basic {
	width: 100%;
}
.allcont TABLE.Tabelle-Basic TR.even {
	background-color: #e8e8e8;
}
.allcont TABLE.Tabelle-Basic TR TD {
	padding: 5px 15px;
	border-right: 1px solid #fff;
}

/*ERWEITERUNGEN*/
/*Powermail*/
.powermail_fieldset {
	margin-top: 10px;
}
.tx-powermail LEGEND.powermail_legend {
	display: none;
}
.tx-powermail H3 {
	display: none;
}
.tx-powermail .powermail_form .powermail_fieldwrap {
	padding: 3px 0;
	position: relative;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input LABEL {
	display: block;
	width: 100%;
	padding: 5px 0 0;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input INPUT,
.tx-powermail .powermail_form .powermail_fieldwrap TEXTAREA {
	width: 100%;
	border: 1px solid #DADADA;
}
.tx-powermail .powermail_form .powermail_fieldwrap TEXTAREA {
	height: 100px;
	resize: vertical;
	display: block;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input INPUT:focus,
.tx-powermail .powermail_form .powermail_fieldwrap TEXTAREA:focus {
	background: #eee;
}

/*Checkboxen - Radiobuttons*/
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check INPUT,
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio INPUT {
	margin: 0 5px 0 3px;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check LABEL,
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio LABEL {
	position: relative;
	top: 1px;
	cursor: pointer;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio,
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox {
	display: inline-block;
	/*margin-right: 2%;*/
	/*width: 15%;*/
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox.parsley-error {
	border: 2px solid #6d654d;
}

/*Submit Button*/
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_submit {
	padding: 0px;
	margin: 5px 0 10px;
	text-align: right;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_submit INPUT.powermail_submit {
	color: #FFF;
	cursor: pointer;
	padding: 10px 30px 8px;
	background: #6d654d;
	border: none;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_submit INPUT.powermail_submit:hover {
	color: #FFF;
	background: #6d654d;
}

/*Pflichtfelder*/
.tx-powermail .powermail_fieldwrap .mandatory {
	color: #6d654d;
}

/*Text anzeigen*/
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_text {
	font-size: 12px;
	color: #555;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_text.layout1 {
	font-size: 12px;
	color: #6d654d;
	font-style: italic;
}

/*Selectfeld*/
.tx-powermail .powermail_form SELECT {
	width: 100%;
}

/*Fehlermeldung*/
.parsley-errors-list {
	position: absolute;
	bottom: 5px;
	right: 2px;
	margin: 0 !important;
	padding: 0;
	font-size: 11px;
	background: #6d654d;
	color: #FFF;
}
.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_textarea .parsley-errors-list {
	bottom: 11px;
}
.parsley-errors-list LI {
	list-style-type: none !important;
	padding: 3px 10px 2px !important;
}
.tx-powermail .powermail_form .powermail_fieldset INPUT.parsley-error,
.tx-powermail .powermail_form .powermail_fieldset TEXTAREA.parsley-error {
	border: 2px solid #6d654d;
}

/*Abenden Seite*/
.tx-powermail .powermail_create DT {
	padding: 2px 0;
	font-weight: bold;
	float: left;
	clear: both;
	margin-right: 2%;
	width: 28%;
}
.tx-powermail .powermail_create DD {
	float: left;
	width: 70%;
	padding: 2px 0;
}

/*Gridelemente*/

.teaser_wrap{
	width: 100%;
	background: #35342e;
	padding: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

.teaser_wrap .teaser{
	width: -webkit-calc((100% / 3) - 20px);
	width: -moz-calc((100% / 3) - 20px);
	width: calc((100% / 3) - 20px);
	float: left;
	padding: 10px;
	height: -webkit-calc((100vw / 3) * 1.5);
	height: -moz-calc((100vw / 3) * 1.5);
	height: calc((100vw / 3) * 1.5);
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
	.teaser_wrap .teaser > .item,
	.teaser_wrap .teaser > .item > .csc-textpic,
	.teaser_wrap .teaser > .item > .csc-textpic > .csc-textpic-imagewrap,
	.teaser_wrap .teaser > .item > .csc-textpic > .csc-textpic-imagewrap DIV,
	.teaser_wrap .teaser > .item > .csc-textpic > .csc-textpic-imagewrap FIGURE {
		height: 100%;
	}

/*.teaser_wrap .teaser *:not(IMG){overflow: hidden;max-height:650px}*/

.teaser_wrap .teaser div.csc-textpic .csc-textpic-imagewrap{
	background: black;
}

.teaser_wrap .teaser div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	width: 100%;
	display: block;
	position: relative;
}

.teaser_wrap .teaser div.csc-textpic .csc-textpic-imagewrap IMG{
	display: block;
	height: 100%;
	width: auto;
	opacity: 0.8;

	position: absolute;
	right: 50%;
	-webkit-transform: translateX(50%);
	   -moz-transform: translateX(50%);
		-ms-transform: translateX(50%);
		 -o-transform: translateX(50%);
			transform: translateX(50%);
}

.teaser_wrap .teaser:hover div.csc-textpic .csc-textpic-imagewrap IMG
{
	opacity: 0.5;
}
.teaser_wrap .teaser .csc-textpic-text{
	position: absolute;
	top: 50%;
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px);
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
	text-align: center;
	color: white;
}
.teaser_wrap .teaser .csc-textpic-text H3{
	font-size: 38px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: white;
}

.teaser_wrap .teaser .csc-textpic-text P.bodytext{
	visibility: hidden;
	opacity: 0;
	height: 0%;
	max-height: 0px;
	display: block;
}
.teaser_wrap .teaser:hover .csc-textpic-text P.bodytext{
	visibility: visible;
	opacity: 1;
	height: auto;
	max-height: 1000px;
}

div.csc-textpic-center .csc-textpic-center-outer,
div.csc-textpic-center .csc-textpic-center-inner
{
	float: none;
	position: static;
}

.allcont .teaser_wrap .teaser DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{
	margin: 0;
}

/*Allgemein*/
.gridrow .col {
	float: left;
	display: block;
}
.gridrow .col + .col {
	margin-left: 4%;
}

/*Boxen 50%*/
.box50 > .col {
	width: 48%;
}

/*Boxen 33%*/
.box33 > .col {
	width: 30.6%;
}

/*Boxen 25%*/
.box25 > .col {
	width: 22%;
}

/*Boxen 33%-66%*/
.box33-66 > .col.col1 {
	width: 32%;
}
.box33-66 > .col.col2 {
	width: 64%;
}

/*Boxen 66%-33%*/
.box66-33 > .col.col1 {
	width: 64%;
}
.box66-33 > .col.col2 {
	width: 32%;
}

/*Volle Breite*/
.item.b100,
.item.b101 {
	width: 100%;
}
.item.b101 > .gridrow {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/*Farbig*/
.item.grey {
	background-color: #f8f8f8;
	padding: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.item.b100.grey {
	padding: 0;
}

.item.transparent {
	opacity: 0.5;
}
/*Special_ID-Anpassungen*/

.exklusivbilder .col
{
	width: -webkit-calc((100% / 3) - ((2 * 15px) / 3));
	width: -moz-calc((100% / 3) - ((2 * 15px) / 3));
	width: calc((100% / 3) - ((2 * 15px) / 3));
	margin: 0;
	padding: 0;
	}

.exklusivbilder .gridrow .col + .col {
	margin-left: 15px
}

.exklusivbilder .col .csc-textpic-image IMG {
	width: 100%;
	height: auto;
}
.exklusivbilder .col .csc-textpic-image IMG:hover{
	opacity: 0.7
}

/*Bildtext*/
.DunkelGrauBildText {
	background-color:#35342e;
}

.DunkelGrauBildText,
.BildText {
	min-height: 550px;
}

.DunkelGrauBildText > .gridrow,
.BildText > .gridrow {
	min-height: 400px;
}

.DunkelGrauBildText > .gridrow.box50 > .col,
.BildText > .gridrow.box50 > .col {
	width: 50%;
}

.DunkelGrauBildText > .gridrow.box50 > .col1,
.BildText > .gridrow.box50 > .col2 {
	position: absolute;
	top: 0;
	left: 0;
}
	.BildText > .gridrow.box50 > .col2 {
		right: 0;
		left: auto;
	}
	.DunkelGrauBildText > .gridrow.box50 > .col2 {
		float: right;
	}
	.BildText > .gridrow.box50 > .col1 {
		float: left;
	}

.DunkelGrauBildText > .gridrow > .col + .col,
.BildText > .gridrow > .col + .col {
	margin-left: 0;
}

/*Dunkelgrau immer Bild links, Weiß immer Bild rechts*/
.DunkelGrauBildText > .gridrow *,
.BildText > .gridrow * {
	height: 100%;
}
	.DunkelGrauBildText > .gridrow > .col1 .bx-controls.bx-has-pager,
	.BildText > .gridrow > .col2 .bx-controls.bx-has-pager {
		height: auto;
	}

	#uid2 .DunkelGrauBildText DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
		width: 100%;
		position: relative;
	}

	#uid2 .DunkelGrauBildText DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image IMG {
		position: absolute;
		height: auto;
		top: 50%;
		right: 50%;
		-webkit-transform:translate(50%,-50%);
		   -moz-transform:translate(50%,-50%);
			-ms-transform:translate(50%,-50%);
			 -o-transform:translate(50%,-50%);
				transform:translate(50%,-50%);
	}


body:not(#uid2) .allcont .DunkelGrauBildText DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
.allcont .BildText DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
	width: 100%;
	display: block;
}

body:not(#uid2) .DunkelGrauBildText > .gridrow > .col1 IMG,
.BildText > .gridrow > .col2 IMG {
	width: 100%;
	height: auto;
	overflow: hidden;
}

@media all and (max-width: 1650px) {
	body:not(#uid2) .DunkelGrauBildText > .gridrow > .col1 IMG,
	.BildText > .gridrow > .col2 IMG {
		width: auto;
		height: 100%;
	}
}

	.DunkelGrauBildText > .gridrow > .col2,
	.BildText > .gridrow > .col1  {
		padding: 60px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

.DunkelGrauBildText .col2,
.DunkelGrauBildText h4
{
	color: #c1c0bc;
}
.DunkelGrauBildText h2,
.DunkelGrauBildText h3,
.DunkelGrauBildText h5{
	color: #6d654d
}

body
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 100vh;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
}

#site
{
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
	 -moz-box-flex: 1;
	  -ms-flex: 1 0 auto;
		  flex: 1 0 auto;
		  overflow: hidden;
}


/* karte footer hochziehen */

.layout0 iframe {
	margin-bottom: -60px;
}
/*Jubilaeum*/
.zehnJahre {
	display: block;
	position: absolute;
	right: 10px;
	top: 90px;
}

.zehnJahre img {
	transform: rotate(15deg);
}











