<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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/pudding-chocolat-bio-75-g-18686">
          <img alt="Pudding Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9650/file/small-8bd4183f4a90d9709f1891668f036290.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9650/file/medium-4c1a1356b0dcbc5282abf887c7871672.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9650/file/large-3dad9672cb6545bf20a92ec6a0e94b94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9650/file/medium-4c1a1356b0dcbc5282abf887c7871672.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/pudding-chocolat-bio-75-g-18686">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pudding Chocolat Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HnUrQ2KG6U5hF7kjaNv-Lv76eGLWJo_KyKOL3ggUGVE_qnBD5S1DXwLy63wZjKJqhR-UQT176mLjD6iXVeQMIQ" />
    <input value="18686" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/pudding-vanille-konv-85-g-18687">
          <img alt="Pudding Vanille konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9652/file/small-a6ee49ea22db72ead542b99fde0a0fb4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9652/file/medium-649d671c8880d2ef12293fc036d04450.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9652/file/large-4a6a689cc29a78221079edd96dadc4a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9652/file/medium-649d671c8880d2ef12293fc036d04450.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/pudding-vanille-konv-85-g-18687">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pudding Vanille konv, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g8cKIbosStB1v_TFmv9EUBnNPkD6xdPRGzR2zdIdM2yiGFEhPYfgwRZapprrqBgUYijSYxGYtnkwmFWEj-0mHA" />
    <input value="18687" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/pudding-vanille-curcuma-bio-60-g-18688">
          <img alt="Pudding Vanille-Curcuma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9651/file/small-28283c7dbd24e3a63638d5d24991ce58.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9651/file/medium-5ca09e3e644180b19de4e0b186f63c5c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9651/file/large-5910bae8258ebe2f19f49cab1e49c759.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9651/file/medium-5ca09e3e644180b19de4e0b186f63c5c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/pudding-vanille-curcuma-bio-60-g-18688">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pudding Vanille-Curcuma Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DunUf3xW6OtEWpsxTu8i1uv7XPkRBOrncXKUgr7yipMvNo9_-_1C-ie_yW4_uH6SkB6w2vpZj09a3rfL4wKf4w" />
    <input value="18688" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/roggen-demeter-500-g-18689">
          <img alt="Roggen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9618/file/small-e8e19c18577ea74d5a5f14b99b58b0cc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9618/file/medium-1fecbd8b5a870eece255f87a2d4eaa2a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9618/file/large-ff9bc19f2e79a06f72b343b3d33e5d45.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9618/file/medium-1fecbd8b5a870eece255f87a2d4eaa2a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/roggen-demeter-500-g-18689">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roggen Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GgHlvWDAKcMueijYh4kmk8N2xnoC6l98Ko6So8vA67Q73r6952uD0k2feof23nrXuJMqWem3OtQBIrHqljD-xA" />
    <input value="18689" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/rohrohrzucker-750-g-18690">
          <img alt="Rohrohrzucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9612/file/small-ff13da8f82d91a2f1aff486d0f0e5412.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9612/file/medium-a2e3d15f2d2c3c28b77a4341002921f3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9612/file/large-3187a5ab8c5ecf9f1f94504897b1be48.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9612/file/medium-a2e3d15f2d2c3c28b77a4341002921f3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/rohrohrzucker-750-g-18690">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rohrohrzucker, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="urbbnl9n_sJ6JqzQQYdpbETUb_AYCeLgG4liiB_xBaubaYCe2MxU0xnD_o8w0DUoPzGD0_NUh0gwJUHBQgEQ2w" />
    <input value="18690" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/salatkrauter-gefriergetrocknet-konv-25-g-18691">
          <img alt="Salatkräuter gefriergetrocknet konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9653/file/small-169bdd6c7ec4a56d721d2f79347675df.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9653/file/medium-81a0d342d6509f5edd6bcb144bcd207b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9653/file/large-3ce819c1e33897894ab56e882bfff9b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9653/file/medium-81a0d342d6509f5edd6bcb144bcd207b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/salatkrauter-gefriergetrocknet-konv-25-g-18691">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salatkräuter gefriergetrocknet konv, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U-hwXSlzxM8ksmLiW-HNd8GqnQpH230gVN77PVODXPFyNytdrthu3kdXML0qtpEzuk9xKayGGIh_cth0DnNJgQ" />
    <input value="18691" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sesamol-bio-150-ml-18692">
          <img alt="Sesamöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9646/file/small-48fabbcae262a1710cdd9e98eb73b868.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9646/file/medium-6302a080ddd20fc84d7bf050fd2ffd05.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9646/file/large-3f205feee24c1203282c2efe57304718.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9646/file/medium-6302a080ddd20fc84d7bf050fd2ffd05.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/sesamol-bio-150-ml-18692">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesamöl Bio, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f5vDJASNZdZC6Xkb-2tvPQU5wI09XRLqKHdX2z8TeGVeRJgkgybPxyEMK0SKPDN5ftwsrtYAd0ID23SSYuNtFQ" />
    <input value="18692" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sesamol-bio-500-ml-18693">
          <img alt="Sesamöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9644/file/small-3bdbf8eb0cb9b74627c01c59a2b0ddf9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9644/file/medium-49589f5bf1006b8a656bc669ffc5fbe0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9644/file/large-88ada64881eff6eb2e2cfc96f6b8870a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9644/file/medium-49589f5bf1006b8a656bc669ffc5fbe0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/sesamol-bio-500-ml-18693">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesamöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B0Y8mzerZ7-Chy7uPMsr7_qu1j8K3mIT4nslHclJqDMmmWebsADNruFifLFNnHergUs6HOGDB7vJ1wZUlLm9Qw" />
    <input value="18693" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/soja-nudeln-breit-bio-250-g-18694">
          <img alt="Soja Nudeln breit Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9239/file/small-ad1749431601dd86daba940ad14a95a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9239/file/medium-d45a529f5bf46eaba9c462e32f85c59c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9239/file/large-fa1bd35f5e4a1111fc79b53909fcf32c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9239/file/medium-d45a529f5bf46eaba9c462e32f85c59c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/soja-nudeln-breit-bio-250-g-18694">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Nudeln breit Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X8fTK4M440A37eM3TrWHVfel34dXO2wY_4I3nfBKjjx-GIgrBJNJUVQIsWg_4tsRjEAzpLxmCbDULhTUrbqbTA" />
    <input value="18694" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/soja-sauce-bolognaise-bio-250-g-18695">
          <img alt="Soja Sauce Bolognaise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9614/file/small-39bf3750e532bcaefc2efcfc4400a9c5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9614/file/medium-0ec7c680676d0ec660ca6e4e45f49c2c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9614/file/large-89ed31a409f1947cc9b5b681eef32661.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9614/file/medium-0ec7c680676d0ec660ca6e4e45f49c2c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/soja-sauce-bolognaise-bio-250-g-18695">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Sauce Bolognaise Bio, 250 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 2.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y7DWcqM_6o6nqoPYQWRzhYu-tNhiLbhDRJVw0xu2zuTqb41yJJRAn8RP0YcwMy_B8FtY-4lw3etvOVOaRkbblA" />
    <input value="18695" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sojamehl-bio-350-g-18696">
          <img alt="Sojamehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9240/file/small-de312910ed2d82b2bed542cd303e2c7f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9240/file/medium-97b6f04fef2708a0262d3b3f7988b378.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9240/file/large-b8ec2719667ac16dd70ac065236f5624.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9240/file/medium-97b6f04fef2708a0262d3b3f7988b378.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/sojamehl-bio-350-g-18696">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sojamehl Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zB5tC8a2h8C5g6JPzUCmKuRV6H8wW5EO96zG5Xc71oHtwTYLQR0t0dpm8BC8F_pun7AEXNsG9KbcAOWsKsvD8Q" />
    <input value="18696" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sojawurfel-klare-suppe-25-stuck-18697">
          <img alt="Sojawürfel Klare Suppe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9654/file/small-28f23ba5d50d468897218e3b9d0bbaad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9654/file/medium-6adb5f7be98b210521c29845a3d5c1d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9654/file/large-1bfcbf98fdc040e4ec1bece1a62a3b24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9654/file/medium-6adb5f7be98b210521c29845a3d5c1d9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/sojawurfel-klare-suppe-25-stuck-18697">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sojawürfel Klare Suppe, 25 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pcy9378dpUSYBNl4JZEZR342RtDBMvVFZfVILgjIoO-EE-bfOLYPVfvhiydUxkUDBdOq8ypvkO1OWWtnVTi1nw" />
    <input value="18697" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/sojawurze-konv-100-ml-18698">
          <img alt="Sojawürze konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9610/file/small-38344a8b64eb7925e7d43ce14aa08a9e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9610/file/medium-138dffcdf94b97aa4790c04755bf7f36.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9610/file/large-1dba54b71970a143a524bdccb3eee2ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9610/file/medium-138dffcdf94b97aa4790c04755bf7f36.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/sojawurze-konv-100-ml-18698">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sojawürze konv, 100 ml</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 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dAQhCcU_sssvdfO2yQTjZrH5_nKv6IyRVu_upzE8OtBV23oJQpQY2kyQoem4U78iyhwSUUS16Tl9Q83ubMwvoA" />
    <input value="18698" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/speise-meersalz-grob-konv-750-g-18699">
          <img alt="Speise Meersalz grob konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9655/file/small-57c0848e4bdba483032e01c0ec5eb54e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9655/file/medium-b06c282eae245cc520fc9580222d6dde.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9655/file/large-1953e97d208e36ad7a4c8e2793070966.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9655/file/medium-b06c282eae245cc520fc9580222d6dde.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/speise-meersalz-grob-konv-750-g-18699">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Speise Meersalz grob konv, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gASGrDw4WCVsCvkyt4Kathh1wi_56ryS8kGCpdd2bu6h292su5PyNA_vq23G1cbyY5AuDBK32TrZ7aHsioZ7ng" />
    <input value="18699" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/streuwurze-plantarom-dose-konv-80-g-18700">
          <img alt="Streuwürze Plantarom Dose konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9656/file/small-84c06943d3bce63d1759469d61241849.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9656/file/medium-3180afe039af142009c5b1a33a0fd614.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9656/file/large-210a6f8c5edd69e3a11285e0607741b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9656/file/medium-3180afe039af142009c5b1a33a0fd614.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/streuwurze-plantarom-dose-konv-80-g-18700">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Streuwürze Plantarom Dose konv, 80 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 6.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gfgO6vZ0OOTAbkeQ7Q0211xe8PYXTo8KNDpfdOdWODCgJ1Xqcd-S9aOLFc-cWmqTJ7sc1fwT6qIflnw9uqYtQA" />
    <input value="18700" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/suppe-hafercreme-bio-65-g-18701">
          <img alt="Suppe Hafercrème Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9657/file/small-45fb427e88394c3372972306a77739c3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9657/file/medium-f8823a6eaea02e36be470cfa81a4d76a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9657/file/large-2b683778dc17afd1b8d172c0de58cde8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9657/file/medium-f8823a6eaea02e36be470cfa81a4d76a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/suppe-hafercreme-bio-65-g-18701">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Suppe Hafercrème Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0EMOKaC6-OKwUbS68RKcua2uSgJWnZYnWDQtiRXuciPxnFUpJxFS89O05uWARcD91kumIb3A849zmA7ASB5nUw" />
    <input value="18701" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/traubenzucker-500-g-18702">
          <img alt="Traubenzucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9658/file/small-fe871353732fbeca6cc5aaf6b51bb4da.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9658/file/medium-03e081952f844a972c27086de2ad0d0d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9658/file/large-12f49b33ddd860b312e16a4b20c6261e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9658/file/medium-03e081952f844a972c27086de2ad0d0d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/traubenzucker-500-g-18702">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Traubenzucker, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a8VKvmgaVQtLoMvPzpg_BZ-tn8en4eFOvrS7R9rb8fxKGhG-77H_GihFmZC_z2NB5Ehz5Ey8hOaVGJgOhyvkjA" />
    <input value="18702" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/vollsojaflocken-bio-350-g-18703">
          <img alt="Vollsojaflocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9659/file/small-76ca83497f7662b9f49d9c17f55a7969.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9659/file/medium-0da128c35a2b9c4fd93ab3c50094367a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9659/file/large-22df99ff6a00b389303bbb7361d53ffe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9659/file/medium-0da128c35a2b9c4fd93ab3c50094367a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/vollsojaflocken-bio-350-g-18703">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vollsojaflocken Bio, 350 g</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 1.57 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-3adBAizQ50uFrKenrdc9FVmHPKbiGlH4l5yfCRlQBfaqcYEjxjpjE3z4MHv4ACwLoPw0XDVDO_J8lE1eZVVZw" />
    <input value="18703" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/weizen-demeter-500-g-18704">
          <img alt="Weizen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9616/file/small-6bd745051c66bb3be1308efadf7c5ff8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9616/file/medium-27d8dae2884c0219362feeb1789dff98.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9616/file/large-97df3a7b80f6f97a92707d98758a0c48.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9616/file/medium-27d8dae2884c0219362feeb1789dff98.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/weizen-demeter-500-g-18704">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weizen Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fBOMP1CP9hvHJJMVrzEUI11fu7yUp_-7mMQjyepVXEBdzNc_1yRcCqTBwUreZkhnJrpXn3_6mhOzaACAt6VJMA" />
    <input value="18704" 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%2Fverjus%3Fformat%3Dturbo_stream%26page%3D57">
    <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/weizengluten-400-g-18705">
          <img alt="Weizengluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9241/file/small-fa5389a973ddb6cd80c4ed2b3ac8ceb4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9241/file/medium-d6185f67cb47191bd1251b4c0cd24ab2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9241/file/large-809b63d2572f023bdddd6dd728a4e0b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9241/file/medium-d6185f67cb47191bd1251b4c0cd24ab2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/products/weizengluten-400-g-18705">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weizengluten, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H7QwLW2oGIpBKfnEYNi8BB8zs-78jyfhKmn7bRaB6R4-a2st6gOymyLMq5sRj-BAZNZfzRfSQkkBxdgkS3H8bg" />
    <input value="18705" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;140 von 2&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/verjus?format=turbo_stream&amp;page=58">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>