<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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/pralinis-lini-s-bites-raspberry-almond-bio-46-g-9285">
          <img alt="Pralinis Lini&#39;s Bites Raspberry Almond Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8766/file/small-476e0cfa7ae6e32467f77f2e71041a3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8766/file/medium-475a1afddf3227a44130530b668af0e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8766/file/large-cba36e88afce487cdf871b9be0889a4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8766/file/medium-475a1afddf3227a44130530b668af0e6.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">Lini&#39;s Bites</p>
          <a href="/de/products/pralinis-lini-s-bites-raspberry-almond-bio-46-g-9285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralinis Lini&#39;s Bites Raspberry Almond Bio, 46 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OqSgfr9eSlbOXXBwWPoiD9or9mLeagE1zvhn23fu2Qh3ZW4OBJqMvSoxuDUg76BmXVlp4fBI-2RXNY-Qna83nQ" />
    <input value="9285" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/suppe-instant-misosuppe-mit-meeresgemuse-bio-15-g-3729">
          <img alt="Suppe Instant Misosuppe mit Meeresgemüse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2415/file/small-837635c6a3954a70a5b3f7f8b62849c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2415/file/medium-27187d1c6d98f0c18548a567a0c3a36b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2415/file/large-01f1f635207cc18ef60ef134e3fba201.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2415/file/medium-27187d1c6d98f0c18548a567a0c3a36b.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">Arche</p>
          <a href="/de/products/suppe-instant-misosuppe-mit-meeresgemuse-bio-15-g-3729">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Suppe Instant Misosuppe mit Meeresgemüse Bio, 4 x 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X2OJDy3qOvwduNyIQkBR7Yf-8pYEPH4wlWYotItWAJoSokd_li78F_nUFM06VdOEAIxtFSoehGEMq8D_YRfuDw" />
    <input value="3729" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/seife-milde-pflegeseife-flussigseife-basis-sensitiv-250-ml-6907">
          <img alt="Seife Milde Pflegeseife Flüssigseife Basis Sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3999/file/small-22cafa12a071ea67bffcf2a94b58fb61.webp 600w, https://assets.fabulous.ch/public/variant_asset/3999/file/medium-3ef8776ea067194d81c84446d359f2a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3999/file/large-dd174a16b33fba7287dbf8fbefe4d4ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3999/file/medium-3ef8776ea067194d81c84446d359f2a4.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">Lavera</p>
          <a href="/de/products/seife-milde-pflegeseife-flussigseife-basis-sensitiv-250-ml-6907">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Milde Pflegeseife Flüssigseife Basis Sensitiv, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AzDLuzV0ZBrdMHvCwynOvKygYNOHHjE_ThGql0vLjohO8QXLjrCi8Tlcs4e7PEzVK9L_UKk8y27X3ELcoYpgHQ" />
    <input value="6907" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/kokosmilch-schokolade-dessert-bio-80-g-14602">
          <img alt="Kokosmilch Schokolade Dessert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8997/file/small-acfe4c512a50a1420d1cdd887e3e2217.webp 600w, https://assets.fabulous.ch/public/variant_asset/8997/file/medium-6c5c91c6e80da781b33b6c2458d001e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8997/file/large-8e50e900c10581497492d7584c3c479c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8997/file/medium-6c5c91c6e80da781b33b6c2458d001e5.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">Harvest Moon</p>
          <a href="/de/products/kokosmilch-schokolade-dessert-bio-80-g-14602">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosmilch Schokolade Dessert Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1UkowH0IMDbuSIeqGFhw_wukktJ6ImqxMWJNBFO1RnyYiOawxsz23QokT-9gTfKWjNYNUVQAkOCor6VPufSo6Q" />
    <input value="14602" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/kokosmilch-schokolade-salted-caramel-dessert-bio-80-g-14603">
          <img alt="Kokosmilch Schokolade Salted Caramel Dessert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8998/file/small-4e827f93e66c7ef0cdad3ceee631ca68.webp 600w, https://assets.fabulous.ch/public/variant_asset/8998/file/medium-4995430fb2f1068069fe93abfbcf4e1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8998/file/large-a72320894c0f0bdbe68e8d1c182aa9e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8998/file/medium-4995430fb2f1068069fe93abfbcf4e1c.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">Harvest Moon</p>
          <a href="/de/products/kokosmilch-schokolade-salted-caramel-dessert-bio-80-g-14603">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosmilch Schokolade Salted Caramel Dessert Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VFLf2ILCl63ao8udAwT1QBGzl-fcFALQ3TP6d3M0iOcZkxGoOQZRRj7PA9h7EXcplsEIZPI2-IFE_hI8mXVmcg" />
    <input value="14603" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/blackbean-tempeh-tamari-bio-200-g-17202">
          <img alt="BlackBean Tempeh Tamari Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8030/file/small-e9300e12f52cc7a897e41a472a6c8977.webp 600w, https://assets.fabulous.ch/public/variant_asset/8030/file/medium-a2ed0a45826afe90740f9fe615077b95.webp 900w, https://assets.fabulous.ch/public/variant_asset/8030/file/large-1e3f03b6cd6a55f1a8c8122e0fe65cc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8030/file/medium-a2ed0a45826afe90740f9fe615077b95.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/blackbean-tempeh-tamari-bio-200-g-17202">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BlackBean Tempeh Tamari 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-17202-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TJX2HsNWumQ5hu142P1k0apGcS8xVv9omAoGmf-Vo44BVDhueJJ8j93qJT2g6Oa4LTTurB90BTkBx-7SFdRNGw" />
    <input value="17202" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/rostbraterle-mit-majoran-bio-160-g-13732">
          <img alt="Rostbräterle mit Majoran Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6580/file/small-8fe04514f2774d443d8878b4d5706fd1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6580/file/medium-9a6a7fcab6f17bc456263542bdf97242.webp 900w, https://assets.fabulous.ch/public/variant_asset/6580/file/large-28414bedf48a6cbfae3b901050bc2282.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6580/file/medium-9a6a7fcab6f17bc456263542bdf97242.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/rostbraterle-mit-majoran-bio-160-g-13732">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rostbräterle mit Majoran Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </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.56 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IaezUlGlhKPeJIvBzoVVt8et3b8ZQJMV_eCt4dr0-19sZn0i6mFCSDpIQ4S2kNfeQN9CPDdiaURkLUWqMLUVyg" />
    <input value="13732" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/bratfilets-pizza-pizza-bio-80-g-755">
          <img alt="Bratfilets Pizza-Pizza Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/703/file/small-4e2e731792ef636dbb06dd37cbd2f706.webp 600w, https://assets.fabulous.ch/public/variant_asset/703/file/medium-959dfd897643ace043abc1857374d76e.webp 900w, https://assets.fabulous.ch/public/variant_asset/703/file/large-8df915d57278840fc1027b7af8b91f02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/703/file/medium-959dfd897643ace043abc1857374d76e.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-pizza-pizza-bio-80-g-755">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bratfilets Pizza-Pizza Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.69 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hY8PGatSaKe-7LHJFkfdD8_jWdsx4DH47iylI0w6CZzITsFpEJauTFqAeYxuUl9mSJHGWB_Cy6l34U1opnvnCQ" />
    <input value="755" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/hafer-block-vegane-alternative-zu-butter-bio-250-g-9157">
          <img alt="Hafer Block Vegane Alternative zu Butter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5200/file/small-8b343fba05f7137ac518a7a6a5d225ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/5200/file/medium-185b5b7b353ca64753a7c765a6e6f35a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5200/file/large-3f25376ab7bcde3397bee53d332faf15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5200/file/medium-185b5b7b353ca64753a7c765a6e6f35a.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">the vegan cow</p>
          <a href="/de/products/hafer-block-vegane-alternative-zu-butter-bio-250-g-9157">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Block Vegane Alternative zu Butter Bio, 250 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="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.12 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vC0SCTyDE3y5AAWy-uQP9Od8XSoIY_1wc5Psw-t5NcXx7Nx5h0fVl11szfeC8Y2dYA7CqSZBByHqXgSIATjbUA" />
    <input value="9157" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/bratfilets-japanisch-bio-80-g-348">
          <img alt="Bratfilets Japanisch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/311/file/small-e4d1d540636711afa63a6d5a746307e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/311/file/medium-e6c4780d34431b49a447365e286db3b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/311/file/large-258e8823c563e13b57ee4ed6afaf4dd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/311/file/medium-e6c4780d34431b49a447365e286db3b8.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-japanisch-bio-80-g-348">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bratfilets Japanisch 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-348-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oKHPXmO7QgFdwiUp-GK6mleQ7RAinWCbq4QRo5DU9UntYAEu2H-E6rmu7WyAdzjz0OJykwy_msoySfnoepUb3A" />
    <input value="348" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/wilmersburger-scheiben-wurzig-glutenfrei-150-g-63">
          <img alt="Wilmersburger Scheiben Würzig Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/67/file/small-a22007200dcb0cf5fb4e52e67a10034e.webp 600w, https://assets.fabulous.ch/public/variant_asset/67/file/medium-4474ede0734dd44ab217d6848dd173bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/67/file/large-af6d6e2fbf967dd8c87519260a3566e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/67/file/medium-4474ede0734dd44ab217d6848dd173bf.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">Wilmersburger</p>
          <a href="/de/products/wilmersburger-scheiben-wurzig-glutenfrei-150-g-63">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wilmersburger Scheiben Würzig Glutenfrei, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 2.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B-zA80BHFY5GjgKW6a2Vw5ogws9wpt90AIyZOINu4WZKLQ6D-4PTZaLiytORuBeqHVJdTF6EJSWZQXFzaS8P8w" />
    <input value="63" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/sugo-arrabiata-demeter-330-g-20060">
          <img alt="Sugo Arrabiata Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10768/file/small-c217bc4d80b32602d4c26d1cb24c576d.webp 600w, https://assets.fabulous.ch/public/variant_asset/10768/file/medium-9100fe17ce6217f2561a3084dd4663c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/10768/file/large-4d3be3130f3632b601aed4d3db4c5935.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10768/file/medium-9100fe17ce6217f2561a3084dd4663c6.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">Giancarlo Ceci</p>
          <a href="/de/products/sugo-arrabiata-demeter-330-g-20060">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sugo Arrabiata Demeter, 330 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 1.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FBjBt4PvUiaZ7P_Sipg_rilQx558Mj3C_3MePR68gY5Z2Q_HOCuUzX2AN5fyjb3HriJYHVIQx5NmvvZ29P1vGw" />
    <input value="20060" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/sugo-al-basilico-demeter-330-g-20059">
          <img alt="Sugo al Basilico Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10767/file/small-27d2c9a2fbecd91641b972180479a604.webp 600w, https://assets.fabulous.ch/public/variant_asset/10767/file/medium-393d4cacf928a4017cea93b1e40f3f07.webp 900w, https://assets.fabulous.ch/public/variant_asset/10767/file/large-200bdd5164398792f695485b0eca5358.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10767/file/medium-393d4cacf928a4017cea93b1e40f3f07.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">Giancarlo Ceci</p>
          <a href="/de/products/sugo-al-basilico-demeter-330-g-20059">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sugo al Basilico Demeter, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z9Z28QZ3V436hB1EOJILEsFSt3jgLoRShl4dhA6jn8cqF7iBvbORZh7o1QFAh4l7RiAo-84MfgMfk_XP5OJxUg" />
    <input value="20059" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/sugo-pizzaiola-demeter-330-g-20061">
          <img alt="Sugo Pizzaiola Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10769/file/small-db69d7cdb05462dceac37aed108979c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10769/file/medium-d3bf20009ea7394aa805d5128718bdcf.webp 900w, https://assets.fabulous.ch/public/variant_asset/10769/file/large-7521ca47866bc1e0ac05601edc7f669f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10769/file/medium-d3bf20009ea7394aa805d5128718bdcf.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">Giancarlo Ceci</p>
          <a href="/de/products/sugo-pizzaiola-demeter-330-g-20061">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sugo Pizzaiola Demeter, 330 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.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D1F-cCxws8pwqP9O-YeLzUKPtZUNDXe0tBzLl383Gk5CkLAAl7R1IZTENwuBkgmkxf0qFiMvjeUt0SPclXb02w" />
    <input value="20061" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/pomodori-pelati-in-salsa-demeter-530-g-20058">
          <img alt="Pomodori Pelati in Salsa Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10766/file/small-566d370d598a08e2517fcde28bf0d0b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10766/file/medium-9e39418299486e2304042e2da407bb72.webp 900w, https://assets.fabulous.ch/public/variant_asset/10766/file/large-c1618e711621afea835ab6b683acd65e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10766/file/medium-9e39418299486e2304042e2da407bb72.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">Giancarlo Ceci</p>
          <a href="/de/products/pomodori-pelati-in-salsa-demeter-530-g-20058">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pomodori Pelati in Salsa Demeter, 530 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 0.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i9wuP7jooixMbp7tWq3cy-KvTnnGIGnENCN5UiN3GObGHeBPAyxkx6gCVqgiuF6iZd3R-ugCk5Wt7pEZyTb2cw" />
    <input value="20058" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/polpa-di-pomodoro-demeter-690-g-20056">
          <img alt="Polpa di Pomodoro Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10764/file/small-e3127417a8ccc4636142c619503e4560.webp 600w, https://assets.fabulous.ch/public/variant_asset/10764/file/medium-28904dd057f9781a6d99702d6acbb436.webp 900w, https://assets.fabulous.ch/public/variant_asset/10764/file/large-e57bab1e3d79eb11315535d1d7048779.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10764/file/medium-28904dd057f9781a6d99702d6acbb436.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">Giancarlo Ceci</p>
          <a href="/de/products/polpa-di-pomodoro-demeter-690-g-20056">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Polpa di Pomodoro Demeter, 690 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HBbLeobzUQ7KvFMEYjVcWcK9TRbcGTUYtNMeAFM6i5dR1wUKPTeX5S7Qm0EaIN4wRc_SlfI7z0ktHvZLuXtlAg" />
    <input value="20056" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <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="/de/products/passata-di-pomodoro-demeter-690-g-20057">
          <img alt="Passata di Pomodoro Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10765/file/small-d933b6eec2f4cff03d573314e448cd6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10765/file/medium-b47808e31b6d706a869c04c3fea7fe12.webp 900w, https://assets.fabulous.ch/public/variant_asset/10765/file/large-0690f08f27c353f8fb52010fb60fef42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10765/file/medium-b47808e31b6d706a869c04c3fea7fe12.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">Giancarlo Ceci</p>
          <a href="/de/products/passata-di-pomodoro-demeter-690-g-20057">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Passata di Pomodoro Demeter, 690 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="20H1JXU9pN8RSI0CWHrbd6P4vDbHv1elm0Rx_sz5Wf-WgDtVzvliNPUkRUcgb1keJIojtemdrfQCiZm1Jri3ag" />
    <input value="20057" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vantastic-foods-buttons-weisse-schakalode-500-g-369">
          <img alt="Vantastic Foods Buttons Weisse Schakalode" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/324/file/small-c456c811ed80ca8d3cb7433b98d71cc9.webp 600w, https://assets.fabulous.ch/public/variant_asset/324/file/medium-23e1579b27d1a63f4048c416fd869090.webp 900w, https://assets.fabulous.ch/public/variant_asset/324/file/large-fa3b4954aea857ac567d3fdba7580fbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/324/file/medium-23e1579b27d1a63f4048c416fd869090.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">Vantastic</p>
          <a href="/de/products/vantastic-foods-buttons-weisse-schakalode-500-g-369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vantastic Foods Buttons Weisse Schakalode, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YZ81iqkgjIgxqhVvt_SUeVb6a-ub-g34NsHJeSxGBkosXvv6EuRKY9XG3SrP4RYQ0Yj0aLXY96mvDCEyxgfo3w" />
    <input value="369" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/granulat-soja-15-kg-17738">
          <img alt="Granulat Soja" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8658/file/small-15f0697dda1a25131d58f6704ccd5a68.webp 600w, https://assets.fabulous.ch/public/variant_asset/8658/file/medium-62862362a9cbe36b9d779b519a2f5978.webp 900w, https://assets.fabulous.ch/public/variant_asset/8658/file/large-e3971db511be6e88f5c5149089101b84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8658/file/medium-62862362a9cbe36b9d779b519a2f5978.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">Vantastic</p>
          <a href="/de/products/granulat-soja-15-kg-17738">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Granulat Soja, 15 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 120.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xDK4TL0485pnsPYkjnFE46V3HgM1U9-iJemvvIYL79GJ83Y8Bvw1cYPcPmH2ZMaKIgWBgBtxJfO8JEf3bEoBRA" />
    <input value="17738" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fyakso%3Fformat%3Dturbo_stream%26page%3D21">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soja-medaillons-big-500-g-17736">
          <img alt="Soja Medaillons BIG" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8653/file/small-28b98198f8581a4edc7af7e6c1f985d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/8653/file/medium-88ab6e85b22796c94a9441db3d6eda61.webp 900w, https://assets.fabulous.ch/public/variant_asset/8653/file/large-90c243fec85ba36eec3018018d0f0ce2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8653/file/medium-88ab6e85b22796c94a9441db3d6eda61.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">Vantastic</p>
          <a href="/de/products/soja-medaillons-big-500-g-17736">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Medaillons BIG, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZFEa2HozLSWccl70mrfuZs6GB9vgTRB49oTPL6Q5S4IpkNSowffrzngelrHiomwPSfSYWM5v6ilvSSdkTnilFw" />
    <input value="17736" 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">
      420 von 3&#39;322 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/yakso?format=turbo_stream&amp;page=22">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>