<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/ananassaft-bio-500-ml-9a6410b0-1077-40c3-be64-58f496a9ba81-19166">
          <img alt="Ananassaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10770/file/small-58f1232f8e77ebecb275a03514fe1368.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10770/file/medium-7cac3eb4507cdfe1c8133cbb844c2795.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10770/file/large-59c77eab41c110af634f0cb96b77e5b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10770/file/medium-7cac3eb4507cdfe1c8133cbb844c2795.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/products/ananassaft-bio-500-ml-9a6410b0-1077-40c3-be64-58f496a9ba81-19166">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ananassaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.38 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19166-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A0lZiVOlMuGE5EgI19tgNUqdLw4j3YrEda92a5tccJJ5W-YMRyQwaL6FuOgMNuzyQlA2qQPbdxav0f5SN0tPzQ" />
    <input value="19166" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/apfel-mango-saft-demeter-200-ml-19167">
          <img alt="Apfel Mango Saft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10850/file/small-92f4e460633b4c1be146c364878d30d6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10850/file/medium-9bd341bb9676a62e6d04aa746efe4a80.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10850/file/large-5338f374dcef6847a83842f59cd7e154.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10850/file/medium-9bd341bb9676a62e6d04aa746efe4a80.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/products/apfel-mango-saft-demeter-200-ml-19167">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfel Mango Saft Demeter, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.25 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19167-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xmaoeio5c0llAnwATFPPM19UVDY-0wrpAl-ehS-JBu8kdBf_PrhxwF9jjOCXvkP0V5lNkR7V9zvYIRa8g545sA" />
    <input value="19167" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/apfel-mango-saft-demeter-700-ml-19168">
          <img alt="Apfel Mango Saft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10851/file/small-09fdd6a3acec02daf5f024efdb9080d5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10851/file/medium-fda0a958278d8401825d8ccd11db78f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10851/file/large-0bebbc5ef01e7e1fefa9347f5df4d962.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10851/file/medium-fda0a958278d8401825d8ccd11db78f1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/products/apfel-mango-saft-demeter-700-ml-19168">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfel Mango Saft Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.03 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19168-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nGuUFe2r1FJJwnXp-StxzlE2x5mhR2SjVfxXlLa33AjmeSuQ-SrW23OjhQkixv0JWfvePoFBmXGPgt-tGqDjVw" />
    <input value="19168" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/fair-to-go-orange-mango-maracuja-demeter-250-ml-19169">
          <img alt="fair to go Orange Mango Maracuja Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10986/file/small-4c99931aa1c53530c50e18431fa7e903.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10986/file/medium-0fb4380e97cb931d236c16cb1cd387eb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10986/file/large-d807d0ed021aee07586c8657b147a29d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10986/file/medium-0fb4380e97cb931d236c16cb1cd387eb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/products/fair-to-go-orange-mango-maracuja-demeter-250-ml-19169">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">fair to go Orange Mango Maracuja Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.04 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19169-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xY4CaCS8nYFcx1c0s5jIFn3mjLOdjAX8bFqW5OnnkKa_nL3tMD2fCGamp9RodUTRdSuVFL2K-C62JB7dRfCv-Q" />
    <input value="19169" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/fairer-eistee-mate-zitrone-demeter-500-ml-19170">
          <img alt="fairer Eistee Mate Zitrone Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10852/file/small-03aecec32a8bec7a8322d20a5e1bd430.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10852/file/medium-d3345bf8e9b589b66ee6fdd5171d4c8f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10852/file/large-5df575630adfc7074ff60614a16fbabb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10852/file/medium-d3345bf8e9b589b66ee6fdd5171d4c8f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/products/fairer-eistee-mate-zitrone-demeter-500-ml-19170">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">fairer Eistee Mate Zitrone Demeter, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.58 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19170-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X3bT6iOKHyFHSiU6xIMwYr3IPHWANd9PT_1YqOz8cH0lZGxvNwsdqH0r1dofbryltQUl0qAzIp2Vg9CRQOtPIg" />
    <input value="19170" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gemusesaft-feldfrisch-demeter-700-ml-19171">
          <img alt="Gemüsesaft feldfrisch Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10295/file/small-0e0938d3e96db5dfdfeb96092242be2b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10295/file/medium-4aaf8eebbffbf385b4b4babe530d257a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10295/file/large-ae2e7f5b265a80e9858b8226c0a118dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10295/file/medium-4aaf8eebbffbf385b4b4babe530d257a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/products/gemusesaft-feldfrisch-demeter-700-ml-19171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüsesaft feldfrisch Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.70 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19171-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O1471Cam2fCLYKhktwybKGwaHt8FaDKqQoJEmnF4mWVBTIRRMifbebEBWIRs4RfvZNcHeCVuz3iY_Myj3W-mOg" />
    <input value="19171" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/granatapfel-pur-muttersaft-demeter-750-ml-19172">
          <img alt="Granatapfel Pur Muttersaft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10853/file/small-4ac8823fdc233137dab3f6d624ea81b4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10853/file/medium-43a2d3690fa86869ef0d50a38505b9ce.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10853/file/large-36032cc309e060e9bd75ad8bb085ae2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10853/file/medium-43a2d3690fa86869ef0d50a38505b9ce.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/products/granatapfel-pur-muttersaft-demeter-750-ml-19172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Granatapfel Pur Muttersaft Demeter, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.03 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19172-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AgL5RckaS2NCR4Us6Btjwyy4rp7IPuQPsdNYvoVQNax4EEbA3ZtJ6ngmdcwz9u8EJHW3Oeg4Gd1rrdCHKUcK8w" />
    <input value="19172" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/smoothie-rote-bete-mango-grunkohl-spinat-demeter-250-ml-19173">
          <img alt="Smoothie Rote Bete Mango Grünkohl Spinat Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10553/file/small-ed8f4aa325ae0c2b11d5715e9d5ea1f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10553/file/medium-c3ddaf1dcf281cf1c6214191ac4b2bc1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10553/file/large-cca2b6829d37556e687413c5e9516906.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10553/file/medium-c3ddaf1dcf281cf1c6214191ac4b2bc1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/products/smoothie-rote-bete-mango-grunkohl-spinat-demeter-250-ml-19173">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Smoothie Rote Bete Mango Grünkohl Spinat Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.75
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.90 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19173-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ljtAJuq2TQb0RloOeYcVnLF6P4YdI_KtapIUKyTE9cnsKf-j_jdPj84nqu6iaplbubcmIT0lD3-w7JwSiNPKlg" />
    <input value="19173" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hafer-cuisine-glas-demeter-330-ml-19174">
          <img alt="Hafer Cuisine Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9427/file/small-f671e725167b119c06a70cb734ee6ff8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9427/file/medium-13df262446c42cfe318e5612e4ca39e8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9427/file/large-87c0cc154f3ffc180d46c5d8771da4e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9427/file/medium-13df262446c42cfe318e5612e4ca39e8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/products/hafer-cuisine-glas-demeter-330-ml-19174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Cuisine Glas Demeter, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.88 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19174-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M9dYlRF6RmvWTMBHv1WDNlWfz-5EIX8tWB6D5GcPAltJxecQBftE4uwtMKdkuA_xXVLWSWQngv-CYAvdyxg9BA" />
    <input value="19174" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/haferdrink-barista-glas-bio-750-ml-19175">
          <img alt="Haferdrink Barista Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9428/file/small-102a7f8e6a62bf66ffa859e3ae2e0667.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9428/file/medium-8a8e3aa9412939fd4a65334b887d651b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9428/file/large-dfa378fc2e79628864f861dbbe582576.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9428/file/medium-8a8e3aa9412939fd4a65334b887d651b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/products/haferdrink-barista-glas-bio-750-ml-19175">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferdrink Barista Glas Bio, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.38 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19175-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JMBSZuYBPem-JFSQD-wjGEovgio68SI4R09ID4ytefde0u3j8oA_YIRFpHDUAa_fQuKbjRr33-qdMcA2ILpGqA" />
    <input value="19175" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/haferdrink-glas-bio-750-ml-19176">
          <img alt="Haferdrink Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9426/file/small-6a035f886c658a6096365b02d387fc9b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9426/file/medium-8f7d19202b1d90fc57b85005eec144a3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9426/file/large-99ce13d8195ab125f9e60998cc72f38c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9426/file/medium-8f7d19202b1d90fc57b85005eec144a3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/products/haferdrink-glas-bio-750-ml-19176">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferdrink Glas Bio, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.39 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19176-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8Bw1dOgRT7KzPJQWFQFiPSUkLJRNErqwlXnJlf2Sp4aKDorx_JBNO4ldZPbO7O76Lek1M20UR2JPB0GsUYWY2Q" />
    <input value="19176" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/multi-natur-saft-demeter-700-ml-19177">
          <img alt="Multi Natur Saft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10551/file/small-a68cd0f9a330799a3180cbc835e79502.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10551/file/medium-b0b05dbcd851853dbe0a86ca9dcd0698.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10551/file/large-e875ac7f246c58d86fd3bcaa74140695.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10551/file/medium-b0b05dbcd851853dbe0a86ca9dcd0698.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/products/multi-natur-saft-demeter-700-ml-19177">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Multi Natur Saft Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.16 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19177-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kDIcsrlCjoZpMv7oZViYTbembXT3x2qQN4yI0cApHbrqIKM3rcOMD1NTDgi-tRSKv2t009fBl0Lt8gDobD4i5Q" />
    <input value="19177" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/orangensaft-demeter-700-ml-19178">
          <img alt="Orangensaft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10556/file/small-dd3eec11e845fb19819f79c3f5215cd0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10556/file/medium-625f5147bcbc0bbac78f6526306a6d5b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10556/file/large-2af509992905efee7c339d71f1c6b9af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10556/file/medium-625f5147bcbc0bbac78f6526306a6d5b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/products/orangensaft-demeter-700-ml-19178">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Orangensaft Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.89 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19178-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VAU1YmpF_0reqZR-qZrZngWc3vdFGBNYhgcJgxM8DDYuF4rnfsT9w-TIZJ5yd1VZDVHHUGUe7opceYG6vyszaQ" />
    <input value="19178" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rote-bete-saft-feldfrisch-demeter-700-ml-19179">
          <img alt="Rote Bete Saft feldfrisch Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10854/file/small-2bb05bb102e41fe567ade3958fd22761.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-e63a280343658392a708deb650379f63.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10854/file/large-fc9a1d34250a561ff49a4da3bdc4fb4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10854/file/medium-e63a280343658392a708deb650379f63.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/products/rote-bete-saft-feldfrisch-demeter-700-ml-19179">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rote Bete Saft feldfrisch Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.70 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19179-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OOalhbdLKnN0EMN1wd13LXp3yQjLfOiF5wA_irQ6VgZC9BoAo8oo-k5xM5UaMPvqcrrQr-t6FVc9frezGC1pWQ" />
    <input value="19179" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/zitronensaft-demeter-700-ml-19180">
          <img alt="Zitronensaft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10562/file/small-44d4bb59779d661ee75449e0454b7fba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10562/file/medium-3f8aae9503f90dc3e2a5a1c4944da7c2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10562/file/large-b7801ee39fa6627230abe6a4046dd9c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10562/file/medium-3f8aae9503f90dc3e2a5a1c4944da7c2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/products/zitronensaft-demeter-700-ml-19180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zitronensaft Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.65
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.09 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19180-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nh0terNaH9UGm5mPwM-8ynFuAGhejKqsqQXJZ0w29_tMD5L_p9sdXDz6aW8bIjANeaMZz36KV35ze0Fe4CHIpA" />
    <input value="19180" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bambu-instant-bio-100-g-19181">
          <img alt="Bambu Instant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9431/file/small-832f241880fcd2ebffadd65d8ef476d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9431/file/medium-16d557deaf99c8d0f8e6e2b6a0bf9f5f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9431/file/large-676475941f458b2ef48d087452e470d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9431/file/medium-16d557deaf99c8d0f8e6e2b6a0bf9f5f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vogel</p>
          <a href="/products/bambu-instant-bio-100-g-19181">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bambu Instant Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 7.25 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19181-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VtpEj9q3YEtwSWunCeRhsmevJieybB1Te_YFjpVmZoMsyPsKzjZiwkoom0fSCe11b2I_gJJq4IGhiI23OXFZ3A" />
    <input value="19181" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bambu-instant-nfp-bio-200-g-19182">
          <img alt="Bambu Instant NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9432/file/small-ef8b05d8b020418772155aa5741ae5b8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9432/file/medium-f4587a59b353a176c6dc800bb5048f1b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9432/file/large-70ce468a207536e1fce736ffbdbc80fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9432/file/medium-f4587a59b353a176c6dc800bb5048f1b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vogel</p>
          <a href="/products/bambu-instant-nfp-bio-200-g-19182">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bambu Instant NFP Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.75
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.88 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19182-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2kPyASGjjihkH_gmv-qC67w4miSqlzEKDMrdZBYrNoKgUU2ENSKMoV5-CMZkBw4stPWDg4qRzNjWtFVdujwJ3Q" />
    <input value="19182" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/biocarottin-konzentrat-bio-220-g-19183">
          <img alt="Biocarottin Konzentrat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9433/file/small-046d30900b8db0d7027433b50c1205b9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9433/file/medium-f22df6eea9f7fadace757e66c69d23e3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9433/file/large-628f8db54dbdd155959d6ee377e2adff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9433/file/medium-f22df6eea9f7fadace757e66c69d23e3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vogel</p>
          <a href="/products/biocarottin-konzentrat-bio-220-g-19183">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biocarottin Konzentrat Bio, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.40
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 7.00 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19183-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1NjibUpFw56n1hGhvil2RZmcN9UbkLWB8fgpuNmHJ_muyl3oXsTBF5234UFlxPqCkVEucjuWSFMrhqGBdZAYpg" />
    <input value="19183" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/herbadiat-bio-125-g-19184">
          <img alt="Herbadiät Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9933/file/small-d57244b617adce5f0f0dcd3d3361037b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9933/file/medium-4cc79e5cfd72b83ec7e7e8d974061113.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9933/file/large-43467cbcb9f8cbbeaa03cd9f200da767.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9933/file/medium-4cc79e5cfd72b83ec7e7e8d974061113.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vogel</p>
          <a href="/products/herbadiat-bio-125-g-19184">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbadiät Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.36 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19184-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jnk9XxiFdm8W554ePYFXvuUDGq_qheZ4eGscyEo4xLz0a4LaDAR05iyGbv7mbNt57c4DCMqDG6qiFZTx5i_74w" />
    <input value="19184" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fchienergy%3Fformat%3Dturbo_stream%26page%3D81">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/herbamare-bio-125-g-19185">
          <img alt="Herbamare Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9451/file/small-e9a87288670db22bfa6066cdf4949f4c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9451/file/medium-d7597fe6f974628d82db1f1a51f7f350.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9451/file/large-e021c24d8382251663f283cd99648a9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9451/file/medium-d7597fe6f974628d82db1f1a51f7f350.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vogel</p>
          <a href="/products/herbamare-bio-125-g-19185">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbamare Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.08 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19185-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BDVIjgQJcJm55AXPYXs4PBcxQRhs0MYulGgRpZqaeKN-J_cLEIhyEIOF9S-6lrT7H_xYv0zWO_xOFpmcNo1H_A" />
    <input value="19185" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;620 von 2&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/chienergy?format=turbo_stream&amp;page=82">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>