/*Suchfunktion*/
#zc-sortimentsliste-primer, #zcsortimentslisteheader, #zcsortimentslisteheader-sortiment { width: 100%; }
#zc-sortimentsliste-primer input,  #zcsortimentslisteheader input, #zcsortimentslisteheader-sortiment input {width: 100%; line-height: 1em; margin: 0.5em 0 1em; font-size: 1em; border: 1px solid #5CB8A8}

.zc-filterform {width: 100%;}
.zc-metasuche-wrap{ max-width: 700px;margin-left: 3em; margin-top: 1.5em;}
		

/*Sortimentsliste*/
#zcsortimentsliste, #zcsortimentsliste-sortiment { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
.zc-sortimentsliste-category {list-style-type: none; margin: 0 0 1em  0; break-inside: avoid; overflow:hidden; position: relative }
.zc-sortimentsliste-category-name {break-inside: avoid; overflow:hidden;font-weight: bold }
.zc-sortimentsliste-category li {margin: 0.6em 0.3em; list-style-type: none;   line-height: 1.1em}
	p.zc-sortimentsliste-einleitung {font-size: 90%}
	
	.zc-produkt-pop	{cursor: pointer;}
	.zc-pop-var-button {background: #fff; display: inline-block; padding: 0.2em 0.5em; cursor: pointer; border: 1px solid #5cb8a8; margin: 0 0.5em 1em 0; display:none!important}
	#zc-pop-link{color: #5CB8A8; }
	.zc-produkt-pop-i {display: inline-block; font-weight: bold; padding: 1px 5px 1px 4px; color: #fff; background: #5CB8A8; font-size: 80%; border: 1px solid #5cb8a8; margin-left: 5px; line-height: 95%; border-radius: 0}
.zc-produkt-regional-i{color:#5CB8A8; font-weight:bold; font-size:85%}
.zc-produkt-pop .zc-produkt-pop-i-kreis, #zc-pop-kreis .zc-produkt-pop-i-kreis {color: #5CB8A8; background-color:rgba(240, 252, 72, 0.1); border-radius:0; padding: 3px 5px 1px 4px;font-size: 80%; line-height: 95%; font-weight: bold;}
	/*.zc-produkt-pop.zc-pop-link {color: #5CB8A8 }*/
.zc-sortimentsliste-category-item .zc-produkt-pop-i.zc-pop-link {display:none}
.zc-produkt-item-small {font-size: 85%}
	.zc-sortimentsliste-item-syn {display: none}
.zc-cat-nonfocus .zc-sortimentsliste-category-item.zc-cat-item-nonfocus {background: orange; display:none}
	.zc-nix-sortimentsliste, .zc-nix-sortimentsliste-sortiment {font-weight: bold; font-size: 1.2em; column-span: all; display: none }
.zc-mehrwert {padding: 1em 0;  }	

.zc-sortimentsliste-item-details-preis-weitere {font-size: 0.6em; font-weight: normal}

.zc-sortimentsliste-item-details-status {font-weight: bold; }
.zc-produkt-kon {font-size: 95%;  color: #666;}
.zc-produkt-neu{position: relative; padding-left:26px; }
.zc-produkt-neu::before{content:""; height:100%; width: 18px;  position: absolute; background: #5CB8A8; left: 0;}
.zc-produkt-neu::after{content:"Neu"; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute;  left: -6px; bottom: 8px; font-weight: bold; color: #fff;}

body.waiting * {cursor: wait;}

/*Popup*/
#zc-meta-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; height:100%; width:100%; display:block; background-color:rgba(255, 255, 255, 1); z-index: 1000000; opacity:0; text-align: center; pointer-events: none; overflow-y: scroll!important;overflow-x: hidden!important; text-align:left}
	
	#zc-sortimentsliste-container {max-width: 960px; padding: 10em 1em; margin: 0 auto}
.zc-sortimentsliste-container.active{z-index: 100001; }
.zc-sortimentsliste-container-wrap{display: flex; justify-content:center}
.zc-sortimentsliste-container-wrap.active {z-index: 100002}

	#zc-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; height:100%; width:100%; display:block;  background-color:rgba(240, 252, 72, 0.2);background-color:rgba(252, 252, 150, 0.2); z-index: 1000100; opacity:0; text-align: center; pointer-events: none; overflow-y: scroll!important;overflow-x: hidden!important;}

.zc-popup-container { max-width:600px; background: rgba(255,255,255,1); color: #000; border: 2px solid #5CB8A8; margin:0 auto; z-index: -1; opacity:0; position: fixed; top: 130px;display: flex; padding: 0; flex-direction: column;justify-content: center; align-items: center}

.zc-meta-popup-close, .zc-popup-close, .zc-meta-popup-close-qr {position: absolute; top:0; right: 0; padding: 0.5em; cursor: pointer; color: #fff}
.zc-meta-popup-close:after, .zc-popup-close:after, .zc-meta-popup-close-qr:after {content:""; position: absolute; width: 0; height: 100%; border-top: 80px solid #009999; border-left: 100px solid transparent; z-index: -1; right: 0; top: 0 }

#zc-meta-overlay.active, #zc-overlay.active, .zc-popup-container.active { opacity: 1; pointer-events: auto}
#zc-overlay.active {mix-blend-mode: multiply; }
.zc-popup-container.active{z-index: 1000101; min-width: 560px; min-height: 300px;}
.zc-popup-container-wrap{display: flex; justify-content:center; width: 100vW; position: fixed; left:0}
.zc-popup-container-wrap.active{z-index: 1000102; }
	
/*body.active {overflow-y:hidden!important}*/
	
/*Popup Produkt bearbeiten-Button*/
.zc-item-edit {position: absolute; top: 0; left: 0; background: orange; padding: 3px 7px }
.zc-item-edit a {color: #fff}

/*Popup Produktdetails übernommen*/
.zc-sortimentsliste-item-detail-wrapper {padding: 2em 3em;   }

/*blendet Details zum aktiven Produkt ein und alle anderen aus*/
.zc-sortimentsliste-item-details {display: none}
.zc-sortimentsliste-item-details.active {display: block}

/*QR-Code-Tests und -Container*/
#zc-sortimentsliste-item-details-qr, #testquery {z-index: -1000101;}

/*Grid*/
.zc-sortimentsliste-item-details-grid {display: grid;  grid-template-columns: 1.1fr 1fr; grid-template-rows: auto; column-gap: 2em; text-align: center;  }
.zc-sortimentsliste-item-details-pes, .zc-sortimentsliste-item-details-pe-schrot, .zc-sortimentsliste-item-details-hinweise {grid-column: 1/3; }
.zc-sortimentsliste-item-details-trenner {width: 100%; grid-column: 1/3; margin: 1em 0; border-bottom: 1px solid #009999}
.zc-sortimentsliste-item-details-herkunft-block {grid-column: 1/2; text-align: left; display: grid }

/*Typo*/
.zc-sortimentsliste-item-produktgruppe {text-align: center; }
.zc-sortimentsliste-item-title h3 {text-align: center; font-size: 2em; font-weight: bold; max-width: 400px; margin: 0 auto}
/*.zc-sortimentsliste-item-title h3 {text-align: center; font-size: 2em; padding-bottom: 0.5em; border-bottom: 1px solid #009999;font-weight: bold}*/

.zc-sortimentsliste-item-details-verpackung-block{ text-align: left }
.zc-sortimentsliste-item-details-preis{grid-column: 1/3; font-size: 180%; font-weight: bold;}
.zc-sortimentsliste-item-details-preis-mwst {font-size: 60%}
/*.zc-sortimentsliste-item-details-preis{grid-column: 1/3; padding: 0.3em 0 0; font-size: 180%; font-weight: bold; border-top: 1px solid #009999; margin-top: 1em}*/
.zc-sortimentsliste-item-details-pfand {grid-column: 1/3;}
.zc-sortimentsliste-item-details-status{grid-column: 1/3; padding: 0.1em 0 ; }
.zc-produkt-item-details-status{color:#5CB8A8}
.zc-sortimentsliste-item-details-zutaten-wrap {grid-column: 1/3;}
.zc-sortimentsliste-item-details-zutaten {grid-column: 1/3;   display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.zc-zutaten-mehr { color: #5CB8A8; cursor: pointer; display:block}
.zc-sortimentsliste-item-details-zutaten.active {-webkit-line-clamp: none; cursor:auto; overflow: show; display: block; }
.zc-sortimentsliste-item-details-zutaten.active > .zc-zutaten-mehr {display:none; color: red}

/*.zc-sortimentsliste-item-details-zutaten:after{content:"mehr"}*/
.zc-sortimentsliste-item-details-links_int {grid-column: 1/3; border-top: 1px solid #009999; margin-top: 1em;  padding: 1em 0 0.3em 0 }
.zc-sortimentsliste-item-details-permalink{position: absolute; bottom: 0; right: 0; padding: 0.5em; text-align: right; font-size: 90%}

.zc-details-hinweis-neu {position: absolute; bottom:0;left: 0;}
.zc-details-hinweis-neu:before {content:""; position: absolute; width: 0; height: 0; bottom:0; left:0; border-bottom: 7em solid #009999; border-right: 11em solid transparent; z-index: -1; }
.zc-details-hinweistext-neu {font-size: 220%; color: #fff; padding: 1em 0.5em 0.5em; max-width: 10em; text-align: left; line-height: 110%; font-weight: bold}

.zc-sortimentsliste-item-details-links_ext {text-align: center; grid-column: 1/3; padding: 0.2em; }

.zc-popup-container{font-size: 95%}


#zc-sortimentsliste-container{padding: 3em 1em 10em}

/*PDF und Mail-Buttons*/
.zc-buttons-all {display:block;  width: 100%;   text-align: center;  }
.zc-button-all-wrap {display:inline-block; margin: 0.2em; font-size: 12px; text-align: center; margin-bottom: 5em}
.zc-button-all {border: 1px solid rgb(0, 153, 153);; width: 3em; height: auto; justify-content:center; align-items: center; border-radius: 5px;  padding: 3px; font-size: 16px; cursor: pointer; margin: 3px auto; color: rgb(0, 153, 153);  background: #fff; box-shadow: rgba(50, 120, 93, 0.25) 0px 5px 5px -3px inset, rgba(0, 0, 0, 0.1) 0px 3px 3px -1px ;}
.zc-button-all-wrap:hover .zc-button-all{color: #888; border-color: #888; background: #f2f2f2; box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 5px -2px ;}
.zc-button-all-wrap:hover a{color: #888; cursor:pointer }



/*Sortimentsseite*/
.page-id-460 #zc-sortimentsliste-primer, .page-id-460 .zc-buttons-all, .page-id-460 .zc-meta-popup-close, .page-id-460 .zc-meta-popup-close-qr {display: none}
.page-id-460 #zc-sortimentsliste-container {padding: 0}


	
@media (max-width: 1024px) {.zc-item-edit{display: none}}
@media (max-width: 768px) {
#zcsortimentsliste, #zcsortimentsliste-sortiment  { column-count: 2;}
	.zc-popup-container-wrap {display: block; position: fixed; top: 0; left: 0;  height:100%; width:100%; display:block; z-index: -1; overflow-y: scroll!important;}
.zc-popup-container {padding: 0.5em 1em 1.5em 1em; max-width: 75%; position: relative; top: 100px; margin-left: auto; margin-right: auto; left: 10px} 
	.zc-popup-container.active{min-width: 300px; min-height: 400px;}
	.zc-sortimentsliste-item-detail-wrapper {padding: 1em 4em 3em 3em;}
.zc-sortimentsliste-item-produktgruppe {margin-top: 1em;  }
.zc-sortimentsliste-item-details-grid {grid-template-columns: 100%;}
	.zc-sortimentsliste-item-title h3{font-size: 1.8em; padding-top:0.1em}
.zc-sortimentsliste-item-details-links_ext {position: relative; grid-row: 2/2; padding:0.5em 0 0 0.7em; text-align: center}
.zc-sortimentsliste-item-details-trenner {height: 1em; grid-column: 1/3; grid-row: 3/3; margin-bottom: 1em; }
.zc-sortimentsliste-item-details-herkunft-block {grid-row: 4/4; grid-column: 1/3; text-align: center;  margin-bottom: 1em }
	.zc-sortimentsliste-item-details-verpackung-block{grid-row: 5/5; grid-column: 1/3; text-align: center;  }
.zc-sortimentsliste-item-details-preis{font-size: 160%; font-weight: bold;grid-row: 6/6;}
.zc-sortimentsliste-item-details-verpackungsmaterial_g, .zc-produkt-verpackungsanteil {text-align: center;}
.zc-sortimentsliste-item-details-status{grid-row: 8/8; grid-column: 1/3;  padding: 0.3em 0; }
	.zc-sortimentsliste-item-details-links_int {grid-row: 9/9; }	
	.zc-sortimentsliste-item-details-zutaten-wrap{ grid-row: 7/7;  margin-top: 1em;  padding-top: 1em;  border-top: 1px solid #009999;}
}

	@media (max-width: 480px) {
		#zcsortimentsliste, #zcsortimentsliste-sortiment  { column-count: 1;}
		.zc-popup-container {padding: 0.5em 0 0 0; max-width: 90%; left: 0; top: 20px; margin-bottom:6em}
		.zc-sortimentsliste-item-detail-wrapper {padding: 1em 4em 1em 3em;}
		.zc-sortimentsliste-item-title h3{font-size: 1.5em; padding-top:0.1em}
		.zc-sortimentsliste-item-details-hinweis:before{display: none}
		.zc-sortimentsliste-item-details-hinweis{position: relative; grid-row: 10/10; margin-top: 0.5em; width: 100%;  }
		.zc-sortimentsliste-item-details-hinweistext{ background: #009999; padding: 0.3em; max-width: 100%; text-align: center}
		.zc-sortimentsliste-item-details-permalink {grid-row: 11/11;  padding-top: 1em; position: relative; text-align: center}
	
}	

@media (max-width: 480px) {
	.zc-popup-container {padding: 0.5em 2.5em 1.5em 1em; max-width: 100vW; position: absolute; top: 0; margin-left: auto; margin-right: auto; left: 0; height: 100vH; border: none} 
	.zc-popup-container.active{min-width: 100vW; min-height: 100%;}
	.zc-sortimentsliste-item-detail-wrapper {padding: 0; width: 90%;}
	.zc-sortimentsliste-item-details-trenner {height: 0; grid-column: 1/1; }
	.zc-sortimentsliste-item-details-herkunft-block, 	.zc-sortimentsliste-item-details-verpackung-block, .zc-sortimentsliste-item-details-preis { grid-column: 1/1;}
	.zc-sortimentsliste-item-details-preis {margin-top: 1em; padding-top: 1em; border-top: 1px solid  #009999}
}