<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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/brei-guten-morgen-basen-balance-bio-500-g-18782">
          <img alt="Brei Guten Morgen Basen Balance Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10234/file/small-324ccf1d4d6113140e3b319e4dad141b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10234/file/medium-fb5350c8637007563e058f529f0e9f6a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10234/file/large-c1b5db02057dde03b3ef0046a58c7a8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10234/file/medium-fb5350c8637007563e058f529f0e9f6a.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">Rapunzel</p>
          <a href="/products/brei-guten-morgen-basen-balance-bio-500-g-18782">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brei Guten Morgen Basen Balance Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KGlHmyT0WMxbBKbp3mKIn9a8pwWQeSZg_8HJBquZwVZUD5HLAGwImC4EBVdRq8x6ItF6tuONcXuhvyBDDV84Pw" />
    <input value="18782" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/brei-guten-morgen-basis-bio-500-g-18783">
          <img alt="Brei Guten Morgen Basis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10235/file/small-affef4407c35a3a765d7072515dd6f5d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10235/file/medium-b4d615a82a9c008d22d5f9cee7d07d68.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10235/file/large-9d90452af519bbfd76af40806fa931c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10235/file/medium-b4d615a82a9c008d22d5f9cee7d07d68.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">Rapunzel</p>
          <a href="/products/brei-guten-morgen-basis-bio-500-g-18783">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brei Guten Morgen Basis Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f2OebFDVsnUrr5iMRyrWlYLTXvR6ZMydzRPyBFDDB_IDBUg8dE3iIV6vOzLI45Jwdr6DRwmQm4aTbRtB9gX-mw" />
    <input value="18783" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/brei-sportler-bio-500-g-18784">
          <img alt="Brei Sportler Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10231/file/small-650c77c44f93dc04992e205291a703f0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10231/file/medium-6f5f3ef496f925f0de700f797123e284.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10231/file/large-5f467222cd4efee77ef8355764b92e95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10231/file/medium-6f5f3ef496f925f0de700f797123e284.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">Rapunzel</p>
          <a href="/products/brei-sportler-bio-500-g-18784">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brei Sportler Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ng1vjnxCKpg3pmiZ1aEAQ8p4H-oRzzfKBD46bVJUQajia7neWNp6zEKmyydaaESmPhXCWWI7YNFaQNMo9JK4wQ" />
    <input value="18784" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/cashew-creme-bio-250-g-18785">
          <img alt="Cashew-Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10916/file/small-cadb863dfef3fed0748ea04ff895e71d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10916/file/medium-38e6137d6d4710990708d1e219f239bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10916/file/large-0ddfcc58a370eb354b044e0bffe295bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10916/file/medium-38e6137d6d4710990708d1e219f239bd.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">Rapunzel</p>
          <a href="/products/cashew-creme-bio-250-g-18785">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashew-Creme Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6s9QZ68KjBblxhwLHURrvI0605KrUlk01U0JZbHTgt2WqYY3i5LcQpDGv7WSjS9ZeVcOIdimDi-LM-AgFxV7tA" />
    <input value="18785" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/creme-cashew-bio-250-g-18786">
          <img alt="Creme Cashew Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10879/file/small-511e13b281a7ec7af1439b6ecb1041f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10879/file/medium-3ee9f2c7fba9c742b4d3c834d85e1445.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10879/file/large-78aec96a11fc51358fa059402f001c98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10879/file/medium-3ee9f2c7fba9c742b4d3c834d85e1445.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">Rapunzel</p>
          <a href="/products/creme-cashew-bio-250-g-18786">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Creme Cashew Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </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-18786-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f8wDsK8NdYmo-Nemz-Jg5HifVouQdYOaa0CwyR75kOgDqtXgi5Ul3d34dBhAKyQBjPKLOOOB1IE1PlmMuD9pgQ" />
    <input value="18786" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/chana-dal-kichererbsen-halb-eu-bio-500-g-18787">
          <img alt="Chana Dal Kichererbsen halb EU Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9257/file/small-1580881a6389db4fea638fabc7a9719b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9257/file/medium-1ec365d1ac45da106d1650b98f32fd71.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9257/file/large-4861b0ada5efa234d122ea2a1920971d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9257/file/medium-1ec365d1ac45da106d1650b98f32fd71.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">Rapunzel</p>
          <a href="/products/chana-dal-kichererbsen-halb-eu-bio-500-g-18787">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chana Dal Kichererbsen halb EU Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nw3zNvFpeJS2LehzAL1vsxBn1dvVUY3kB9jfyAmuXHVLayVm1fEowMMtS82PdCtW5AoIaKal2v9ZpjaNr2ilHA" />
    <input value="18787" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/erbsen-grun-halb-eu-bio-500-g-18788">
          <img alt="Erbsen grün halb EU Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10917/file/small-56973ff0c7cef4b151ceafb037e670f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10917/file/medium-479be62f5d9e31709d277eb01ec4bde5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10917/file/large-d0d557f601501c14f624f276564c750c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10917/file/medium-479be62f5d9e31709d277eb01ec4bde5.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">Rapunzel</p>
          <a href="/products/erbsen-grun-halb-eu-bio-500-g-18788">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erbsen grün halb EU Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zhZ7MUPQAggKZmNnn_mCPZ7o2wya-s0mzR78mh8B-0SycK1hZ0hSXH9mwNkQMMbYaoUGv-kOmj2TYBXfuccCLQ" />
    <input value="18788" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/gemuse-bruhwurfel-original-bio-84-g-18789">
          <img alt="Gemüse-Brühwürfel Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10918/file/small-5083a4b9a6103b5acf14ebf401595140.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10918/file/medium-903590e7f46144d3958716f7f344e16a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10918/file/large-654d0c047e98b943169c54d01a6d0199.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10918/file/medium-903590e7f46144d3958716f7f344e16a.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">Rapunzel</p>
          <a href="/products/gemuse-bruhwurfel-original-bio-84-g-18789">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüse-Brühwürfel Original Bio, 84 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rooTbSGjxywS8uvWS_kqIGPr6Uu1UJ6EGyXitiDRnwPS7MU9BTuXeGfySGjEMG7Fl4Y0-MakyZ9FWwvzhhdmag" />
    <input value="18789" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/gourmet-berglinsen-eu-bio-500-g-18790">
          <img alt="Gourmet Berglinsen EU Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10887/file/small-fa24ef4ad19a74e2a498f2c55a7aba09.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10887/file/medium-737c131cc70edfb26c678637135d9cff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10887/file/large-247f85aa1298c00104884ed3e554b333.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10887/file/medium-737c131cc70edfb26c678637135d9cff.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">Rapunzel</p>
          <a href="/products/gourmet-berglinsen-eu-bio-500-g-18790">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gourmet Berglinsen EU Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PZbyh3AN96JIzXbtO-cLsIuyzpxhLPdWKwmaYGWHJEBB8CTXVJWn9j3N1VO0Lk9Vf98TLxLYoE11d3Mlw0HdKQ" />
    <input value="18790" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/hefeflocken-bio-150-g-18791">
          <img alt="Hefeflocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9596/file/small-e809340f976a985270949826ab4f9f45.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9596/file/medium-7df1a6b99c46c8e17edceb9dcac5878f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9596/file/large-fdbcef91ad924298199ac7fdbc757e6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9596/file/medium-7df1a6b99c46c8e17edceb9dcac5878f.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">Rapunzel</p>
          <a href="/products/hefeflocken-bio-150-g-18791">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hefeflocken Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DOn2JL0ZMfwJtwhjD0iMXqmetxbPbbkbsjoh5AngHsJwjyB0mYFhqHy3q92Agci7XfNqpbyZ7gDsRMihrybnqw" />
    <input value="18791" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/honig-marzipan-bio-250-g-18792">
          <img alt="Honig Marzipan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9259/file/small-7712bb6271bccf63f12836f5f7ecab1c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9259/file/medium-51decb184dc5f8e8597efcd8490514d7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9259/file/large-5441a991477efa161a6c868fa12b85b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9259/file/medium-51decb184dc5f8e8597efcd8490514d7.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">Rapunzel</p>
          <a href="/products/honig-marzipan-bio-250-g-18792">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Honig Marzipan Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8s4F8PsWEJ_9vuOYtnkXflUY54tNrWfzCsvI_T9K6WKOqNOg345Ay4i-QCY5sFOboXU6OD5ZMOhUtSG4mYwQCw" />
    <input value="18792" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/jasmin-reis-natur-bio-500-g-18793">
          <img alt="Jasmin Reis natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9260/file/small-b3c110a75e47bd3b3eaaeaa67a285278.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9260/file/medium-876b7cc9aa9578026c28d400e2042d82.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9260/file/large-4017d843bcdb1ce17084c12fe6cd2f4e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9260/file/medium-876b7cc9aa9578026c28d400e2042d82.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">Rapunzel</p>
          <a href="/products/jasmin-reis-natur-bio-500-g-18793">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jasmin Reis natur Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lOEb3Pb85Yg2WGleM43HBQO0uAYH1XnmheTNTZUqvLHoh82M0mS13ENYyuC8RIPg99lltXQhLv3bmiQIM-xF2A" />
    <input value="18793" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/jasmin-reis-weiss-bio-500-g-18794">
          <img alt="Jasmin Reis weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10919/file/small-bd942d09c420e27dcbd8cd685e38ad00.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10919/file/medium-e95879107d4bdce85173dff98e8f16b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10919/file/large-3d048c4545b936ff6bbb575ed0be7acf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10919/file/medium-e95879107d4bdce85173dff98e8f16b2.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">Rapunzel</p>
          <a href="/products/jasmin-reis-weiss-bio-500-g-18794">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jasmin Reis weiss Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SwxqLtgxcWEbjVk0mFmbwWdo1oHIVU-pl_hEdAmHVIM3arx-_KkhNW6N-ooXkN8kkwULMruhGLLJhq0xr0Gt6g" />
    <input value="18794" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/kakao-mit-kokosblutenzucker-dose-bio-250-g-18795">
          <img alt="Kakao mit Kokosblütenzucker Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10920/file/small-83f6e921b2a0109d8cfd5ae220103ae0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10920/file/medium-55fba68a5886a940b311a0f169184e83.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10920/file/large-ae59a53233bdc28c4c10f8280afdc576.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10920/file/medium-55fba68a5886a940b311a0f169184e83.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">Rapunzel</p>
          <a href="/products/kakao-mit-kokosblutenzucker-dose-bio-250-g-18795">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakao mit Kokosblütenzucker Dose Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fUrF_lp_yo3rUPEQNOG2iWW08noIYDKejGtiYO4oIaYBLBOufuea2Z5QUq67KPJskdkvyXuUZYXSFYslSO7Yzw" />
    <input value="18795" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/kakaobutter-chips-mild-bio-100-g-18796">
          <img alt="Kakaobutter Chips mild Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9599/file/small-1ac3ca666c6013db501943dd70a2f607.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9599/file/medium-83e0c11973efb7e2d919aca906e2c80e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9599/file/large-011a7a0b32d64c99dfb9bcf73a8bb886.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9599/file/medium-83e0c11973efb7e2d919aca906e2c80e.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">Rapunzel</p>
          <a href="/products/kakaobutter-chips-mild-bio-100-g-18796">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakaobutter Chips mild Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x9iOiff0nM2__59qKFOXpthA0d0c4ZiqxNiU4TamwCO7vljZ02zMmcr_PNSnmtNDLC0Mbm8Vz7Gapn2kkGA5Sg" />
    <input value="18796" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/kichererbsen-eu-bio-500-g-18797">
          <img alt="Kichererbsen EU Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10881/file/small-254940cc7bcd1acb3954bf856cf259ba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10881/file/medium-2e389ad894b2fc6636112e057df83756.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10881/file/large-2cd8548098095410307b59922e58b008.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10881/file/medium-2e389ad894b2fc6636112e057df83756.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">Rapunzel</p>
          <a href="/products/kichererbsen-eu-bio-500-g-18797">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kichererbsen EU Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oSnyuZDpot3eCzz1LD1R_EK74pGEkIAark1OU4JG8RPdTyTptHHyiasLn0uj9BUZttY_Ivdk1wHwM6cWJIAIeg" />
    <input value="18797" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/kokos-haselnussmus-mit-dattel-bio-250-g-18798">
          <img alt="Kokos Haselnussmus mit Dattel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10921/file/small-731e4fc30cca4c4b1896fe7c2dec4f29.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10921/file/medium-401a2569d03efb60353111d378ba0c26.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10921/file/large-bc80ca7cc08444ab16baef5eb0b41b11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10921/file/medium-401a2569d03efb60353111d378ba0c26.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">Rapunzel</p>
          <a href="/products/kokos-haselnussmus-mit-dattel-bio-250-g-18798">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokos Haselnussmus mit Dattel Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N06PRHDhAu4Lp0d6BLajLzVyzvu2TMNz3zgGMsot0nhLKFkUVHlSun6n5MSLf-fKwR8TSMW4lGiBRu93bOsrEQ" />
    <input value="18798" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/kokos-mandel-creme-bio-250-g-18799">
          <img alt="Kokos Mandel Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9261/file/small-644a35da63f8f035150c434a5229bb08.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9261/file/medium-d5eb24d7f4eb9df0594b81711739a857.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9261/file/large-24203d9420c5dd94eb68a05bf3228046.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9261/file/medium-d5eb24d7f4eb9df0594b81711739a857.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">Rapunzel</p>
          <a href="/products/kokos-mandel-creme-bio-250-g-18799">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokos Mandel Creme Bio, 250 g</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 3.06 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ENM5Zwjs0FLUGuShQ6dmuKRTv_242xdPwTl7YmxVuF5ste83LHSABqEaRx_MbiJdUD5iTssvQFSfR5InypNBNw" />
    <input value="18799" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/krautersalz-bio-500-g-18800">
          <img alt="Kräutersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10824/file/small-f37b2947a51d91551cdeb8c89dd020ae.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10824/file/medium-8a865166b7ccb5d575df339dea8618e4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10824/file/large-a9376079294ec7e9a41d3ca635572ce7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10824/file/medium-8a865166b7ccb5d575df339dea8618e4.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">Rapunzel</p>
          <a href="/products/krautersalz-bio-500-g-18800">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kräutersalz Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aAzD7zcSQmQYMrPWy92Nq4in2uU_DER0bSdV9CSyS8gUahW_E4oSMG0yEGhEFMlOfMoHVkz4E28zWbyxgnSyoQ" />
    <input value="18800" 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%2Fbiomilk%3Fformat%3Dturbo_stream%26page%3D62">
    <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/krautersalz-mit-jodhaltigen-algen-bio-500-g-18801">
          <img alt="Kräutersalz mit jodhaltigen Algen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10867/file/small-f8277222afd400a3b917629ac4e8433e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10867/file/medium-4c39d7d54e08f2bc852fee089c24f09e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10867/file/large-1d51b62f6527b3e55b3758b8895f6f63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10867/file/medium-4c39d7d54e08f2bc852fee089c24f09e.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">Rapunzel</p>
          <a href="/products/krautersalz-mit-jodhaltigen-algen-bio-500-g-18801">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kräutersalz mit jodhaltigen Algen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uL6TVFKrdboGj2zFeWjBRqNcAaGkxQHf1JL4fr_G3OfE2EUEdjMl7nOPz3v2oYWjVzHcEtcxVsSK7BE7GQAljg" />
    <input value="18801" 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;240 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/biomilk?format=turbo_stream&amp;page=63">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>