@font-face {font-display: auto;font-family: 'Adelle-Light';src: url('webfonts/2370A4_0_0.eot');src: url('webfonts/2370A4_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2370A4_0_0.woff') format('woff'),url('webfonts/2370A4_0_0.ttf') format('truetype');}


@font-face {font-display: auto;font-family: 'Adelle-SemiBold';src: url('webfonts/2370A4_1_0.eot');src: url('webfonts/2370A4_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2370A4_1_0.woff') 
format('woff'),url('webfonts/2370A4_1_0.ttf') format('truetype');}



@font-face {
  font-display: auto;
  font-family: "SourceSansPro";
  font-style: normal;
  font-weight: 200;
  src: local("SourceSansPro"), url(/fonts/SourceSansPro/SourceSansPro-ExtraLight.ttf) format("truetype");
}
@font-face {
  font-display: auto;
  font-family: "SourceSansPro";
  font-style: italic;
  font-weight: 200;
  src: local("SourceSansPro"), url(/fonts/SourceSansPro/SourceSansPro-ExtraLightItalic.ttf) format("truetype");
}
@font-face {
  font-display: auto;
  font-family: "SourceSansPro";
  font-style: normal;
  font-weight: 300;
  src: local("SourceSansPro"), url(/fonts/SourceSansPro/SourceSansPro-Light.ttf) format("truetype");
}
@font-face {
  font-display: auto;
  font-family: "SourceSansPro";
  font-style: italic;
  font-weight: 300;
  src: local("SourceSansPro"), url(/fonts/SourceSansPro/SourceSansPro-LightItalic.ttf) format("truetype");
}
@font-face {
  font-display: auto;
  font-family: "SourceSansPro";
  font-style: normal;
  font-weight: normal;
  src: local("SourceSansPro"), url(/fonts/SourceSansPro/SourceSansPro-Regular.ttf) format("truetype");
}
@font-face {
  font-display: auto;
  font-family: "SourceSansPro";
  font-style: italic;
  font-weight: normal;
  src: local("SourceSansPro"), url(/fonts/SourceSansPro/SourceSansPro-Italic.ttf) format("truetype");
}
@font-face {
  font-display: auto;
  font-family: "SourceSansPro";
  font-style: normal;
  font-weight: 600;
  src: local("Work Sans"), url(/fonts/SourceSansPro/SourceSansPro-SemiBold.ttf) format("truetype");
}
@font-face {
  font-display: auto;
  font-family: "SourceSansPro";
  font-style: italic;
  font-weight: 600;
  src: local("Work Sans"), url(/fonts/SourceSansPro/SourceSansPro-SemiBoldItalic.ttf) format("truetype");
}
@font-face {
  font-display: auto;
  font-family: "SourceSansPro";
  font-style: normal;
  font-weight: bold;
  src: local("Work Sans"), url(/fonts/SourceSansPro/SourceSansPro-Bold.ttf) format("truetype");
}
@font-face {
  font-display: auto;
  font-family: "SourceSansPro";
  font-style: italic;
  font-weight: bold;
  src: local("Work Sans"), url(/fonts/SourceSansPro/SourceSansPro-BoldItalic.ttf) format("truetype");
}
@font-face {
  font-display: auto;
  font-family: "SourceSansPro";
  font-style: normal;
  font-weight: 900;
  src: local("Work Sans"), url(/fonts/SourceSansPro/SourceSansPro-Black.ttf) format("truetype");
}
@font-face {
  font-display: auto;
  font-family: "SourceSansPro";
  font-style: italic;
  font-weight: 900;
  src: local("Work Sans"), url(/fonts/SourceSansPro/SourceSansPro-BlackItalic.ttf) format("truetype");
}
h1{
  font-family: Adelle-SemiBold;
  font-size: 35px;
  line-height: 38px;
  color:#333;
}
h2{
  font-family: Adelle-SemiBold;
  font-size: 22px;
  line-height: 23px;
  color:#333;
}
h3{
  font-family: Adelle-SemiBold;
  font-size: 17px;
  line-height: 23px;
  color:#333;
}
.start{
  width: 960px;
}
.start_left{
  vertical-align: top;
  color: #333;
  font-family: Adelle-Light;
  width: 340px;
  padding-left: 0px;
  padding-right: 60px;
  display: inline-block;
}
.start_left h1{
  font-size: 40px;
}
.start_left ul{
  /*list-style-image: url(/images/front/li.png);*/
  list-style-type: none;
}
.c_text .start_left ul{
  padding-left: 30px;
}
.c_text .start_left ul li{
  margin-bottom: 10px;
}
.c_text .start_left ul li:before{
  display: block;
  content: " ";
  background-image: url(/images/front/li.png);
  background-repeat: no-repeat;
  height: 40px;
  width: 30px;
  position: absolute;
  left: auto;
  margin-left: -30px;
}
.start_link img{
  max-width: 100%;
}
.c_news_item img{
  max-height: 400px;
  max-width: 200px;
}
.naturland_item img{
  float: right!important;
  margin: 0px!important;
}
.c_news_item .subtitle{
  color: #123;
  font-family: Adelle-SemiBold;
}
.c_news_item .cn_content_wrap{
  display: flex;
}
.c_quelle:before{
  content: "Quelle: ";
}
.c_quelle{
  font-size: 12px;
  font-style: italic;
  text-align: right;
  clear: both;
  padding-top: 6px;
}
.c_quelle:empty{
  display: none;
}
.c_news_item .cn_content_wrap .text{
  display: inline-block;
  padding-right: 15px;
}
.c_news_item .cn_content_wrap .bild{
  display: inline-block;
}
.gapAfter{
  margin-bottom: 8px;
}
.gapBefore{
  margin-top: 8px;
}
.start_left li{
  margin-top: 10px;
}

.start_right{
  position: relative;
  z-index: 2;
  vertical-align: top;
  display: inline-block;
  width: 500px;
  height: 400px;
}
.start_right .np_bg{
  display: block;
  position: absolute;
  width: 500px;
  height: 400px;
  left: -70px;
  top: -22px;

  background-image:url('/images/front/start_np_bg.png');
  background-repeat: no-repeat;
  z-index: 2;
}
html{
  font-family:SourceSansPro;
  font-size:12px;
  background: #4daf48;
  padding:0;
  margin:0 auto;
  width:100%;
  background:#6eaa24;
  overflow-y:scroll;
  /*   background: -webkit-gradient(radial, center center, 0, center center, 460, from(#4daf48), to(#2d8f28)); */
  background:#fff;
  background-size: cover;
  background-attachment: fixed;
}
body{
  width:100%;
  padding:0;
  margin:0px;
}
html *{
  outline:none;
}
button{
  min-width:45px;
}
#page_title{
  display:none;
}
#infoBox,.infoBox{
  padding:20px;
  padding-top:5px;
  background-color:#fff;
  z-index:1000;
  border:5px solid #f97d35;
  box-shadow:0px 0px 15px #000;
}
.infoBoxText{
  padding:4px;
  padding-top:6px;
}
/*p{
margin-top:3px;
margin-bottom:2px;
}*/
.impressum_bottom{
  display:none;
  font-size:9px;
  float:right;
  position:relative;
  bottom:15px;
  right:3px;
  color:#fff;
  line-height:8px;
}
.impressum_bottom span{
/*   border-bottom:dotted 1px #6eaa24; */
  
}
.logout1{
  cursor:pointer;
  float:right;
  position:relative;
  bottom:15px;
  right:5px;
  color:#aaa;
}
.logout0{
  display:none;
}
.close{
  width:16px;
  height:16px;
  background-image:url('/images/close.png');
  cursor:pointer;
  float:right;
}
#error{
  color:red;
  font-weight:bold;
}
.message{
  font-weight:bold;
  font-size:16px;
  display:block;
  max-width: 980px;
  margin: 0 auto;
  margin-top: 20px;
}
.message .suchwort{
  color: #AFD507;
}
.beta{
  font-family:Adelle-Light,serif;
  font-size:22px;
  font-weight:bold;
  position:relative;
  top:65px;
  left:243px;
  color:#9f181c;
}
#body{
  /*   display:none; */
}
.loginButton {
    position: fixed;
    right: 0;
    top: 80px;
    z-index: 100;
    font-size: 18px;
    background-color: white;
    padding: 14px 24px;
    color: #AFD507;
    border: 2px solid grey;
    border-radius: 10px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
    cursor: pointer;
}
#scrollTop {
  cursor: pointer;
  text-align: center;
  position: fixed;
  top: calc(100% - 90px);
  right: 1%;
  z-index: 100;
}
#scrollTop .top {
  display: inline-block;
  width: 4em;
  height: 4em;
  border: 0.5em solid #AFD507;
  border-radius: 50%;
  background-color: white;
}

#scrollTop .top:after {
  content: '';
  display: inline-block;
  margin-top: 1.4em;
  width: 1.4em;
  height: 1.4em;
  border-top: 0.5em solid #AFD507;
  border-right: 0.5em solid #AFD507;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#taDiv{
  position:absolute;
  margin-left:1px;
  margin-bottom:-3px;
  width:312px;
  z-index:100;
  
}
#locTaDiv{
  position:absolute;
  margin-left:1px;
  margin-bottom:-3px;
  font-size:11px;
  width:273px;
  z-index:100;
  
}
.taDiv{
  /*   border:2px solid #4c0f4e; */
  padding:6px;
  
  
  background:#efefef;
  -moz-box-shadow:0px 5px 20px #000;
  -webkit-box-shadow:0px 5px 20px #000;
  box-shadow:0px 5px 20px #000;  
}
.taDiv div{
  padding:2px;
  /*   background:-webkit-linear-gradient(top, rgba(255,255,255,0.8) , rgba(255,255,255,0.2)); */
  color:#000;
  cursor:pointer;
  cursor:hand;
}
.taDiv div:hover,div.taActive{
  background:#4c0f4e;
  color:#fff!important;
  /*   font-weight:bold; */
}

.header{
  display:block;
  font-size: 24px;
  color: #fff;
  width:980px;
  height:150px;
  margin-bottom:-1px;
  padding-top: 50px;
  margin: 0 auto;
  transition: all 1s;
  position: relative;
  left: 32px;
}
/*html[data-uri^="/Neuprodukte"] .search_pager:before{
  content: 'Neuprodukte';
  display: block;
  width: 980px;
  margin: 0 auto;
  font-weight: 700;
  font-size: 36px;
  font-family: Adelle-Semibold;
}*/
html[data-uri="/"] .header{
  height:180px;
}
.sub_menu{
  border: none;
  position: absolute;
  width: 100%;
  /*top:200px;*/
  top:-30px;
  z-index: 2;
  margin: 0 auto;
  /*white-space: nowrap;*/
  /*margin-left: calc(100vw - 515px);*/
}
.sub_header{
  position: relative;
  top: 0px;
  width:880px;
  margin: 0 auto;
  padding-right:100px;
  height: 22px;
  border-top: 1px solid #ccc;
  text-align: right;
}
.sub_menu .sub_header {
  border-top: 0px;
}
html[data-uri="/"] .sub_header{
  display: none;
}
.sub_header a{
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  padding-left:3px;
  padding-right:3px;
  font-size: 14px;
  line-height: 22px;
  background-color:rgba(255,255,255,0.9);
}
.sub_header a.act{
  font-weight: bold;
}
.head_wrap{
  width:100%;
  box-shadow: 0px 4px 4px #777;
  position: relative;
  z-index: 1;
}
.header a{
  font-family: Adelle-SemiBold;
  vertical-align: top;
  display: inline-block;
  height: 142px;
  width: 142px;
  line-height: 142px;
  font-size: 18px;
  text-align: center;
  background-color:#efefef;
  margin-right: 15px;
  color: #fff;
}
.header .produkte{
  background-color: #EC3D12;
}
.header .verbraucher{
  background-color: #9f181c;
  
}
.header .haendler{
  background-color: #EC685F;
  
}
.header .hersteller{
  background-color: #7369A5;
  
}
.header .logo{
  background-color:transparent;
  background-image:url('/images/front/logo.png');
  background-size: contain;
  background-repeat:no-repeat;
  height: 141px;
  width: 200px;
  transition: all 1s;
}
.header a.act:after{
  background-image:url('/images/front/headeract.png');
  z-index:3;
  display:block;
  position:relative;
  content:" ";
  left:55px;
  top:-18px;
  width:32px;
  height:18px;
}
html[data-uri="/"] .header .logo{
  height: 171px;

}
.search_pager{
  width: 980px;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 10px;
}
.search_pager .search {
}
.search_wrap{
  position: relative;
  background-image:url('/images/front/search_wrap.jpg');
  height: auto;
  transition: all 1s;
  /*overflow: hidden;*/
}
.search h1{
  font-weight: 300;
}
.ts_wrap{
  width: 950px;
  margin: 0 auto;
  text-align: right;
}
html[data-uri="/"] .toggleSearch{
  display: none;
}
.toggleSearch{
  display: inline-block;
  color: #000;

  background-image: url(/images/front/lupe.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 2px;
  width: 20px;
  height: 24px;
}
html[data-uri="/"] .search_wrap{
  height: 240px;
}
.search_wrap .headline,html[data-mod="content"] .search_wrap .t_suche{
  display: none;
}
html[data-uri="/"] .search_wrap .t_suche{
  display: block;
}
html[data-uri="/"] .search_wrap .headline{
  display: block;
  font-family: Adelle-Light;
  font-size: 36px;
  font-weight: 900;
  max-width: 980px;
  margin:0 auto;
  color: #fff;
  text-align: center;
}
.headline{
  padding-top: 10px;
}

.layout{
  /*min-height:780px;*/
}
.bold{
  font-weight:bold;
}
.abs{
  position:absolute;
}
.t_view div{
  font-weight:bold;
  color:#fff;
  line-height:22px;
  
  cursor:pointer;
}

.t_view input{
  margin:0;
  padding:0;
  margin-right:3px;
  vertical-align:top;
}
.t_view .act,.al_aktiv{
  color:#232!important;
}
.view_4058{
  display:block;
}
.view_item span{
  display:inline-block;
  padding:1px;
  width:2px;
  height:2px;
  margin-right:4px;
  background-color:#fff;
  border:3px solid #fff;
}
.act span{
  background-color:#333;
}
.view button{
  cursor:pointer;
  
  width:50px;
  height:50px;
  /*   padding:6px; */
  text-decoration:none;
  display:inline-block;
  /*  background-image: -webkit-gradient(linear, left top, left bottom, from(#4daf48),to(#86e681));
  background-image: -moz-linear-gradient(#4daf48, #86e681 );*/
  -moz-box-shadow:0px 0px 10px #88ba20;
  -webkit-box-shadow:0px 0px 10px #88ba20;
  box-shadow:0px 0px 10px #88ba20;
  color:#777;
  background:#f7f7f7;
  border:1px solid #fff;
  
  /*   margin-bottom:10px; */
  background-repeat:no-repeat;
  background-position:center;
}
.view .lkw{
  background-image:url(/images/front/lkw.png);
}
.view .muetze{
  background-image:url(/images/front/muetze.png);
}
.view .familie{
  background-image:url(/images/front/familie.png);
}
.view button:hover{
  border:1px solid #88ba20;
  -moz-box-shadow:0px 0px 4px #88ba20;
  -webkit-box-shadow:0px 0px 4px #88ba20;
  box-shadow:0px 0px 4px #88ba20;
  text-decoration:none;
}

.top{
  width: 980px;
  margin: 0 auto;
}
.left{
  display:block;
  width: 980px;
  margin: 0 auto;
}
#last{
  margin-top:10px;

}
#content{
  position:relative;
  width: 100%;
  display:block;
  /*padding:10px;*/
  padding-left: 0px;
  padding-top:0px;
  min-height: calc(100vh - 300px);
}
#content_wrap,.content_title{
  color:#555;
}
#content{
  box-shadow:0px 0px 10px #fff;
  background-color:#fff;
}
.header_img_wrap{
  margin: 0 auto;
  max-height: 385px;
  overflow: hidden;
}
.header_img_wrap img{
  width: 100vw;
}
#headerslider_liste img{
  cursor: pointer;
}
/*.c_item.c_type_1{
  float: right;
  width: 300px;
}*/
.c_item{
  margin-bottom: 20px;
}
.c_item.c_type_1{
  float: right;
  clear: right;
  width: 300px;
}
.c_item.c_type_0{
  width: 600px;
  float: left;
  clear:left; 
}
.slItem img{
  display: block ;
  margin: 0 auto ;
}
.subrow_left{
  width: 600px;
  float: left;
  clear:left;   
}
.subrow_left.ct1l_0{ /*no postit*/
  width: 950px;
}
.subrow_left.ct1l_0 .c_item.c_type_0{
  width: 950px;
}
.subrow_right{
  float: right;
  clear: right;
  width: 300px;  
}
.c_item.c_type_1 .content_title{
  background: #AFD506;
  color:#fff;
  display: inline-block;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 20px;
}
.c_item.c_type_1 .c_text{
  background-image: url(/images/front/postit_bg.jpg);
  padding: 20px;
  margin-top: -25px;
  color: #000;
}
.c_item.c_type_1:after{
  content: " ";
  display: block;
  background-image: url(/images/front/eco_blatt.png);
  transform: scaleX(-1);
  width: 59px;
  height: 59px;
  text-align: center;
  position: relative;
  bottom: 30px;
  left: 150px;
}

.right{
  width:100%;
  display:inline-block;
  /*border:1px solid red;*/
}
.left,#content,.right{
  border:none;
  vertical-align:top; 
  /*   margin-right:-3px; */
}
.tile,.tile2,.tile_small{
  
  /*   letter-spacing:-0.3px; */
  width:130px;
  height:130px;
  position: relative;
  display:inline-block;
  color:#fff;
  vertical-align:top;
  padding:10px;
  margin:0px;
  margin-right:7px;
  margin-bottom:10px;
}
.t_suche{
  display: block;
  position: static;
  padding-top: 10px;
  padding-bottom: 10px;

  width: 980px;
  color: #444;
  height: 30px;
  padding-bottom: 30px;
  margin:0 auto;
  transition: all 1s;
}
.filter_wrap{
  display: none;
}
html[data-mod="content"][data-uri="/"] .filter_wrap,html[data-mod="liste"] .filter_wrap,html[data-mod="content"][data-uri="/filter"] .filter_wrap  {
  display: block;
}
.filter_wrap{
  width: 980px;
  margin:0 auto;
  font-size: 0px;
  padding-top: 10px;
  padding-bottom: 10px;

}
.filter_wrap > div{
  cursor: pointer;
  font-size: 16px;
  margin-left: 23px;
  display: inline-block;
  background: transparent;
  width: 206px;
  padding-left: 10px;
  height: 30px;
  color: #408804;
  text-align: left;
  line-height: 30px;
  border: 1px solid #408804;
  transition: all 0.4s;
}
.filter_wrap > div.active{
  background: #fff;
}
.filter_wrap > div:before{
  position: absolute;
  margin-left: 190px;
  content: '\203a';
  display: inline;
  font-size: 36px;
  color: #408804;
  transform: rotate(90deg);
}
.filter_wrap > div:first-child{
  margin-left: 0px;
}
.tile_small{
  height:30px;
  margin-bottom:0px;
}
.t_text{
  position: absolute;
  bottom:10px;
  line-height:16px;
  color:#fff;
}
.t_aktuell .t_text{
  bottom:9px;
  left:9px;
}
.t_b{
  display:block;
  font-weight:bold;
}
.t_start{
  background-color:#6eaa24;
}
.last{
  margin-left:9px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.last a{
  display: inline-block;
  flex-basis: 230px;
  justify-content: space-between;
  height:260px;
  
  margin-bottom:10px;
/*  background-size:50% auto;*/
  overflow:hidden;
  vertical-align:bottom;
  position:relative;
  background-color:#fff;
  box-shadow: 0px 0px 40px #ddd;
  margin-right:10px;
  text-align:center;

}
.last .img{
  max-width:100%;
  max-height:100%;
  margin-top:8px;
  /*background-size:contain;
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:center;
  display: block;*/
  text-align:center;
}
.last span.name{
  color:#444;
  padding-left:1px;
  font-size:16px;
  padding: 5px;
  font-weight:normal;
  display: block;
  text-align: center;
  background: rgba(255,255,255,0.8);

}
.t_hersteller{
  background-color:#7369a5;
}
.t_haendler{
  background-color:#ec695f;
}
.t_onlineshop{
  background-color:#74b5bb;
}
.t_aktuell,.t_links{
  width:128px;
  height:128px;
  margin-right:8px;
  font-weight:bold;
  word-break: break-word;
  /*box-shadow: 0px 0px 1px #ccc;*/
}
html[data-uri="/"] .t_aktuell{
  border: 1px solid #aaa;
}

.t_aktuell.as{
  position: absolute;
  top:0px;
  right: 0px;
  border: none;
  box-shadow: 0px 0px 40px #ddd;
}
.t_aktuell .bg{
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  height:110px;
  width:128px;
}
.ta_neu{
  display:block;
  width:32px;
  height:20px;
  padding-top:10px;
  padding-left:3px;
  position:relative;
  bottom:30px;
  left:10px;
  background-color:#6eaa24;
  color:#fff;
}
.t_aktuell a,.t_links a{
  color:#444;
}
.t_aktuell a{
  padding-top:100px;
  padding-right:80px;
}
.t_links a{
  display:block;
}
.t_bnbs{
  background-color:#ec3d12;
}
.t_bnbs a{
  padding-right:10px;
  
}
.t_partner{
  background-color:#9f181c;
}

.t_ecofoto{
  background-image:url('/images/front/ecofoto.jpg');
  background-repeat:no-repeat;
  background-position:40px 20px;
  border:1px solid #888;
  width:128px;
  height:128px;
}
.t_ecofoto a{
  color:#6eac23;
}
.ts_ecofoto{
  background-color:#6eac23;
}
.t_view{
  background-color:#f97d35;
  margin-bottom:0px;
  vertical-align: top;
  overflow: hidden;
}
.dvi3:after{
  content: '\26bf';
  font-size: 20px;
  font-weight: normal;
  margin-left: 10px;
}
#fsearch{
  display: inline-block;
  line-height: 35px;
  vertical-align: middle; 
}
html[data-uri="/"] #fsearch{
}

::-webkit-input-placeholder{
  color:#444;
}
::-ms-input-placeholder {
  color:#444;
}
::-moz-placeholder{
  color:#444;
}
.t_suche input{
  background-image:url('/images/front/lupe.png');
  background-position: 5px center;
  background-repeat: no-repeat;

}
.t_suche input{
  height:30px;
  background-color: #fff;
  border: none;
  height: 38px;
  font-size: 14px;
  width:780px;
  padding-left: 36px;
  display: inline-block;
  color: #444;
  vertical-align: top;
}
.link.search{
  height: 40px;
  width: 124px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  background-color: #55be0c;
  color: #fff;
  position: relative;
}
.link.search:before{
  content:'Suchen';
  font-size: 18px;
  position: relative;
  font-weight: bold;
  line-height: 38px;
}
.prod_infos{
  display: inline-block;
  position: static;
  color: #444;
  width: 130px;
  height: 30px;
  margin-left:-20px;
  vertical-align: middle;
  background-color: #6eaa24;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 3px;

}
.prod_infos span{
  line-height: 30px;
}
.left_wg{
  height:auto;
  padding-top:8px;
  width: 980px;
  margin: 0 auto;
}
.lsm{
  display:none;
}
.left_wg a,.lsm a{
  display:inline-block;
  padding:10px;
  width: 130px;
  height: 30px;
  vertical-align: top;
  font-size:12px; 
  margin-bottom:7px;
  margin-right: 7px;
  color:#fff;
}

.lsm_3 a{
  background-color: #7369a5;
}
.lsm_6 a{
  background-color: #ec695f;
}
.lsm_7 a{
  background-color: #74b5bb;
}


.left_wg{
}
.left_wg a{
  background-color: #6eaa24;
  color: #fff;
}

#view{
  display: inline-block;
  vertical-align: middle;
}
.lsm{
  padding-top:10px;
}
.cl{
  clear:both;
  font-size:1px;
  height:0px;
}
#filter{
  height: 48px;
  overflow: hidden;
  transition: all 1s;
}
#filter:hover{
  background: #fff;
  padding-left: 5px;
  padding-right: 5px;
  height: 300px;
  border: 1px solid #ccc!important;
}
#filter div{
  font-size:10px;
  min-height:18px;
  line-height:11px;
}
#filter .fname{
  /*   float:left; */
  display:inline-block;
  vertical-align:bottom;
  width:80px;
  margin-top:3px;
  color:#444;
  
}

#filter h3{
  margin:0;
  padding:0;
  margin-top:10px;
  font-size:12px;
  font-weight:normal;
  color:#333;
  background:url('/images/up_down.png') no-repeat right center;
  /*   background:#efefef; */
  
}
#filter div,#filter h3{
  cursor:pointer;
  cursor:hand;
  
}
.filter,.filter_selected{
  max-height:300px;
  overflow:auto;
}
.filter div.filterelement,#selectedItems div,.filter_selected div{
  background:#fff;
  padding:3px;
  /*   background:url('/images/haken.png') right center no-repeat; */
}
.fs_wrap{
  display: block;
  margin-top: 10px;
}
.filtergroup{
  padding-left: 2px;
  font-weight: bold;
  cursor: auto;
}
.filterelement{
  margin-bottom: 1px;
  clear: both;
  cursor: pointer;
  padding-left: 6px;
}
.filterelement:hover{
  background-color:#eeffee;
}
.filterelement.disabled{
  background-color:#ccc; 
  cursor: default;
  font-style:italic;
}
.fanzahl{
  padding-left:2px;
  padding-right:2px;
  padding-top:2px;
}
.filterWrap{
}

.filterBlock{
  position: absolute;
  background: #fff;
  z-index: 3;
  line-height: 18px;
  font-size: 14px;
  margin-left: -11px;
  max-height: 380px;
  width: 216px;
  border: 1px solid;
  display: block;
  overflow: auto;
  overflow-x: hidden;

}
/*.filterBlock.filterMarke:before{
  content: "Marke";
}
.filterBlock.filterWg:before{
  content: "Warengruppe";
}
.filterBlock.filterQu:before{
  content: "Qualität";
}*/

.fs_type_mrk:before{
  content: "Marke";
  font-size: 8px;
  position: absolute;
  margin-top: -7px;

}
.fs_type_wg:before{
  content: "Warengruppe";
  font-size: 8px;
  position: absolute;
  margin-top: -7px;
}
.fs_type_al:before{
  content: "ohne";
  font-size: 8px;
  position: absolute;
  margin-top: -7px;
}
.fs_type_qu:after,.fs_type_al:after,.fs_type_diaet:after,
.fs_type_mrk:after,.fs_type_wg:after,.fs_type_pwg:after {
  content: '\2a2f';
  font-size: 24px;
  font-weight: normal;
  margin-left: 2px;
  line-height: 13px;
  display:inline-block;
  vertical-align: top;
}
.subTitle{
  display:none;
  color:#fff;
  font-weight:bold;
}
#selectedItems .subTitle{
  display:inline;
}
#selectedItems{
  min-height:-10px;
}
#selectedItems .fanzahl{
  margin-right:15px;
}
#selectedItems .sci img{
  display:none;
}

#filter .b{
  font-weight:bold;
  font-size:11px;
  margin-top:10px;
  color:#555;
  background:#fff;
}
#filter input{
  margin:0;
  padding:0;
}
.fs_wrap button{
  display:inline-block;
  background-color:transparent;
  color:#408804;
  border: 1px solid #408804;
  border-radius: 16px;
  /*min-width: 80px;*/
  padding-left: 15px;
  padding-right: 15px;
  opacity: 0.7;
  white-space: nowrap;
  overflow: hidden;
}
.fs_wrap button.filter_clear{
  background: #fff;
  color:#408804;
  opacity: 1;
  border-color: #fff;
}
.fs_wrap button.filter_selected{
  opacity: 1;
}
b.filterTitle{
  display:block;
  font-size:11px; 
  padding:5px;
  padding-right:0px;
  margin-left:2px;
  margin-right:2px;
  padding-bottom:1px;
  color:#444;
}
.allergiefilter{
  cursor:pointer;
  margin-top:10px;
  line-height:40px;
/*   padding-left:5px; */
  color:#fff;
}

.link{
  cursor:hand;
  cursor:pointer;
}
.link_deco{
  color:#f97d35;
  font-weight:bold;
  cursor:pointer;
}
.fussnoten{
  margin-top:2px;
  font-size:10px;
  font-style:italic;
}
.al_legende{
  margin-top:20px;
  font-size:10px;
  font-style:italic;
}
form{
  margin:0;padding:0
}
a{
  color:#123;
  text-decoration:none;
}
#dialog a{
  text-decoration:underline; 
}
.pager{
  padding:7px;
  padding-left:0px;
  padding-right:0px;
  padding-top:3px;
  /*   width:280px; */
  /*letter-spacing:-1pt;*/
  margin-top:12px;
  margin-bottom:12px;
}
button{
  border:none;
  padding:0;
  margin:0;
}
button,.button{
  cursor:pointer;
  background-color:#f97d35;
  padding:8px;
  padding-left:14px;
  padding-right:14px;
  color:white;
  font-weight:bold;
  margin-right:4px;
  font-weight: 700;
  font-size: 13px;
}
.pager span{
  color: #AFD507;
  padding:10px;
  font-size: 14px;
}
.myecoinform .button{
  padding:1px;
  padding-left:4px;
  padding-right:4px;
}
div.myecoinform{
  margin:8px;
  padding:4px;
  line-height:20px;
  border:2px solid #6eaa24;
  display:inline-block;
}
span.act{
  color:black;
}
#loading{
  background-image:url('/images/loading.gif');
  background-repeat:no-repeat;
  width:32px;
  height:32px;
  position:absolute;
  top:45%;
  left:45%;
  z-index:2000;
  -moz-box-shadow:0px 0px 30px #000;
  -webkit-box-shadow:0px 0px 30px #000;
  box-shadow:0px 0px 30px #000;
  opacity:0.8;
}

.suche{
  border:2px solid #99f;
  
  
  margin-bottom:10px;
  background-color:#fff;
  width:270px;
}

#det_img{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  margin:0 auto;
  background-image:url('/images/bg5.png');
  text-align:center;
  z-index:10;
}
#det_img img{
  margin-top:10px;
  border:none;
  background-image:url('/images/bg.png');
  padding:5px;
  max-height:calc(100vh - 30px);
  max-width:calc(100vw - 30px);
}
.suche_submit{
  background-color:#418bd4;
  color:white;
  border:none;
  height:25px;
  font-size:12px;
  font-weight:bold;
}
.rootline{
  position:relative;
  text-align:left;
  margin-bottom: 10px;
  margin-top: 5px;
  /*   font-weight:bold; */
}
html[data-uri="/"] .rootline{
  display: none;
}
.rl_wrap{
  width:980px;
  font-size: 16px;
  margin: 0 auto;
}
.content .pager{
  /*float:right;*/
  text-align: center;

}
.rootline,.rootline a{
  color:#555;
}
.rootline a{
  display: inline-block;
  /*border-left: 1px solid #AFD507;*/
  border-left: 1px solid #55be0c;
  /*color: #AFD507;*/
  color: #55be0c;
  margin: 5px 0;
  padding: 0 10px;
}
.rootline a:first-child {
  border-left: unset;
  margin-left: 0px;
  padding-left: 0px;
}
.goBack a{
  color: #55be0c;
}
h3{
}
.inner_wrap{
  
  
}
.bildernavi.content{
  margin-top: 10px;
  /*margin-left: 9px;*/
}
.bnc_wrap,.produktliste.inner_wrap,.marken{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.marken,.produkt{
  margin-left: 9px;
}
.markenreiter_liste .marken{
  opacity: 0;
}
.bn_item,.pl_item,.mrk_item,.partner_item{
  display:inline-block;
  flex-basis: 152px;
  justify-content: space-between;
  height:200px;
  overflow:hidden;
  background-color:#fff;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top:0px;
  position:relative;
}
.pl_item{
  flex-basis: 470px;
  border: 1px solid #ccc;
}
.bn_item .img,.pl_item .img{
  background-repeat:no-repeat;
  background-position:center center;
  display:block;
  text-align:center;
  height:139px;
  margin-top:5px;
  
}
.bn_item .img,.pl_item .img{
  margin-right:10px;
  display:block;
  height:140px;
  background-size:contain;
  background-position: center bottom;
}
.bn_item .img{
  border: 1px solid #ccc;
}
.simple .ap_bild {
  top: 30px;
}
.simple .bn_item .img{
  border: 0;
  padding-top: 95px;
  margin-top: 50px;
  margin-right: 50px;
}
.start_right .simple .np_bg {
  left: 38px;
  top: 45px;
  height: 290px;
  cursor: pointer; ;
}
.simple .bx-viewport {
  height: 340px !important;
}
.simple {
  margin-top: 0px;
  padding-left: 0px;
}
.produktelistereiter_liste.simple .bx-wrapper .bx-controls-direction a {
    margin-top: 127px;
}
.simple .bx-prev{
  margin-left: 115px;
}
.simple .bx-next{
  margin-right: 172px;
}
.simple .bx-wrapper .bx-prev:after, .simple .bx-wrapper .bx-next:after{
  font-size: 50px;
}
.simple .bx-wrapper .bx-pager {
  right: 30px;
}
.simple .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #AFD507 !important;
}
.simple .bx-wrapper .bx-pager.bx-default-pager a.active, 
.simple .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background-color: #55be0c !important;
}
@media (max-width: 979px) {
  .simple .bn_item .img{
    padding-top: 0px;
    margin-right: 20px;
  }
  .start_right .simple .np_bg {
    position: absolute;
    left: 6%;
    top: 5px;
    width: 97%;
    max-height: 246px
  }
  .start_right{
    height: 300px;
  }
  .simple .bx-viewport {
    height: 250px !important;
  }
  .simple .bx-viewport a span {
    max-height: 170px;
  }
  .simple .bx-wrapper .bx-pager {
    right: 10px;
  }
  .simple .bx-wrapper .bx-controls-direction a {
    margin-top: 83px !important;
  }
  .simple .bx-prev{
    margin-left: 35px;
  }
  .simple .bx-next{
    margin-right: 55px;
  }
}

.marken .bn_item .img{
  background-position: center center; 
}
.marken .bn_item{
  min-height:180px;
}
.pl_item_inner .mrk_bild,.filter .mrk_bild{
  display:inline-block;
  height:26px;
  width:40px;
  float: left;
  margin-right:8px;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
}
#filter .mrk_bild{
  height:18px;
  width:26px;
  margin-right:4px;
  background-position:center;
  margin-top:-1px;
}
.mrk_bild.sci{
  display: inline-block;
  width: 30px;
}
.produktliste{
  /*   margin-top:-9px; */
}
.bn_item .name{
  font-weight: 300;
  display:block;
  font-size:13px;
  height:60px;
  overflow:hidden;
  bottom:0px;
  text-align: center;
/*   padding-left:2px; */
}

.rc_item{
  display:block;
  float:left;
  width:128px;
  height:100px;
  border:1px solid #aaa;
  font-size:10px;
/*   line-height:11px; */
  margin-bottom:10px;
  padding:10px;
  background-repeat:no-repeat;
  background-position:50% 10%;
}
.rc_name{
  display:table-cell;
  height:100px;
  width:100%;
  line-height:10px;
  vertical-align:bottom;
/*   text-align:center; */
}
.rc_name span{
  background-color:rgba(255,255,255,0.9);
  display:block;
  box-shadow:0px 0px 5px #fff;
  padding:3px;
  border-radius:3px;
}
.rc_artikelnr{
  margin-top:10px;
}

.bez_item{
  color:#333;
  font-size:11px;
  margin-bottom:10px;
  padding-left:8px;

}
.bez_item .frm_name1{
  color: #55be0c;
}
.bez_head{
  background:#f97d35;
  padding:10px;
  color:#fff;
  margin-bottom:10px;
}
.bq_head{
  padding-top:3px;padding-bottom:7px;height:12px;margin-bottom:15px;
}
#map_wrap{
  position:absolute;
  width:680px;
  height:80%;
  top:20px;
  margin-left:5px;
  margin-right:100px;
  display:none;
  background:#fff;
  border:2px solid rgb(110, 110, 110);
  border-top-width:25px;
  z-index:100;
  box-shadow:4px 5px 15px #000;
}
#map_canvas{
  background:#fff;
  width:680px; 
  height:100%;
}
#map_buttons{
  position:relative;
  bottom:24px;
}
#map_buttons button{
  margin:0px;
}
#directionsPanel{
  position:absolute;
  display:none;
  background:#fff;
  width:680px;
  height:90%;
  margin-top:20px;
  z-index:100;
  overflow:auto;
}
#map_adress{
  position:absolute;
  display:none;
  background:#fff;
  width:680px;
  height:90%;
  margin-top:20px;
  z-index:100;
  overflow:auto;
}
.mapAddress input{
  border:1px solid #aaa;
  width:200px;
}
#eigendarstellung{
  display:none;
  background:#fff;
  width:660px;
  padding-left:10px;
  padding-right:10px;
  padding-top:5%;
  z-index:100;
  overflow:auto;
}
.map_close{
  position:relative;
  bottom:19px;
  left:662px;
  z-index:1;
  cursor:pointer;
}
#locInput{
  margin-top:10px;
  margin-bottom:10px;
  height:18px;
  border:none;
  width:95%;
}
.loc_name{
  font-size:10px;
  line-height:11px;
}
.bez_item .frm_name1{
  font-weight:600;
}
.verf_dist{

}
.verfuegbarkeit{
  position:absolute;
}
.verfuegbarkeit div{
  position:relative;
  border-radius:4px;
  padding:4px;
  right:10px;
  top:2px;
}
.verfuegbarkeit .v1{
  background-color:#6eaa24;
}
.verfuegbarkeit .v2{
  background-color:#fcd53c;
}
.bez_item div{
  cursor:pointer;
}
.bez_item{
  border-bottom:1px dotted #eee;
}
.frm_name1{
/*   clear:left; */
}
.frm_logo{
  float:right;
  position:relative;
  bottom:10px;
  width:30px;
  min-height:0px;
/*   border:1px solid #efefef; */
  margin-top:15px;
  min-height:20px;
}
.frm_logo img{
  width:100%;
  height:0%;
}
.frm_adresse{
  font-size:10px;
}
.nutzungLadensuche{
  position:absolute;
  font-size:12px;
  font-weight:normal;
}
.bn_title{
  display:none;
  font-size: 36px;
  width: 980px;
  margin:0 auto;
}
.h2_4058{
  /*font-size:18px;*/
  font-weight:bold;
  clear:both;
  display:block;
  margin-top:6px;
  margin-bottom:12px;
}
.markenreiter,.produktereiter{
  width:980px;
  margin: 0 auto;
}
#partnerreiter_liste,#markenreiter_liste,.markenreiter_liste,.produktelistereiter_liste{
  min-width: 200px;
  max-width: 1600px;
  min-height: 230px;
  margin: 0 auto;
  margin-top:15px;;
  padding-left:20px;
}
.produktelistereiter_liste{
  opacity: 0;
}
@media (max-width: 980px){
  #partnerreiter_liste,#markenreiter_liste,.markenreiter_liste,.produktelistereiter_liste {
    padding-left:0px;
  }
}

/*#markenreiter_liste a{
  display:block;
  float:left;
}*/
/*#markenreiter_liste .bx-pager{
  text-align: center;
}
#markenreiter_liste .bx-controls-direction{
  margin-top: 0px;
  font-size: 24px;
}
#markenreiter_liste .bx-controls-direction .bx-prev{
  margin-left: -10px;
}*/
#partnerreiter_liste .bx-wrapper .bx-controls-direction a,
#markenreiter_liste .bx-wrapper .bx-controls-direction a,
.markenreiter_liste .bx-wrapper .bx-controls-direction a,
.produktelistereiter_liste .bx-wrapper .bx-controls-direction a{
  margin-top: -50px;
}
#partnerreiter_liste .bx-wrapper .bx-controls-direction a:after,
#markenreiter_liste .bx-wrapper .bx-controls-direction a:after,
.markenreiter_liste .bx-wrapper .bx-controls-direction a:after,
.produktelistereiter_liste .bx-wrapper .bx-controls-direction a:after{
  background:rgba(255,255,255,0.8);
  color: #AFD507;
}
#partnerreiter_liste .bx-wrapper .bx-controls-direction .bx-next,
#markenreiter_liste .bx-wrapper .bx-controls-direction .bx-next,
#partnerreiter_liste .bx-wrapper .bx-controls-direction .bx-next,
.markenreiter_liste .bx-wrapper .bx-controls-direction .bx-next{
  right: 16px;
}
.produktelistereiter_liste .bx-wrapper .bx-controls-direction .bx-next {
  right: 6px;
}
#partnerreiter_liste .bx-wrapper .bx-pager,
#markenreiter_liste .bx-wrapper .bx-pager,
.markenreiter_liste .bx-wrapper .bx-pager,
.produktelistereiter_liste .bx-wrapper .bx-pager{
  color: #AFD507;
  font-size:12px;
  font-family: SourceSansPro;
  font-weight: normal;
}
.textalign{
  text-align: center;
}
.header_img_wrap .bx-wrapper .bx-controls-direction a{
  top: 40%;
}
.header_img_wrap .bx-wrapper .bx-controls-direction a:after{
  color: #AFD507;
}
.c_item .bx-wrapper .bx-controls-direction a:after{
  color: #AFD507;
}
@media (max-width: 980px){
  .bx-wrapper .bx-prev:after, .bx-wrapper .bx-next:after {
    font-size: 72px;
    line-height: 60px;
  }
}
.pl_item {
  height: 165px;
  padding-top: 10px;
}
.pl_item .textWrap{
  width: 340px;
  display: inline-block;
}
.pl_item .textWrap span{
  display: block;
}
.pl_item .img{
  width: 100px;
  display: inline-block;
  vertical-align: top;
}
.pl_item .name{
  text-align: left;
  display:inline-block;
  font-size:16px;
  color:#555;
  /*height: 60px;*/
  height: 40px; /* JIRA ECO-91 zweizeilig=45, einzeilig=25*/ 
  overflow: hidden;
}
.pl_item .mrk_name{
  font-size:16px;
  height: 20px;
  white-space: nowrap;
}
.pl_item span.q_img{
  display:inline-block;
  height:20px;
}
.sci img{
  vertical-align:middle;
  max-height:100%;
  max-width:80px;
  border:none;
}
.pl_item_inner{
  display:block;
  height:100px;
  background-repeat:no-repeat;
  background-position:right top;
}

.p_bild{
  width: 400px;
  text-align: center;
  margin-bottom: 30px;
}
.bez_wrap{
  text-align: left;
  float: right;
}
.p_name{
  margin-top:5px;
  font-weight:bold;
  font-family: Adelle-SemiBold;
  /*   width:80px; */
}
.detail_head .p_name{
  font-size: 36px;
  font-weight:bold;
  color: #4E4E4C;
}
.detail_head .mrk_name{
  font-size: 16px;
  color: #55be0c;
}
.detail_head .SLOGAN{
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
}
.pdf_link{
/*   position:absolute; */
  margin-top:15px;
  display:block;
}
#begleitprodukte{
  width: 980px;
  margin: 0 auto;
}
.detail{
  /*border:1px solid #999;*/
  margin-bottom:5px;
  width: 980px;
  margin: 0 auto;
  min-height: 80vh;
}
.detail_head_right{
  /*   position:relative; */
  /*   left:10px; */
  /*   padding-right:10px; */
  background-color:#fff;
  margin-top: 10px;
  margin-bottom: 10px;
}
.detail_head{
  padding:3px;
  margin-top:10px;
  /*background-color:#f9f9f9;*/
  /*   border:1px solid #dfdfdf; */
}
.ks_val_{
  display:none;
}
.SLOGAN{
  font-size:14px;
  font-weight: 300;
  height: 60px;
  overflow-y: hidden; /* JIRA ECO-91 */
}
.detail .SLOGAN { 
  height: unset; 
  padding-bottom: 2px;
}
.qualitaet{
}
.qualitaet img{
  height: 30px;
}
.detail_head .qualitaet img{
  height: 40px;
}
.detail .qualitaet{
  position: static;
  padding-bottom: 20px;
}
.q_img.sci img{
  max-width: unset;
  max-height: unset;
}

.dtable{
  width:100%;
  margin-top:5px;
}
.dtable td{
  padding:2px;
  font-size:11px;
}
.dkey td{
  background-image:url('/images/det_grad.png');
  background-image: -moz-linear-gradient(left , #e1e1e1 10%, #eaeaea 50%, #f3f3f3 90%);
  background-image: -webkit-linear-gradient(left , #e1e1e1 10%, #eaeaea 50%, #f3f3f3 90%);
  color:#555;
  margin-top:10px;
  font-size:16px;
}
.dval td{
  color:#555;
  padding-top:4px;
  padding-bottom:5px;
  max-width:457px;
  word-wrap: break-word;
  /*   border:1px solid #e5e5e5; */
  
}
.dtable .dkey td,.mval td{
  background:none;
}
.div_tval{
  display:block;
  padding-top:2px;
  padding-bottom:2px;
}
/*.div_tval:nth-child(even){
  background-color:#f4f4f4;
}*/
.wri_35:before{
  margin-top: 15px;
  margin-bottom: 5px;
  display: block;
  content: "Produkteigenschaften";
  font-size: 22px;
  line-height: 23px;
  color:#333;
}
}
.tv_name{
  display:inline-block;
  width:175px;
  vertical-align:top;
}
.div_tval.mid_32 .meinheit{
  display: none;
}
.meinheit{
  display: inline-block;
  margin-left: 3px;
}
.tv_name.wrmod_4{
  display: none;
}
.dtable.wrmod_8 {
  cursor: pointer;
  border-top: 1px solid #eee;
}
.dtable.wrmod_8 .dval{
  /* display none wird per Javascript gesetzt zwecks SEO */
  /*display: none;*/
}
.dtable.wrmod_8 .dkey::after { 
  content: '\2304';
  color: #7cac1b;
  float: right;
  margin-top: -5px;
}
.dtable.wrmod_8 .dkey.empty{
  color: #ccc;
}
.dtable.wrmod_8 .dkey.empty::after {
  color: #ccc;
}
.dtable.wrmod_8 .dkey.open::after { 
  content: '\2303';
  color: #7cac1b;
  margin-top: 4px;
}
.dtable.wrmod_8 .dkey.empty.open::after { 
  color: #ccc;
}
span.mval{
  display:inline-block;
  margin-right: -2px;
  vertical-align:top;
  white-space: pre-line;
}
span.mval img{
  vertical-align:top;
  position: relative;
  bottom: 14px;
}
.div_tval:after{
  /*content:',';*/
  margin-right: 2px;
}
.div_tval:last-child:after{
  /*content:'.';*/
}
.mtable td{
  border:none;
}
  .mtable .dkey td{
    padding:0px;
    padding-left:2px;
    padding-right:2px;
    border-bottom:1px dotted #aaa;
    background-color:#f7f7f7;
    color:#777;
}
.mitem{
  float:left;
  margin-left:4px;
  margin-bottom:4px;
  background:#f7f7f7;
}
.mkey td{
  background-color:#eee;
}
.mval td{
  background-color:#efefef;
}
.nichtinProduktion,.nichtenthalten{
  color:#4daf48;
}
.enthalten{
  color:#dc2b25;
}

.diaet_nein{
  display:none;
}
.diaet_ja{
  float:left;
  border:1px solid #ccc;
  padding:3px;
  padding-right:15px;
  margin-right:4px;
  margin-bottom:3px;
  background:url('/images/haken.png') no-repeat;
  background-color:#6eaa24;
  background-position:97% 50%;
  color:#fff;
  border:none;
}
.c_item{
  padding:4px;
  /*   margin-bottom:10px; */
     
}

.c_image{
  float:right;
  margin-left:10px;
  margin-bottom:10px;
  margin-top:15px;
}
.c_text{
  font-size: 16px;
  line-height: 23px;
  font-weight: 300;
  color: #000;
}
.c_text ul{
  padding-inline-start:11px;
}
.c_text ol{
  padding-inline-start:15px;
}
.c_text ul {
  list-style: none;
}
.c_text ul li:before {
  content: "-";
  display: inline-block;
  position: relative;
  width: 0px;
  left: -10px;
}

.c_text .start_left  li:before {
  content: "";
}

.c_text p,.c_text ul,.content_title{
  
}
.content_wrap{
  max-width: 960px;
  margin: 0 auto;
}
.content_title{
  font-weight:normal;
  font-size:18px;
  margin-top: 10px;
  margin-bottom: 10px;
  color:#333;
}
.c_text a,.partner_detail a{
  color:#f97d35;
  font-weight:400;
}



.partner_title{
  clear:both;
  font-size:14px;
  font-weight:bold;
  margin:10px;
  padding-top:20px;
}
.partner_title a{
  background:none;
}
.partner a{
  padding:0px;
  
  color:#444;
}
.partner_item,.mrk_item{
  /*float:left;*/
  border: 1px solid #ccc;
  height:150px;
  width: 155px;
  padding-top:2px;
  /*   padding-top:60px; */
  line-height:11px;
  overflow:hidden;
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:center;
  display:inline-block;
  vertical-align:bottom;
  position:relative;
}
.partner_name{
  display:none;
  position:absolute;
  top:70px;
  background:#efefef;
  /*   margin-top:15px; */
  padding:10px;
  color:#f97d35;
  width:320px;
  height:40px;
  font-size:14px;
  
  font-weight:bold;
  -moz-box-shadow:0px 5px 20px #000;
  -webkit-box-shadow:0px 5px 20px #000;
  box-shadow:0px 5px 20px #000;
}
.par_frm_name1{
  display:block;
  text-align:center;
  background:-webkit-linear-gradient(top, rgba(255,255,255,0.8) , rgba(255,255,255,0.2));
}
.marken span.par_frm_name1{
  text-align:center;
}
a.partner_item{
  text-align:center;
  font-size:11px;
  font-weight:normal;
}
#partner_detail{
  position:fixed;
  /*  width:830px; */
  padding-top:20px;
  _position:absolute;
  /*   margin:0 auto; */
  
  
  
  border:5px solid #ccc;
  background-color:white;
  z-index:1000;
  
  /*  width:630px;
  height:400px;
  overflow:auto;*/
}
.partner_detail_inner{
  padding-top:20px;
  /*   width:830px; */
  height:600px;
  overflow:auto;
}
.close_pdetail{
  position:relative;
  bottom:20px;
}


a.aktuelles{
  background-repeat:no-repeat;
  background-position:center center;
  display:block;
}
.aktuelles .name{
  margin-top:5px;
  color:#777;
  line-height:11px;
}
.ap_bild{
  height:300px;
  width:300px;
  background-size: contain;
  background-position: center center;
  position: relative;
  left: 70px;
  top: 50px;
  z-index: 1;

}
.nid_32 .c_item{
  font-size:16px;
  border-bottom:1px solid #ccc;
  color:#777;
}
.nid_32 div{
  cursor:pointer;
}
.nid_32 .c_item:hover{
  background-image: linear-gradient(top, rgba(220,220,220,0.8) 4%, rgba(250,250,250,0.8) 62%, rgba(240,240,240,0.6) 96%);
  background-image: -webkit-linear-gradient(top, rgba(220,220,220,0.8) 4%, rgba(250,250,250,0.8) 62%, rgba(240,240,240,0.6) 96%);
  background-image: -moz-linear-gradient(top, rgba(220,220,220,0.8) 4%, rgba(250,250,250,0.8) 62%, rgba(240,240,240,0.6) 96%);
  background-image: -o-linear-gradient(top, rgba(220,220,220,0.8) 4%, rgba(250,250,250,0.8) 62%, rgba(240,240,240,0.6) 96%);
  background-image: -ms-linear-gradient(top, rgba(220,220,220,0.8) 4%, rgba(250,250,250,0.8) 62%, rgba(240,240,240,0.6) 96%);
}
.nid_32 .c_text p{
  width:480px;
  /*   text-align:justify; */
}
.partner_detail{
  /*   font-size:14px; */
  color:#444;
  width: 980px;
  max-width: 100%;
  margin: 0 auto;
}

.partner_detail .frm_name1{
  font-size:24px;
  margin-bottom:3px;
}
.partner_detail .frm_strasse{
  margin-bottom:10px;
}
.partner_detail .frm_plz{
  margin-bottom:10px;
}
.partner_detail .doks .dok{
  vertical-align:top;
  text-align:center;
  display:inline-block;
  border:1px solid #ddd;
  border-radius:2px;
  margin:5px;
  min-height:20px;
  min-width:20px;
}
.partner_detail .doks .dok a[href$='.pdf']{
  background:inherit;
  margin:0;
  padding:0;
}

.t_view{
  /*   display:none; */
}

.allergie_wrap,.loginGH{
  background:#6eaa24;
  margin-top:1px;
  padding:10px;
  position:fixed;
  margin:0 auto;
  top:128px;
  width:580px;
  height:330px;
  margin-left:242px;
  
}
.allergie{
  background:#fff;
  width:100%;
  height:100%;
}
.loginGH{
  width:340px;
  height:200px;
}
.loginGH .label{
  display:inline-block;
  width:70px;
}
.loginGH_form{
  background:#fff;
  padding:20px;
  height:160px;
}
.loginGH input{
  background:#cfb2c6;
  color:#005;
  border:1px inset #efefef;
  font-weight:bold;
  width:150px;
}
.loginGH input[type="checkbox"]{
  width:auto;
}
.loginGH input:hover{
  border-left-color:#aaa;
  border-top-color:#aaa;
  border-right-color:#fff;
  border-bottom-color:#fff;
}
.loginGH .login{
  color:#f97d35;
  font-weight:bold;
  cursor:pointer;
  display:inline;
  float:right;
  margin-top:4px;
  margin-right:20px;
}
.allergie_block{
  float:left;
  font-size:10px;
  padding:10px;
  margin:5px;
  background-color:#efefef;
  
  max-height:244px;
  width:150px;
  overflow-y:auto;
}
.allergie_block input{
  margin:1px;
  padding:0;
  vertical-align:bottom;
}
.al_title{
  font-size:11px;
  font-weight:bold;
  margin:3px;
  width:130px;
}

.inner_wrap.view_ .wri_13,
.inner_wrap.view_ .wri_15,
.inner_wrap.view_ .wri_17,
.inner_wrap.view_1 .wri_13,
.inner_wrap.view_1 .wri_15,
.inner_wrap.view_1 .wri_17
{
  display: none;
}
.pnInList{
  /*text-align: center;
  margin-bottom: 10px;*/
  position:fixed;
  top:350px;
  width:980px;
}
.backToList{
  /*derzeit deaktiviert*/
}
.nextProdInList,.prevProdInList{
  z-index: 3;
  cursor:pointer;
  position:absolute;
  display:block;

  background: rgba(255,255,255,0.8);
  color: #AFD507;
  font-family: 'FontAwesome';
  text-indent: 0px;
  font-size: 72px;
  font-weight: normal;
  width: 36px;
  height: 64px;
  line-height: 60px;
  text-align: center;
}
.prevProdInList{
  left:-36px;
}
.nextProdInList{
  right:-36px;
}
.prevProdInList:after{
  content: '\f104';
}
.nextProdInList:after{
  content: '\f105';
}



.folder{
  display:block;
  float:left;
  background-image:url('/images/folder.png');
  background-repeat:no-repeat;
  background-position:10px 10px;
  width:128px;
  height:120px;
  /*   line-height:210px; */
  padding:10px;
  color:#444;
  /*   vertical-align:bottom; */
  
}
.folder span{
  margin-top:93px;
  display:block;
  height:14px;
  background-color:#e4f2fe;
  border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  padding:3px;
  text-align:center;
  vertical-align:bottom;
}
.folder:hover{
  background-color:#ddd;
  border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  
}
.preview{
  display:block;
  float:left;
  width:200px;
  height:132px;
  margin:5px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  background-color:#efefef;
  border:1px solid #ddd;
  border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}
.pv_big{
  width:370px;
  height:247px;
}
.upl_img{
  vertical-align: middle;
  margin-left:10px;
  margin-right:10px;
  border-radius: 90px;
  clear: both;
  margin-bottom:60px;
}
.nid_20 strong{
  display: block;
  clear: both;
  margin-top: 30px;
  padding-bottom: 30px;
}
.team_item .upl_img{
  float: left;
}
/*BEGIN_FONT_SHADOW*/
/*.tile,.tile2,.tile_small{
  text-shadow: 0px 0px 1.5pt rgba(222,222,222,0.5);
}
.left_wg,.left_sub_menu,.t_links,.t_aktuell,#filter{
  text-shadow: 0px 0px 1.5pt rgba(111,111,111,0.6);
}
.t_ecofoto{
  text-shadow: 0px 0px 1.5pt rgba(110, 170, 36,0.5);
}*/
/*END_FONT_SHADOW*/



.tile,.tile2,.tile_small,.left_wg,.left_sub_menu{
  font-size-adjust: 0.47;

/*   font-family:ABeeZee; */
/*   font-family:Lora; */
  
  font-size:12px;
}


.mobile_menu{
  display:none;
}
.plink a{
  font-weight:bold;
  display:block;
  margin-bottom:7px;
  color:#555;
  line-height: 12px;
}
.plink a:hover{
  text-decoration:underline;
}

.dokumente:before{
  content:'Dokumente';
  font-size:16px;
  color:#555;
  margin-bottom:5px;
  display:block;
}
.dokumente{
  margin-top:15px;
}
.footer:before{
  content: " ";
  display: block;
  clear: both;
}
.footer{
  text-align: center;
  background: #f6f7f1;
}
.footer a{
  display: inline-block;
  vertical-align: middle;
  margin: 15px;
  margin-left: 20px;
  color:#333;
  font-weight: 300;
}
/* Cookie Hinweis Begin */
div.datenschutz_div{
  z-index:12;
  padding:5px;
  /*display:none!important;*/
  position:fixed;
  left: 0px;
  top:0px;
  display:block;
  width:calc(100% - 10px);
  height:30px;
  background:#fff;
  border-bottom:1px solid #eee;
  font-size:14px;
  line-height: 30px;
}
.datenschutz_div button{
  float:right;
}
.datenschutz_div a,.datenschutz_div span{
  vertical-align: middle;
  line-height: 30px;
}
.datenschutz_div a{
  display:inline-block;
  color:blue;
  vertical-align:middle;
  text-decoration: underline;
  font-weight: bold;
}
div.datenschutz_div.ac_1{
  display:none!important;
}

/* Cookie Hinweis Ende */


.shops_wrap td{
  display: block;

}
@media (max-width: 1340px){
  .header{
    font-size: 22px;
  }
  .right{
    top:10px;
  }

}
@media (max-width: 1200px){
  .header{
    font-size: 16px;
  }
}
@media (max-width: 1100px){
  html[data-uri="/"] #fsearch{
    margin-left: 20px;
  }

  #fsearch{
    /*margin-left: -11px;*/
  }
}

@media (min-width: 980px){
  .team_item{
    width: 430px;
    display: inline-block;
    vertical-align: top;
    height: 220px;
    margin-bottom: 2px;
    transition: all 1.2s;
  }
  .team_item:hover{
    background: #f7f7f7;
  }
  .nid_20 .c_item.c_type_0{
    width: 980px;
  }
  /*.wg_4058{
    width: 980px;
    margin: 0 auto;
    justify-content: left;
  }*/


}


.detail .flex-container {
  display: flex;
}
.detail .flex-item {
  width: 50%;
}
.detail .flex-item-11 {
  width: 50%;
  padding-right: 10px;
  margin-bottom: 40px;
}
.detail .flex-item-12 {
  width: 50%;
}
.detail .flex-container-2{
  display: flex;
  flex-direction: column;
}
.detail .flex-container-3 {
  display: flex;
}
.detail .flex-item-31 {
  margin-left: 10px;
  margin-right: 10px;
  width: 220px;
}
.detail .flex-item-32 {
  width: 180px;
  margin-left: 10px;
}
.detail .bez_wrap {
  width: unset;
  text-align: left;
  float: unset;
}
.detail .flex-container .dtable {
  font-family: SourceSansPro;
  font-size: 12px;
  /*color: #555;*/
}
.detail .flex-container .dtable > div{
  padding:2px;
  font-size:11px;
}
.detail .flex-container .dtable .dkey {
  font-size: 18px;
  font-weight: 400;
}
.detail .flex-container .dtable .dval {
  font-size: 15px;
  font-weight: 300;
}
.detail .flex-container .flex-item-31 .dtable .dval{
  font-size: 13px;
}
.flex-item-31 .tv_name{
  width: 120px;
}
.detail .flex-container .bez_wrap {
  width: unset;
}
.detail .flex-container .frm_logo {
  margin-top: unset;
}
.detail .mehrMarke {
  /*color: #7cac1b;*/
  color: #afd507;
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
}
.detail .flex-container .bez_head {
  /*background-color: #7cac1b;*/
  background-color: #55be0c;
  color: #fff;
}
.detail .flex-container div.myecoinform {
  margin:unset;
  padding:unset;
  line-height:unset;
  border:unset;
  display:inline-block;
}
.detail .flex-container div.myecoinform .title,.detail .bezugsquellen{
  font-size: 18px;
  font-family: SourceSansPro;
  color: #333;
  font-weight: 400;
}
.detail .flex-container div.myecoinform .link {
  text-decoration: underline;
  padding-left: 2px;
  padding-right: 2px;
  color: #999;
}
.detail .flex-container div.myecoinform .active {
  color: #000;
  font-weight: 400;
}
.center {
  display: block;
  text-align: center;
}

/*.h2_4058, */
.search_pager {
  font-size: 22pt;
  font-family: SourceSansPro;
  font-weight: 400;
}
.rootline, .goBack{
  font-size: 14px;
  /*margin-bottom: 24px;*/
}

.bg1 {
  background: url(/images/front/bg1.jpg) no-repeat;
  background-size: cover;
}
.bg1 .c_text:before{
  content: " ";
  display: inline-block;
  background-image: url(/images/front/eco_blatt.png);
  width: 59px;
  height: 59px;
  position: absolute;
  margin-top: -60px;
  margin-left: 700px;
}

.content_wrap {
  max-width: unset;
}
.content_fix {
  max-width: 960px;
  margin: 0 auto;
}
.content_full .c_item.c_type_0 {
  padding: 0px;
  width: 100%;
}
.content_full .c_text{
  width: 950px;
  margin: 0 auto;
  padding-top: 20px;
}
.content_full .content_title{
  width: 950px;
  margin: 10px auto 0 auto;
}
@media only screen and (max-width: 1200px) {
  .bg1 .icon:before{ 
    top: -50px;
  }
}


/*LoginHandel NEW BEGIN*/
#containerLoginGH {
  z-index: 1;
}
.neuzugang {
  margin-top: 20px;
  margin-bottom: 20px;
}
.pwdVergessen {
  margin-top: 30px;
}
.pwdVergessen div {
  margin-top: 20px;
  margin-bottom: 20px;
}
.loginGH_header {
  cursor: move;
}
.loginGH_header div {
  background-color: #afd507;
  color: white;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  display: inline-block;
  min-width: 80%;
  margin-left: 20px;
}
.loginGH{
  background-color: white;
  height:470px;
  width: 260px;
  color: #555;
  font-size: 16px;
  margin-left: 35vw;
}
.loginGH_form{
  background-image: url(/images/front/bg1.jpg);
  height:380px;
  padding-bottom: 0px;
  margin-top: -20px;
  padding-top: 30px;
}
.loginGH:after {
    content: " ";
    display: block;
    background-image: url(/images/front/eco_blatt.png);
    transform: scaleX(-1);
    width: 59px;
    height: 59px;
    text-align: center;
    position: relative;
    bottom: 30px;
    left: 150px;
}
.loginGH .login {
  float: none;
  color: white;
  display: inline-block;
  margin-top: 15px;
}
.loginGH input {
  background: transparent;
  border: 2px solid #afd507;
  font-weight: bold;
  width: 210px;
  line-height: 1.5;
}
.loginGH input:hover{
  border-color: #afd507;
  background-color: white;
}
.checkboxcontainer {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  font-size: 13px;
  padding-top: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: bold;
}
.checkboxcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #afd507;
}
.checkboxcontainer:hover input ~ .checkmark {
  background-color: white;
}
.checkboxcontainer input:checked ~ .checkmark {
  background-color: #afd507;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkboxcontainer input:checked ~ .checkmark:after {
  display: block;
}
.checkboxcontainer .checkmark:after {
  left: 9px;
  left: 7px;
  top: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*LoginHandel NEW END*/




/*MOBILE*/
@media (max-width: 979px){
  div.datenschutz_div{
    background: #fff;
    height: 100px;
    position: relative;
  }
  .toggleMenu{
    position: absolute;
    margin-top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
    z-index: 5;
  }
  .toggleMenu:before{
    content: ' ';
    font-family: FontAwesome;
    content: "\f0c9";
    font-size: 24px;
    color:#404040;
  }
  .toggleSearch{
    display: block!important;
  }
  .ts_wrap{
    width: 30px;
    margin: 0px;
    text-align: right;
    position: absolute;
    top: 8px;
    right: 50px;
  }
  .left_wg,.rl_wrap,.bn_title,.markenreiter,.produktereiter,.detail, .partnerreiter{
    max-width: 100vw;
  }
  .bn_title{
    font-size: 24px;
    text-align: center;
  }
  .search_wrap{
    background-image:url('/images/front/search_wrap_mobile.jpg');
  }
  html[data-uri="/"] .search_wrap .headline{
    font-size: 24px;
  }
  .bg1 {
    background-image: url(/images/front/bg1_mobile.jpg);
  }

  .rootline{
    white-space: nowrap;
    width: 100vw;
    overflow: auto;
  }
  .pl_item{
    width: 100vw;
    margin-right: 0px;
  }
  .bn_item {
    flex-basis: calc(50vw - 10px);
    margin: 0px;
    margin-bottom: 10px;
    height: auto;
  }
  .bn_item .img{
    height: calc(50vw - 22px);
  }
  .pl_item .textWrap {
    width: calc(100% - 120px);
  }
  .p_bild{
    width: 100vw;
  }

  html[data-uri="/"] .search_wrap .headline, .content_fix,.t_suche,.start,.start_left,.start_right,.subrow_left.ct1l_0{
    max-width: calc(100vw - 20px);
  }
  .start_left{
    padding-right: 0px;
  }
  html[data-uri="/"] #fsearch{
    margin-left: 0px;
  }
  .loginButton{
    display: none;
  }
  .link.search{
    width: 100px;
  }
  .link.search:before{
    font-size: 12px;
  }
  .start_right{
    display: block;
  }
  .start_right .np_bg{
    background-size:contain;
    width: 100%;
    position: static;
  }
  .ap_bild {
    height: 60vw;
    width: 100vw;
    position: static;
  }
  .content_fix,
  .subrow_left.ct1l_0 .c_item.c_type_0,
  .header
  {
    width: 95vw;
    left: 0px;
    padding-top: 0px;
  }
  .sub_menu{
    display: none;
    position: static;
  }
  .sub_header{
    width: 100%;
    height: auto;
  }
  .sub_header a{
    display: block;
  }
  .subrow_left,.c_item.c_type_0{
    width: 100%;
  }
  .c_item{
    padding:0px;
  }
  .content_full .c_text{
    width: calc(100vw - 20px);
  }
  .t_suche input{
    width: calc(100vw - 160px);
  }
  .filter_wrap{
    width: 99%;
    padding-left: 4px;
  }
  .filter_wrap > div{
    width: calc(50vw - 22px);
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 4px;
    font-size: 11px;
  }
  .filter_wrap > div:before{
    margin-left: calc(50vw - 40px);
  }
  .head_wrap{
    height: 40px;
    box-shadow: none;
    border-bottom: 1px solid #eee;
  }
  .header{
    height: 50px;
  }
  .header .hnav_wrap{
    display: none;
  }
  .header a.act:after{
    left:-10px;
    top:-24px;
    transform: rotate(90deg);
  }
  .sub_header a{
    margin-left: 0px;
    color: #333;
    margin-bottom: -1px;
  }
  .sub_header{
    text-align:left;
  }
  html[data-uri="/"] .header{
    height: 42px;
  }
  .header .logo{
    background-image: url(/images/front/logo_mobile.png);
    width: 15px;
    height: 36px;
    margin-left: 10px;
  }
  html[data-uri="/"] .header .logo{
    height: 42px;
  }
  .header a{
    line-height: 30px;
    height: 30px;
    display: block;
    width: 100%;
  }
  html[data-uri="/"] .search_wrap .headline{
    font-size: 18px;
  }
  .bg1 .c_text:before{
    margin-left: 45%;
  }
  .prevProdInList{
    position:fixed;
    top: 50vh;
    left:0px;
  }
  .nextProdInList{
    position:fixed;
    top: 50vh;
    right:0px;
  }
  .detail .flex-container{
    display: block;
  }
  .detail .flex-container > div{
    width: 97%;
  }
  .detail .flex-container-3{
    display: block;
  }
  .detail .flex-container-3 > div{
    width: 100%;
  }

  .biopress_item .cn_content_wrap{
    display: block;
  }

}
/*Partnerslider Begin*/
.top_partnerliste .partnerrubrik_namen{
  color: #AFD507; 
  margin-right: 10px; 
  cursor: pointer;
}
.top_partnerliste .partnerliste {
  display: flex; 
  margin: 0 auto; 
  margin-top: 2mm;
}
.top_partnerliste .bn_title {
  display: block;
  width: 980px;
  margin: 0 auto;
}
.top_partnerliste #partnerreiter_liste {
  padding-left: 110px;
}
.top_partnerliste #markenreiter_liste {
  padding-left: 90px;
}
.top_partnerliste .pager {
  text-align: unset;
}
.fixWidth {
  max-width: 960px;
}
.top_partnerliste .partnerliste div {
  padding-right: 10px;
  border-right: 1px #AFD507 solid;
}
.top_partnerliste .partnerliste div:last-of-type {
  border: 0;
}
@media(max-width: 970px){
  .top_partnerliste .partnerrubrik_namen {
    margin-right: 5px;
  }
  .top_partnerliste .partnerliste{
    font-size: 14px;
  }
  .top_partnerliste .bn_title {
    display: unset;
    font-size: 24px;
    text-align: center;
    max-width: 100vw;
  } 
  .fixWidth{
    max-width: 100vw;
  }
  .top_partnerliste .partnerliste div {
    padding-right: 5px;
  }
  .top_partnerliste #partnerreiter_liste {
    padding-left: 0px;
  }
  .top_partnerliste #markenreiter_liste {
    padding-left: 0px;
  }
}
/*Partnerslider End*/