@font-face { font-family: 'metacaps'; src: url('/fileadmin/templates/fonts/meta-caps.eot#') format('eot'), url('/fileadmin/templates/fonts/meta-caps.woff') format('woff'), url('/fileadmin/templates/fonts/meta-caps.ttf') format('truetype'); }
@font-face { font-family: 'metabold'; src: url('/fileadmin/templates/fonts/meta-bold.eot#') format('eot'), url('/fileadmin/templates/fonts/meta-bold.woff') format('woff'), url('/fileadmin/templates/fonts/meta-bold.ttf') format('truetype'); }
@font-face { font-family: 'meta'; src: url('/fileadmin/templates/fonts/meta.eot#') format('eot'), url('/fileadmin/templates/fonts/meta.woff') format('woff'), url('/fileadmin/templates/fonts/meta.ttf') format('truetype'); }
html{overflow-y:scroll;}
body{font-family: Arial, Helvetica,sans-serif;font-size:22px;line-height:1.4em;margin:0 auto;max-width:100%;}
.clear{clear:both;}

.csc-textpic{margin:50px 0}
.ce-textpic{margin:50px 0}

.recaptcha {position: relative; margin-left: 14em;}

header{font-family: 'metacaps';}
.flexslider ul{list-style-type: none;}
.flexslider li {margin:0; padding:0;}

header > div > div, header > div > nav {display: inline-block; }
nav{}
header > .inner_wrap{ background-color:#ffffff;position:relative; box-shadow:0px 0px 15px #000000; width:100%; padding: 0 100px 0 75px;}
nav ul.level1 {display:inline-flex}
nav a{text-decoration:none;color:#000000;font-size:26px;white-space:nowrap;}
nav li{display:block; }
nav li.current > a,
nav li.dropdown.active > a,
nav ul.level1 li:hover > a{color:#ee7000;}
nav ul.level2 li:hover > a{color:#ffffff;}
nav ul.level1 li:hover 
nav ul{margin:0;padding:0;}
nav ul.level1 > li{display:inline-block;}
nav ul.level1 > li > a{padding:0 0 0 25px;line-height:140px;display:block;}
nav ul.level2{background-color:#77ba41;z-index:290; position:absolute;min-width: 308px;}
nav ul.level2 > li > a{display:block;padding:0 25px; line-height:44px;}

nav ul.level2 > li {display:block;height: 0;transition: height 0.3s;overflow: hidden;}
nav ul.level2 > li.current,
nav ul.level1 li:hover ul.level2 > li {height: 44px}
nav ul.level2 {z-index:1;}
nav ul.level1 li.active ul.level2 {z-index: 9;}
nav ul.level1 li:hover ul.level2 {z-index: 10;}

nav.extendet ul.level1 li > ul.level2 > li.current,nav.extendet ul.level1 li > ul.level2 > li.active{display: block; background-color:#77ba41;}
nav.extendet ul.level2 > li.active,
nav.extendet ul.level1 li.open-sub-menu ul.level2  li,
nav.extendet ul.level2 > li.current{display:block;}
nav.extendet ul.level1 li.open-sub-menu ul.level2 {z-index:400}
nav.extendet ul.level1 li.open-sub-menu.up ul.level2  {z-index:401}
nav.extendet  ul.level2 > li  ul.level3{margin-top:20px ;display:block;}
nav.extendet ul.level3 > li > a{display:block;padding:5px 25px 10px 25px;}
nav.extendet  ul.level2 > li.current  ul.level3{display:none;}
nav.extendet  ul.level2 > li.current  ul.level3{display:none;}
nav.extendet  ul.level2 > li.current:hover  ul.level3{display:block;}

nav .motrigger:after{content: "\2039";}
nav .motrigger {display: inline-block;position: relative; transition: all .5s ease;float: right;border:1px solid #ee7000; border-radius:15px; height: 30px; width: 30px; text-align: center; vertical-align:middle;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg); }
nav .open-sub-menu .motrigger {-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg); }

.accordeon-menu{list-style: outside none none;margin: 0;overflow: hidden;padding: 0;width: 100%; font-family: 'metacaps';}
.accordeon-menu li{background-position:center top;background-size:cover;float:left;height:100%;overflow:hidden;position:relative;transition-delay:0.15s;width:25%;z-index:100;}
.accordeon-menu li:hover{margin-right:-12.5%;width:37.5%;z-index:200;}
.accordeon-menu li:nth-child(4):hover{margin-left:-12.5%;margin-right:0;}
.accordeon-menu li span{left: 0;position: absolute;top: 47%;width: 100%;}
.accordeon-menu li .sub{left: 0;position: absolute;top: 52%;width: 100%;display: none;}
.accordeon-menu li span a{color:#ffffff;display:inline-block;font-size:60px;font-weight:bold;height:100%;position:relative;text-align:center;width:100%;text-decoration:initial;font-family: 'metacaps';}
.accordeon-menu li .sub A{color:#ffffff;display:inline-block;font-size:36px;font-weight:bold;height:100%;position:relative;text-align:center;width:100%;text-decoration:initial;}
.subContent > div{height: 920px;padding:10px 0;}

.align-center {text-align: center;}

.badge {position: fixed;
bottom: 54px;
left: 19px;
width: 191px;
z-index: 9999;
box-shadow: rgba(0,0,0,0.1) 0 2px 9px 4px !important;
border-radius: 4px;
opacity: 1;
transition: opacity 0.4s;
width: auto!important;}
.badge A {display: block;}
.content {position:relative;z-index:1;background-color: rgba(255,255,255,1);}
.content.productPage{margin:0 100px;background-color: rgba(255,255,255,0.7);}
/** NEWs**/
.news h3 span {font-size: 36px; font-family: 'metacaps';}
.hposition {position: relative;top: 35px;}
h1.newsHeader, h2.newsHeader{color: #ffffff;background-color: #0B5D18;font-size: 64px;padding-left: 50px;padding-top: 27px;padding-bottom:27px;margin: 0;line-height:48px; margin-bottom:86px;}
h1.newsHeader::after, h2.newsHeader::after {content: "";width: 0;height: 0;border-left: 60px solid transparent;border-right: 60px solid transparent;border-top: 36px solid #0B5D18;position: absolute;bottom: -35px;left: 50%;margin-left: -60px; }

.layout-2 h3 a:hover{color: #ee7000;}

.news-list hr {border: 0; border-top: 1px solid #0B5D18;color:#0B5D18; margin: 50px 0; }
.news-list {padding: 50px;}
.news article{display:table; }
footer div.ce-image div.ce-column {float: left; margin: 0 50px 0 0;}

.news-list article  > div {vertical-align:top;display: table-cell; }
.news-single article  > div {display: table-cell;vertical-align: top; }
.news-single article  > div:first-child {vertical-align: top;}
.news-list article  > div:first-child img, .news-single article  > div:first-child img{margin-right:100px;}
.news-single article  > .news-related{display:table-footer-group}
.news-list article  > div:last-child img{margin-left:100px;}

.news-single .article .news-img-wrap {float: initial;width: unset;margin: inherit;}
.news .article .news-img-wrap {float: initial;margin: inherit;background: none;}

@media (max-width: 1030px){
	.news-list .news-image, .news-img-wrap  {text-align:center}
	.news-list article  > div {display: block;}
	.news-list article  > div:first-child img{margin-right:0;}
	.news-list article  > div:last-child img{margin-left:0;}
	.news-single .newsRight > *{ padding: 10px;}
}
footer{background-color:#d0d0d0; position:relative; max-width: 100%;}
footer .csc-default{text-align: left;}
footer *{font-family:'meta';}
footer li ul{display:none;}
footer nav{position:relative;left:0;}
footer .footer_block{margin:0 auto;}
/*footer.productPage .footer_block{margin:0 auto;max-width:1280px;}*/
footer {margin: 0 100px; padding: 50px 0;}
.page-layout-3 footer, .page-layout-4 footer {margin: 0; padding : 0;}
footer .footer_block > div{display:inline-block;}
footer .footer_block > div > *{height:220px;margin:12.5px;padding:25px;display:inline-block;background-color:#b2b2b2;position:relative;vertical-align:top;}
footer .footer_block > div > .frame-layout-11{width:231px;}
footer .footer_block > div > .frame-layout-12{width:487px;}
footer .footer_block > div > .frame-layout-13{width:743px;}
footer .footer_block > div > .frame-layout-14,
footer .footer_block > div > .frame-layout-15{background:none;padding:0;width:231px;}
footer .footer_block > div.dfeSearch > .frame-layout-0{background:none;padding:0;width:231px;}
footer .footer_block > div > .frame-layout-15 > *{position:absolute;bottom:0;}
footer .footer_block > div > .frame-layout-14 input,
footer .footer_block > div > .frame-layout-15 input{border:none;padding:4px;width:231px;line-height:24px;}
footer .footer_block > div.dfeSearch > .frame-layout-0 input {border:none;padding:4px;width:231px;line-height:24px;}
footer .footer_block > div > * .csc-textpic{position:absolute;bottom:25px;}
footer .footer_block *{font-size:16px;color:#575756;line-height:18px;}
footer .footer_block a{text-decoration:none;}
footer .footer_block h1{margin:0 0 10px 0;font-size:20px;}
footer .footer_block ul{padding:0;margin:0;}
footer .footer_block p,
footer .footer_block li{display:block;margin:5px 0;}
footer .footer_copy_links{padding: 12.5px 0; margin: 0 auto;}

footer .footer_copy_links  a:hover{color:#ee7000;}
footer .footer_copy_links p{margin:0;}
footer .footer_copy_links ul{margin:25px 0 0 0;text-align:center;}
footer .footer_copy_links ul li{display:inline;margin:0 75px;}
footer .footer_copy_links ul li a{font-size:18px;}

/* Cookie Layer */
.startOuter {position: fixed!important;margin-top:20px;width: 100%;z-index: 100;height: 100%;background-color: transparent!important;}
.startLayer {width:80%; height: 80%;max-width: 1100px;max-height: 700px;margin: auto;background-color:rgba(255,255,255,.9);text-align: center;padding-top: 40px;}
.startLayer .ce-gallery {display: inline-block;margin:auto;margin-top: 50px;}
.startLayer H1 {font-weight: bold;line-height: 1.2em;margin-bottom: 0;}
.startLayer P {margin-bottom:10px;margin-top:24px;}
.startLayer A {color: #007757;text-decoration: none;font-weight: bold;margin: 20px 0;display: block;}
.startLayer li {line-height: 1.2em;/*display:inline;margin-right: 50px;*/color: #007757;font-weight: bold;}
.startLayer li:last-child {margin-right: 0!important;}
.startLayer ul {list-style-type: none;text-align: center;}
.startLayer H2 { color: #007757;font-weight: bold;margin-top: 22px;}
.popupLang {clear: both;margin-top:100px;}
.popupLang A {color: #9d9d9c;font-family: 'meta';}

/* Login */
.loginLang {float:left;}
.loginLang A {color: #007757;font-size: 20px;}

/* language */
header .inner_wrap .langMenu::after {}
header .inner_wrap .langMenu {z-index:9999;float:left;}
header .inner_wrap .langMenu li {float: left;margin-right: 0!important;}
header .inner_wrap .langMenu li:before {content: "|";margin:0 25px;}
header .inner_wrap .langMenu li:first-child:before {content: none;margin:0;}

header .inner_wrap .loginLang {float: right; padding: 58px 50px 0 0px;}

/* Startseite - Layout 3 */
/* Login */
.loginMenu , .page-layout-1 .loginMenu {float:none;}

/* language */
header .inner_wrap .langMenu ,.page-layout-1 header .inner_wrap .langMenu {z-index:9999;float:none;}


/* Startseite - Gastronomie */
/* Login */
.Gastronomie .loginMenu {float:none;}

/* language 
.Gastronomie header .inner_wrap .langMenu {z-index:9999;float:none;}
.Gastronomie header .inner_wrap .langMenu li:first-child:before {content: " "!important;margin-right: -25px;}
.Gastronomie header .inner_wrap .loginLang {display: block;right: 380px;top: 57px;position:absolute!important;}
*/
/* ProvePointBalken */
.provePoint{position:relative;background-color:#0B5D18;}
.provePoint::after {content: "";width: 0;height: 0;border-left: 60px solid transparent;border-right: 60px solid transparent;border-top: 36px solid #0B5D18;position: absolute;bottom:-36px;left: 50%;margin-left: -60px;}
.provePoint > div{width:60%;margin:0 auto;padding:32px 0;}
.provePoint > div > div{width:20%;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;}
.provePoint > div > div:nth-child(1){float:left;}
.provePoint > div > div:nth-child(2){float:right;}
.provePoint > div > div:nth-child(3){margin:0 auto;}
.provePoint h2{margin-top:10px;}
.provePoint h2,
.provePoint p{color:#ffffff;text-align:center;}

/* IP ecoInform */
.ProdBox {width: 49.5%; display: inline-block;border-bottom: 1px solid #007757;padding-bottom: 20px;margin-bottom: 20px;}
.ProdBox > div {display:table-cell; vertical-align:bottom;     position: relative;}
.ProdBox h2 {margin-top: 18px;margin-bottom: 10px;color: #007757;}
.prodText{width:100%; text-align: left}
.prodImg{width:100%; text-align: right}
.prodGroup .ProdBox:nth-child(even) {padding-left:100px;}
.prodGroup .ProdBox:nth-child(odd){padding-right:100px;}


.prodText H2 a,.ip_ecoinform_detail .prodText H1 {font-size: 36px; font-family: 'metacaps';}
a.newslink{color:#0b5d18}
.ip_ecoinform_detail .slogan {margin-bottom: 30px;display: block;}
.ip_ecoinform_detail P {margin-bottom: 20px;}
.ip_ecoinform_detail .colored {color: #007757;}
.ip_ecoinform_detail H1 {color: #007757;}
.ip_ecoinform_detail .prodImg {text-align:left;}
.ip_ecoinform_detail .prodText {width:100%}
.productView {border-bottom: 1px solid #007757;padding: 20px 0 20px 0;}
.fancybox-outer iframe body {background-color: #ffffff!important;}

.flex-caption  >div{font-size:36px;}

/* Formulare */
.frame-type-felogin_login input, .frame-type-form_formframework input {border: 1px solid #b2b2b2;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;width: 300px;}
.frame-type-form_formframework textarea {border: 1px solid #b2b2b2;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;width: 300px;}
.frame-type-form_formframework li {margin-bottom: 10px!important;}
.frame-type-felogin_login input[type=submit], .frame-type-form_formframework label {float: left;width: 13em;margin-right: 1em;vertical-align: baseline;}
.frame-type-form_formframework .form-group{margin-bottom: 10px;}
.frame-type-form_formframework h2 {display: none;}
.frame-type-felogin_login input[type=submit] {padding: 10px; max-width:180px; background-color: #77ba41}
 .frame-type-felogin_login label,  .frame-type-felogin_login input[type=submit] {margin: 10px 0;display: block;}
 .frame-type-felogin_login input {display: block;}
body > picture {position: fixed; width: 100%;}

/* Suche */
.tx-indexedsearch-browsebox li {float: left; margin-right: 10px;}
.tx-indexedsearch-res {clear: both;}
.tx-indexedsearch-res {width: 100%;overflow-y: auto;margin: 3em 0 1em;line-height: 1.65em;border-bottom: 1px solid #0B5D18;
border-collapse: collapse;
text-align: left;position: relative;}
.tx-indexedsearch-percent {position: absolute;right: 0;}
.tx-indexedsearch-form, .tx-indexedsearch-search-submit {float: left;}
.Suche .tx-indexedsearch-searchbox-sword {margin-left: 30px;margin-right: 30px;}
#tx_indexedsearch label,#tx_indexedsearch .tx-indexedsearch-search-submit {display: none;}
.Suche #tx_indexedsearch label,.Suche #tx_indexedsearch .tx-indexedsearch-search-submit {display: initial;}

.page-layout-4 .content > .wrapper  > .frame-default  {max-width:790px;}
.page-layout-4 .content > .wrapper  > .layout-16  {max-width:790px;}

.csc-frame-rulerBefore{border-top:1px solid #0B5D18}

/* Tabellen */


table {
	max-width:100%;

}

table, td, tr, th {
	border-bottom:1px solid #0B5D18;
	border-collapse: collapse;
	text-align: left;
}

td, tr, th {
	padding:1em;

}
thead tr{background-color: #0b5d18; color: #ffffff;}
td.td-0{min-width:280px;}
tbody tr.tr-even{background-color:rgba(255,255,255,.3)}
th {
    font-size: 22px;
		line-height: 1.65em;
}
td {line-height: 1.65em;}
.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
  line-height: 1.65em;
}

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}

.content .wrapper .frame-default .ce-bodytext div > ul > li {margin-left: 20px;    margin-bottom: .5em;}
.content .wrapper .frame-default .ce-bodytext div > ul > li:before{ color:#007757; content: "\2022";position: absolute;margin-left: -15px;}

.content .wrapper .frame-default .ce-bodytext > ul > li {margin-left: 20px;    margin-bottom: .5em;}
.content .wrapper .frame-default .ce-bodytext > ul > li:before{ color:#007757; content: "\2022";position: absolute;margin-left: -15px;}

.content footer .bodytext a:after ,.content .wrapper footer .frame-default > ul > li:before{content:none;}
.page-layout-2 .wrapper > div {margin-top:50px}
.page-layout-2 .wrapper > div.frame-type-header {margin-top: 0;}
.page-layout-2 .wrapper > div:first-child {margin-top:0}
.page-layout-2 .wrapper > div.slider + div {margin-top:0}

.footer_copy_links *{
	font-size: 16px;
    color: #575756;
    line-height: 18px;
}

.ce-textpic.ce-intext.ce-nowrap {display: flex;}
.ce-textpic.ce-right.ce-intext.ce-nowrap {flex-direction: row-reverse;}
.ce-textpic.ce-right .ce-gallery .ce-row .ce-column {margin: 0 0 10px 50px;}