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

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/nabio-pesto-alla-calabrese-130g-bio-1-stuck-20206">
          <img alt="Nabio Pesto alla Calabrese 130g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/95b98ad5a276f6a40abe365e86e74320.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/95b98ad5a276f6a40abe365e86e74320.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/95b98ad5a276f6a40abe365e86e74320.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/95b98ad5a276f6a40abe365e86e74320.jpg" />
</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">Nabio</p>
          <a href="/products/nabio-pesto-alla-calabrese-130g-bio-1-stuck-20206">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nabio Pesto alla Calabrese 130g Bio, 1 Stück</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 4.90 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/natura-guarkernmehl-110g-bio-1-stuck-20222">
          <img alt="Natura Guarkernmehl 110g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fb395485e634fb5d06116ac01d6d9afd.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fb395485e634fb5d06116ac01d6d9afd.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fb395485e634fb5d06116ac01d6d9afd.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fb395485e634fb5d06116ac01d6d9afd.jpg" />
</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">Natura</p>
          <a href="/products/natura-guarkernmehl-110g-bio-1-stuck-20222">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natura Guarkernmehl 110g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 9.10 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="scJF-ZBtoiGAQXQ-NphheCAsZmxWvc7oXHmNZ3HTwtH-F8BKvWvTikxBg86A5Bc0amr3LzHvIKzcfVMtfV7HcQ" />
    <input value="20222" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/allos-cuisine-soja-200ml-bio-vegan-1-stuck-20297">
          <img alt="Allos Cuisine Soja 200ml Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6efb52e9b7dd9f3a23ae04a0fe796760.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6efb52e9b7dd9f3a23ae04a0fe796760.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6efb52e9b7dd9f3a23ae04a0fe796760.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6efb52e9b7dd9f3a23ae04a0fe796760.jpg" />
</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">Allos</p>
          <a href="/products/allos-cuisine-soja-200ml-bio-vegan-1-stuck-20297">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Cuisine Soja 200ml Bio vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/senftopf-ketchup-250ml-1-stuck-20341">
          <img alt="Senftopf Ketchup 250ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bc31738eaf9ba92c2f3f86093ede9700.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bc31738eaf9ba92c2f3f86093ede9700.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bc31738eaf9ba92c2f3f86093ede9700.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bc31738eaf9ba92c2f3f86093ede9700.jpg" />
</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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-ketchup-250ml-1-stuck-20341">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Ketchup 250ml, 1 Stück</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 8.20 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/senftopf-apfelmus-200ml-1-stuck-20351">
          <img alt="Senftopf Apfelmus 200ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9802f8e2b35f7ae552b9170a6799d68d.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9802f8e2b35f7ae552b9170a6799d68d.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9802f8e2b35f7ae552b9170a6799d68d.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9802f8e2b35f7ae552b9170a6799d68d.jpg" />
</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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-apfelmus-200ml-1-stuck-20351">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Apfelmus 200ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.50 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="45omoVB-Dx3juTnMd79fDvo5m8kat-IeZzW7YlKudLCsT6MSfXh-ti-5zjzBwylCsH8Kin3lDFrnMWUoXiNxEA" />
    <input value="20351" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-arowe-altstadt-senf-180g-bio-1-stuck-20414">
          <img alt="Chalira Arowe Altstadt Senf 180g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe13cf19b2e9c5893a138b5db751c9c0.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe13cf19b2e9c5893a138b5db751c9c0.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe13cf19b2e9c5893a138b5db751c9c0.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fe13cf19b2e9c5893a138b5db751c9c0.jpg" />
</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">Chalira</p>
          <a href="/products/chalira-arowe-altstadt-senf-180g-bio-1-stuck-20414">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Arowe Altstadt Senf 180g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 14.90 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-mythos-biersenf-120g-bio-1-stuck-20415">
          <img alt="Chalira Mythos Biersenf 120g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cee9e5a83b297f96a680ef72078a2889.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cee9e5a83b297f96a680ef72078a2889.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cee9e5a83b297f96a680ef72078a2889.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cee9e5a83b297f96a680ef72078a2889.jpg" />
</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">Chalira</p>
          <a href="/products/chalira-mythos-biersenf-120g-bio-1-stuck-20415">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Mythos Biersenf 120g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 13.20 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-okolo-senfkaviar-120g-bio-1-stuck-20416">
          <img alt="Chalira Okolo Senfkaviar 120g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/899b08ca74df28afbf64ec046276d2e2.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/899b08ca74df28afbf64ec046276d2e2.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/899b08ca74df28afbf64ec046276d2e2.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/899b08ca74df28afbf64ec046276d2e2.jpg" />
</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">Chalira</p>
          <a href="/products/chalira-okolo-senfkaviar-120g-bio-1-stuck-20416">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Okolo Senfkaviar 120g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 13.20 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-don-juan-grillsenf-120g-bio-1-stuck-20417">
          <img alt="Chalira Don Juan Grillsenf 120g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/47890a7c208d25a41483f4f9e3053d2b.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/47890a7c208d25a41483f4f9e3053d2b.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/47890a7c208d25a41483f4f9e3053d2b.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/47890a7c208d25a41483f4f9e3053d2b.jpg" />
</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">Chalira</p>
          <a href="/products/chalira-don-juan-grillsenf-120g-bio-1-stuck-20417">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Don Juan Grillsenf 120g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 13.20 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/chalira-tanguero-randensenf-120g-bio-1-stuck-20418">
          <img alt="Chalira Tanguero Randensenf 120g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/23cc24b671b567b5803e7ea3dc6e8fb8.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/23cc24b671b567b5803e7ea3dc6e8fb8.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/23cc24b671b567b5803e7ea3dc6e8fb8.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/23cc24b671b567b5803e7ea3dc6e8fb8.jpg" />
</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">Chalira</p>
          <a href="/products/chalira-tanguero-randensenf-120g-bio-1-stuck-20418">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Tanguero Randensenf 120g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 13.20 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/giancarlo-ceci-polpa-di-pomodoro-690g-demeter-1-stuck-20447">
          <img alt="Giancarlo Ceci Polpa di Pomodoro 690g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1b7973b3f76a609f2c07d8d61b73bfe5.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1b7973b3f76a609f2c07d8d61b73bfe5.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1b7973b3f76a609f2c07d8d61b73bfe5.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1b7973b3f76a609f2c07d8d61b73bfe5.jpg" />
</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="/products/giancarlo-ceci-polpa-di-pomodoro-690g-demeter-1-stuck-20447">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Giancarlo Ceci Polpa di Pomodoro 690g Demeter, 1 Stück</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 5.60 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/giancarlo-ceci-passata-di-pomodoro-690g-demeter-1-stuck-20448">
          <img alt="Giancarlo Ceci Passata di Pomodoro 690g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/05727fef1316807a6116cea92857ae58.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/05727fef1316807a6116cea92857ae58.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/05727fef1316807a6116cea92857ae58.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/05727fef1316807a6116cea92857ae58.jpg" />
</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="/products/giancarlo-ceci-passata-di-pomodoro-690g-demeter-1-stuck-20448">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Giancarlo Ceci Passata di Pomodoro 690g Demeter, 1 Stück</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 5.40 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/giancarlo-ceci-pomodori-pelati-in-salsa-530g-demeter-1-stuck-20449">
          <img alt="Giancarlo Ceci Pomodori pelati in salsa 530g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ad1148f0d4820b9fb8fa6b0b7b67b091.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ad1148f0d4820b9fb8fa6b0b7b67b091.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ad1148f0d4820b9fb8fa6b0b7b67b091.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ad1148f0d4820b9fb8fa6b0b7b67b091.jpg" />
</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="/products/giancarlo-ceci-pomodori-pelati-in-salsa-530g-demeter-1-stuck-20449">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Giancarlo Ceci Pomodori pelati in salsa 530g Demeter, 1 Stück</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 4.90 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/giancarlo-ceci-sugo-al-basilico-330g-demeter-1-stuck-20450">
          <img alt="Giancarlo Ceci Sugo al Basilico 330g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6f5bbcb9bbcfa3049d97f7a41b345112.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6f5bbcb9bbcfa3049d97f7a41b345112.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6f5bbcb9bbcfa3049d97f7a41b345112.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6f5bbcb9bbcfa3049d97f7a41b345112.jpg" />
</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="/products/giancarlo-ceci-sugo-al-basilico-330g-demeter-1-stuck-20450">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Giancarlo Ceci Sugo al Basilico 330g Demeter, 1 Stück</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 3.90 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/giancarlo-ceci-sugo-arrabiata-330g-demeter-1-stuck-20451">
          <img alt="Giancarlo Ceci Sugo Arrabiata 330g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3a0bdacdef90bebc4b6cd74f07601fda.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3a0bdacdef90bebc4b6cd74f07601fda.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3a0bdacdef90bebc4b6cd74f07601fda.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3a0bdacdef90bebc4b6cd74f07601fda.jpg" />
</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="/products/giancarlo-ceci-sugo-arrabiata-330g-demeter-1-stuck-20451">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Giancarlo Ceci Sugo Arrabiata 330g Demeter, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/giancarlo-ceci-sugo-pizzaiola-330g-demeter-1-stuck-20452">
          <img alt="Giancarlo Ceci Sugo Pizzaiola 330g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/68b2ede461fb752deaf8aa4c1840458a.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/68b2ede461fb752deaf8aa4c1840458a.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/68b2ede461fb752deaf8aa4c1840458a.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/68b2ede461fb752deaf8aa4c1840458a.jpg" />
</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="/products/giancarlo-ceci-sugo-pizzaiola-330g-demeter-1-stuck-20452">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Giancarlo Ceci Sugo Pizzaiola 330g Demeter, 1 Stück</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 4.90 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/giancarlo-ceci-pesto-rosso-130g-demeter-1-stuck-20453">
          <img alt="Giancarlo Ceci Pesto Rosso 130g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4480e5d34ddf3d8abf7ca8de6899f658.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4480e5d34ddf3d8abf7ca8de6899f658.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4480e5d34ddf3d8abf7ca8de6899f658.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4480e5d34ddf3d8abf7ca8de6899f658.jpg" />
</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="/products/giancarlo-ceci-pesto-rosso-130g-demeter-1-stuck-20453">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Giancarlo Ceci Pesto Rosso 130g Demeter, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.90 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/giancarlo-ceci-pesto-al-basilico-130g-demeter-1-stuck-20454">
          <img alt="Giancarlo Ceci Pesto al Basilico 130g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/46453d9c7301531ef67811cf9c38cd03.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/46453d9c7301531ef67811cf9c38cd03.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/46453d9c7301531ef67811cf9c38cd03.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/46453d9c7301531ef67811cf9c38cd03.jpg" />
</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="/products/giancarlo-ceci-pesto-al-basilico-130g-demeter-1-stuck-20454">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Giancarlo Ceci Pesto al Basilico 130g Demeter, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.90 / Stk.
            </p>
        </div>
      </div>

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/giancarlo-ceci-pesto-broccolo-e-mandorle-180g-demeter-1-stuck-20455">
          <img alt="Giancarlo Ceci Pesto Broccolo e Mandorle 180g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2947137bb7a06abc122c418aeefde45a.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2947137bb7a06abc122c418aeefde45a.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2947137bb7a06abc122c418aeefde45a.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2947137bb7a06abc122c418aeefde45a.jpg" />
</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="/products/giancarlo-ceci-pesto-broccolo-e-mandorle-180g-demeter-1-stuck-20455">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Giancarlo Ceci Pesto Broccolo e Mandorle 180g Demeter, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_HCxNAjvIlnFXjJV3IrtvLHa5ibDHC0AsIvB3w365NKzpTSHJelT8glexaVq9pvw-5x3ZaROw0Qwjx-VAXfhcg" />
    <input value="20455" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/giancarlo-ceci-pesto-zucchine-e-mandorle-180g-demeter-1-stuck-20456">
          <img alt="Giancarlo Ceci Pesto Zucchine e Mandorle 180g Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/403bf9adbbf93ce60ebc173c1351e520.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/403bf9adbbf93ce60ebc173c1351e520.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/403bf9adbbf93ce60ebc173c1351e520.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/403bf9adbbf93ce60ebc173c1351e520.jpg" />
</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="/products/giancarlo-ceci-pesto-zucchine-e-mandorle-180g-demeter-1-stuck-20456">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Giancarlo Ceci Pesto Zucchine e Mandorle 180g Demeter, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s7JUxTe4YGc-t1DfP_bRsyjtvndDAJbnMkEi94Rcs7r8Z9F2Gr4RzPK3py-Jiqf_YqsvNCRSeKOyRfy9iNG2Gg" />
    <input value="20456" 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">
      80 von 83 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/wurzmittel/kochzutaten-saucen?format=turbo_stream&amp;page=5">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>