@import url("fonts.css");
/*@import url(https://fonts.googleapis.com/css?family=Hind:400,600);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,700);*/

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

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('../fonts/ubuntu-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v11-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v11-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
       url('../fonts/ubuntu-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v11-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v11-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
       url('../fonts/ubuntu-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v11-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/*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-family: 'Ubuntu', Arial, Verdana, Sans-serif;
	font-size: 17px;
	line-height: 120%;
	padding: 10px 0 0;
	font-weight: 500;
	text-transform: uppercase;
}
H1 A, H2 A, H3 A, H4 A, H5 A, H6 A
{
	color: #333;
}
H1 { font-size: 30px; }
H2 { font-size: 25px; }
H3 { font-size: 21px; }
H4
{
	font-size: 18px;
	font-family: 'Hind', Arial, Verdana, Sans-serif;
}
H1 .KleinerText,
H2 .KleinerText
{
	font-size: 20px;
	line-height: normal;
}
P
{
	padding: 10px 0 5px;
}
.wieh1, .wieh2, .wieh3, .wieh4, .wieh5 {
	font-family: 'Ubuntu', Arial, Verdana, Sans-serif;
	font-size: 17px;
	line-height: 120%;
	padding: 10px 0 0;
	font-weight: 500;
	text-transform: uppercase;
}
.wieh1 { font-size: 30px; }
.wieh2 { font-size: 25px; }
.wieh3 { font-size: 21px; }
.wieh4 {
	font-size: 18px;
	font-family: 'Hind', Arial, Verdana, Sans-serif;
}
.wiehh1 .KleinerText,
.wiehh2 .KleinerText
{
	font-size: 20px;
	line-height: normal;
}
A
{
	text-decoration: none;
	color: #e02029;
}
A:hover
{
	text-decoration: underline;
}
HR
{
	background: transparent;
	border: 0 solid #000000;
	height: 0;
	padding: 0;
	margin: 30px 0;
	border-bottom: 1px solid #d6d6d6;
}
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: 14px 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:-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;
}
/*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*/
.Button
{
	display: inline-block;
	background: #49515a;
	color: #fff;
	padding: 10px 20px 8px;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
}
.Button:hover
{
	background: #e02029;
	text-decoration: none;
}
.Buttonred
{
	display: inline-block;
	background: #e02029;
	color: #fff;
	padding: 10px 20px 8px;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
}
.Buttonred:hover
{
	background: #49515a;
	text-decoration: none;
}
.GrosserText {
	font-size: 18px;
}
.KleinerText {
	font-size: 14px;
	color: #949494;
}

.RoterText
{
	color: #e02029;
}

.RoterTextGross
{
	font-family: 'Hind', Arial, Verdana, Sans-serif;
	font-size: 18px;
	line-height: 120%;
	font-weight: 500;
	text-transform: uppercase;
	padding: 10px 0 0;
	color: #e02029;
}
.bold {
	font-weight: bold;
}
.BannerTitle
{
	font-size: 40px;
	line-height: 47px;
	text-transform: uppercase;
}
.BannerSubTitle
{
	font-size: 35px;
	line-height: 40px;
	text-transform: uppercase;
}
.Link-Weiterlesen
{
	text-transform: uppercase;
	color: #333;
}
.Link-Weiterlesen:after
{
	content:'\0043';
	margin: 0 0 4px 5px;
	vertical-align: middle;
	font-size: 13px;
}

A.Button,
A .Button,
.Button A,
.Button,
.nav LI A,
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input INPUT,
.tx-powermail .powermail_form .powermail_fieldwrap TEXTAREA,
.headnav LI A,
#head-main .inner,
.cc-compliance.cc-highlight .hidebtn,
.cc-compliance.cc-highlight .cc-btn.cc-allow
{
	-webkit-transition: 0.25s ease;
	-moz-transition: 0.25s ease;
	-o-transition: 0.25s ease;
	transition: 0.25s ease;
}
/* footer mit variabler hoehe und sitzt immer unten */
HTML, BODY
{
	height: 100%;
}
#site
{
	display: table;
	height: 100%;
	width: 100%;
}
.allcont
{
	display: table-row;
	height: 100%;
}
.foot
{
	display: table-row;
}

/*Template*/
BODY
{
	font-family: 'Hind', Arial, Verdana, Sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

.inner
{
	width: 960px;
	margin: 0 auto;
}

.inner:after
{
	content: '';
	display: table;
	clear: both;
}

/*Head*/
.head
{
	position: relative;
	z-index: 99999;
}
/* head top */
	#head-top
	{
		background: #49515a;
	}
	#head-top .inner
	{
		padding: 2px 0;
		line-height: 30px;
	}
	#head-top,
	#head-top A
	{
		color: #fff;
	}
		.headnav
		{
			text-align: right;
		}
		.headnav UL LI
		{
			display: inline-block;
		}
		.headnav UL LI + LI
		{
			margin-left: 30px;
		}
		.headnav UL LI :before
		{
			vertical-align: middle;
			margin-bottom: 3px;
			font-size: 14px;
		}

/* head main */

	#head-main .inner
	{
		padding: 40px 0 30px;
	}

/*Logo*/
#logo
{
	background: url(../img/logo.png) no-repeat left top;
	-webkit-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
	width: 165px;
	height: 50px;
	float: left;
	-webkit-animation: logoslide 0.5s 1 ease-in-out 1s forwards;
	   -moz-animation: logoslide 0.5s 1 ease-in-out 1s forwards;
	     -o-animation: logoslide 0.5s 1 ease-in-out 1s forwards;
	        animation: logoslide 0.5s 1 ease-in-out 1s forwards;
}

#logo A
{
	display: block;
	width: 100%;
	height: 100%;
}
#logo A SPAN
{
	display: none;
}

@-webkit-keyframes logoslide
{
	0%   { width: 165px; }
	100% { width: 205px; }
}

@-moz-keyframes logoslide
{
	0%   { width: 165px; }
	100% { width: 205px; }
}

@-o-keyframes logoslide
{
	0%   { width: 165px; }
	100% { width: 205px; }
}

@keyframes logoslide
{
	0%   { width: 165px; }
	100% { width: 205px; }
}

/* STICKY NAV */
.stickwrap
{
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

#head-main.head-main--sticky
{
	height: 90px;
}

#head-main.head-main--sticky .inner
{
	padding: 20px 0;
}

.stickwrap.stickwrap--sticky
{
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #fff;
	height: 90px;
	-webkit-box-shadow: 0px 2px 10px -5px rgba(10,20,30, .5);
	        box-shadow: 0px 2px 10px -5px rgba(10,20,30, .5);
}

/*Nav*/
.nav
{
	list-style-type: none;
	display: block;
	float: right;
	margin-top: 8px;
}
/* Allgemeine Stile */
/* hier nichts aendern */

.nav LI
{
	position: relative;
}
.nav LI:hover > .subNav,
.nav LI.over > .subNav
{
	display: block;
}
.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%;
}
.subNav .subNav
{
	left: 100%;
	top: 0;
	border-left: 1px solid #3c4044;
}
.nav > UL > LI:last-child > .subNav
{
	left: inherit;
	right: 0;
}
.nav > UL > LI:last-child > .subNav .subNav
{
	left: inherit;
	right: 100%;
	border-left: none;
	border-right: 1px solid #3c4044;
}
.nav A
{
	font-family: 'Ubuntu', Arial, sans-serif;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
}
/* Ebene I / Hauptnavigation */
.nav > UL > LI
{
	float: left;
}
.nav > UL > LI + LI
{
	margin-left: 24px;
}
.nav > UL > LI:last-child > A
{
	padding-right: 0;
}
.nav > UL > LI > A
{
	color: #333;
	padding: 5px 0 14px;
}

.nav > UL > LI > .subNav
{
	padding-top: 6px;
}

/* hover effekt - balken */
.nav > UL > LI > A:before,
.nav > UL > LI > A:after
{
	content: "";
	display: block;
	height: 4px;
	width: 0;
	background: #e02029;
	position: absolute;
	bottom: 10px;
	-webkit-transition:width 0.05s ease-in-out;
	-moz-transition:width 0.05s ease-in-out;
	-o-transition:width 0.05s ease-in-out;
	transition: width 0.05s ease-in-out;
	-webkit-transition-delay: 0.2s;
	   -moz-transition-delay: 0.2s;
	     -o-transition-delay: 0.2s;
	        transition-delay: 0.2s;
}
.nav > UL > LI > A:after
{
	width: 0;
	bottom: 0px;
	-webkit-transition-delay: 0s;
	   -moz-transition-delay: 0s;
	     -o-transition-delay: 0s;
	        transition-delay: 0s;
}

	.nav > UL > LI:hover > A:before,
	.nav > UL > LI.act > A:before,
	.nav > UL > LI.act:hover > A:before,
	.nav > UL > LI.act.over > A:before
	{
		width: 100%;
		-webkit-transition-delay: 0s;
		   -moz-transition-delay: 0s;
		     -o-transition-delay: 0s;
		        transition-delay: 0s;
		-webkit-transition-duration: 0.2s;
		   -moz-transition-duration: 0.2s;
		     -o-transition-duration: 0.2s;
		        transition-duration: 0.2s;
	}
	.nav > UL > LI:hover > A:after,
	.nav > UL > LI.act > A:after,
	.nav > UL > LI.act:hover > A:after,
	.nav > UL > LI.act.over > A:after
	{
		width: 50%;
		-webkit-transition-delay: 0.2s;
		   -moz-transition-delay: 0.2s;
		     -o-transition-delay: 0.2s;
		        transition-delay: 0.2s;
		-webkit-transition-duration: 0.2s;
		   -moz-transition-duration: 0.2s;
		     -o-transition-duration: 0.2s;
		        transition-duration: 0.2s;
	}


/* hover (Ebene I) */
.nav > UL > LI:hover > A,
.nav > UL > LI.over > A
{
	color: #e02029;
}
/* active (Ebene I) */
.nav > UL > LI.act > A,
.nav > UL > LI.act:hover > A,
.nav > UL > LI.act.over > A
{
	color: #e02029;
}
/* Ebene II / subNav */
.subNav > LI + LI
{
	border-top: 1px solid #3c4044;
}
.subNav A
{
	font-size: 14px;
	padding: 8px 20px;
	color: #fff;
	background: #49515a;
	white-space: nowrap;
	text-transform: none;
}
/* hover + active (Ebene II) */
.subNav LI:hover > A,
.subNav LI.over > A
{
	color: #333;
	background: #fff;
}
.subNav > LI.act > A,
.subNav > LI.act:hover > A,
.subNav > LI.act.over > A
{
	color: #e02029;
	background: #fff;
}

/*clearfix Nav*/
.nav > UL:after {
	content: "";
	display: block;
	clear: both;
}
.nav > UL {
	zoom: 1;
}

/*Subhead*/
.subhead-wrapper {
	position: relative;
}
#subhead
{
	max-height: 600px;
	overflow: hidden;
	width: 100%;
	position: relative;
}
.bel3 #subhead
{
	max-height: 600px;
}
#subhead .item *
{
	float: none;
	right: auto;
	overflow: visible;
	position: static;
}
#subhead .csc-textpic
{
	position: relative;
}
#subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image
{
	display: block;
	width: 2000px;
	left: 50%;
	position: relative;
	margin-left: -1000px;
	margin-bottom: 0;
}
#subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image:before
{
	content: "";
	display: block;
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, .2);
}
#subhead .csc-textpic-text
{
	font-family: 'Ubuntu', Arial, Verdana, Sans-serif;
	color: #fff;
	position: absolute;
	z-index: 100;
	width: 100%;
	max-width: 960px;
	top: 210px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

#subhead .bx-wrapper .bx-pager,
#subhead .bx-wrapper .bx-controls-auto
{
	bottom: 20px;
	text-align: left;
	max-width: 960px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}
#subhead .bx-wrapper .bx-pager.bx-default-pager a
{
	background: #fff;
	width: 12px;
	height: 12px;
}
#subhead .bx-wrapper .bx-pager.bx-default-pager a:hover,
#subhead .bx-wrapper .bx-pager.bx-default-pager a.active
{
	background: #e02029;;
}
/*Allcont*/
.allcont
{
}
.cont
{
	/*Fallback no JS; wird in init überschrieben (Standard: 70px 0)*/
	padding: 720px 0 70px 0;
}
.cont > .item,
.gridwrapper > .item
{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.gridwrapper > .item .gridwrapper > .item
{
	width: auto;
}


.box25 H1 [class*='Icon-']:before,
.box25 H2 [class*='Icon-']:before,
.box25 H3 [class*='Icon-']:before,
.box25 H4 [class*='Icon-']:before
{
	margin: 0 0 20px;
	display: block;
	color: #e02029;
	font-size: 40px;
}

/* slider */
.slider-wrapper .bx-wrapper .bx-controls-direction a,
.slider-wrapper-one .bx-wrapper .bx-controls-direction a
{
	background: none;
	width: 20px;
}
.slider-wrapper .bx-wrapper .bx-prev {
	left: -50px;
}
.slider-wrapper .bx-wrapper .bx-next {
	right: -50px;
}
	.slider-wrapper .bx-wrapper .bx-controls-direction a:before,
	.slider-wrapper-one .bx-wrapper .bx-controls-direction a:before
	{
		display: block;
		color: #949494;
		position: absolute;
		width: 100%;
		height: 32px;
		line-height: 32px;
		margin: 0;
		text-indent: 0;
		font-size: 20px;
	}
	.slider-wrapper .bx-wrapper .bx-prev:before,
	.slider-wrapper-one .bx-wrapper .bx-prev:before
	{
		content:'\0042';
		color: red;
	}

	.slider-wrapper .bx-wrapper .bx-next:before,
	.slider-wrapper-one .bx-wrapper .bx-next:before
	{
		content:'\0043';
		text-align: right;
	}


.slider-wrapper .slider-inner > .item
{
	width: 48%;
	display: inline-block;
	vertical-align: top;
}
.slider-wrapper .slider-inner > .item:nth-of-type(even)
{
	margin-left: 4%;
}
/*einer slider*/
.slider-wrapper-one .bx-viewport {
	padding-top: 60px;
}
.slider-wrapper-one .slider-inner-one > .item {
	margin-top: 0 !important;
}
.slider-wrapper-one .slider-inner-one > .item .csc-textpic-text {
	width: 80%;
	margin: 0 auto;
}

/* teaserbox */
	.teaserbox__inner .item :first-child
	{
		padding-top: 0;
	}

	.teaserbox__inner
	{
		/*Fallback falls JS deaktiviert ist; max-height wird in der Init überschrieben (Standard 258px) */
		max-height: 1200px;

		overflow: hidden;
		-webkit-transition:0.5s ease-in-out;
		-moz-transition:0.5s ease-in-out;
		-o-transition:0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}

	.teaserbox__button
	{
		/*Fallback falls JS deaktiviert ist; max-height wird in der Init überschrieben (Standard block) */
		display: none;

		background: #fff;
		text-align: center;
		cursor: pointer;
	}
	.grey .teaserbox__button
	{
		background: #F8F8F8;
	}
	.teaserbox__button:before
	{
		display: inline-block;
		margin: 0;
		padding: 5px;
		font-size: 20px;
		color: #e02029;
		-webkit-transition:0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-o-transition:0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	.teaserbox__button span
	{
		display: none;
	}

	.teaserbox H4
	{
		margin-bottom: 8px;
	}
	.teaserbox H4 span
	{
		display: block;
	}
	.teaserbox H4 [class*='Icon-']:before
	{
		display: block;
		float: left;
		font-size: 42px;
		margin-right: 15px;
	}
	.teaserbox p:first-of-type
	{
		margin-bottom: 5px;
	}

/* teaser box open */
	.teaserbox--open .teaserbox__inner
	{
		max-height: 1200px !important;
	}
	.teaserbox--open .teaserbox__button:before
	{
		-webkit-transform: rotate(180deg);
		   -moz-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		     -o-transform: rotate(180deg);
		        transform: rotate(180deg);
	}

/*Foot*/
.foot
{
	background: #49515a;
	color: #fff;
	font-size: 13px;
}
.foot .inner
{
	padding: 60px 0 50px;
}
.foot A
{
	color: #fff;
}
.foot P
{
	padding: 0;
}
.footnav,
.footcopy
{
	float: left;
}
.footnav
{
	width: 720px;
}
	.footnav .gridwrapper > .item
	{
		width: auto;
	}

.footcopy
{
	text-align: right;
	text-transform: uppercase;
}

/*Listen*/
.allcont UL
{
	margin: 5px 0px 10px 25px;
}
.allcont UL LI
{
	list-style-image: url(../img/list-style.png);
	padding: 3px 0px;
}
.allcont UL LI UL LI
{
	list-style-image: url(../img/list-style-sub.png);
	color: #636363;
}
.allcont UL LI UL
{
	margin-bottom: 0;
}
.allcont UL LI P,
.allcont UL P
{
	display: none;
}
.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: 4px 10px 4px 0px;
}
.allcont TABLE TR TD + TD
{
	padding-bottom: 30px;
}
#uid23 .allcont TABLE TR TD + TD
{
	padding-bottom: 4px;
}
.allcont TABLE TR TH
{
	text-align: left;
	font-weight: normal;
	font-size: 18px;
	color: #fff;
	background: #49515a;
	padding: 5px 12px;
	border-right: 1px solid #fff;
}
/* Tabelle Basic */
.allcont TABLE.Tabelle-Basic TR TH
{
	padding: 10px 15px;
	border: 1px solid #373e46;
}
.allcont TABLE.Tabelle-Basic
{
	width: 100%;
}
.allcont TABLE.Tabelle-Basic TR.even
{
	background-color: #F9F9F9;
}
.allcont TABLE.Tabelle-Basic TR TD
{
	padding: 10px 15px;
	border: 1px solid #e8e8e8;
}
/*ERWEITERUNGEN*/
/*Powermail*/
.powermail_field {
    position: relative;
}
.powermail_fieldset
{
	margin-top: 10px;
}
.powermail_fieldset:after
{
	content: "";
	display: table;
	clear: both;
}

.tx-powermail LEGEND.powermail_legend
{
	display: none;
}
.tx-powermail H3
{
	display: none;
}
.tx-powermail .powermail_form .powermail_fieldwrap
{
	position: relative;
	margin-bottom: 20px;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input LABEL
{
	display: block;
	width: 100%;
	padding: 0 0 3px;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input INPUT,
.tx-powermail .powermail_form .powermail_fieldwrap TEXTAREA
{
	display: block;
	width: 100%;
	border: 1px solid #DADADA;
	padding: 10px;
	color: #666;

	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
.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
{
	border-color: #aaaeb3;
	color: #000;
}
/*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%;
}
/*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
{
	width: auto;
	color: #FFF;
	padding: 12px 30px;
	background: #49515a;
	border: none;
	cursor: pointer;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_submit INPUT.powermail_submit:hover
{
	background: #373e46;
	color: #FFF;
}
/*Pflichtfelder*/
.tx-powermail .powermail_fieldwrap .mandatory
{
	color: #49515a;
}
/*Text anzeigen*/
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_text
{
	font-size: 12px;
	color: #333;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_text.layout1
{
	float: left;
	font-size: 12px;
	color: #373e46;
	font-style: italic;
}
/*Selectfeld*/
.tx-powermail .powermail_form SELECT
{
	width: 100%;
}
/*Fehlermeldung*/
.parsley-errors-list {
	position: absolute;
	z-index: 20;
	bottom: 1px;
	right: 1px;
	margin: 0 !important;
	padding: 0;
	font-size: 13px;
	background: #e02029;
	color: #FFF;
}
.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_textarea .parsley-errors-list
{
	bottom: 0;
}
.parsley-errors-list LI {
	list-style-type: none !important;
	padding: 3px 10px 2px !important;
	list-style-image: none !important;
}
.tx-powermail .powermail_form .powermail_fieldset INPUT.parsley-error {
	border-left-width: 3px;
	border-color: #e30b0b;
}
INPUT[type="radio"].parsley-error {
    -webkit-box-shadow: 0px 0px 0px 3px #e30b0b;
            box-shadow: 0px 0px 0px 3px #e30b0b;
}
.tx-powermail .powermail_form .powermail_fieldset INPUT.parsley-error,
.tx-powermail .powermail_form .powermail_fieldset TEXTAREA.parsley-error  {
	border-left-width: 3px;
	border-color: #e30b0b;
}

.powermail_fieldwrap_anrede > LABEL
{
	display: none;
}
/*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*/
/*Allgemein*/
.gridrow .col
{
	float: left;
	display: block;
}
.gridrow .col + .col
{
	margin-left: 4%;
}
/*Boxen 50%*/
.box50 .col
{
	width: 48%;
}
/*Boxen 33%*/
.box33 .col
{
	width: 32%;
}
/*Boxen 25%*/
.box25 .col
{
	width: 23.5%;
}
.gridrow.box25 .col + .col,
.gridrow.box33 .col + .col
{
	margin-left: 2%
}
/*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%;
}
.box66-33 .col.col2 .csc-textpic-text DIV P.bodytext{
	padding-top: 12px;
}
{
	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;
}
.box50 .col .item.grey,
.box33 .col .item.grey
{
	padding: 6%;
}
.item.b100.grey
{
	padding: 0;
}

/*Greyhover*/
.grey-hover img {
	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
	        filter: gray;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
	.grey-hover img:hover {
		-webkit-filter: grayscale(0%);
		        filter: grayscale(0%);
		        filter: none;
	}

.item.grey.pattern
{
	padding-top: 50px;
	padding-bottom: 50px;
	background-image: url(../img/pattern.png);
	background-position: top left;
}
.item.b100 .col + .col
{
	margin-left: 0;
}
.item.b100 .box50 .col
{
	width: 50%;
}

/* ACCORDION */

.accordion-item
{
	border-bottom: 1px solid #ddd;
}
	.tabs .gridwrapper:last-child .accordion-item
	{
		border: none;
	}

/* trigger */
.accordion__title
{
	padding: 15px 25px 15px 0;
	cursor: pointer;
	position: relative;
}
	.accordion__title H1, .accordion__title H2, .accordion__title H3, .accordion__title H4, .accordion__title H5
	{
		-webkit-transition:color 0.2s ease, padding 0.2s ease;
		-o-transition:color 0.2s ease, padding 0.2s ease;
		-moz-transition:color 0.2s ease, padding 0.2s ease;
		transition: color 0.2s ease, padding 0.2s ease;
	}
	.accordion__title:hover H1,
	.accordion__title.act H1,
	.accordion__title:hover H2,
	.accordion__title.act H2,
	.accordion__title:hover H3,
	.accordion__title.act H3,
	.accordion__title:hover H4,
	.accordion__title.act H4,
	.accordion__title:hover H5,
	.accordion__title.act H5
	{
		color: #e02029;
	}

.accordion__title H2,
.accordion__title H3,
.accordion__title H4,
.accordion__title H5,
.accordion__title H6
{
	padding: 0;
}

/* trigger arrow */
.accordion__title:after
{
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 3px;
	top: 20px;
	margin-right: 0;
	-webkit-transition: 0.3s ease;
	-moz-transition:0.3s ease;
	-o-transition:0.3s ease;
	transition: 0.3s ease;
}
	.accordion__title.act:after
	{
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
	}

/* accordion content */
.accordion__content
{
	padding-bottom: 20px;
}

.allcont .accordion-item UL
{
	margin-left: 20px;
}

/* accordion content js hidden */
.accordion__content
{
	display: block;
	opacity: 1;
	visibility: visible;
	-webkit-transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	-o-transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.accordion__content.js-hidden
{
	display: none;
	opacity: 0;
	visibility: hidden;
}


/* ANGEBOT */
#angebot-wrapper
{
	position: absolute;
	z-index: 10;
	top: 50px;
	right: 50%;
	margin-right: -480px;
	padding: 0px;
	width: 440px;
}


/* ANGEBOT FORMULAR */
#angebot
{
	-webkit-border-radius: 15px;
	        border-radius: 15px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	        box-shadow: 0 0 10px rgba(0,0,0,0.2);
	background-image: url(../img/pattern.png);
	background-color: #f2f2f2;
	background-color: rgba(242, 242, 242, 0.8);
}

#angebot > p
{
	background-color: #e12129;
	background-color: rgba(225, 33, 41, 0.9);
	color: #fff;
	padding: 15px;
	font-family: 'Ubuntu', Arial, Verdana, Sans-serif;
	line-height: 120%;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
	-webkit-border-top-right-radius: 15px;
	        border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	        border-top-left-radius: 15px;
}
#angebot .powermail_form_3 {
	position: relative;
	/*overflow: auto;*/
}
.formloading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    padding: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.9);
	display: none;
}
.formloading > DIV {
	display: table;
	height: 100%;
	width: 100%;
	text-align: center;
}
.formloading > DIV > .wieh4 {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	font-size: 20px;
	padding-bottom: 50px;
}
.formloading > DIV > .wieh4:before {
	content: '';
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	position: absolute;
	top: 62%;
	left: 50%;
	width: 25px;
	height: 25px;
	margin-top: -10px;
	margin-left: -10px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 3px solid #49515a;
	border-top-color: #e12129;
	-webkit-animation: spinner 1s linear infinite;
	   -moz-animation: spinner 1s linear infinite;
	     -o-animation: spinner 1s linear infinite;
	        animation: spinner 1s linear infinite;
}
@-webkit-keyframes spinner {
	to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-moz-keyframes spinner {
	to {-moz-transform: rotate(360deg);transform: rotate(360deg);}
}
@-o-keyframes spinner {
	to {-o-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes spinner {
	to {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}

#angebot .powermail_fieldset
{
	margin-top: 0;
	padding: 25px 20px 55px;
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
}
#angebot .tx-enquiryform .powermail_fieldset
{
	padding: 10px 20px 30px;
}
#angebot .powermail_fieldwrap
{
	margin-bottom: 10px;
}
	#angebot .powermail_fieldwrap:after
	{
		content: "";
		display: table;
		clear: both;
	}

/* FORMULAR Felder */
#angebot INPUT,
#angebot TEXTAREA,
#angebot SELECT,
#angebot BUTTON
{
	font-family: 'Hind', Arial, Verdana, Sans-serif;
}

/* SELECT */
#angebot SELECT,
#angebot .powermail_fieldwrap_zielsprache > LABEL,
#angebot .powermail_fieldwrap_wortanzahl INPUT,
#angebot .powermail_fieldwrap_dateienhochladen > LABEL,
#angebot .powermail_fieldwrap_wunschtermin INPUT,
#angebot .powermail_fieldwrap_sonstigeausgangssprache INPUT,
#angebot .powermail_fieldwrap_sonstigezielsprache INPUT
{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;

	-webkit-border-radius: 0;

	        border-radius: 0;
	border: none;
	background: #fff;
	padding: 2px 25px 0 40px;
	height: 30px;

	line-height: 28px;
	font-size: 13px;
	color: #333333;
	text-transform: uppercase;

	cursor: pointer;

	background-repeat: no-repeat;
	background-position: left center;
}
	#angebot .powermail_fieldwrap_wortanzahl INPUT,
	#angebot .powermail_fieldwrap_sonstigeausgangssprache INPUT,
	#angebot .powermail_fieldwrap_sonstigezielsprache INPUT
	{
		padding-right: 5px;
	}
	#angebot SELECT:hover,
	#angebot .powermail_fieldwrap_zielsprache > LABEL:hover,
	#angebot .powermail_fieldwrap_wortanzahl INPUT:hover,
	#angebot .powermail_fieldwrap_wortanzahl INPUT:focus,
	#angebot .powermail_fieldwrap_dateienhochladen > LABEL:hover,
	#angebot .powermail_fieldwrap_dateienhochladenAdd > button:hover
	{
		-webkit-box-shadow: 0 0 3px rgba(0,0,0, .4);
		        box-shadow: 0 0 3px rgba(0,0,0, .4);
	}
.addThis {
    text-transform: uppercase;
	text-align: center;
    padding-left: 40px;
}
.addThis:before {
	display: inline-block;
    font-family: 'typetime';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    display: block;
    position: absolute;
    height: 30px;
    width: 40px;
    line-height: 34px !important;
    text-align: center;
    left: 28% !important;
    top: 0;
    margin: 0;
    vertical-align: middle;
    font-size: 14px;
    content: '\0051';
}
.addThis.parsley-error {
    border: 1px solid red;
    color: red;
}
.powermail_fieldwrap.powermail_requiredset {
    font-size: 12px;
    margin: 0px;
    line-height: 10px;
    position: absolute !important;
    right: 20px;
    bottom: 10px;
    text-align: right;
    width: 80px !important;
}
.powermail_fieldwrap_informationenzurdatei .wieh5 {
	padding: 0;
}
.powermail_fieldwrap.powermail_tab_navigation {
    width: auto !important;
    float: right !important;
}
#angebot INPUT[type="radio"]
{
	background: transparent;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
}

/* IE 11 Fix - IE Select Menu Pfeil ausblenden */
#angebot SELECT::-ms-expand
{
	display: none;
}

/* Damit LABEL wie SELECT aussieht */
#angebot .powermail_fieldwrap_zielsprache > LABEL,
#angebot .powermail_fieldwrap_dateienhochladen > LABEL,
#angebot .powermail_fieldwrap_dateienhochladenAdd > button
{
	display: block;
	top: 0;
	height: 30px;
	line-height: 28px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#angebot .powermail_fieldwrap_dateienhochladenAdd > button {
    height: 35px;
}
#angebot .powermail_fieldwrap_dateienhochladenAdd div.file {
    margin: 5px 0;
}
#angebot .powermail_fieldwrap_dateienhochladenAdd div.file button.remove {
    float: left;
    display: block;
    width: 32px;
    height: 32px;
    background: #e3363d;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    line-height: 12px;
    margin: 1px 5px 0 0;
    border: 1px solid #fff;
}
/* Zielsprache */
#angebot .powermail_fieldwrap_zielsprache > LABEL
{
	border: 1px solid transparent;
}
#angebot .powermail_fieldwrap_zielsprache .powermail_field
{
	display: none;
	background: #fff;
	position: absolute;
	width: 100%;
	z-index: 100;
	top: 31px;
	padding: 5px 0;
	-webkit-box-shadow: 0 1px 5px -2px rgba(0,0,0, .4);
	        box-shadow: 0 1px 5px -2px rgba(0,0,0, .4);
	max-height: 320px;
	overflow-y: scroll;
	overflow-x: auto;
}
#angebot .powermail_fieldwrap_zielsprache.open .powermail_field
{
	display: block;
}
	#angebot .powermail_fieldwrap_zielsprache .checkbox
	{
		display: block;
		margin: 0;
		font-size: 14px;
		text-transform: uppercase;
	}
	#angebot .powermail_fieldwrap_zielsprache .checkbox LABEL
	{
		display: block;
		top: 0;
		padding: 6px 0 4px 10px;
	}
	#angebot .powermail_fieldwrap_zielsprache .checkbox LABEL:hover
	{
		background: #f5f4f4;
	}

/* Damit INPUT type=text angepasst aussieht */

/* Wortanzahl */
#angebot .powermail_fieldwrap_wortanzahl INPUT,
#angebot .powermail_fieldwrap_sonstigeausgangssprache INPUT,
#angebot .powermail_fieldwrap_sonstigezielsprache INPUT
{
	-webkit-box-shadow: none;
	        box-shadow: none;
	cursor: auto;
}

	#angebot .powermail_fieldwrap_wortanzahl INPUT::-webkit-input-placeholder,
	#angebot .powermail_fieldwrap_sonstigeausgangssprache INPUT::-webkit-input-placeholder,
	#angebot .powermail_fieldwrap_sonstigezielsprache INPUT::-webkit-input-placeholder
	{
		color: #333;
	}
	#angebot .powermail_fieldwrap_wortanzahl INPUT:-moz-placeholder,
	#angebot .powermail_fieldwrap_sonstigeausgangssprache INPUT:-moz-placeholder,
	#angebot .powermail_fieldwrap_sonstigezielsprache INPUT:-moz-placeholder
	{
		opacity: 1;
		color: #333;
	}
	#angebot .powermail_fieldwrap_wortanzahl INPUT::-moz-placeholder,
	#angebot .powermail_fieldwrap_sonstigeausgangssprache INPUT::-moz-placeholder,
	#angebot .powermail_fieldwrap_sonstigezielsprache INPUT::-moz-placeholder
	{
		opacity: 1;
		color: #333;
	}
	#angebot .powermail_fieldwrap_wortanzahl INPUT:-ms-input-placeholder,
	#angebot .powermail_fieldwrap_sonstigeausgangssprache INPUT:-ms-input-placeholder,
	#angebot .powermail_fieldwrap_sonstigezielsprache INPUT:-ms-input-placeholder
	{
		color: #333;
	}

/* Sonstige Ausgangssprache / sonstige Zielsprache */
#angebot .powermail_fieldwrap_sonstigeausgangssprache INPUT,
#angebot .powermail_fieldwrap_sonstigezielsprache INPUT
{
	padding-left: 10px;
}

#angebot .powermail_fieldwrap_sonstigeausgangssprache INPUT,
#angebot .powermail_fieldwrap_sonstigezielsprache INPUT
{
	border: 1px solid transparent;

}
#angebot .powermail_fieldwrap_sonstigeausgangssprache INPUT:focus,
#angebot .powermail_fieldwrap_sonstigezielsprache INPUT:focus
{
	border-color: #bdbdbd;
}

/* Zwischenueberschriften */
#angebot .powermail_fieldwrap_informationenzurdatei
{
	margin-top: 15px;
	margin-bottom: 10px;
}
#angebot .powermail_fieldwrap_zwischenueberschrift
{
	cursor: help;
	margin-top: 10px;
	margin-bottom: 5px;
}
#angebot .powermail_fieldwrap_informationenzurdatei,
#angebot .powermail_fieldwrap_zwischenueberschrift
{
	text-align: center;
	cursor: help;
}
#angebot .powermail_fieldwrap_informationenzurdatei H4,
#angebot .powermail_fieldwrap_zwischenueberschrift H4
{
	padding: 0;
	color: #e02029;
	font-weight: 600;
}
#angebot .powermail_fieldwrap_zwischenueberschrift H4
{
	padding: 2px 0;
	margin: 4px auto;
	display: inline-block;
}
#angebot .powermail_fieldwrap_informationenzurdatei P
{
	padding: 0;
	font-size: 13px;
	color: #939393;
}

/* Hover Popup von Fileupload */
#angebot .powermail_fieldwrap_dateienhochladen > LABEL,
#angebot .powermail_fieldwrap_dateienhochladenAdd > button
{
	position: relative;
}
.powermail_fieldwrap_dateienhochladenAdd .icloud-hint {
    font-size: 13px;
    text-align: center;
}
.powermail_fieldwrap_dateienhochladenAdd .count {
    margin: 10px 0 0 0;
    position: relative;
}
.powermail_fieldwrap_dateienhochladenAdd .count span {
    font-weight: bold;
    color: #fff;
    background: #e12129;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    -webkit-border-radius: 50px;
            border-radius: 50px;
}
.powermail_fieldwrap_dateienhochladenAdd .count p, .powermail_fieldwrap_dateienhochladenAdd #file-browse p {
	margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: #949494;
    color: #fff;
    padding: 15px 10px 13px 10px;
    font-size: 14px;
    line-height: 0px;
    cursor: pointer;
}
.powermail_fieldwrap_dateienhochladenAdd #file-browse p {
    margin: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    background: #949494;
    color: #fff;
    padding: 20px;
    font-size: 16px;
    line-height: 0px;
    cursor: pointer;
}
.powermail_fieldwrap_dateienhochladenAdd .count p:hover, .powermail_fieldwrap_dateienhochladenAdd #file-browse p:hover {
	background: #e12129;
}
.powermail_fieldwrap_dateienhochladenAdd #file-browse input[type="file"] {
	width: -webkit-calc(100% - 50px);
	width: -moz-calc(100% - 50px);
	width: calc(100% - 50px);
    border: none;
}
#file-browse {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 98;
}
#file-browse .wrap H4 {
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px 0;
    padding: 3px 0 5px 0;
}
#file-browse .wrap {
	position: absolute;
	-webkit-box-shadow: 0px 0px 20px #545454;
	        box-shadow: 0px 0px 20px #545454;
    max-width: 960px;
    height: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    padding: 20px;
	overflow: scroll;
}
.jFiler-items {
	position: absolute;
	top: -13px;
	left: -245px;
	width: 200px;
	z-index: 20;
	padding: 10px 15px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.3);
	box-shadow: 0 0 10px rgba(0,0,0, 0.3);
	display: block;
	font-size: 14px;
	text-transform: uppercase;
}
.jFiler-items .jFiler-item-others {
	display: none;
}
.jFiler-items .jFiler-item-info {
	position: relative;
}
.jFiler-items .jFiler-item-info .jFiler-item-assets {
	position: absolute;
	top: 0;
	right: 0;
}
.jFiler-items .jFiler-item-info .icon-jfi-trash {
	position: relative;
	cursor: pointer;
	width: 20px;
	height: 20px;
	display: block;
}
.jFiler-items .jFiler-item-info .icon-jfi-trash:after,
.jFiler-items .jFiler-item-info .icon-jfi-trash:before {
	content: "";
	display: block;
	width: 2px;
	height: 10px;
	background: rgba(225, 33, 41, 0.9);
	position: absolute;
	top: 4px;
	right: 10px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.jFiler-items .jFiler-item-info .icon-jfi-trash:hover:after,
.jFiler-items .jFiler-item-info .icon-jfi-trash:hover:before {
	background: rgba(225, 33, 41, 0.7);
}
.jFiler-items .jFiler-item-info .icon-jfi-trash:before {
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 0;
}
#angebot .powermail_fieldwrap_dateienhochladen > LABEL UL
{
	display: block;
	position: absolute;
	z-index: 100;
	right: 0;
	width: 360px;
	padding: 10px 20px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0, 0.15);
	        box-shadow: 0 0 8px rgba(0,0,0, 0.15);
	white-space: pre-line;
	cursor: initial;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	-webkit-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
	#angebot .powermail_fieldwrap_dateienhochladen > LABEL.js-hover:hover UL
	{
		visibility: visible;
		opacity: 1;
	}

/* Popup Hilfetext */
#angebot .powermail_fieldwrap_infotext,
#angebot .powermail_fieldwrap_infotext_dateihochladen,
#angebot .powermail_fieldwrap_infotext_anmerkungen
{
	margin: 0;
}
#angebot .powermail_fieldwrap_infotext .powermail_field,
#angebot .powermail_fieldwrap_infotext_dateihochladen .powermail_field,
#angebot .powermail_fieldwrap_infotext_anmerkungen .powermail_field
{
	width: 370px;
	position: static;
	z-index: 20;
	padding: 10px 15px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.3);
	        box-shadow: 0 0 10px rgba(0,0,0, 0.3);
	display: block;
	left: 0;
	top: 0;
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
	font-size: 14px;
	/*text-transform: uppercase;*/
}


#angebot .powermail_fieldwrap_infotext .powermail_field.infotext-init,
#angebot .powermail_fieldwrap_infotext_dateihochladen .powermail_field.infotext-init,
#angebot .powermail_fieldwrap_infotext_anmerkungen .powermail_field.infotext-init {
	width: 300px;
	position: absolute;
	display: none;
	left: -260px;
	top: 50%;
	-webkit-transform: translateY(-40%);
	   -moz-transform: translateY(-40%);
	    -ms-transform: translateY(-40%);
	     -o-transform: translateY(-40%);
	        transform: translateY(-40%);
}
#angebot .powermail_fieldwrap_infotext_dateihochladen .powermail_field.infotext-init,
#angebot .powermail_fieldwrap_infotext_anmerkungen .powermail_field.infotext-init {
	left: -345px;
}
#angebot .powermail_fieldwrap_infotext_anmerkungen .powermail_field.infotext-init {
		-webkit-transform: translateY(-90%);
	   -moz-transform: translateY(-90%);
	    -ms-transform: translateY(-90%);
	     -o-transform: translateY(-90%);
	        transform: translateY(-90%);
}
	#angebot .powermail_fieldwrap_infotext .powermail_field.infotext-init:after,
	#angebot .powermail_fieldwrap_infotext_dateihochladen .powermail_field.infotext-init:after,
	#angebot .powermail_fieldwrap_infotext_anmerkungen .powermail_field.infotext-init:after,
	.jFiler-items:after
	{
		content: "";
		display: block;
		position: absolute;
		z-index: 20;
		top: 50%;
		margin-top: -4px;
		width: 0;
		height: 0;
		right: -8px;
		border-top: 8px dashed transparent;
		border-left: 8px solid #fff;
		border-bottom: 8px solid transparent;
		pointer-events: none;
	}
	.jFiler-items:after {
		top: 25px;
	}

#angebot .powermail_fieldwrap_infotext .powermail_field P,
#angebot .powermail_fieldwrap_infotext_dateihochladen .powermail_field P,
#angebot .powermail_fieldwrap_infotext_anmerkungen .powermail_field P
{
	padding-top: 5px;
}


/* Liefer / Wunschtermin */
#angebot .powermail_fieldwrap_liefertermin
{
	padding-top: 5px;
	text-align: center;
}
#angebot .powermail_fieldwrap_liefertermin .radio
{
	font-size: 14px;
	text-transform: uppercase;
	margin-left: 2%;
}

#angebot .powermail_fieldwrap_wunschtermin INPUT
{
	padding-right: 0;
	width: 100%;
}

/* Ausgeblendete Labels / Inputs */
#angebot .powermail_fieldwrap_type_select > LABEL,
#angebot .powermail_fieldwrap_wortanzahl > LABEL,
#angebot .powermail_fieldwrap_dateienhochladen .powermail_field INPUT,
#angebot .powermail_fieldwrap_liefertermin > LABEL,
#angebot .powermail_fieldwrap_wunschtermin > LABEL,
#angebot .powermail_fieldwrap_sonstigeausgangssprache > LABEL,
#angebot .powermail_fieldwrap_sonstigezielsprache > LABEL
{
	display: none;
}
/* Select Dropdown Pfeil */
#angebot .powermail_fieldwrap_type_select .powermail_field:after,
#angebot .powermail_fieldwrap_zielsprache > LABEL:after
{
	content: "";
	display: block;
	position: absolute;
	z-index: 10;
	top: 13px;
	width: 0;
	height: 0;
	right: 10px;
	border-top: 4px dashed #333333;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	pointer-events: none;
}

/* INPUT ICONS */
#angebot .powermail_fieldwrap_type_select .powermail_field:before,
#angebot .powermail_fieldwrap_zielsprache > LABEL:before,
#angebot .powermail_fieldwrap_wortanzahl .powermail_field:before,
#angebot .powermail_fieldwrap_dateienhochladen > LABEL:before,
#angebot .powermail_fieldwrap_dateienhochladenAdd > button:before,
#angebot .powermail_fieldwrap_wunschtermin .powermail_field:before
{
	display: block;
	position: absolute;
	height: 30px;
	width: 40px;
	line-height: 30px;
	text-align: center;
	left: 0;
	top: 0;
	margin: 0;
	vertical-align: middle;
	font-size: 14px;
}

/* FORMULAR Seite Kontaktdaten */
#angebot .powermail_fieldset_4 .powermail_fieldwrap_type_input LABEL,
#angebot .powermail_fieldset_4 .powermail_fieldwrap_type_textarea LABEL
{
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 0;
	height: 30px;
	line-height: 30px;
}
#angebot .powermail_fieldset_4 .powermail_fieldwrap_type_input INPUT
{
	-webkit-border-radius: 0;
	        border-radius: 0;
	background: #fff;
	padding: 5px 10px 3px;
	font-size: 13px;
	color: #333333;
}

#angebot .powermail_fieldset_4 .powermail_fieldwrap_type_input LABEL,
#angebot .powermail_fieldset_4 .powermail_fieldwrap_type_input .powermail_field
{
	float: left;
}
#angebot .powermail_fieldset_4 .powermail_fieldwrap_type_input LABEL
{
	width: 30%;
}
#angebot .powermail_fieldset_4 .powermail_fieldwrap_type_input .powermail_field
{
	width: 70%;
}

#angebot .powermail_fieldwrap_type_submit
{
	margin-top: 0;
}
#angebot .powermail_fieldwrap_type_submit INPUT
{
	padding: 8px 15px 6px;
}

#angebot .powermail_fieldwrap_anmerkungen TEXTAREA
{
	height: 51px;
}

/* FELDER ANORDNUNG */

/* Volle Breite */
#angebot .powermail_fieldset_3 .powermail_fieldwrap.powermail_fieldwrap_gewnschtedienstleistung,
#angebot .powermail_fieldset_3 .powermail_fieldwrap.powermail_tab_navigation,
#angebot .powermail_fieldset_3 .powermail_fieldwrap.powermail_fieldwrap_informationenzurdatei,
#angebot .powermail_fieldset_3 .powermail_fieldwrap.powermail_fieldwrap_zwischenueberschrift,
#angebot .powermail_tab_navigation,
#angebot .powermail_fieldset_3 .powermail_fieldwrap.powermail_fieldwrap_sonstigeausgangssprache,
#angebot .powermail_fieldset_3 .powermail_fieldwrap.powermail_fieldwrap_sonstigezielsprache,
#angebot .powermail_fieldset_3 .powermail_fieldwrap.powermail_fieldwrap_liefertermin,
#angebot .powermail_fieldset_3 .powermail_fieldwrap.powermail_fieldwrap_dateienhochladen,
#angebot .powermail_fieldset_3 .powermail_fieldwrap.powermail_fieldwrap_dateienhochladenAdd
{
	width: 100%;
	clear: both;
}
/* Zweispaltig */
#angebot .powermail_fieldset_3 .powermail_fieldwrap,
#angebot .powermail_fieldwrap_pflichtfeld,
#angebot .powermail_fieldwrap_absenden
{
	float: left;
	width: 48.75%;
}
#angebot .powermail_fieldset_3 .powermail_fieldwrap_zielsprache,
#angebot .powermail_fieldset_3 .powermail_fieldwrap_rabatt,
/*#angebot .powermail_fieldset_3 .powermail_fieldwrap_dateienhochladen,*/
#angebot .powermail_fieldset_3 .powermail_fieldwrap_wunschtermin,
#angebot .powermail_fieldwrap_absenden
{
	margin-left: 2.5%;
}
#angebot .powermail_fieldwrap_absenden {
	float: right;
}
#angebot .powermail_fieldset_3 .powermail_fieldwrap.powermail_fieldwrap_dateienhochladen.parsley-error {
	border: 1px solid #e12129;
	color: #e12129;
}
#angebot .powermail_message_error {
	padding: 10px 20px;
	/*border: 2px solid rgba(225, 33, 41, 0.9);*/
	background-color: #e12129;
	background-color: rgba(225, 33, 41, 0.9);
	color: #fff;
	margin: 20px 20px 0 20px;
}


/* FORMULAR Navigation */
#angebot .btn-group
{
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-bottom: 10px;
}
	#angebot .btn-group:before
	{
		content: "";
		display: block;
		width: 24px;
		height: 1px;
		background-color: #949494;
		position: absolute;
		top: -18px;
		left: 50%;
		margin-left: -12px;
	}
#angebot .btn-group BUTTON
{
	display: inline-block;
	width: auto;
	padding: 2px 5px;
	margin: 0 10px;
	background: none;
	color: #949494;
	font-size: 13px;
	position: relative;
}
#angebot .btn-group BUTTON.btn-primary
{
	color: #e12129;
}
#angebot .btn-group BUTTON:after
{
	display: block;
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -12px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: #fff;
	-webkit-border-radius: 100%;
	        border-radius: 100%;
	font-weight: bold;
}
	#angebot .btn-group BUTTON:nth-child(1):after
	{
		content: "1";
	}
	#angebot .btn-group BUTTON:nth-child(2):after
	{
		content: "2";
	}

/* Weiter / Zurueck Buttons */
#angebot .powermail_tab_navigation
{
	text-align: right;
}

#angebot .powermail_tab_navigation A
{
	background: #949494;
	display: inline-block;
	padding: 4px 10px 0;
	line-height: normal;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
	#angebot .powermail_tab_navigation A:hover
	{
		background: #777;
	}

/* FORMULAR ERROR */
#angebot .powermail_fieldset_3 .parsley-errors-list
{
	display: none;
}

#angebot input.parsley-error, #angebot .powermail_fieldset_3 SELECT.parsley-error, #angebot .powermail_fieldset_4 SELECT.parsley-error
{
	color: #e12129;
	border: 1px solid #e12129;
}
#angebot .powermail_fieldset_3 .radio.parsley-error, #angebot .powermail_fieldset_4 LABEL.parsley-error
{
	color: #e12129;
}

#angebot .powermail_fieldset_3 .powermail_fieldwrap_zielsprache.parsley-error > LABEL
{
	color: #e12129;
	border-color: #e12129;
}

/* Rabatt Sticker */
#rabatt
{
	background: #e12129;
	border: 4px solid #fff;
	color: #fff;
	width: 186px;
	height: 186px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	display: table;

	position: absolute;
	z-index: 10;
	bottom: -90px;
	left: -90px;
	display: none;
}
	#rabatt .item
	{
		display: table-cell;
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}

		#rabatt .item a {
			color: #fff;
			position: relative;
			display: block;
	    padding: 10px 0;
			font-weight: bold;
		}

		#rabatt .item a:before {
			content: '';
			position: absolute;
			left: 50%;
			bottom: 0;
			width: 100px;
			height: 1px;
			background: rgba(255,255,255,.3);
			-webkit-transform: translate(-50%);
			   -moz-transform: translate(-50%);
			    -ms-transform: translate(-50%);
			     -o-transform: translate(-50%);
			        transform: translate(-50%);
		}

		#rabatt .item a:last-child:before {
			display: none;
		}

/*Special_ID-Anpassungen*/
.c86 div.csc-textpic-intext-left .csc-textpic-imagewrap,
.c87 div.csc-textpic-intext-left .csc-textpic-imagewrap
{
	margin-right: 70px;
}

/*Sprachen-Übersicht*/
#uid25 .box66-33 .col2
{
	padding-top: 35px;
}


/* Vollflaechige Bilder mitskalieren - bei < 2000px  */
@media all and (min-width: 2000px) {
	#subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image
	{
		width: 100%;
		left: 50%;
		margin-left: -50%;
	}
	#subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img
	{
		width: 100%;
		height: auto;
	}
}

#file-browse ::-webkit-file-upload-button {
    margin: -3px 0 0 0;
    background: #949494;
    color: #fff;
    padding: 15px 10px 15px 10px;
    font-size: 14px;
    line-height: 0px;
    border: none;
    cursor: pointer;
}
#file-browse ::-webkit-file-upload-button:hover {
    background: #e3363d;
}

/*Sprachen*/
.lang-switch
{
	display: none;
	position: absolute;
	left: 50%;
	top: 6px;
	z-index: 200;
	margin-left: -485px;
}
.lang-switch LI
{
	float: left;
	margin: 0px 0px 0px 4px;
	display:inline;
	cursor:pointer;
}
.lang-switch LI.act a {
	color: #e12129;
}
.lang-switch LI A
{
	display:block;
	width:100%;
	height:100%;
	color: #fff;
	font-weight: bold;
}
LI.lang-de
{
	background:url(../img/de.png) no-repeat left top;
}
LI.lang-en
{
	background:url(../img/en.png) no-repeat left top;
}

.nolabel > LABEL {
	display: none;
}

/* Einwilligungserklärung */
.consent-declaration-container {
	display: none;
	position: fixed;
	top: 100px;
	bottom: 100px;
	left: 0;
	right: 0;
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	background-image: url(../img/pattern.png);
	background-color: #f2f2f2;
	background-color: rgba(242, 242, 242, 0.9);
	z-index: 99999;
    padding: 50px;
    overflow-y: scroll;
	box-sizing: border-box;
}

.consent-declaration-container LABEL {
	display: block;
	padding: 5px 0;
	margin-left: 16px;
}

.consent-declaration-container .close {
	position: absolute;
	width: 40px;
    height: 40px;
    top: 10px;
    right: 10px;
	cursor: pointer;
}

.consent-declaration-container .close:before,
.consent-declaration-container .close:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 5px;
	width: 30px;
	height: 2px;
	transform: rotate(45deg);
	background-color: #333;
}
.consent-declaration-container .close:after {
	transform: rotate(-45deg);
}
.consent-declaration-container BUTTON {
	width: auto;
	margin: 50px auto 10px;
	display: block;
	color: #FFF;
	padding: 12px 30px;
	background: #49515a;
	border: none;
	cursor: pointer;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.consent-declaration-container BUTTON:hover {
	background: #373e46;
	color: #FFF;
}

.consent-declaration-container .contenttable {
	width: 100%;
}

.consent-declaration-container .consent-declaration {
	margin-left: -16px;
}

.powermail_fieldwrap_einwilligung_kontakt .checkbox > LABEL:after {
	content: '*';
}

.cc-compliance.cc-highlight .hidebtn {
	background: #383f48;
	color: #fff !important;
	line-height: 2;
    border-radius: 3px;
}
.cc-compliance.cc-highlight .hidebtn:hover {
	background: #e02029;
	text-decoration: none;
}

.cc-compliance.cc-highlight .cc-btn.cc-allow {
	background: #e02029;
	line-height: 2;
    border-radius: 3px;
    min-width: 97px;
}
.cc-compliance.cc-highlight .cc-btn.cc-allow:hover {
	background: #383f48;
	text-decoration: none;
}

.cookie-sticky {
	position: fixed;
	z-index: 100000;
}