legend {display:none;}

.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;

}
.content{background-color: rgba(255,255,255,0)!important;
}
.content .wrapper{
	margin: 0 100px;
	padding: 50px 0;
    position: relative;
	background-color: rgba(255,255,255,1);
	
}
.mediaelement-image img{min-width :478px; min-height:auto; margin-bottom:25px;}
.csc-textpic-intext-right-nowrap img,.csc-textpic-intext-left-nowrap img,.news-single img{max-width: 825px; height:auto}
.csc-textpic-intext-right-nowrap > div ,.csc-textpic-intext-left-nowrap > div ,.news-single > div {display:table-cell;}

.wrapper > div{
	margin: 0 50px;
}
.page-layout-3 .content > div {
   margin:0;
   position:relative;
   background-color:#fff;
       overflow: hidden;
}

.page-layout-3 > picture{display:none}
.content.start > div > div {
    position: relative;
}

.content.start> div > picture{
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
	top:0;
}

.content.start > div > picture > img {     
	min-width: 100%;
	height: auto;
	}
.page-5 #c4 picture > img,#c17 picture > img ,.page-5 div#c183  picture > img {	
	float: right;
} 
.content.start > div > picture > img.higher {   
	height: 100%;
	width: auto;
}

.frame-layout-1{
	color:#fff;
	overflow: hidden;
}
	
/***** csc default override csc-textpic csc-textpic-intext-left-nowrap	***/
	

.news .article h3 {margin-bottom: 1em;}

	
/****** MARKEN OVERRIDE ******/
.content .wrapper{
    background-color: rgba(255,255,255,.7);
}
.page-layout-2 .content .wrapper{
    background-color: rgba(255,255,255,.7);
}
/****** Layout 4 OVERRIDE ******/
.page-layout-4 .content .wrapper{
    background-color: rgba(255,255,255,0);
}
.page-layout-4 .content .wrapper .anchorbox{
max-width:790px;

}


/****** Flex Slider Override ********/
.page-layout-2 .flexslider{margin:-50px;}
.flexslider{margin:-50px -50px 0 -50px;}

/******** NEWS BALKEN OVERRIDE ******/

.hposition{	margin:0  -50px; top:0;position: relative;}
.page-layout-3 .hposition {
    position: relative;
margin:0 0 0 -50px;
top:0;
	}
.hposition > .newsHeader{ font-size: 64px;padding: 27px 0 27px 100px;line-height:64px;}

/***** ACC MENU Override *******/
.accordeon-menu li {
-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	
	}
	
/**** Header Menu Override ***/


header nav ul.level1 >li  > a:after {
    content: "|";
	position: relative;
    padding: 0 0 0 25px;
	font-size:26px;
	color: #000000
	}
	
header nav ul.level1 > li:last-child > a:after{
	content:none;
}
header .nav-trigger {display: none;}

/****** Accordeon Menü Override *****/
.accordeon-menu li .sub {
    left: 0;
    position: absolute;
    top: 52%;
    width: 100%;
	display: block!important;	
    opacity: 0;
}
.accordeon-menu li:hover .sub {

    opacity: 1;
}
.accordeon-menu span.sub {
	transition: opacity .55s ease-in-out;
	}
.accordeon-menu span.sub a {
	white-space: nowrap;
	}

.accordeon-menu li img {height:100%; }

.accordeon-menu li:first-child figure img, .accordeon-menu li:first-child picture img{
	right: 655px;
    position: relative;
}
.accordeon-menu li:nth-child(2) figure img, .accordeon-menu li:nth-child(2) picture img{	
	right: 463px;
    position: relative;
}
.accordeon-menu li:nth-child(3) figure img, .accordeon-menu li:nth-child(3) picture img{	
	right: 730px;
    position: relative;
}

.accordeon-menu li:last-child figure img, .accordeon-menu li:last-child picture img{	
	float: right;
    position: relative;
	}
	

/****** Spalten *****/

.row > div {padding-right:50px;} 
.row > div:last-child {padding-right:0;} 	

/****** Header Menü Override *****/
body > header .logo{ padding-top:14px; float: right;}
body > header .logo > a img	{vertical-align: middle;}

/****** Accordeon TEXT BOXEN *****/

.frame-layout-1 > div  > div{background-color: rgba(255,255,255,.7);color:#000; padding:0 50px;width: 100%;}
.frame-layout-1 > div  > div:first-child{padding-top:50px;}
.frame-layout-1 > div  > div:last-child{padding-bottom:50px;}
.frame-layout-1 > div  > .csc-textpic-imagewrap{padding-top:50px;}
.frame-layout-1 >  p  {max-width:790px;}
 .frame-layout-1 >  a {color: #ee7000;}
 .content .ce-bodytext P a:after, .footer_copy_links  a:after{
	content:"\25B6";   
	color: #ee7000;

    position: relative;
padding:0 4px;
	}
.start .frame-layout-1 .columns  {color:#000; padding:50px;display: flex; padding:50px;}
.start .frame-layout-1 .columns  .column{float:left; width:50%;background-color: rgba(255,255,255,.7); }
.start .frame-layout-1 .columns  .column > div {padding: 50px; }
/**** Layout weißre Box ******/
.frame-layout-16 {background-color: rgba(255,255,255,.85);padding:50px;color:#000; }
.layout-16 {background-color: rgba(255,255,255,.85);padding:50px;color:#000; }

.csc-textpic-imagerow {margin:50px 0 0 0;}
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image{margin: 0 50px 0 0;}
div.csc-textpic-imagecolumn:last-child, td.csc-textpic-imagecolumn .csc-textpic-image:last-child{margin:0}

.csc-textpic-intext-left-nowrap img{margin-right:100px}
.csc-textpic-intext-right-nowrap img{margin-left:100px}

.ce-gallery .ce-row {display: flex;}
.ce-gallery .ce-row .ce-column {margin: 0 50px 10px 0; }

/***** MEDIA QUERYS ****/
@media (max-width:  1030px){
		.prodText H2 a, .ip_ecoinform_detail .prodText H1{font-size:1.4em!important;}
	html, body{
		font-size: 0.8em;
		}
	h1,.h1 ,.news h3 span{
		font-size:1.4em!important;;
	}
	h2,.h2 {
	  font-size: 1.2em;
	}
	h3,.h3 {
	  font-size: 1em;
	}
	h4, .h4 {
	  font-size: .95em;
	}
	h5,.h5 {
	  font-size: .92em;
	}
	h6, .h6 {
	  font-size: .9em;
	}
	p , li {
	  margin: 0;
	 font-size:.8em!important;
	}
	a{font-size:1em;}
	
.content .wrapper P a:after{font-size:.8em;}
	header > .inner_wrap {
		padding: 0 25px 0 25px;
	}
	body > header .logo > a img{
		width:auto; height: 45px
	}

	.loginLang A{
		font-size: .8em;
	}
	picture {
		width:100%;
		height:auto;
	}

	body > header .logo {
		height: auto;
		float: none;
		padding-bottom:14px;
	}
	
	header .inner_wrap .loginLang {
		padding: 0 50px 0 0;
		float: none;
		margin-left: 25px;
	}
	header .nav-trigger {
		    display: block;
	}
	
	header > div > nav {
		display:block;
	}
	header > div > nav ul.level1 > li > a:after{content:none;}
	header > div > nav ul.level1 > li > a{
		line-height:2.0em;
		display: inline-block;
		padding: 0 0 0 5px;
		    width: 50%;
	}

	header .inner_wrap .langMenu li:first-child:after {
		margin: 0 11px;
		font-size: 12px;
	}
	header > div > nav a {
		font-size:1.2em;
	}

	header > div > nav ul.level1{
		
		background: rgba(255,255,255,.8);
		display: none;

	}
	header > div > nav ul.level1.is-visible {
		display:block;

	}
	nav ul.level1 > li {width:100%;}
	nav ul.level2 > li > a {
		padding: 0 25px;
	}
	nav ul.level2{display:block;background-color:#77ba41;z-index:290; position:relative;min-width: 308px;}
	.nav-trigger {
		position: absolute;
		right: 5%;
		top: 15px;
		width: 44px;
		height: 44px;
		background: white;
		border-radius: 0.25em;
		border: 1px solid #ee7000;
		/* image replacement */
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		z-index: 2;
	}
	.nav-trigger span {
		  /* the span element is used to create the menu icon */
		  position:absolute;
		display: block;
		width: 20px;
		height: 2px;
		background: #ee7000;
		top: 50%;
		margin-top: -1px;
		left: 50%;
		margin-left: -10px;
		color: transparent;
		-webkit-transition: background 0.3s;
		-moz-transition: background 0.3s;
		transition: background 0.3s;
	}
	.nav-trigger span::before, .nav-trigger span::after {
		content: '';
		position: absolute;
		left: 0;
		background: inherit;
		width: 100%;
		height: 100%;
		  /* Force Hardware Acceleration in WebKit */
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);

		-webkit-transition: -webkit-transform 0.3s, background 0s;
		-moz-transition: -moz-transform 0.3s, background 0s;
		transition: transform 0.3s, background 0s;
	}
	.nav-trigger span::before {
		top: -6px;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	.nav-trigger span::after {
		bottom: -6px;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	.nav-trigger.menu-is-open {
		border: none;
		
	}
	.nav-trigger.menu-is-open span {
		background: transparent;
	}
	.nav-trigger.menu-is-open span::before, .nav-trigger.menu-is-open span::after {
		background: #ee7000;
	}
	.nav-trigger.menu-is-open span::before {
		top: 0;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.nav-trigger.menu-is-open span::after {
		bottom: 0;
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	
	picture > img {width: 100%;height:auto;}
	.accordeon-menu{min-height:350px;}
	.accordeon-menu li {width:100%; height: auto; overflow:hidden}
	.accordeon-menu li picture img {position:inherit; width:100%; height:auto;}
	.accordeon-menu li:first-child picture img{
		right: 655px;
		position: inherit;
	}
	.accordeon-menu li:nth-child(2) picture img{	
		right: 463px;
		position: inherit;
	}
	.accordeon-menu li:nth-child(3) picture img{	
		right: 1046px;
		position: inherit;
	}

	.accordeon-menu li:last-child picture img{	
	float: none;
    position: inherit;
	}
	.accordeon-menu li:nth-child(4):hover {
    margin-left: 0;
	}
	.accordeon-menu li:hover {
		margin-right: 0;
		width: 100%;
		z-index: 200;
	}
	.accordeon-menu li span a {
        font-size: 1.2em;
	}
	.content.start > div > picture, .content.start > div > picture > img {position: inherit; display: block;}
	
	.content .wrapper {
    margin:0;
	}
	div[class^="space-before-"], div[class*=" space-before-"] {margin-top:0!important;}
	div[class^="space-after-"], div[class*=" space-after-"] {margin-bottom:0!important;}
	div[class^=".left-"] > div, div[class*=" left-"] > div{padding-left: 0!important;}
	div[class^=".right-"] > div, div[class*=" right-"] > div{padding-right: 0!important;}
	div[class^=".bottom-"] > div, div[class*=" bottom-"] > div{padding-top: 0;}
	.row > div { padding-right: 0px;}
	.content .wrapper > div{
    margin:0;
	}
	.content .wrapper{padding:0;}
	.frame-layout-1 > div {
		position: initial;
		display: block;
	}
	.page-layout-3 .content > .frame-layout-1 > div > div ,.page-layout-4 .content > div > div ,.row , .page-layout-3 .anchorbox > div{  padding: 25px 10px;}
	.page-layout-3 .content > .frame-layout-1 > div > div:last-child ,.page-layout-4 .content > div > div:last-child {
     padding-bottom: 0;
	}
	.frame-layout-1 > div > div {padding:0!important;}

	.page-layout-3 .content > .frame-layout-1 > div > div:first-child ,.page-layout-4 .content > div > div:first-child {
    padding-top: 0;
	}
	.page-layout-3 .content > div > .csc-textpic-imagewrap,.page-layout-4 .content > div > .csc-textpic-imagewrap {
    padding-top: 10px;
	}
	.page-layout-4 .content .wrapper{padding:0;}
	.page-layout-4 .frame-layout-16, .page-layout-1.mobile > div > div > div{padding:25px 10px}
.page-layout-1, .page-layout-2{background-color: transparent;}
	.newsLeft {float: none;}
	.page-layout-3 > picture, .page-layout-2 > picture{display:none;}
	img {
		max-width:100%;
		height: auto;
	}
	.page-layout-3 .anchorbox{margin: 25px 10px;}
	.content.start > div > picture > img {
		width:100%;
		height:  auto!important;
	}
	footer,.page-layout-3 footer, .page-layout-4 footer {
		margin: 0;
		width:100%!important;
		padding: 0 2em;
	}
	footer .footer_block > div > *{
		width: 100%!important 
	}
	footer .footer_copy_links ul li {
		display: block;
	 }
	 
	 footer .footer_block > div > * {
		height: auto; 
		margin: 10px 0;
		padding: 10px 25px;
		position: relative;
		vertical-align: top;
		min-height: 36px;
	}	
	
	.footer_copy_links{
		width: 100%!important
	}
	footer .footer_block > div > * .csc-textpic {
		position: inherit; 
		bottom: 0;
	}
	footer .csc-textpic-imagerow{
		margin:0;
	}
	.ProdBox {
		width: 100%; 
	}
	.ProdBox .prodImg{
		width: 50%;
		text-align: right;
	}
	.ProdBox .prodImg img {
	
	}
	.prodText {
	width:50%
	}
	.ProdBox:nth-child(even) .prodText {
    padding-left: 0;
	}
	.ProdBox:nth-child(odd) .prodImg img  {
    margin-right: 0;
	}
	.hposition {
		margin: 0 
	}
	.hposition > .newsHeader  {
	    font-size: 28px;
		padding:0 0 0 10px;
		line-height: 48px;
	}

	
	.news-list {
		padding: 0;
	
	}
	.news-list .news-text{
		padding: 5px 10px;
	}
	.news-list hr {
		margin:10px 0;
	}
	.news-single article > div{
		display: inherit;
		width:100%
	}

	.page-layout-2 .flexslider, .page-layout-1 .flexslider{
		margin:0;
	}
	.page-layout-1 .flexslider,.page-layout-1 .hposition{
		/*margin: -25px -10px;*/
	}
	.page-layout-1 .newsHeader{padding:010px;}
	.page-layout-1 .flexslider{}
	.page-layout-3 .hposition {margin:0}
.prodGroup .ProdBox > div {width: 100%; text-align: center;
    display: block;}
.csc-textpic-image {text-align:center;}
	body > picture {position: inherit; width: 100%;}

	.csc-textpic > div{display:block; width: 100%; float: none;}
.csc-textpic-intext-right-nowrap .csc-textpic-text ,.csc-textpic-intext-left-nowrap .csc-textpic-text {margin:0!important;}
.csc-textpic-intext-right-nowrap img,.csc-textpic-intext-left-nowrap img,.news-single img{max-width: 425px; height:auto}

nav.extendet ul.level1 li.open-sub-menu ul.level2{margin-left:-19px;}
.ProdBox {width:100%; }
.prodGroup .ProdBox:nth-child(odd) {
    padding-right: 0;
}
.prodGroup .ProdBox:nth-child(even) {
    padding-left: 0;
}
div.csc-textpic-imagecolumn{    margin: 0 50px 10px 0; }

.startOuter {/*margin: 0; position: absolute; top: -50%; margin-top:-50%; left: 50%;
    margin-left: -50%;*/}
	.startOuter {margin: 0; position: absolute; top: 0; left: 0;
    margin-left: 0;}
.startLayer{
    width: 100%;
    height: 100%;
padding-top: 10px;
	}
.mobile .startOuter {margin: 0; position: absolute; top: 0; left:0;}
.mobile .startLayer{
    width: 100%;
    height: 100%;
padding-top: 10px;
	}
	.startLayer li {
	 display: inherit;
    margin-right: 0; 

	}
	
	.page-5 #c4 picture > img,#c17 picture > img ,.page-5 div#c183  picture > img {float: none;}
	table td{font-size:15px;line-height: 1.65em;}
	th {
    font-size: 18px;
	}

}


@media (min-width: 1280px) AND (max-width: 1495px){
.footer_block {width: 1040px!important;}


}
@media (min-width: 1031px) AND (max-width: 1445px){
		.prodText H2 a, .ip_ecoinform_detail .prodText H1{font-size:24px!important;}
	html, body{
		font-size: 0.8em;
		}
	h1,.h1 ,.news h3 span{
		font-size:24px!important;;
	}
	h2,.h2 {
	  font-size:22px;
	}
	h3,.h3 {
	  font-size: 1em;
	}
	h4, .h4 {
	  font-size: .95em;
	}
	h5,.h5 {
	  font-size: .92em;
	}
	h6, .h6 {
	  font-size: .9em;
	}
	p , li {
	  margin: 0;
	 font-size:.8em;
	}
	a{font-size:1em;}
	
	header > .inner_wrap {
		padding: 0 50px 0 25px;
	}
	header  a {
		font-size: 15px;

	}
	table td{font-size:15px;line-height: 1.65em;}
	th {
    font-size: 18px;
	}
	h1.newsHeader, h2.newsHeader{font-size: 28px!important;
	    padding: 0 0 0 50px!important;
    line-height: 48px!important}
	p,a {
	  margin: 0;
	 line-height: 1.65em;
	 font-size:15px!important;
	}
	.content .wrapper P a:after{font-size:15px;}
	nav ul.level1 > li > a{
		line-height: 80px;
	}
	header nav ul.level1 > li > a:after {
		font-size:15px;
	}
	header .inner_wrap .loginLang {
		padding: 23px 50px 0 0;
	}
	.loginLang li {
		height: 18px;
	}
	.loginLang A{
		font-size: 12px;
	}
	body > header .logo > a img{
		width:auto; height: 52px
	}
	nav ul.level1 > li > a {}

	header .inner_wrap .langMenu li:first-child:after {
		margin: 0 11px;
		font-size: 12px;
	}
	.prodGroup .ProdBox:nth-child(even) {padding-left:50px;}
.prodGroup .ProdBox:nth-child(odd){padding-right:50px;}
.csc-textpic-intext-right-nowrap .csc-textpic-text ,.csc-textpic-intext-left-nowrap .csc-textpic-text {margin:0!important;}
.csc-textpic-intext-right-nowrap img,.csc-textpic-intext-left-nowrap img,.news-single img{max-width: 425px; height:auto}

.accordeon-menu li span a {font-size:48px!important;}
}

@media (min-width: 1445px) AND (max-width: 1650px){

	header  a {
		font-size: 18px;
		
	}
	nav ul.level1 > li > a{
		line-height: 97px;
	}

	header .inner_wrap .loginLang {
		padding: 30px 50px 0 0;
	}
	.loginLang li {
		height: 27px;
	}
	.loginLang A{
		font-size: 14px;
	}
	body > header .logo > a img{
		width:auto; height: 68px
	}
	nav ul.level1 > li > a {}
	
	header nav ul.level1 > li a:after {
		font-size:18px;
	}

	.csc-textpic-intext-right-nowrap img,.csc-textpic-intext-left-nowrap img,.news-single img{max-width: 725px;height:auto}
}
@media (max-width:  1200px){
.ProdBox {width:100%; }
.prodGroup .ProdBox:nth-child(odd) {
    padding-right: 0;
}
.prodGroup .ProdBox:nth-child(even) {
    padding-left: 0;
}
}
@media (min-width: 1651px) AND (max-width: 1850px){
	header  a {
		font-size: 21px;
		
	}
	nav ul.level1 > li > a{
		line-height: 113px;
	}

	header .inner_wrap .loginLang {
		padding: 40px 50px 0 0;
	}
	.loginLang A{
		font-size: 16px;
	}
	body > header .logo > a img{
		width:auto; height: 85px
	}
	nav ul.level1 > li > a {}
	
	header nav ul.level1 > li > a:after {
		font-size:21px;
	}
	
	.csc-textpic-intext-right-nowrap img,.csc-textpic-intext-left-nowrap img,.news-single img{max-width: 800px;height:auto}
	
}

nav ul.level2.act {z-index:1000;}
.page-layout-1  > picture {display:none;}