zutaten-lexikon:not([data-ready]) .zl-letter-section,zutaten-lexikon:not([data-ready]) .zl-sidebar-card{opacity:0;pointer-events:none}.zl-hero{padding-top:var(--section-padding-top);padding-bottom:0}.zl-hero__wrapper{position:relative;border-radius:16px;overflow:hidden;height:502px}.zl-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.zl-hero__img{width:100%;height:100%;object-fit:cover;display:block}.zl-hero__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(89.6deg,#00000047,#0000001f 49.6%,#0000 99%);pointer-events:none}.zl-hero__gradient-dark{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,#222d3275 74%,#28343a87 89%,#2d3b4199);pointer-events:none}.zl-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2.4rem;padding:4.8rem}.zl-hero__text-group{display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem;max-width:90rem}.zl-hero__heading{font-family:var(--font-heading-family);font-size:5.3rem;line-height:1.32;font-weight:400;color:#fff;margin:0}.zl-hero__subheading{font-size:1.8rem;font-weight:600;line-height:1.6;color:#fff;max-width:60rem;margin:0}.zl-hero__search{width:100%;max-width:43.4rem}.zl-hero__search-input-wrapper{display:flex;align-items:center;gap:1.2rem;height:4.8rem;background:#fffc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:9999px;padding:0 2rem;box-shadow:0 10px 15px -3px #0000001a}.zl-hero__search-icon{flex-shrink:0}.zl-hero__search-input{flex:1;border:none;background:transparent;font-size:1.6rem;font-weight:600;color:#2d3b4199;outline:none;min-width:0;font-family:var(--font-body-family);line-height:1}.zl-hero__search-input::placeholder{color:#2d3b4199}.zl-hero__stat-overlay{position:absolute;top:6%;right:3%;background:#fff;border-radius:1.2rem;padding:1.2rem 2rem;box-shadow:0 4px 4px #0000000d;display:flex;flex-direction:column;align-items:flex-start;z-index:2}.zl-hero__stat-heading{font-family:var(--font-heading-family);font-size:3.8rem;line-height:1.16;font-weight:400;color:#74b357;letter-spacing:.02em;white-space:nowrap;display:block}.zl-hero__stat-text{font-size:1.4rem;font-weight:600;color:#2d3b41cc;white-space:nowrap;display:block}.zl-letter-nav-wrapper{position:sticky;top:0;z-index:10;background:#fff;border-radius:16.772px;margin-top:2.4rem}.zl-letter-nav{display:flex;flex-wrap:nowrap;align-items:center;gap:.2rem;padding:.8rem 1.6rem;justify-content:space-between;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.zl-letter-nav::-webkit-scrollbar{display:none}.zl-letter-nav__btn{display:flex;aspect-ratio:1;height:40px;align-items:center;justify-content:center;padding:.8rem 1.4rem;border-radius:9999px;border:none;background:#2d3b410d;font-family:var(--font-body-family);font-size:1.5rem;font-weight:700;color:#2d3b41cc;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap;flex-shrink:0;line-height:1}.zl-letter-nav__btn:disabled{opacity:.35;cursor:default;pointer-events:none}.zl-letter-nav__btn:not(:disabled):hover{background:#74b35726;color:#74b357}.zl-letter-nav__btn.is-active{background:#74b357;color:#fff}.zl-layout{display:grid;grid-template-columns:1fr 28.65rem;gap:4.8rem;padding-top:4rem;padding-bottom:4rem;align-items:start}.zl-layout__main{display:flex;flex-direction:column;gap:0;min-width:0}.zl-layout__sidebar{position:sticky;top:8rem}.zl-sidebar__inner{display:flex;flex-direction:column;gap:2rem}.zl-letter-section{display:flex;flex-direction:column;gap:2.4rem;border-bottom:.5px solid rgba(45,59,65,.2);padding-top:4rem;padding-bottom:4rem;scroll-margin-top:8rem}.zl-letter-section:first-child{padding-top:0}.zl-letter-section:last-child{border-bottom:none}.zl-letter-section__header{display:flex;align-items:flex-end;gap:1.6rem}.zl-letter-section__letter{font-family:var(--font-heading-family);font-size:5.3rem;line-height:1;font-weight:400;color:#74b357;flex-shrink:0}.zl-letter-section__divider{flex:1;height:1px;background:#2d3b4133;margin-bottom:.8rem}.zl-ingredient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.zl-ingredient-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.2rem;overflow:hidden;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column}.zl-ingredient-card__link{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.zl-ingredient-card__link:hover .zl-ingredient-card__image{transform:scale(1.03)}.zl-ingredient-card__image-wrapper{position:relative;height:18rem;overflow:hidden;flex-shrink:0}.zl-ingredient-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.zl-ingredient-card__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000000d;pointer-events:none}.zl-ingredient-card__body{display:flex;flex-direction:column;gap:2rem;padding:2rem;flex:1}.zl-ingredient-card__info{display:flex;flex-direction:column;gap:1.2rem;flex:1;border-bottom:.5px solid rgba(45,59,65,.2);padding-bottom:2rem;min-height:15rem}.zl-ingredient-card__name{font-family:var(--font-heading-family);font-size:2.8rem;line-height:1.43;font-weight:400;color:#2d3b41;margin:0}.zl-ingredient-card__description{font-size:1.6rem;line-height:1.625;color:#2d3b41cc;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.zl-ingredient-card__cta{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;font-weight:600;color:#0069a1;white-space:nowrap}.zl-sidebar-card{border-radius:1.6rem;padding:2rem;display:flex;flex-direction:column;gap:1.2rem}.zl-sidebar-card--fact{background:#b5d57833}.zl-sidebar-card__header{display:flex;align-items:center;gap:1rem}.zl-sidebar-card__heading{font-family:var(--font-heading-family);font-size:2rem;line-height:1.25;font-weight:400;color:#2d3b41;margin:0}.zl-sidebar-card__text{font-size:1.4rem;line-height:1.57;color:#2d3b41cc;margin:0}.zl-sidebar-card__tip{background:#086c2ecc;border-radius:.8rem;padding:1.4rem 1.4rem 1.4rem 1.8rem;position:relative;margin-top:1.2rem}.zl-sidebar-card__tip-badge{position:absolute;bottom:-40%;right:-15%;z-index:10;min-width:75px;min-height:67px;max-width:180px;display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;color:#fff;font-family:var(--font-heading-family);font-size:1.8rem;font-weight:400;transform:rotate(-6.327deg);transform-origin:center}.zl-sidebar-card__tip-badge-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1}.zl-sidebar-card__tip-text{font-size:1.4rem;line-height:1.625;color:#fff;margin:0}.zl-sidebar-card--highlights{background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 20px #0000000d}.zl-sidebar-card__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.zl-sidebar-card__list-item{display:flex;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:600;color:#2d3b41cc}.zl-sidebar-card__list-icon{flex-shrink:0;display:flex;align-items:center}.zl-sidebar-card--recipes{background:#74b357;gap:2.4rem}.zl-sidebar-card--recipes .zl-sidebar-card__heading{color:#fff}.zl-sidebar-card--recipes .zl-sidebar-card__text{color:#ffffffe6;font-weight:600}.zl-sidebar-card__recipes-header{display:flex;align-items:center;gap:.4rem}.zl-sidebar-card__cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 3.2rem;border:2px solid #fff;border-radius:9999px;color:#fff;font-family:var(--font-body-family);font-size:1.6rem;font-weight:700;text-decoration:none;transition:background .2s;white-space:nowrap}.zl-sidebar-card__cta-btn:hover{background:#ffffff26}.zl-zutatengrid{padding-top:var(--section-padding-top, 6.4rem);padding-bottom:var(--section-padding-bottom, 6.4rem)}.zl-zutatengrid__header{display:flex;flex-direction:column;gap:2.4rem;margin-bottom:4rem}.zl-zutatengrid__badge{display:inline-flex;align-items:center;align-self:flex-start;padding:.8rem 1.6rem;border-radius:9999px;background:#74b35726;font-size:1.4rem;font-weight:600;color:#74b357;white-space:nowrap}.zl-zutatengrid__heading{font-family:var(--font-heading-family);font-size:3.8rem;line-height:1.16;font-weight:400;color:#2d3b41;margin:0}.zl-zutatengrid__grid{display:grid;grid-template-columns:repeat(var(--zl-columns, 4),1fr);gap:2.4rem}.zl-zutatengrid__grid>.shopify-block{min-width:0}.zl-zutatengrid__grid>.shopify-block>.zl-ingredient-card{height:100%}@media(max-width:1023.98px){.zl-layout{grid-template-columns:1fr}.zl-layout__sidebar{position:static;order:-1}.zl-sidebar__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));gap:1.6rem}.zl-ingredient-grid,.zl-zutatengrid__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767.98px){.zl-zutatengrid__heading{font-size:3rem}.zl-zutatengrid__grid:not(.zl-zutatengrid__grid--mobile-slider){grid-template-columns:1fr}.zl-zutatengrid__grid--mobile-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.6rem;padding-bottom:1.2rem;scrollbar-width:none;-ms-overflow-style:none;margin-right:-2rem;padding-right:2rem}.zl-zutatengrid__grid--mobile-slider::-webkit-scrollbar{display:none}.zl-zutatengrid__grid--mobile-slider>.zl-ingredient-card,.zl-zutatengrid__grid--mobile-slider>.shopify-block{flex:0 0 78vw;max-width:30rem;scroll-snap-align:start}.zl-zutatengrid__grid--mobile-slider>.shopify-block>.zl-ingredient-card{height:100%}.zl-hero__wrapper{height:37.1rem;border-radius:1.2rem}.zl-hero__content{padding:2.4rem;align-items:flex-start;justify-content:flex-end}.zl-hero__heading{font-size:3.6rem}.zl-hero__subheading{font-size:1.6rem}.zl-hero__search{max-width:100%}.zl-hero__stat-overlay.hide-on-mobile{display:none}.zl-layout{padding-top:2.4rem}.zl-ingredient-grid{grid-template-columns:1fr}.zl-letter-section__letter{font-size:4rem}.zl-sidebar__inner{grid-template-columns:1fr}.zl-letter-nav-wrapper{border-radius:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-zutaten-lexikon.css.map */