<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gartenjager-trockenwurst-chili-vegan-bio-57-g-15958">
          <img alt="Gartenjäger Trockenwurst Chili Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7346/file/small-4685daf7ff3051ed086568e07c6c7a36.webp 600w, https://assets.fabulous.ch/public/variant_asset/7346/file/medium-92dcb073c6aa3904be0a8202e8c1e855.webp 900w, https://assets.fabulous.ch/public/variant_asset/7346/file/large-431c5add57fd3bc2b374d7d7fe1bb27b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7346/file/medium-92dcb073c6aa3904be0a8202e8c1e855.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">mikas</p>
          <a href="/de/products/gartenjager-trockenwurst-chili-vegan-bio-57-g-15958">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gartenjäger Trockenwurst Chili Vegan Bio, 57 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gvedlCGbplqwATK54pup8ejruibuZbtMRdqc2gQS49ou-kzh_s5ldVPrOfeuLhnqud81iQV9IklOhgahsZdqHA" />
    <input value="15958" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/dinki-gulasch-an-gewurzmarinade-bio-200-g-1699">
          <img alt="Dinki Gulasch an Gewürzmarinade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1356/file/small-3ae9233c5ab1b82edaeefe172d447a34.webp 600w, https://assets.fabulous.ch/public/variant_asset/1356/file/medium-e80125cf57ccb95fb3cbcca649ccdd04.webp 900w, https://assets.fabulous.ch/public/variant_asset/1356/file/large-9644aa9ab15e191037bab3490cc61c84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1356/file/medium-e80125cf57ccb95fb3cbcca649ccdd04.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">Soyana</p>
          <a href="/de/products/dinki-gulasch-an-gewurzmarinade-bio-200-g-1699">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinki Gulasch an Gewürzmarinade Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </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-1699-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x81uSs4HW1mKrlx5_zESha8X76NwylxTSn0uFJxBnVZrwL8_EVKYdmlEVzezhKKe_iNgDJvSxVZBIbRvKcQUkA" />
    <input value="1699" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pasta-braune-reisnudeln-mit-wakame-glutenfrei-bio-250-g-1238">
          <img alt="Pasta Braune Reisnudeln mit Wakame, glutenfrei, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1076/file/small-403438e2387cf198eb00bad3d797855d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1076/file/medium-b1015bdde829a45f5c4807968a26b098.webp 900w, https://assets.fabulous.ch/public/variant_asset/1076/file/large-8fab0937d138e30ddf79cfc1a95e62c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1076/file/medium-b1015bdde829a45f5c4807968a26b098.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">King Soba</p>
          <a href="/de/products/pasta-braune-reisnudeln-mit-wakame-glutenfrei-bio-250-g-1238">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Braune Reisnudeln mit Wakame, glutenfrei, Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="op6RtyzLGTqkNa7NVzxmunOQ_QLm3qSTDp6txJAFom4Ok0DC857aFUffpYMbidahIqRyrQ3GPZYFwje_JYArqA" />
    <input value="1238" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/rapunzel-spaghetti-aus-vollkornreis-bio-250-g-16648">
          <img alt="Rapunzel Spaghetti aus Vollkornreis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7707/file/small-2ed9962a52f5ac6a87d98f55829dc5c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7707/file/medium-8b8fe2ded96fdb7f63077b094c7e44c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7707/file/large-1a1996d7e0ab557e7e0ad260af0d858b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7707/file/medium-8b8fe2ded96fdb7f63077b094c7e44c6.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="/de/products/rapunzel-spaghetti-aus-vollkornreis-bio-250-g-16648">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Spaghetti aus Vollkornreis Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qr6fHh3J1UgfwhMF6JISrttmluxwV-QzTJb-cxdj30IGs05rwpwWZ_woGEukJ6K1ilIZQ5tPfTZHymQIouZWhA" />
    <input value="16648" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sonnenblumen-hack-pur-bio-76-g-4190">
          <img alt="Sonnenblumen Hack Pur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2638/file/small-ed2f57e2fc34f1c895f44c28da92e290.webp 600w, https://assets.fabulous.ch/public/variant_asset/2638/file/medium-6269c325ade863edcfb347ec5687292a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2638/file/large-34dd1b0a4f778e60fb579a170e2980bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2638/file/medium-6269c325ade863edcfb347ec5687292a.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">Sunflower Family</p>
          <a href="/de/products/sonnenblumen-hack-pur-bio-76-g-4190">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sonnenblumen Hack Pur Bio, 76 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9MEH6sbBe7LEYCNUP9PhIlQxlcQ96_CMy46Fz4X0SXVYzNafGZS4nSeKKBpzZlE5BQUaa9bzaYnA0h-0MHHAsw" />
    <input value="4190" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ich-bin-kein-fleischkase-glutenfrei-bio-200-g-5706">
          <img alt="&quot;Ich bin kein Fleischkäse&quot; Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3292/file/small-284800cc58bfefdeef9fd04aa8a94b47.webp 600w, https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.webp 900w, https://assets.fabulous.ch/public/variant_asset/3292/file/large-cd1e7d9eac5d4c1a6229f4427e7deba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.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">Soyana</p>
          <a href="/de/products/ich-bin-kein-fleischkase-glutenfrei-bio-200-g-5706">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Ich bin kein Fleischkäse&quot; Glutenfrei Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tIDB4BWfXMKG2ihwbrhjBG8Ii4ACAzIC7RJW47kM_PwYjRCVysqf7WUwIz4iDdMfPjwEL-kbqwfmTsyYDIl1Og" />
    <input value="5706" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bratfilets-black-forest-bio-80-g-16733">
          <img alt="Bratfilets Black Forest Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7759/file/small-c9e8dd7f712a4ae80ce02c297c74932e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7759/file/medium-9314233befc80b586176237da5177233.webp 900w, https://assets.fabulous.ch/public/variant_asset/7759/file/large-cb223c26345e67ccb0cbe4493a2355a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7759/file/medium-9314233befc80b586176237da5177233.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">Taifun</p>
          <a href="/de/products/bratfilets-black-forest-bio-80-g-16733">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bratfilets Black Forest Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.66 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vZpSkdGVCuVJ5friAF5w4FNXlatV7Hjl2phSQfx8IxIRl4PkDsDJyqoP8axM68D7AmMaBL704eDRxMg6Sfmq1A" />
    <input value="16733" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lupinen-filets-bio-100-g-291">
          <img alt="Lupinen Filets Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/263/file/small-00fb88970bcf78f058741f4ad95e91b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/263/file/medium-2a2c1ef14841d15c4de3eb26de4f6bb3.webp 900w, https://assets.fabulous.ch/public/variant_asset/263/file/large-902176a7403fb66823c98d4084db7a77.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/263/file/medium-2a2c1ef14841d15c4de3eb26de4f6bb3.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">Alberts</p>
          <a href="/de/products/lupinen-filets-bio-100-g-291">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupinen Filets Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.45 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rwRb0sD3vtK2tHrJ42dBuVHMD12K7M5g9O9t5nCnmy4DCYqnH6J9_VVecYev0vGiAPiA8mH0V2X_s_edxSIS6A" />
    <input value="291" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/falafel-burger-hans-im-gluck-bio-200-g-15595">
          <img alt="Falafel Burger - Hans im Glück Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7120/file/small-7e8fbdbe6e94922ae53fd3d5849d434d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7120/file/medium-83c613f602ea5fb4cb9b93b70d616c52.webp 900w, https://assets.fabulous.ch/public/variant_asset/7120/file/large-68b34612701588d382e1737dfbffa68e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7120/file/medium-83c613f602ea5fb4cb9b93b70d616c52.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">Soto</p>
          <a href="/de/products/falafel-burger-hans-im-gluck-bio-200-g-15595">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Falafel Burger - Hans im Glück Bio, 2 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.58 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E2kqh96aBdZtmIm_r1SMqJN9wRpThzjyMyK1lPZrij-_ZPvyAc_G-Y5ygvHj4TyzwklOtbifofc4fi_vQ-4D-Q" />
    <input value="15595" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tempeh-natur-fermentiert-bio-180-g-5707">
          <img alt="Tempeh Natur Fermentiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3293/file/small-4f067327d44a6081a7d72a507ddb3833.webp 600w, https://assets.fabulous.ch/public/variant_asset/3293/file/medium-120205a6549811146eaff05fc740f5a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3293/file/large-5f488eeca93ce34e11f1896534c7c389.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3293/file/medium-120205a6549811146eaff05fc740f5a8.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">Soyana</p>
          <a href="/de/products/tempeh-natur-fermentiert-bio-180-g-5707">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Natur Fermentiert Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

              <div class="size-8 text-blue-300" title="Kritische Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-_p91izcxKGVE1CTHTHI7XDehG2EseByGrOB5MavAAlX96yj84kHjnb5W91RhHj2IeoLwm-peXcR7xufcyqJzw" />
    <input value="5707" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schnetzel-chunks-aus-erbsen-und-bohnen-bio-100-g-9919">
          <img alt="Schnetzel Chunks aus Erbsen und Bohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5458/file/small-87b0d07ab3c4fc73e2bf5aca29f64f4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5458/file/medium-f68f1c8b98a87e472638e09032ca5b4d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5458/file/large-59433704c30cff0c755973130af98a84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5458/file/medium-f68f1c8b98a87e472638e09032ca5b4d.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">Davert</p>
          <a href="/de/products/schnetzel-chunks-aus-erbsen-und-bohnen-bio-100-g-9919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schnetzel Chunks aus Erbsen und Bohnen Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EhrBjcnqTXgY6vMC7yGVCT_uzEP9IeYn3WpgMnk6xC--FxD4Fr-OV_sA-EyjlCUSbtpD7BY5fyLWNvpJzL9N6Q" />
    <input value="9919" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/davert-noodle-cup-tomatensauce-bio-67-g-3822">
          <img alt="Davert Noodle-Cup Tomatensauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2467/file/small-add9b636c72f9ef4bd732bfd55910543.webp 600w, https://assets.fabulous.ch/public/variant_asset/2467/file/medium-e7784db51dd7cf932796d4e0c6ea5f8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2467/file/large-f7e9084f964e2a331e8d32ce90237245.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2467/file/medium-e7784db51dd7cf932796d4e0c6ea5f8f.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">Davert</p>
          <a href="/de/products/davert-noodle-cup-tomatensauce-bio-67-g-3822">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Davert Noodle-Cup Tomatensauce Bio, 67 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XhY4niAZ19e_xLthA18jDWjbquzZfAXW-rIaCUH7l3XyG-nr_0wU-FwusC9P6pMWOe8lQzJknNPx7oBy9H4esw" />
    <input value="3822" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tempeh-knoblauch-koriander-bio-200-g-17197">
          <img alt="Tempeh Knoblauch Koriander Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8023/file/small-0204b5f9a751ef7b2cbadbdf412aceb1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8023/file/medium-609401254a436a19f1379c7ce58f92d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8023/file/large-75162a43ba3efd21c44f0ae1e7d335c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8023/file/medium-609401254a436a19f1379c7ce58f92d6.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">Tempehmanufaktur</p>
          <a href="/de/products/tempeh-knoblauch-koriander-bio-200-g-17197">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Knoblauch Koriander Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.65 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KJI7Cnr2KBI5EXIDyDcFz7EruT5CMv5hqX-4JxP_qlqEn-p_paPrPdr7eU2EgrXU4B82kakqZ2SiIyJcpnojnA" />
    <input value="17197" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/golden-tofu-nuggets-bio-170-g-2067">
          <img alt="Golden Tofu Nuggets Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1617/file/small-1653d6c2fac9e2ffd00cf349d8a52ee0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1617/file/medium-62f709bb5850ea1851f5a0d803d6a230.webp 900w, https://assets.fabulous.ch/public/variant_asset/1617/file/large-c1b11b01f0ac5f4b2d568443931784bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1617/file/medium-62f709bb5850ea1851f5a0d803d6a230.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">Lord of Tofu</p>
          <a href="/de/products/golden-tofu-nuggets-bio-170-g-2067">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Golden Tofu Nuggets Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.65 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oit_TsYItYBBotaXxgdAMuLq7ttoT4RYdiA3VYBEuCEOJq47GV12r6JI3dmKsvAps95hdINXHV19fK0uNcEx5w" />
    <input value="2067" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bratfilets-tofu-barlauch-bio-80-g-753">
          <img alt="Bratfilets Tofu Bärlauch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/702/file/small-cd11307abcf7682d2a0f654789ad5cc5.webp 600w, https://assets.fabulous.ch/public/variant_asset/702/file/medium-0dbe677d0a06921fb8150746743c95a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/702/file/large-5b05b802df20903d8402cf402e0244d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/702/file/medium-0dbe677d0a06921fb8150746743c95a7.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">Taifun</p>
          <a href="/de/products/bratfilets-tofu-barlauch-bio-80-g-753">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bratfilets Tofu Bärlauch Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.66 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hPNkoyb-TEYlCnWHpnwG67FSzKAwZkKIS-HWFgtTVIso_rXW-auPacbgfsnqybbw4GZDD9t-241AvUxtvtbdTQ" />
    <input value="753" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegane-merguez-bio-200-g-1613">
          <img alt="Vegane Merguez Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1275/file/small-66fe0c6b56e3c5890d22507103277572.webp 600w, https://assets.fabulous.ch/public/variant_asset/1275/file/medium-e046e57a5e306de67eabfe3788f605de.webp 900w, https://assets.fabulous.ch/public/variant_asset/1275/file/large-6c2ab5ae6e876457d826d96323bfce8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1275/file/medium-e046e57a5e306de67eabfe3788f605de.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">Wheaty</p>
          <a href="/de/products/vegane-merguez-bio-200-g-1613">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Merguez Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.35 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IERwD6mGNMdvni16IoLhsYr6jk7lTcvJW7bypL77MGmMSaF6dtP36Ix0JjRuN1Gq284B4Q5VUsxQ6mjfC365rw" />
    <input value="1613" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pasta-soja-vollkorn-spiralen-teigwaren-bio-500-g-4345">
          <img alt="Pasta Soja Vollkorn Spiralen Teigwaren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2708/file/small-a305575f49c112de5f993ac3fc4348d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2708/file/medium-29ac7cda0d555f48c8eb2f755a4bad16.webp 900w, https://assets.fabulous.ch/public/variant_asset/2708/file/large-aba1096071d3f247026ac57c7e33bb3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2708/file/medium-29ac7cda0d555f48c8eb2f755a4bad16.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">MORGA</p>
          <a href="/de/products/pasta-soja-vollkorn-spiralen-teigwaren-bio-500-g-4345">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Soja Vollkorn Spiralen Teigwaren Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gkUEDdYre9vmPrnEaNvPhp7stWnNssMMaIlKZ0S0ZSsuSNV4CX649AXUsookbn-dz9g6xiaqWglj1dAc8THs7Q" />
    <input value="4345" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pasta-buchweizennudeln-glutenfrei-bio-250-g-1239">
          <img alt="Pasta Buchweizennudeln, glutenfrei, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1078/file/small-e81ea089761855104cd573090824ea88.webp 600w, https://assets.fabulous.ch/public/variant_asset/1078/file/medium-b78dd90122678d74f87790876822eed7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1078/file/large-88ef3af4865bc86d929eab53ffe432fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1078/file/medium-b78dd90122678d74f87790876822eed7.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">King Soba</p>
          <a href="/de/products/pasta-buchweizennudeln-glutenfrei-bio-250-g-1239">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Buchweizennudeln, glutenfrei, Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZaxtXzz-Nmai5lY9CaXY9J921DNZsZDa4OKJG-mJdX7Jobwq46v1SUEMXXNFEGjvzkJbnLKpCd_rvhNgXAz8uA" />
    <input value="1239" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bumi-pulled-seitan-gyros-bio-175-g-14596">
          <img alt="Bumi Pulled Seitan Gyros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6750/file/small-82795b43a0877175ca0602006b3030a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6750/file/medium-47fbf36ae166d759a38135cf42a77479.webp 900w, https://assets.fabulous.ch/public/variant_asset/6750/file/large-2ad32edcadbbcbe5a792ed12234f9f31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6750/file/medium-47fbf36ae166d759a38135cf42a77479.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">Bumi</p>
          <a href="/de/products/bumi-pulled-seitan-gyros-bio-175-g-14596">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bumi Pulled Seitan Gyros Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.69 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xXmsSqdMXfk1UMPyDxP8eQJ-hvzxuB3IIEsipTqBuuNpdH0_eBme1ta6yLxDpkxiU0oJUxqghM0rF7jejwQzJQ" />
    <input value="14596" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soja-mais-kidneybohnen-tempeh-bio-200-g-17373">
          <img alt="Soja Mais Kidneybohnen Tempeh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8100/file/small-c8c09c53661bfed594755ce80348ec1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8100/file/medium-d50835aae6711e8d292e95de7dcde34b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8100/file/large-9433a007f9ca5b8d24cd650f7be4771e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8100/file/medium-d50835aae6711e8d292e95de7dcde34b.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">Tempeh bagus</p>
          <a href="/de/products/soja-mais-kidneybohnen-tempeh-bio-200-g-17373">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Mais Kidneybohnen Tempeh Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

              <div class="size-8 text-blue-300" title="Kritische Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jJGOJMqPUoC2rgEwgsuvuR1Q2N3Lz9yc20JutxIv0C4gnF9RFdqRr1VECn7Ofh-iTGRXciDXRZnQHvTMp6pZ6A" />
    <input value="17373" 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">
      40 von 312 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel/pfannenfertig?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>