<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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/taucherli-schokoladentafel-milch-bio-100-g-20153">
          <img alt="Taucherli Schokoladentafel Milch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10719/file/small-5ea883683d40792d222cde236a128410.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10719/file/medium-8ee6659dde649530e0e1457228d45054.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10719/file/large-3e758571a0a4a82829580be966efd836.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10719/file/medium-8ee6659dde649530e0e1457228d45054.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">Taucherli</p>
          <a href="/products/taucherli-schokoladentafel-milch-bio-100-g-20153">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taucherli Schokoladentafel Milch Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IrHkjn68LT2HgNqugQ-IqYJWEBnspD87SjEYRAKdREL_sZ5V18eQM0HDChaOHh7yKrqK5CDOMVIumTqSHtbN0g" />
    <input value="20153" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/taucherli-schokoladentafel-la-donna-bio-100-g-20154">
          <img alt="Taucherli Schokoladentafel La Donna Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10720/file/small-81315dca615bf32f63d4894da1ca8497.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10720/file/medium-0b36d0bd5ac61b22ea9b3abf8ceb29c4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10720/file/large-73b85ed41c0046956f6024433bb702b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10720/file/medium-0b36d0bd5ac61b22ea9b3abf8ceb29c4.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">Taucherli</p>
          <a href="/products/taucherli-schokoladentafel-la-donna-bio-100-g-20154">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taucherli Schokoladentafel La Donna Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M3pFf2Jb_i-0RjyUPoLg8kzgJUhKsyafH7pMzl_v9CHuej-kyyBDIXIF7Cwxk3ap5Ay_tYbZKPZ7Em4YQ6R9sQ" />
    <input value="20154" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/taucherli-schokoladentafel-mexico-70-80-g-20155">
          <img alt="Taucherli Schokoladentafel Mexico 70%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10721/file/small-fa0dbf3b39d961659597dfe8bf19c742.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10721/file/medium-ee9b9cb2caa440ff2d59919b2e7eb76e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10721/file/large-0a110c20e50bafd7517e8d8b81112314.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10721/file/medium-ee9b9cb2caa440ff2d59919b2e7eb76e.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">Taucherli</p>
          <a href="/products/taucherli-schokoladentafel-mexico-70-80-g-20155">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taucherli Schokoladentafel Mexico 70%, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8cygDhTm67W-pWA_dgqgLMQWJsNVlUJ8bkeR3KZWaTUszNrVvZ1Wu3jmsId5GzZ3bPq8Ppn_TBUK77MKuh3gpQ" />
    <input value="20155" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/taucherli-schokoladentafel-ghana-100-80-g-20156">
          <img alt="Taucherli Schokoladentafel Ghana 100%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10722/file/small-c5cb0d69d4136e49caa24278b047f480.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10722/file/medium-b9da0b2cab4671cb57644cea0df3b19b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10722/file/large-fd06c551fc4f63e74aeee512683d132b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10722/file/medium-b9da0b2cab4671cb57644cea0df3b19b.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">Taucherli</p>
          <a href="/products/taucherli-schokoladentafel-ghana-100-80-g-20156">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taucherli Schokoladentafel Ghana 100%, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vIL6MElx68JPisCRyFGMi5c2Dj79F0cLQg75X3hX-qRhgoDr4ApWzInJECnHQBrQP9qUwzF9SWImptuJZBxzNA" />
    <input value="20156" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/taucherli-schokoladentafel-cocoloco-bio-100-g-20157">
          <img alt="Taucherli Schokoladentafel Cocoloco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10723/file/small-ef52975b0a3b973a7a7eacef76afc428.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10723/file/medium-6b8b28d908969a9a3fdbdf9f28c7f810.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10723/file/large-e0d3d28bff4f4e728d7cc01b87eebb69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10723/file/medium-6b8b28d908969a9a3fdbdf9f28c7f810.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">Taucherli</p>
          <a href="/products/taucherli-schokoladentafel-cocoloco-bio-100-g-20157">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taucherli Schokoladentafel Cocoloco Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G1p2JscdTQUeaQ2ERYRB7tW4nlh8I5kaqBo6Nw4SuCXGWgz9bmbwC9gq3TxKlde1fVQEpbBJl3PMshjhElkxtQ" />
    <input value="20157" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/taucherli-schokoladentafel-b9-betulia-80-80-g-20158">
          <img alt="Taucherli Schokoladentafel B9 Betulia 80%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10724/file/small-3f30010cffb10eb0236b2ca88036bb26.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10724/file/medium-c358379891ba9b0d117ce079b63b9b28.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10724/file/large-9aeac52487e4dd18647baa16b2f8ecb8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10724/file/medium-c358379891ba9b0d117ce079b63b9b28.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">Taucherli</p>
          <a href="/products/taucherli-schokoladentafel-b9-betulia-80-80-g-20158">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taucherli Schokoladentafel B9 Betulia 80%, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k5HbGdr-htkTDiGOpDLQOQ8g8AuiglBSg1MF5twy4xROkaHCc4U719VN8TarI0Zip8xq9m7oXjvn-ycwwHlqhA" />
    <input value="20158" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/taucherli-trinkschokolade-chai-bio-35-g-20159">
          <img alt="Taucherli Trinkschokolade Chai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10725/file/small-6de31695a3da41efe824785eece3b685.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10725/file/medium-35435b9b05449228a49f0b62036a2af1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10725/file/large-5631c87167b2c27da535036987688611.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10725/file/medium-35435b9b05449228a49f0b62036a2af1.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">Taucherli</p>
          <a href="/products/taucherli-trinkschokolade-chai-bio-35-g-20159">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taucherli Trinkschokolade Chai Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="78DBWjXBZHKAG2FQTjI9EGhxCeBPntwSqAVLeluDlBcywLuBnLrZfEZYsehBI6tLwJ2THYP00nvMrWmsR8gdhw" />
    <input value="20159" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/naturkostbar-buchweizen-angekeimt-bio-500-g-20160">
          <img alt="Naturkostbar Buchweizen angekeimt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10726/file/small-72eeec8bf4b88a2a2ddfb0bcf5348b13.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10726/file/medium-6808ef2965680fee2bdf8cc6b56eacc9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10726/file/large-865b90e1313fa181c4fa16919c785137.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10726/file/medium-6808ef2965680fee2bdf8cc6b56eacc9.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">Naturkostbar</p>
          <a href="/products/naturkostbar-buchweizen-angekeimt-bio-500-g-20160">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Buchweizen angekeimt Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gmQ5063CvCIXttfs_I7WKMtuaPy3xJSZD9KEjvdd3nhfZEMIBLkBLNH1B1Tzn0BzY4LyAXuumvBreqZY6xZX6A" />
    <input value="20160" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/naturkostbar-baumnussol-roh-100-ml-20161">
          <img alt="Naturkostbar Baumnussöl roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10727/file/small-c4d6a8dd3c139bc3446fc9a17fe8cf30.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10727/file/medium-8d70bd4293df47907244e8aa966c2479.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10727/file/large-31837f179eaf058420e993a13843dd34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10727/file/medium-8d70bd4293df47907244e8aa966c2479.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">Naturkostbar</p>
          <a href="/products/naturkostbar-baumnussol-roh-100-ml-20161">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Baumnussöl roh, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XivHAQ3a8C0ec3mOjcwtfdnS953y3n7txOEaHSOEag6DK73apKFNI9gwqTaC3bsmcT5tYD60cISgSTjLP8_jng" />
    <input value="20161" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/naturkostbar-baumnuss-fiesta-bio-100-g-20162">
          <img alt="Naturkostbar Baumnuss Fiesta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10728/file/small-94a6ee07fb566db46c8238a418d10f42.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10728/file/medium-2c17ad24b62112a29567caafdd4c6a6c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10728/file/large-4076ce3d75b9877f39a954dfb60aa72a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10728/file/medium-2c17ad24b62112a29567caafdd4c6a6c.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">Naturkostbar</p>
          <a href="/products/naturkostbar-baumnuss-fiesta-bio-100-g-20162">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Baumnuss Fiesta Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4o7--O8YT3TXUboMI7LMNewExY_bP8IJ0JJ78yU8-e0_joQjRmPyehESarQso1puROhfchdVzGC0OlklOXdwfQ" />
    <input value="20162" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/naturkostbar-basismuesli-3-korn-angekeimt-bio-500-g-20163">
          <img alt="Naturkostbar Basismüesli 3-Korn angekeimt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10729/file/small-9b5a42de2eb2da5ca0fe224f1e719a29.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10729/file/medium-8b8b222cb3cacb181373123abac65be8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10729/file/large-dc7c00d4859062b874b9e710d6b8751d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10729/file/medium-8b8b222cb3cacb181373123abac65be8.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">Naturkostbar</p>
          <a href="/products/naturkostbar-basismuesli-3-korn-angekeimt-bio-500-g-20163">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Basismüesli 3-Korn angekeimt Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KBSmfrqUDbxAexocwpL177wuU9syYeRIj4Bax6tLPHP1FNylE--wsoY4yqTNg2O0FMLJJv4L6iHrKHgRtwC14w" />
    <input value="20163" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/naturkostbar-bananen-am-stuck-bio-vegan-roh-150-g-20164">
          <img alt="Naturkostbar Bananen am Stück Bio vegan roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10730/file/small-f1c30e006b2b1776f1a34532c56b325b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10730/file/medium-8c60ff8db4b46ddc567c1a56ccc6d4ad.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10730/file/large-6483b260d1045e19a92f3e56efa8b2a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10730/file/medium-8c60ff8db4b46ddc567c1a56ccc6d4ad.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">Naturkostbar</p>
          <a href="/products/naturkostbar-bananen-am-stuck-bio-vegan-roh-150-g-20164">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Bananen am Stück Bio vegan roh, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KdBUHAZJMFfLO_935KTtFYpxj5iV_a9dp_L8j3BYNBD00C7HrzKNWQ14L8_rtXtOIp0VZVmXoTTDWt5ZbBO9gA" />
    <input value="20164" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/naturkostbar-kurbiskernol-roh-bio-100-ml-20165">
          <img alt="Naturkostbar Kürbiskernöl roh BIo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10731/file/small-dc1518b167bce1bab045cb3d56e955e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10731/file/medium-2c0be211f69aa0f30735cacc848e1055.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10731/file/large-f5a7bf48ebfabbdca92fce39e2a47952.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10731/file/medium-2c0be211f69aa0f30735cacc848e1055.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">Naturkostbar</p>
          <a href="/products/naturkostbar-kurbiskernol-roh-bio-100-ml-20165">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Kürbiskernöl roh BIo, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DAEPcuVH-bwYYBgCCKyl32X8zP8RR3z-jpEwJ6NAHZ_RAXWpTDxEst4jyLoHvTOEzRBWAt0tcpfqORLxvwuUDw" />
    <input value="20165" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/naturkostbar-mandelmus-braun-bio-vegan-200-g-20166">
          <img alt="Naturkostbar Mandelmus braun Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10732/file/small-94713400fb2bb1e4a25e959f0de7ce38.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10732/file/medium-de21bf5924a221fe81a8c38545e814d6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10732/file/large-f5fc76f3f06107355313d40d7bee50ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10732/file/medium-de21bf5924a221fe81a8c38545e814d6.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">Naturkostbar</p>
          <a href="/products/naturkostbar-mandelmus-braun-bio-vegan-200-g-20166">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Mandelmus braun Bio vegan, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6T8Oc4nnOL1_ZfqzkJrRgZhL3wzJjUvDkeGi3s3JPvc0P3SoIJyFs7kmKgufi0faMKdF8QXnRar1SYAI0YK3Zw" />
    <input value="20166" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/naturkostbar-mandelmus-weiss-bio-vegan-200-g-20167">
          <img alt="Naturkostbar Mandelmus weiss Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10733/file/small-0320d72caaeb3872ca82106d92b2505a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10733/file/medium-a4c47d67e8be815d317c9b6bf7b2f91c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10733/file/large-e5c76150171a44d2a18e1a878547fef2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10733/file/medium-a4c47d67e8be815d317c9b6bf7b2f91c.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">Naturkostbar</p>
          <a href="/products/naturkostbar-mandelmus-weiss-bio-vegan-200-g-20167">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Mandelmus weiss Bio vegan, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DZqiRU01GedXv1Vo3hgIZWowm0rceQ-9zTE7yheJGCHQmtie5E6k6ZH8hdDRCZ4-wtwBtxATAdSpmRkcC8KRsQ" />
    <input value="20167" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/naturkostbar-schwarzkummelol-roh-bio-250-ml-20168">
          <img alt="Naturkostbar Schwarzkümmelöl roh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10734/file/small-ff821dc884218c54da20ccbba79b610b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10734/file/medium-f94320c09fb49019342d30098325101a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10734/file/large-c61fd492b7bb5eec6e8574d4c33f01c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10734/file/medium-f94320c09fb49019342d30098325101a.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">Naturkostbar</p>
          <a href="/products/naturkostbar-schwarzkummelol-roh-bio-250-ml-20168">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Schwarzkümmelöl roh Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 58.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V59OwyxZypvhvdFoOLmjIhKr0vhbhFSaBOXAl8egvbGKnzQYhSJ3lSf-AdA3qDV5ukdIBZfuWvNgTeJB2-s0IQ" />
    <input value="20168" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/naturkostbar-johannisbeeren-schwarz-gefriergetrock-bio-roh-50-g-20169">
          <img alt="Naturkostbar Johannisbeeren schwarz gefriergetrock. Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10735/file/small-9d46c81e0260488bee0ed4edbd26c6aa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10735/file/medium-5db6049c7337a1488d9a78002edbd2e8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10735/file/large-c7ca1cc55fde1882a8cd7d9c05226154.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10735/file/medium-5db6049c7337a1488d9a78002edbd2e8.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">Naturkostbar</p>
          <a href="/products/naturkostbar-johannisbeeren-schwarz-gefriergetrock-bio-roh-50-g-20169">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Johannisbeeren schwarz gefriergetrock. Bio roh, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rfSJ3MzAZ_MaYWzGW7_BBMXvM8ExObCyqABj8sAxAp1w9PMHZbva_dwivH5UrldfbQOpPP1TvtvMqEEk3HqLDQ" />
    <input value="20169" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/naturkostbar-haferflocken-angekeimt-bio-500-g-20170">
          <img alt="Naturkostbar Haferflocken angekeimt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10736/file/small-38a188bc4220cdbd8c62133570136022.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10736/file/medium-9b7a3fd157894194f9451c6c1576969f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10736/file/large-fc112faa3e46df56bf7ce6b03dd8b06d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10736/file/medium-9b7a3fd157894194f9451c6c1576969f.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">Naturkostbar</p>
          <a href="/products/naturkostbar-haferflocken-angekeimt-bio-500-g-20170">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Haferflocken angekeimt Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6eOW2QL2AivBAO1SpZwlQP6mZcVkuoA2l7eKQ2sJmeU04-wCq42_JQdDPeqqjbMbVkr_OKjQjl_zH6iVd0IQdQ" />
    <input value="20170" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/sonnentor-gewurzbluten-flower-power-nachfullbeutel-bio-35-g-20171">
          <img alt="Sonnentor Gewürzblüten Flower Power Nachfüllbeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10737/file/small-451ffbeae9b2962c4ede0d975062eb22.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10737/file/medium-d0de00073d2dfc063b711599dd25640b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10737/file/large-90b8df6e56cb4cbd52ec72e71e11b90b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10737/file/medium-d0de00073d2dfc063b711599dd25640b.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">Sonnentor</p>
          <a href="/products/sonnentor-gewurzbluten-flower-power-nachfullbeutel-bio-35-g-20171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Gewürzblüten Flower Power Nachfüllbeutel Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-GHEygySaqOY14d7zxg_IDTrBxRPdpqHkoryhTe9ByQlYb4RpenXrV6UV8PACal7nAed6YMclO72ItBTK_aOtA" />
    <input value="20171" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D70">
    <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/sunsnack-kernenmischung-bio-60-g-20174">
          <img alt="SunSnack Kernenmischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10813/file/small-a32941c87171c1f5ab2c76608a146756.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10813/file/medium-5413219b96cda937e1c5aa7f8042d51d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10813/file/large-606730fdb43c542f398dbe39b4a7703a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10813/file/medium-5413219b96cda937e1c5aa7f8042d51d.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">SunSnack</p>
          <a href="/products/sunsnack-kernenmischung-bio-60-g-20174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SunSnack Kernenmischung Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </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-20174-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NRyIVcjWZMZdcKpKL88pRA9XhzUPZPefPquyzgU6i0foHPKOYa3ZyJszevIg3r8fp7sdyMMO-fZaA5AYGXEC1w" />
    <input value="20174" 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;400 von 1&#39;583 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=71">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>