/** Shopify CDN: Minification failed

Line 1111:4 Expected "*/" to terminate multi-line comment

**/
.productgrid--item .productitem{
  border-radius:10px;
}
.productitem--price .price-main{
  color:#000000;
}
/*********************************** categories  Homepage********************************/
.cat-content{
    display: grid;
    grid-template-columns: 50% 50%;
    row-gap: 18px;
    column-gap: 18px;
}
.cat-header span{
  font-size: 1.25rem;
    font-weight: 400;
}
.cat-header{
  margin: 20px 0;
}
.cat-content .cat{
    border-radius: 4%;
    height: 180px;
  overflow:hidden;
}
.cat{
  text-align: left;
 color: #ffffff;
    font-weight: 900;
  transition: .5s;
}
.cat-content a{
  text-decoration: none;
}
.cat-text{
  line-height: 30px;
    background-color: #000;
    opacity: .6;
}
.cat-text span{
  padding-left:10px;
}
.cat:hover{
  transform: scale(1.05);
}
@media screen and (min-width:600px){
.cat-content{
  
    grid-template-columns: 33.33% 33.33% 33.33%;

}
  }
@media screen and (min-width:880px){
.cat-content{
  
    grid-template-columns: 25% 25% 25% 25%;

}
  }
@media screen and (min-width:1200px){
.cat-content{
  
    grid-template-columns: 20% 20% 20% 20% 20%;

}
  }
/**************************************  Newsletter ***********************************************/
.pxs-newsletter-content{
	background-color:#edeaed;
}

/**************************************  Highlights in Homeseite Größe Anpassung ***********************************************/
.highlights-banners-container .flickity-enabled .highlights-banners-block .highlights-banners-text{
font-size: 11px;
}
.highlights-banners-container .flickity-enabled{
	padding: 5px 10px;
}
/****************************************  Add Details Button in Collections ***************************************************/
.eco-button-secundary{
 padding:0;
  
}
.eco-styles-secondary{
	padding:0;
  	margin:0;
}
/******************* Add BuyButton in Collections-Adapt lenght of Titel(Responsive) *******************************************/
.productitem--info h2{
  min-height:62px;}
@media screen and (min-width:680px){
  .productitem--info .productitem--title{
    min-height:76px;}
  }
@media screen and (min-width:749px){
  .productitem--info .productitem--title{
    min-height:62px;}
  }
@media screen and (min-width:860px){
  .productitem--info .productitem--title{
    min-height:105px;}
  }
@media screen and (min-width:1100px){
  .productitem--info .productitem--title{
    min-height:83px;}
  }
@media screen and (min-width:1308px){
  .productitem--info .productitem--title{
    min-height:62px;}
  }


/****************************************  Add BuyButton in Collections ***************************************************/
.productitem--info .eco-styles{
  position:absolute;
  right:0;
  bottom:0;
  
}
.productitem--info .eco-styles--compare{
  position:absolute;
  right:0;
  bottom:9%;
}
.productitem--info .eco-button{
  color:#fff;
  background-color:#ffffff;
  border:none; 
}
.productitem--info .eco-button:hover{
  
  background-color:#ffffff;
  border:#ffffff; 
  opacity:.5;
}
.productitem--info .disabled.eco-button{
  
  /background-color:#b7e5c2 !important;
   
}
.yotpo-display-wrapper .yotpo-icon{
font-size:14px!important;
}
/************************************** - Blog Umstellung - ****************************************/
.article--excerpt-wrapper{
text-align:left;
}
/**************************************** Blog Seite ***************************************************/
.eco-blogs::after {
    background-image: linear-gradient( 
180deg
 , transparent 60%, rgba(0,0,0,0.5));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.eco-blogs{
 
  transition: all .2s ease-in-out;
  transform: translateZ(0);
 
}
.eco-blogs:hover {
 box-shadow: 0 7px 22px 0 rgb(0 0 0 / 22%);
transform: translate3d(0, -2px, 0);
 
}
.blog-banner--wrapper{
	margin:0 auto;
}
  .blog-banner--wrapper div{
	padding:5px;
	}
  .blog-banner--wrapper header{
	padding:0 5px;
    
	}
.blog--container{
	padding: 0 70px;
}
@media screen and (min-width:720px){
  .blog--container{
  	padding: 0 95px;
  }
}
@media screen and (min-width:1200px){
  .blog--container{
  	padding: 0 150px;
    
  }
  .blog-banner--wrapper div{
	padding:0 25px 50px 25px;
	}
    .blog-banner--wrapper header{
	padding:0 25px;
    
	}
}


.title-subtitle h1 { margin-bottom: 0; margin-top: 0; }

.title-subtitle span {
    font-weight: bold;
    color: #888;
    font-size: 1.2rem;
	}

.custom-flex--blog-2col-50 {
	border-bottom: 3px solid #FAA219;
  	display: grid;
    grid-template-columns: 50% 50%;
  	justify-content: flex-start;
}


h2.ecoSubtitle { 
  font-size: 1.3em;
  margin-top: 0;  
}


/****************************************  eigenschaften auf Produkten ***************************************************/

.small-promo-text-desktop a, 
.small-promo-text-mobile a { text-decoration: none; }

.productgrid--item{
	/*overflow:hidden; verursacht konflikt mit schnell shop button*/
}
.badge-new{
    background: rebeccapurple;
    color: #fff;
    position: absolute;
    top: 5px;
    z-index: 10;
    padding: 0px 7px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    zoom: 1;
    right: -3%;
    min-width: 21%;
    max-width: 25%;
    height: 25px;
}
.badge-new::after {
    content: "";
    position: absolute;
    z-index: -20;
    top: 100%;
    left: auto;
    border-style: solid;
    border-width: 0 0 10px 10px;
    right: 0;
    border-color: transparent rebeccapurple;
}
.badge-new::before {
  right:100%;
}

.badge-new:.after {
  left:100%;
}

a.lp-sprungmarke {
	background:url("/cdn/shop/files/etstore-sprite.png?v=1596726451") no-repeat 0 6px !important;
  	padding-left: 12px;

}
.zert-bio--false{
	display: block;
    height: auto;
    width: 12%;
}
.zert-bio--true{
	display: block;
    height: auto;
    width: 12%;
}
.wrapp-tags{
  	width:100%;
	position: absolute;
    z-index: 1;
  	margin: 5px;
}
.productgrid-listview .wrapp-tags{
  	width:35%;
	
}

/****************************************  Checkout ***************************************************/
.cart-checkout .button-primary {
    width: 50%;
}




/****************************************  APP - FREE SHIPPING ***************************************************/

#fsb_bar {
 background-color: #18c078 !important;
 border-top: 2px solid #229e69 !important;
 color: #fff !important;
 font-family: Cabin,sans-serif !important;
}

#fsb_amount, #fsb_symbol {
  color: #fff !important;
  font-family: Cabin,sans-serif !important;
  font-size: 22px !important;
  font-weight: bold;
}


/****************************************  Page - WERKSVERKAUF ***************************************************/
@keyframes zoom {
  from{
    transform: scale(1,1);
  }to{
  	transform: scale(1.05,1.05);
  }
}
#werksverkauf-cont {
	max-width: 1000px;
}
.eco-banner--wrapper img{
	width:100%;
  	//animation: zoom 4s infinite linear;

}

.eco-banner--wrapper{
	overflow:hidden;
}


/****************************************  Overlay Home-Page ***************************************************/
#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.82);
  z-index:900;
  cursor: pointer;
}

.warnung{
	color:#000 !important;
}
#header-overlay{
	max-width:1400px;
}

#text{
  width: 80%;
  height: 60%;
  overflow:auto;
  font-family: Cabin,sans-serif;
  line-height: 23px;
  border-radius:8px;
  background: #fff;
  color:#222;
  padding: 30px;
  
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 16px;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}
#header-ovelay {
 	background-color: #FAA219;
  	border-bottom: 2px solid #dc8e14;

    /* hitzeempfindlichcher Ware BAR */
    display: none;
}

#header-ovelay .titel span {
  color: #fff;
  font-size: 27px;
  margin-right: 30px;
}
#header-ovelay .titel button {
  background-color: #18c078;
  border: none;
  border-radius: 6px ;
  color: white;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  width: 120px;
  animation: pulse 2s infinite;
}


#header-ovelay .titel {
  	/*height: 60px; */
  	line-height: 60px;
	text-align: center;
}
@media screen and (min-width: 1000px){
	#text {
      
      width: 40%;
  }
}
 
/***************************************** Subscriber Formular für Werksverkauf **********************************/ 
#mc_embed_signup_scroll .clear input{
    background-color: #ffab41;
    border: 1px solid #ffab41;
    color: #183732;
}
#mc_embed_signup_scroll .clear input:hover{
    background-color: #ffb354;
    border: 1px solid #ffb354;
}
/******************************************** Contact Page *************************************************/  
.form-field-title, .form-field-textarea .form-field-title{
	top:.3rem;
}
/******************************************** Home - Custom HTML *************************************************/
.custom-flex--home{
  display: grid;
   grid-template-columns: 100%;
}
.custom-flex--page{
  display: grid;
   grid-template-columns: 100%;
}
.custom-flex--home div{
	padding:0 5px;
}
.custom-flex--page div{
	padding:0 5px;
}
.custom-html--container .home-section--title{
	font-weight:900;
}

@media screen and (min-width:560px){
  .custom-flex--home{
  	grid-template-columns: 33.3333% 33.3333% 33.3333%;
  }
	  .custom-flex--page{
  	/*grid-template-columns: 33.3333% 33.3333% 33.3333%;*/
    grid-template-columns: 50% 50%;
  }
}

.site-navigation a { padding: 12px }

/* ### 1.07.2019 ### */

@media screen and (min-width: 1024px){
	#shopify-section-1561979718038 {
      margin-top: 20px !important;
      margin-bottom: 20px !important;
  }
}
  

/******************************************** nahrwertinfo.scss *************************************************/


.table-main .header{
background: #BBACB7;
  color:white;
}
.table-row{
	display:grid;
 	grid-template-columns:36% 64% ;
	line-height:2rem;
	border-bottom: 1px solid #9C969E;
}

.table-row:hover{
	background-color: #d5ced5 ;
    color:#111;
}
.eco-content{
	margin-bottom: 50px;
}

/* Produktbeschreibung optionen Tabelle */

.table-row--variants{
	display:grid;
 	grid-template-columns:33.333% 33.333% 33.333%;
	line-height:2rem;
	border-bottom: 1px solid #9C969E;
}

.table-row--variants .column1{
margin:0 5px;
}
.table-row--variants:hover{
	background-color: #d5ced5 ;
    
  	cursor:pointer;
}
/* Nährwerttabelle für Bundle products*/
.table-main--bundle .table-row{
	display:grid;
 	grid-template-columns:40% 30% 30%;
	line-height:2rem;
	border-bottom: 1px solid #9C969E;
}
.table-main--bundle .table-row:hover{
	background-color: #d5ced5 ;
    color:#111;
}
.table-main--bundle .header{
background: #BBACB7;
  color:white;
}

/******************************************** Datamaps.world *************************************************/
.mapworld{
  display:flex;
  align-items:center;
  justify-content:center;
}
.eco-flags{
	display: flex;
    align-items: center;
    justify-content: center;
  	margin-top:-100px;
}
.flag-item{
	margin:5px;
}

#container svg{
	width:100%;
}

/******************************************** Circles nahrwertinfo.scss *************************************************/
.naehwerte--cicles{
	display:flex;
 	align-items:center;
  	justify-content:center;
  	margin-top:2em;
}
.naehwerte--cicles svg .n_circle:hover{
	fill:#DFDADE;
}
.naehwerte--cicles svg .n_circle:hover .n_text{
	stroke:#fff;
}
    
/******************************************** additional-info.scss *************************************************/
.eco-propierties{
    display: flex;
 	flex-wrap: wrap;
}

.eco-properties--item{
	border: 1px solid #000;
    margin: 5px 9px 5px 0;
    border-radius: 5%;
  text-align: center;
}

.eco-properties--item span{
	padding: 0 5px;
    color: #000;
}

.eco-item-vegan{
    
    border-color: #D3176F;
}
.eco-item-glutenfrei{
    
    border-color: #ffab41;
}
.eco-item-fair{
   
    border-color: #9c8119;
}
.eco-item-bio{
    
    border-color: #18c078;
}
.eco-item-palm{
    
    border-color: #5C891C;
}


/******************************************** eco-bold-bundle.scss *************************************************/

.bold-ro{
	margin:0!important;
}
.bold-ro__choice-header{
	padding:50px 30px 30px 30px !important;
  	text-align:center !important;
}
.bold-product__button:hover{
	border-color: rgba(127,127,127,0.5)!important;
}
.bold-product__button{
	background-color:white!important;
  	border: 1px solid rgba(127,127,127,0.3)!important;
  	color:#18c078!important;
}
.bold-product{
  	border: 1px solid rgba(127,127,127,0.16)!important;
  	box-shadow: 0 1px 4px rgba(127,127,127,0.11)!important;
}
.bold-ro__choices-save{
	line-height: 35px;
    border-radius: 3px;
    color: #183732;
    background-color: #ffab41;
    border: 1px solid #ffab41;
  	font-size: 1.125rem;
}
.bold-ro__choices-save:hover{
	background: #ffb354;
    border: 1px solid #ffb354;
}
.bold-ro__choice-actions{
	padding: 15px 0;
}
.bold-product__details{
	height:132px;
}

/******************************************** eco-details-nav.css *************************************************/

.eco-info-ingredients{
  display: grid;
  grid-template-columns: 100% ;
  
}
.eco-main--wrapper{
  display: grid;
  grid-template-columns: 100% ;
}
.eco-main--wrapper p{
	line-height:1.3125;
  
}.eco-main--wrapper li{
	line-height:1.3125;
  	margin-bottom: 1rem;
}

.eco-bullet--points{
	list-style-type:none;
  	padding-left:0 !important;
}

.eco-add--info{
	display: grid;
  	grid-template-columns: 100% ;
}

.eco-global--wrapper{
	background-color:#edeaed;
}
.eco-data-content{
	display:grid;
  	grid-template-columns:100%;
    position: relative;
    top: 15px;
}
.eco-shipping--wrapper{
	background-color:#4C3E4C;
	height:110px;
}
.shipping-icons{
	position: relative;
    margin-left: 10px;
    top: -6px;
  	color: white;
}
.material-icons{
	color:#fff;
}
.eco-bullet--points li div{
	display:flex;
  	margin-right:3px;
}
.eco-check--icon i{
	color:#18c078;
  	font-weight:900;
}
.point{
	line-height:1.3125;
}
.eco-non--top{
	margin-top:0;
}
.bullet-titel{
  	display:none;
	font-weight:900;
}
.properties-wrapper{
	display:flex;
  	margin-top: 20px;
}
.property-bild{
	margin:0 5px;
  
}
.property-titel{
	font-weight:900;
}
.eco-product--properties{
  	display:none;
	margin-top:1.75rem;
}
#sold-out{
	border-radius: 5px;
    padding: 10px;
    background-color: #edeaed;
  	margin-bottom: 20px;
}

#product-restore-email {
	margin-bottom: 10px;
}

.eco-payment--options {
  margin-top: 20px; 
}

.email-me-button { font-size: 16px !important; padding: 0 10px !important;} 


.notify-query{
  width:100%;
  margin:5px 0;
}
.notify-query--button{
  width:100%;
  margin:5px 0;
  
}

#notify-me-wrapper input[type=submit]{
  background-color: #ffab41;
  color: #000;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  
}
#notify-me-wrapper input[type=submit]:hover{
  background-color: #ffb354;
  
}

@media screen and (min-width:900px){

	.eco-info-ingredients{
  		grid-template-columns: 100%;
	}
  	.non-food{
		grid-template-columns: 100% !important;
	}  
  
  	.eco-main--wrapper{
  		grid-template-columns: 47% 47%;
      	grid-column-gap:6%;
	}
  
    .eco-add--info{
  		grid-template-columns: 47% 47%;
      	grid-column-gap:6%;
	}
   .eco-data-content{
		grid-template-columns: 33.3333% 33.3333% 33.3333%;
  		
	}
   .eco-shipping--wrapper{
		height:56px;
	}
  
}

/* Änderung in Bereich von Varianten */

.product-form--atc .cartbutton{
	color: #183732;
    background-color: #ffab41 !important;
    border: 1px solid #ffab41 !important;
}
.product-form--atc .cartbutton:hover{
	background: #ffb354 !important;
    border: 1px solid #ffb354 !important;
}

.product--outer  .product-form--atc-button{
	width: 100%;
    margin-top: 1rem;
  	margin-left: 0;
}
.product--outer  .disabled{
	
    margin-top: 0;
  	
}
.smart-payment-enabled .shopify-payment-button .shopify-payment-button__button{
	color: #18c078;
    background-color: #fff;
    border: 1px solid rgba(127,127,127,0.3);
}
.smart-payment-enabled .shopify-payment-button .shopify-payment-button__button:hover{
	background: #fff;
    border: 1px solid rgba(127,127,127,0.5);
}

.option-values .option-value{
	width:48%;
  	margin-right:1%;
}
.option-values .option-value span{
	width:100%;
  	line-height: 2rem;
 	text-align: center;
	color: #4C3E4C;
    background-color: #edeaed;
    border-color: #4C3E4C;
}
.option-values .option-value span:hover{
    background-color: rgba(76,62,76,0.73);
  	color: #fff;
}

.option-value-input:checked+.option-value-name{
	color: #fff;
    background-color:#4C3E4C;
    border-color:#4C3E4C;
}
.product-form--atc-qty{
	width:48%;
}

.product-form--atc .disabled{
    color: #183732;
    cursor: default;
    background-color: #a0a0a0;
    border: 1px solid #a0a0a0;
  	margin-left:2%;
  	width:48%;
}

/* Icon list of Payments */

.eco-payment--options{
	border-radius: 7px;
    background-color:#edeaed;
    border: 1px solid #edeaed;
}

.eco-payment--options ul{
	margin: 20px 0px 10px 0;
	text-align:left;
}

.shopify-payment-button__more-options{
	margin-bottom:10px;
}

/* Icon list of Share Social Media */

.product--container .product-form--alt .share-buttons{
	padding: 10px;
    border-radius: 7px;
    background-color: #edeaed;
    border: 1px solid #edeaed;
} 



/********************************************** eco-header.css *****************************************************/
/*.navmenu-id-angebote a{
	background: #bbacb7;
}*/

.site-navigation{
	background-color:#edeaed;
}
.site-navigation-wrapper{
	background-color:#edeaed;
}
.site-header{
	background-color:#edeaed;
}
.site-header-wrapper{
	background-color:#edeaed;
}
.site-header-main{
  background-color:#edeaed;
}
.productgrid--utils{
	background-color:#edeaed;
}

.small-promo-mobile{
	display:none;
}
/************************************************ eco-yotpo.css ****************************************************/


.write-review-button{
	background:#ffab41 !important;
}
 
.write-review-button:hover{
	background:#ffb354 !important;
}
.yotpo-icon-write{
	color:#000000!important;
}
.yotpo-icon-button-text{
  	color:#000000!important;
}
.write-first-review-button{
	color:#000000!important;
}


/************************************************ LINK Tree ****************************************************/

.container-highlights {
  font-family: Cabin,sans-serif;
  /*max-width: 500px;*/
  margin: 0 auto;
  padding: 1px;
}

.container-highlights a {
  display: block;
  /*border: 2px solid #8abe33;*/
  border: 2px solid #FAA219;
  FAA219
  margin: 10px;
  height: 78px;
  line-height: 78px;
  margin-bottom: 10px;
  font-size: 20px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #111;
}
.container-highlights a:hover {
  background: #0A6B44; color: #fff;
  /*background: rgb(24,192,120);
  background: linear-gradient(180deg, rgba(24,192,120,1) 32%, rgba(20,173,108,1) 100%);*/
  
  background: rgb(230,146,15);
  background: linear-gradient(180deg, rgba(230,146,15,1) 32%, rgba(212,137,20,1) 100%);
}

/************************************************ LINK Tree ****************************************************/

.productgrid-masthead--mobile { display: none; }





/************************************************ Back in Stock APP ****************************************************/
/*
.product-form--atc-button { 
  background-color: #edeaed;
  border-color: #d9d5d9;
  pointer-events: none; 
}


#product-restore-email { 
  background-color: #ECA042;
}

#product-restore-email:hover {
	xbackground-color: #FAB344 !important;
}

#product-restore-email:hover {
    background-color: #ff0000 !important;
  	font-weight: 400 !important;
}
*/

.product-form--atc .cartbuttondisabled  { cursor:default; }


/************************************************ HOVER EFFEKT ADVENTKALENDER ****************************************************/


/* Make the container relative */
.swap-on-hover {
  position: relative;	
	margin:  0 auto;
	max-width: 400px;
  	height: 400px;
}

/* Select the image and make it absolute to the container */
.swap-on-hover img {
  position: absolute;
  top:0;
  left:0;
	overflow: hidden;
	/* Sets the width and height for the images*/
	width: 400px;
	/*height: 400px;*/
}

/* 
	We set z-index to be higher than the back image, so it's alwyas on the front.

We give it an opacity leaner to .25s, that way when we hover we will get a nice fading effect. 
*/
.swap-on-hover .swap-on-hover__front-image {
  z-index: 9999;
  transition: opacity .5s linear;
  cursor: pointer;
}

/* When we hover the figure element, the block with .swap-on-hover, we want to use > so the front-image is going to have opacity of 0, which means it will be hidden, to the back image will show */
.swap-on-hover:hover > .swap-on-hover__front-image{
  opacity: 0;
}

/************************************************ Assortion Crossselling APP Anpassungen ****************************************************/
.ast-carousel-card-wrapper {
  border: 1px solid rgba(127,127,127,.16);
  padding: 16px;
  height: 340px;
}
.ast-carousel-price {
  color: #18c078;
}

.ast-carousel-header {
  margin-top: 20px;
}
.ast-carousel-title {
  margin-bottom: 10px;
}


/************************************************ Warnsignal OVERLAY wegen hohen TEMPERATUREN ****************************************************/


/*
@-webkit-keyframes hitzeWarnsignal {
        0% {
    transform: scale(1,1) translate(0px, 0px);
  }
  
  30%{
    transform: scale(1,0.8) translate(0px, 10px); 
  }

  75%{
    transform: scale(1,1.1) translate(0px, -25px); 
  }
  
 100% {
    transform: scale(1,1) translate(0px, 0px);
  }
}

.hitzeWarnsignal {
      text-align:center;
      margin:0 auto;
      margin-top:100px;
      height:20px;
      width:150px;
      padding:20px;  
      background:tomato;
     -webkit-animation: bounce 0.75s infinite;
} *(