<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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/algen-sushi-nori-konv-10-stuck-18702">
          <img alt="Algen Sushi Nori konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10796/file/small-0107cf2bab5184d4613d8d92bb266bf8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10796/file/medium-02baeca03beb1eecace5c58564daf439.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10796/file/large-4c4527d49c8ac81393df890a2b208353.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10796/file/medium-02baeca03beb1eecace5c58564daf439.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">Muso</p>
          <a href="/products/algen-sushi-nori-konv-10-stuck-18702">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algen Sushi Nori konv, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.82 / Stk.
            </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="-WPOzirM-dUnetnPHFS0NYxITq_zviL-MUnmr7G7gpEZ6tT0_eEx8TYrl586_-epj8tzUgzsELL0L-afGROPTQ" />
    <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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/algen-wakame-konv-50-g-18703">
          <img alt="Algen Wakame konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10909/file/small-d460bfdf3729f9a6f8437815c2119891.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10909/file/medium-f03966a8242466e4433629d11a05d434.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10909/file/large-2ca7d5238011a40151faf9b8bb5d97fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10909/file/medium-f03966a8242466e4433629d11a05d434.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">Muso</p>
          <a href="/products/algen-wakame-konv-50-g-18703">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algen Wakame konv, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 16.40 / 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="ofcRmHksjH-SBOtkN1nPa8_dFJU-ZAf1MvjHk8hYhXRBfguirgFEW4NVpTQR8pz3zF4paME2Nbn3nsejYPCIqA" />
    <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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/algengewurz-ao-nori-konv-20-g-18704">
          <img alt="Algengewürz Ao Nori konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10797/file/small-3534b781bdebbb6500288c9645fbcfd6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10797/file/medium-2474d38f9f8c7cebd7504daf9a25f2ca.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10797/file/large-55e01b0a3c516102ca79b0b6b1bfb9a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10797/file/medium-2474d38f9f8c7cebd7504daf9a25f2ca.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">Muso</p>
          <a href="/products/algengewurz-ao-nori-konv-20-g-18704">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algengewürz Ao Nori konv, 20 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 19.00 / 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="5sewKRKgPlbsiStXQOQ9nuyW8EQ72wUU5OaG2uvkITkGTqoTxY32cv3YZQdmT24C7xXNucSJN1ghgIbqQ0ws5Q" />
    <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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/bifun-reisnudeln-konv-100-g-18705">
          <img alt="Bifun Reisnudeln konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10910/file/small-178190b2b55a1001fd89c00b6b329ed7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10910/file/medium-dc569ebe3834c35432cbed55e9fed89e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10910/file/large-5be701f19c42e4e47bb981690b25eaca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10910/file/medium-dc569ebe3834c35432cbed55e9fed89e.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">Muso</p>
          <a href="/products/bifun-reisnudeln-konv-100-g-18705">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bifun Reisnudeln konv, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.60 / 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="P5XWP7A1mN4H1D-2rP1v4S46MOyvkF93xW9QVs6uGyzfHMwFZxhQ-haFceaKVjx9LbkNEVDCbTsACVBmZgYW8A" />
    <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>


  

  <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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/cracker-tamari-vollreis-konv-65-g-18706">
          <img alt="Cracker Tamari Vollreis konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10798/file/small-7e6f5d26f126f3a8d1de5315dd9f4b85.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10798/file/medium-c5c49c389e0f7798e001090dc7c02ad2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10798/file/large-e5b21b140f4463257f617b80a53df309.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10798/file/medium-c5c49c389e0f7798e001090dc7c02ad2.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">Muso</p>
          <a href="/products/cracker-tamari-vollreis-konv-65-g-18706">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cracker Tamari Vollreis konv, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RHjMX_BnrjNQVfUKrbKXw9OEwHfNBr4MON7SHCdL43Gk8dZlJ0pmF0EEu1qLGcRf0Af9ijJUjED9uNIsj-PurQ" />
    <input value="18706" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/organic-genmai-brown-rice-black-sesame-cracker-bio-60-g-18707">
          <img alt="Organic Genmai Brown Rice Black Sesame Cracker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10286/file/small-6bb2893e700ca4192faff23809e7ffce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10286/file/medium-8c634d09348e7e4d13f60286c970881a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10286/file/large-a5d6444571f8bc4bcc84a4ff6cf118d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10286/file/medium-8c634d09348e7e4d13f60286c970881a.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">Muso</p>
          <a href="/products/organic-genmai-brown-rice-black-sesame-cracker-bio-60-g-18707">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Organic Genmai Brown Rice Black Sesame Cracker Bio, 60 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 9.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aa_WVKckpDAh28qBhcFdJ_onPlv3YzME9Dy7qqkrRM2JJsxucAlsFDCKhNGjag67-aQDpggxAUgxWruaAYNJEQ" />
    <input value="18707" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/ingwer-pickles-konv-60-g-18708">
          <img alt="Ingwer Pickles konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9977/file/small-d33058b4c5712de980122286ac6a13d2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9977/file/medium-4af396612f727415810dd4b0ad2f716f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9977/file/large-e707d6403fd88b202c1876264cb3770e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9977/file/medium-4af396612f727415810dd4b0ad2f716f.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">Muso</p>
          <a href="/products/ingwer-pickles-konv-60-g-18708">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ingwer Pickles konv, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eBcftVyvYiuPept2su_m7bipdUilKnOxfn1SJ2qP5xSYngWPi4KqD54r1SaURLVxuypItVp4Qf27G1IXwifqyA" />
    <input value="18708" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/ume-su-pflaumenessig-bio-250-ml-18709">
          <img alt="Ume Su Pflaumenessig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9979/file/small-581bd7d9dbc2ee31f29763add96a1277.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9979/file/medium-c31728c5e2363f064ea6b19a2f2abba6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9979/file/large-5f8f4bb08effe91fb850ce51704fb2e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9979/file/medium-c31728c5e2363f064ea6b19a2f2abba6.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">Muso</p>
          <a href="/products/ume-su-pflaumenessig-bio-250-ml-18709">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ume Su Pflaumenessig Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZKb0bESJ1PgbePKnLpiSavWVlvuhhxNQ0L4J7lQlJLSEL-5Wk6Qc3AopvPcIM8H29harBl7VIRwV2Ane_I0paA" />
    <input value="18709" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/umeboshi-japanische-salzpflaume-bio-150-g-18710">
          <img alt="Umeboshi japanische Salzpflaume Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10799/file/small-07c8d4a51dc8d8d8dbc9ecc3e9c00b43.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10799/file/medium-a69e15f853f71121466b41617aacc66d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10799/file/large-a3b7c65665cb6ee1d832c1bfcaac5bb7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10799/file/medium-a69e15f853f71121466b41617aacc66d.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">Muso</p>
          <a href="/products/umeboshi-japanische-salzpflaume-bio-150-g-18710">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Umeboshi japanische Salzpflaume Bio, 150 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 9.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZYajm7US7ouMNrbvYrwG4u_2cICkCCm9JzMCdamoIQ2FD7mhYj8mr51n-L9EF1V-7HVNfVtaG_HiVQJFAQAs0Q" />
    <input value="18710" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/umeboshi-paste-konv-150-g-18711">
          <div class="py-4 w-full h-full flex items-center justify-center bg-gray-100 max-h-72">
            <span class="text-gray-400">No Image</span>
          </div>
</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">Muso</p>
          <a href="/products/umeboshi-paste-konv-150-g-18711">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Umeboshi Paste konv, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JcjfSub-HImZuDhO4PDo_jrFvMQ0rUA1mfDmzuB8PyHFQcVwMdPUrYjpdh7GW7tiOUaBOcv_cnlclub-SNQy_Q" />
    <input value="18711" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/ei-ersatz-bio-175-g-18712">
          <img alt="Ei-Ersatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10219/file/small-159e55f5319089938984f33aefc144f0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10219/file/medium-6bbbe1e882e71f0e8ec6297526adfc4c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10219/file/large-2208e4440e5d6162ba4383e5b0ca20e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10219/file/medium-6bbbe1e882e71f0e8ec6297526adfc4c.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/ei-ersatz-bio-175-g-18712">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ei-Ersatz Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WMfaJvLpJ4M0Y6RaRnjffSK04mBqv6ZKFAT5K4QD6T24TsAcJcTvpyUy6gpg04zhITffnZXtlAbRYvkbLKvk4Q" />
    <input value="18712" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/dinkel-spirelli-hell-demeter-500-g-18713">
          <img alt="Dinkel Spirelli hell Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9236/file/small-8f1a1973d3d4a267f0d7212bd8c23ee1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9236/file/medium-1f94c511124d33ea557199dc7a506308.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9236/file/large-2a77451d0f7446c5fffb86eaac4cb3db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9236/file/medium-1f94c511124d33ea557199dc7a506308.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">Naturata</p>
          <a href="/products/dinkel-spirelli-hell-demeter-500-g-18713">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Spirelli hell Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HyJ7nSG5IkIP93QIyJX2fLZtw52LFAFSuZiVHz2Twhz_q2Gn9pTqZh6mOljuPqXgte7-YHRGMx58_pUvlTvPwA" />
    <input value="18713" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/sauce-honig-senf-bio-210-ml-18714">
          <img alt="Sauce Honig Senf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10284/file/small-4a5d6658dc52593bd3546d62239ce693.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10284/file/medium-09e2c56627f63cd485f4fac15868c7da.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10284/file/large-2ba2c2b2d82bbedfa8cbc89db214a0dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10284/file/medium-09e2c56627f63cd485f4fac15868c7da.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">Naturata</p>
          <a href="/products/sauce-honig-senf-bio-210-ml-18714">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce Honig Senf Bio, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nQBBW6H4m4j0GzX5vCth54HqM6pxReqxH9igvovdW7J9iVthdtVTrOVKe6magDJ7gmkOV44X2P3avqCOI3VWbg" />
    <input value="18714" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/heidelbeeren-wild-gefriergetrock-bio-roh-50-g-18715">
          <img alt="Heidelbeeren Wild gefriergetrock. Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9981/file/small-403abf7cd15717138d47670b3520df70.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9981/file/medium-7ed83f1c603a8db9ba0ae7e2e014fdb6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9981/file/large-1204203b5ab67488f5f0aab4c4bf138b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9981/file/medium-7ed83f1c603a8db9ba0ae7e2e014fdb6.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/heidelbeeren-wild-gefriergetrock-bio-roh-50-g-18715">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Heidelbeeren Wild gefriergetrock. Bio roh, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DWkAHOFwV5ZIY-nZ3zS3qXEx29AKmQHTSVdRYEdepSDt4BomNl2fslkyp4n5n-Q1crLmLfXLM5-MMVFQ7_ao_A" />
    <input value="18715" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/kokosblutenzucker-bio-300-g-18716">
          <img alt="Kokosblütenzucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10657/file/small-f4532b254aab5fa487582246c2ede4bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10657/file/medium-308c08fd409cc52cf14d543d801e533d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10657/file/large-ee9820dd815a93345325921db5302bfa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10657/file/medium-308c08fd409cc52cf14d543d801e533d.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/kokosblutenzucker-bio-300-g-18716">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosblütenzucker Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NBsqpE7Kh2cdJDckwylJeXeXUddzOZ-rBIYXgazeXofUkjCemedPQwx1eXTlghrldBRsKoxrrefB4BexBHZTWw" />
    <input value="18716" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/preiselbeeren-wild-gefriergetrock-bio-roh-50-g-18717">
          <img alt="Preiselbeeren Wild gefriergetrock. Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9982/file/small-a85c2993923cbfa01f1f96c683eb536c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9982/file/medium-c57f6d3a5214c889a36da3091dd64984.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9982/file/large-393ac7e1679829a8cdfb08a3526f040f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9982/file/medium-c57f6d3a5214c889a36da3091dd64984.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/preiselbeeren-wild-gefriergetrock-bio-roh-50-g-18717">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Preiselbeeren Wild gefriergetrock. Bio roh, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LqC6FU8iAoFVRkv_SBGFqUK11hvsDl7KMbUe2AQxVT3OKaAvmA_KpUQXBa9uutY1QTbr5hNcbIb00x7orJlY4Q" />
    <input value="18717" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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/schokoladen-aprikosen-bio-roh-150-g-18718">
          <img alt="Schokoladen Aprikosen Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9983/file/small-fa10b6d3e2528c5e9fc2e8a708a21590.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9983/file/medium-a78f2ff983f6c722328b84815a8b3c77.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9983/file/large-91d185de04f1ad18423f35ec99a6a632.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9983/file/medium-a78f2ff983f6c722328b84815a8b3c77.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/schokoladen-aprikosen-bio-roh-150-g-18718">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokoladen Aprikosen Bio roh, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WzEOWXOABEKWjKq2CNou6ObM_VpyDfT0Hg3-AoWzCzu7uBRjpK3MZofd5OYucX105U_Ap41fxrjba_4yLRsG5w" />
    <input value="18718" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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-aloe-vera-getrank-past-750-ml-18719">
          <img alt="NKW Aloe Vera Getränk past" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9237/file/small-c7e892d374d88b5ad16ccbd33999d790.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9237/file/medium-9b06e0fd531e0a5e299b87549d5d4473.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9237/file/large-50bcfc8e15d85a80e88ce2c6c3acc66a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9237/file/medium-9b06e0fd531e0a5e299b87549d5d4473.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">NaturKraftWerke</p>
          <a href="/products/nkw-aloe-vera-getrank-past-750-ml-18719">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Aloe Vera Getränk past, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wgfsxvhcfOOV2qymnE6W6xbk_EXyJryrJp4z3L7VdTMijvb8L3G0x4SL4va65cV3FWfBuA10jufj-DPsFn147w" />
    <input value="18719" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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-aloe-vera-saft-past-330-ml-18720">
          <img alt="NKW Aloe Vera Saft past" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9238/file/small-56da6791de8841afa021d89da8994864.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9238/file/medium-1543189bf7ebb64481cd147eda294f70.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9238/file/large-9da9b74ed0bf019c381be95267bed582.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9238/file/medium-1543189bf7ebb64481cd147eda294f70.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">NaturKraftWerke</p>
          <a href="/products/nkw-aloe-vera-saft-past-330-ml-18720">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Aloe Vera Saft past, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="01S3EvWt4bIOHHxtLTbRVQfCfHuPAYLTNbqzW_SbmFEz3a0oIoAplh9NMj0LnYLJBEFBhnBTsJ_w3LNrXDOVjQ" />
    <input value="18720" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D58">
    <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-berberitzen-getrocknet-bio-roh-100-g-18721">
          <img alt="NKW Berberitzen getrocknet Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9470/file/small-ab5e122e85c0a97408191b8888b168d9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9470/file/medium-a84ff93ead4e81d5ab5441e79130a7ee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9470/file/large-1b7a592756f47cbb3d8277228a90f0da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9470/file/medium-a84ff93ead4e81d5ab5441e79130a7ee.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">NaturKraftWerke</p>
          <a href="/products/nkw-berberitzen-getrocknet-bio-roh-100-g-18721">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NKW Berberitzen getrocknet Bio roh, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qt-RYDMNAKHxQSsJVtoWRl6erQ2vnEK49iT-a0kwllKiVota5CDIheAQZVlwcUXaXR2Q8FDOcPQzQv5b4Zibjg" />
    <input value="18721" 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;160 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/vivani?format=turbo_stream&amp;page=59">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>