<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%3Fformat%3Dturbo_stream%26page%3D18">
    <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-tamangur-krautersalz-nfp-49-g-20132">
          <img alt="Chalira Tamangur Kräutersalz NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10691/file/small-1bd45a59a5024885d83ccbda87b85445.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10691/file/medium-0f0f0a360a95ffa9a2e95a66c0868a29.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10691/file/large-584d4ce7837080a26c93f09f6027a688.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10691/file/medium-0f0f0a360a95ffa9a2e95a66c0868a29.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">Chalira</p>
          <a href="/products/chalira-tamangur-krautersalz-nfp-49-g-20132">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Tamangur Kräutersalz NFP, 49 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OwAWzjwavqhmQB8QOtYEOOZpy0_SVYShRCSMgn6XOd1VjEVv_CQmq0bVNeigu9ioDyyQNd1_KBm7HSOV0XlTIQ" />
    <input value="20132" 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%3Fformat%3Dturbo_stream%26page%3D18">
    <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/huusgmacht-salatdressing-tandoori-bio-vegan-500-ml-20142">
          <img alt="Huusgmacht Salatdressing Tandoori Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10709/file/small-f9b2e2fcc55b4f94b340446487b6b07f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10709/file/medium-5dcfb5009ce33ec4c450a392180c4a95.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10709/file/large-dd9f1a22946396e77bc4921c1206d50d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10709/file/medium-5dcfb5009ce33ec4c450a392180c4a95.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">huusgmacht</p>
          <a href="/products/huusgmacht-salatdressing-tandoori-bio-vegan-500-ml-20142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Huusgmacht Salatdressing Tandoori Bio vegan, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jmoLBs2CDwIRxZpoac0PgfM4hxEZapQwktuJMJm5yTfg5linDbyXATFQsJDzoNMRGn3caxZAOIht4iYnNlejyw" />
    <input value="20142" 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%3Fformat%3Dturbo_stream%26page%3D18">
    <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/nkw-kokosnussol-mct-demeter-250-ml-20143">
          <img alt="NKW Kokosnussöl MCT Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10710/file/small-ee14faf2af349a16cede720a03dc26c6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10710/file/medium-911864a3940823783be181422f3df4f8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10710/file/large-b769e654856db1b7ca423799aa88fc4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10710/file/medium-911864a3940823783be181422f3df4f8.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">NKW</p>
          <a href="/products/nkw-kokosnussol-mct-demeter-250-ml-20143">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Kokosnussöl MCT Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Qct5CAudyHcotoGzGXIx4w-Zcm97e6F333O-PhZUCyLi35F4BDvIvw38P5WCBRXZXs-s7LHQj0gRGHvV7c60A" />
    <input value="20143" 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%3Fformat%3Dturbo_stream%26page%3D18">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/naturkostbar-baumnussol-roh-100-ml-20161">
          <img alt="Naturkostbar Baumnussöl roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10727/file/small-c4d6a8dd3c139bc3446fc9a17fe8cf30.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10727/file/medium-8d70bd4293df47907244e8aa966c2479.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10727/file/large-31837f179eaf058420e993a13843dd34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10727/file/medium-8d70bd4293df47907244e8aa966c2479.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/products/naturkostbar-baumnussol-roh-100-ml-20161">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Baumnussöl roh, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.60
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 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%3Fformat%3Dturbo_stream%26page%3D18">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/naturkostbar-kurbiskernol-roh-bio-100-ml-20165">
          <img alt="Naturkostbar Kürbiskernöl roh BIo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10731/file/small-dc1518b167bce1bab045cb3d56e955e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10731/file/medium-2c0be211f69aa0f30735cacc848e1055.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10731/file/large-f5a7bf48ebfabbdca92fce39e2a47952.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10731/file/medium-2c0be211f69aa0f30735cacc848e1055.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/products/naturkostbar-kurbiskernol-roh-bio-100-ml-20165">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Kürbiskernöl roh BIo, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.70
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/naturkostbar-schwarzkummelol-roh-bio-250-ml-20168">
          <img alt="Naturkostbar Schwarzkümmelöl roh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10734/file/small-ff821dc884218c54da20ccbba79b610b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10734/file/medium-f94320c09fb49019342d30098325101a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10734/file/large-c61fd492b7bb5eec6e8574d4c33f01c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10734/file/medium-f94320c09fb49019342d30098325101a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/products/naturkostbar-schwarzkummelol-roh-bio-250-ml-20168">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Schwarzkümmelöl roh Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 58.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_ZOEpyU0-5KIueKqJVCb1mlVrHvNelbsTOnPrgUdZ8eTH9cG5QpjkagsyFK_PUdGgBD3AcJQ-lSz0GC5qvMNOw" />
    <input value="20168" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sonnentor-gewurzbluten-flower-power-nachfullbeutel-bio-35-g-20171">
          <img alt="Sonnentor Gewürzblüten Flower Power Nachfüllbeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10737/file/small-451ffbeae9b2962c4ede0d975062eb22.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10737/file/medium-d0de00073d2dfc063b711599dd25640b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10737/file/large-90b8df6e56cb4cbd52ec72e71e11b90b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10737/file/medium-d0de00073d2dfc063b711599dd25640b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/sonnentor-gewurzbluten-flower-power-nachfullbeutel-bio-35-g-20171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Gewürzblüten Flower Power Nachfüllbeutel Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%2Fwurzmittel%3Fformat%3Dturbo_stream%26page%3D18">
    <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-vesta-glas-bio-40-g-20184">
          <img alt="Chalira Vesta Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10822/file/small-32883ab047bad9fcdec5481b903089ac.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10822/file/medium-305256b300081dce2aae10de9d1c6a2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10822/file/large-a95303f55c975f6b8c9b0075bb6bdff3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10822/file/medium-305256b300081dce2aae10de9d1c6a2b.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">Chalira</p>
          <a href="/products/chalira-vesta-glas-bio-40-g-20184">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Vesta Glas Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UM4XyfLSzXyMkYQnS_qU9uTUi6t_X0uY9CI4f6XYKmw-QkRoMuxVf6wErt_Rl0hmDZHQ0XB15yALG5doCjZAkA" />
    <input value="20184" 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%3Fformat%3Dturbo_stream%26page%3D18">
    <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-vesta-nfp-bio-40-g-20185">
          <img alt="Chalira Vesta NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10823/file/small-687b5c7a4c6cc553faaa871c0f41cd55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10823/file/medium-374550ccd03a2b9a597c625cb7283aca.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10823/file/large-20e292901c18f4d5ca6d03c2dd6e455d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10823/file/medium-374550ccd03a2b9a597c625cb7283aca.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">Chalira</p>
          <a href="/products/chalira-vesta-nfp-bio-40-g-20185">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Vesta NFP Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zp59ahDyDrqk7qaiAAiUwVxFprVRJlfkSG4jMlHRepigEi7L0MyWuYR7jFqaZUhRtQD9z14M-1y3V4wl_j8QZA" />
    <input value="20185" 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%3Fformat%3Dturbo_stream%26page%3D18">
    <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-tamora-glas-bio-62-g-20186">
          <img alt="Chalira Tamora Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10824/file/small-91ab279fdd8b8a9a733e7d11ea812cd9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10824/file/medium-e6abbb8922c363b456f2e48b88848efd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10824/file/large-1b65b2ed1abc57bfc1f55e75dd475df3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10824/file/medium-e6abbb8922c363b456f2e48b88848efd.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">Chalira</p>
          <a href="/products/chalira-tamora-glas-bio-62-g-20186">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Tamora Glas Bio, 62 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CQ03W4h_fB8p4qoag_ULaRoBNXotR3-5ZqqW6pNepGBngWT6SEHkHAl3gOIZmNf580RuACJt0wGZkzn9PLDOnA" />
    <input value="20186" 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%3Fformat%3Dturbo_stream%26page%3D18">
    <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-tamora-nfp-bio-62-g-20187">
          <img alt="Chalira Tamora NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10825/file/small-05cc19daa2bf93fd40b417e3269d5635.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10825/file/medium-8b0e08153032a77c095f4b3bace14f45.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10825/file/large-7acee3d16960ef6f1260f5662934685a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10825/file/medium-8b0e08153032a77c095f4b3bace14f45.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">Chalira</p>
          <a href="/products/chalira-tamora-nfp-bio-62-g-20187">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Tamora NFP Bio, 62 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vhqxl1TfeWy0oTtfWwYNreYXkIqUj5VXj7WQAJjDEAzQluI2lOHhb5Q0EafBa9E9D1LL8JulOe9wjD8XNy168A" />
    <input value="20187" 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%3Fformat%3Dturbo_stream%26page%3D18">
    <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-mustarda-birnensenf-bio-120-g-20190">
          <img alt="Chalira Mustarda Birnensenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11140/file/small-2992bfda74371525b85b8ddd0280e8ad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11140/file/medium-81e53876ae30af887751a5d2db8882d8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11140/file/large-a0023081062c1505e5c5176e029abae3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11140/file/medium-81e53876ae30af887751a5d2db8882d8.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">Chalira</p>
          <a href="/products/chalira-mustarda-birnensenf-bio-120-g-20190">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chalira Mustarda Birnensenf Bio, 120 g</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 11.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GxiEQE1PjhAoPATdF-hl29uq1k1s_ElLKmD9TY9ck6R1lNfhjXEWEwipLiWNhblLMu-NN2PW5fPVWVJaILL5WA" />
    <input value="20190" 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%3Fformat%3Dturbo_stream%26page%3D18">
    <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-puttanesca-bio-130-g-20216">
          <img alt="Nabio Pesto alla Puttanesca Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10857/file/small-380842c158c1f78e1205eccabb922ff4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10857/file/medium-4fc4457aacc504bdf460293e9cdbf212.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10857/file/large-5b36794556398204f9a8a4010362f439.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10857/file/medium-4fc4457aacc504bdf460293e9cdbf212.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">Nabio</p>
          <a href="/products/nabio-pesto-alla-puttanesca-bio-130-g-20216">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nabio Pesto alla Puttanesca Bio, 130 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 3.77 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jj5Cky4kL7cjwUAwkoGR_qaVWHVUqo6FcxoO2iwwGzdIshEy7hq3tANUasgI7E1uT9ADD1uAIj2MI6HNg95xyw" />
    <input value="20216" 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%3Fformat%3Dturbo_stream%26page%3D18">
    <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-bio-130-g-20217">
          <img alt="Nabio Pesto alla Calabrese Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10858/file/small-21cd3562123ccdb400d4426191bf18ea.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10858/file/medium-1d1b0dc51b1b3d0d055f897e6108ae79.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10858/file/large-29d8e25ad7c463dd2bd651afe52a85df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10858/file/medium-1d1b0dc51b1b3d0d055f897e6108ae79.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">Nabio</p>
          <a href="/products/nabio-pesto-alla-calabrese-bio-130-g-20217">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nabio Pesto alla Calabrese Bio, 130 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 3.77 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YptCwh-_omasxZ7P26g-MvT3Lr3HlbDryD6-RwDUPvEMFxFj34E6ZYxQtDdBxeKiHbJ1x8i_HFM3BxFQrzpUDQ" />
    <input value="20217" 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%3Fformat%3Dturbo_stream%26page%3D18">
    <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/nullkommanull-rindsbouillon-glas-bio-160-g-20230">
          <img alt="Nullkommanull Rindsbouillon Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10870/file/small-ca43682db987e94b62f3f13f655e99e7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10870/file/medium-3ed6b89be2f478638810a6784871c0bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10870/file/large-3fd84d095e77971509bd8e4d713badf5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10870/file/medium-3ed6b89be2f478638810a6784871c0bd.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">Nullkommanull</p>
          <a href="/products/nullkommanull-rindsbouillon-glas-bio-160-g-20230">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nullkommanull Rindsbouillon Glas Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lWibrHtF--AGMFHiqROunShkUeV3n4gxxmtesrc0Yej75MgNu3tj4yalexozfnINwSEKn3i1JIk5UvGlGNoLFA" />
    <input value="20230" 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%3Fformat%3Dturbo_stream%26page%3D18">
    <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/nullkommanull-gemusebouillon-ohne-zwiebel-knoblauch-glas-bio-160-g-20231">
          <img alt="Nullkommanull Gemüsebouillon ohne Zwiebel &amp; Knoblauch Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10872/file/small-216da2cb8d2dafda05cf542a75fe4f12.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10872/file/medium-ee8a5970cf989961a58c82b3869b3962.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10872/file/large-adfa20670d934edcdd26ee3239f0a635.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10872/file/medium-ee8a5970cf989961a58c82b3869b3962.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">Nullkommanull</p>
          <a href="/products/nullkommanull-gemusebouillon-ohne-zwiebel-knoblauch-glas-bio-160-g-20231">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nullkommanull Gemüsebouillon ohne Zwiebel &amp; Knoblauch Glas Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rgCMjNaxr2iBb-8r25AiLlyTcV-vwL-dGzI2h8OXScDAjN8tFo83a6H6xdNB_f6-tdYqJaDqEyXkC5mQbHkjPA" />
    <input value="20231" 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%3Fformat%3Dturbo_stream%26page%3D18">
    <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/nullkommanull-gemusebouillon-glas-bio-160-g-20232">
          <img alt="Nullkommanull Gemüsebouillon Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10874/file/small-49f9e2d38a92dfba7bdaa9b88258c1d3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10874/file/medium-445d7fc24179a4b22c447e3ff59aab5a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10874/file/large-99c158aa5f785d71d546825024d5a73e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10874/file/medium-445d7fc24179a4b22c447e3ff59aab5a.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">Nullkommanull</p>
          <a href="/products/nullkommanull-gemusebouillon-glas-bio-160-g-20232">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nullkommanull Gemüsebouillon Glas Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U2EYDvvI_fbka2ziEY-RnzMrtsoYY18eBh8tW2adL8A97UuvO_Zl9cT-RhqL4k0P2m7tsBdJ86b5JoJMyXNFPA" />
    <input value="20232" 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%3Fformat%3Dturbo_stream%26page%3D18">
    <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-bio-110-g-20233">
          <img alt="Natura Guarkernmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10871/file/small-779a4959fbaff50bbbcc3215d9b75c03.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10871/file/medium-072d89589a32022dda1ca9f8a241aeb1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10871/file/large-baff11ae34cde970046c5c180d064d2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10871/file/medium-072d89589a32022dda1ca9f8a241aeb1.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">Natura</p>
          <a href="/products/natura-guarkernmehl-bio-110-g-20233">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natura Guarkernmehl Bio, 110 g</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 8.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B5BgdZuES8_B54PTxlItMOUgzfBkQdoSPeT9YtHeeSVpHDPUW7rTzOFyqStcP_GgDGWWimtrdqrC3VJ1fjAT2Q" />
    <input value="20233" 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%3Fformat%3Dturbo_stream%26page%3D18">
    <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/swiss-safran-royal-gewurz-himalaya-safran-75-g-20269">
          <img alt="Swiss Safran Royal Gewürz Himalaya/ Safran" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10924/file/small-88e6acd4d5c82b55d494feec94a36b6a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10924/file/medium-02eaccdb6a7432839a2a2cd7a4f8f4ee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10924/file/large-270fcecf3a65fc8a95e0d0c746cbff0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10924/file/medium-02eaccdb6a7432839a2a2cd7a4f8f4ee.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">Swiss Safran</p>
          <a href="/products/swiss-safran-royal-gewurz-himalaya-safran-75-g-20269">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Swiss Safran Royal Gewürz Himalaya/ Safran, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a5C6MrZ_opDLZ4YbLSaqqkOclso11zEL4fTkCSB1Ah4FHOmTdkE6k-vyrOO3S3Y6qtnNsDr9nbMezUsej5to4g" />
    <input value="20269" 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%3Fformat%3Dturbo_stream%26page%3D18">
    <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/swiss-safran-krautersalz-75-g-20270">
          <img alt="Swiss Safran Kräutersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10925/file/small-88b057caec3c4965061d6a831f004e39.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10925/file/medium-f5aa26f8eed5648ab7fb4f423159a8a7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10925/file/large-52691a1b415461e6f965d0e3b4080750.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10925/file/medium-f5aa26f8eed5648ab7fb4f423159a8a7.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">Swiss Safran</p>
          <a href="/products/swiss-safran-krautersalz-75-g-20270">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Swiss Safran Kräutersalz, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fsMEh_z95aHsWkCx66eJeNCdxI0v0gcqHwF_Ghg-kyUQT1cmPMN9oszPaklxylXoOdif9yD4q5LgONANt9D52Q" />
    <input value="20270" 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">
      360 von 392 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/wurzmittel?format=turbo_stream&amp;page=19">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>