<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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/rooibos-teebeutel-bio-17-stuck-19226">
          <img alt="Rooibos Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9332/file/small-618e9cb89d7181ac7b8e68ebb4d5a93f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9332/file/medium-37c2ad31113f7b3f5a425cdf0e601a82.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9332/file/large-122e4f493017ea6d53dd6333ee023ac0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9332/file/medium-37c2ad31113f7b3f5a425cdf0e601a82.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">Yogi Tee</p>
          <a href="/products/rooibos-teebeutel-bio-17-stuck-19226">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rooibos Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gl2mcTO-ZDijoLpcXyuYCANU8oRHseQ_gTubKXWBF1LUn408xxkPgrkbh0-79Q9z-0Wq9Y2vtcJY6AOKzdcBng" />
    <input value="19226" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/ruhe-teebeutel-bio-17-stuck-19227">
          <img alt="Ruhe Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9331/file/small-dd454fab7b30e089aea5e0d802b92857.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9331/file/medium-a6d0853547b065f7aa64c4bd9fdee0e4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9331/file/large-fdf8ffcb3bfc5b44aeb7b091db7c64f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9331/file/medium-a6d0853547b065f7aa64c4bd9fdee0e4.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">Yogi Tee</p>
          <a href="/products/ruhe-teebeutel-bio-17-stuck-19227">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ruhe Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="076z2Gl2oU2usmvdK1_TCdh9D-B7yJgoyBUJGZWtoraFfJiVndHK97QJVs7PgURyIGxXkbHWydURxpG6Lfu0eg" />
    <input value="19227" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/schoko-aztec-spice-teebeutel-bio-17-stuck-19228">
          <img alt="Schoko Aztec Spice Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9335/file/small-10a6ad65938e42a8a2db1e7deca4bb8c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9335/file/medium-899416fb2a4268e03655986683fc7b0a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9335/file/large-aed34c4ea758339712ea0dd23fadc19f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9335/file/medium-899416fb2a4268e03655986683fc7b0a.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">Yogi Tee</p>
          <a href="/products/schoko-aztec-spice-teebeutel-bio-17-stuck-19228">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko Aztec Spice Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w4pNonrepC2RfZGG9Wp-ImqSYOFyhV0za7Mjm0mk2tOVSGbvjnnPl4vGrJURtOlZkoM4kLibDM6yYLs48fLMHw" />
    <input value="19228" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/schoko-chai-bio-90-g-19229">
          <img alt="Schoko Chai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9569/file/small-534c5f58ab52a5d1586f86199fc8b51c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9569/file/medium-c63f8a2d1eb4af61d4c67f208d7d5d47.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9569/file/large-ecc49a2ee53d1bc564463a594a56f870.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9569/file/medium-c63f8a2d1eb4af61d4c67f208d7d5d47.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">Yogi Tee</p>
          <a href="/products/schoko-chai-bio-90-g-19229">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko Chai Bio, 90 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 6.56 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KnixT_T86YdkFcK1mYnNcnvBSYYV5-CgI1fMw3NxKJV8upoCAFuCPX6u_6Z9V1oJg9AR99_5sV36hFRgyyc-WQ" />
    <input value="19229" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/sweet-chai-teebeutel-bio-17-stuck-19230">
          <img alt="Sweet Chai Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9337/file/small-03c13d243985125e1d8bcc9430822761.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9337/file/medium-8d8479b0aae5b40d58e645e104423ae1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9337/file/large-3a0ea135c5f2aa4a68d26c69a1a89178.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9337/file/medium-8d8479b0aae5b40d58e645e104423ae1.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">Yogi Tee</p>
          <a href="/products/sweet-chai-teebeutel-bio-17-stuck-19230">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sweet Chai Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NyxaLBWFwuEEHmneX3qomTjbQ54I8pIKYu-w0G_mUyNh7nFh4SKpWx6lVM27pD_iwMob78Lsw_e7PChz17BF7w" />
    <input value="19230" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/indian-paneer-nature-bio-200-g-19231">
          <img alt="Indian Paneer nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10000/file/small-1e7d0fea21613b6dcd6637659b47de06.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10000/file/medium-96bce8eb42e301ec044e67bd09ca5725.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10000/file/large-eda7574ed1a4e03803e0f9093a6bfc24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10000/file/medium-96bce8eb42e301ec044e67bd09ca5725.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">Züger</p>
          <a href="/products/indian-paneer-nature-bio-200-g-19231">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Indian Paneer nature Bio, 200 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 2.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vHpPfBeX_dOB18LyjUAKlqdN-de6089nxLQQd2n1WjbquGQx4zCWaZts_-Fpnp3tX1yhpnDNnpodZ4jU0aNM-g" />
    <input value="19231" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/mascarpone-bio-250-g-19232">
          <img alt="Mascarpone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10812/file/small-ef09c11d89378f724166be6735ba2de2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10812/file/medium-cf843a40410d1816e33a0c1f4d3a8c10.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10812/file/large-53d8d5598f977469716674a6787d21c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10812/file/medium-cf843a40410d1816e33a0c1f4d3a8c10.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">Züger</p>
          <a href="/products/mascarpone-bio-250-g-19232">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mascarpone Bio, 250 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 2.56 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wXeONymqjEumX3biCLP0W5Uk2ndBp3-C90TGC7VSt3eXtaV63Q3n8bzkS_HsbWMgbTWCBou5Ln8ul16oDQShuw" />
    <input value="19232" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/mozzarella-bio-100-g-19233">
          <img alt="Mozzarella Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10001/file/small-99c2a8cda6c320bec9209df3dc4f138e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10001/file/medium-bc7e4be85a055da15c21b0c947c473a9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10001/file/large-2d70338b209cbf39ef469fe4dd2b3bf1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10001/file/medium-bc7e4be85a055da15c21b0c947c473a9.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">Züger</p>
          <a href="/products/mozzarella-bio-100-g-19233">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mozzarella Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="71v0TYlQSPl4PEfZj_aCD74CYpzyGlvFa2hgpfh9Xfq5md8AffcjQ2KHesprKBV0RhM67TgECjiyu_gGQCtLNg" />
    <input value="19233" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/ricotta-bio-250-g-19234">
          <img alt="Ricotta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10813/file/small-559899c94907db2ae559a2da9ffe0363.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10813/file/medium-ddec65ad23ba645b79ad7a0b39c866db.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10813/file/large-42daadb09be4c09c15302cb721bc768f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10813/file/medium-ddec65ad23ba645b79ad7a0b39c866db.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">Züger</p>
          <a href="/products/ricotta-bio-250-g-19234">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ricotta Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O41WSljBdVWd76_oF5MpgLr0gNz1C7pbq15BIcIRE7BtT30HrGYe74dUkvvzTb77QuXYrT8V66ZyjdmCekcFfA" />
    <input value="19234" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/70-schwarze-johannisbeere-agave-bio-225-g-19235">
          <img alt="70% Schwarze Johannisbeere Agave Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10985/file/small-56cee66cbab607e574fd11a9ca60e7c8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10985/file/medium-f8049edf48751b6996bb7b4065df3c14.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10985/file/large-4107855251fbbd1ea65dddf5352fd70f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10985/file/medium-f8049edf48751b6996bb7b4065df3c14.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">Zwergenwiese</p>
          <a href="/products/70-schwarze-johannisbeere-agave-bio-225-g-19235">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">70% Schwarze Johannisbeere Agave Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l1bm9an24_6sK2CPV7aeYCQBCcEJmx07ZikV4EBWW-XBlM24XVGIRLaQXZyzaAkb3BBRsMOFTMa_-o1D-ABNKQ" />
    <input value="19235" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/aufstrich-arrabitom-bio-50-g-19236">
          <img alt="Aufstrich Arrabitom Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9446/file/small-0ea2d4618c1e8cd0b549fcf1bcdb5cdb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9446/file/medium-40de22cdc77b616929ebb3d03938f7ce.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9446/file/large-a8a317dd2f45d54336f8b68798baaf8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9446/file/medium-40de22cdc77b616929ebb3d03938f7ce.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">Zwergenwiese</p>
          <a href="/products/aufstrich-arrabitom-bio-50-g-19236">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Arrabitom Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BtrFzim6RVgnkYUwv87UHcVbxOEMKaWJHZpkBgKtnbhQGO6D3R0u4j0quCNbEENmPUqckMY39HTESfyluvuLdA" />
    <input value="19236" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/aufstrich-basitom-bio-50-g-19237">
          <img alt="Aufstrich Basitom Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9448/file/small-1ab228dad71520f69fa43552b8f44825.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9448/file/medium-ac224d1036fe5698a7bc351cf971e655.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9448/file/large-8083da4fc12f65e8b8fb2fd9912b6cc0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9448/file/medium-ac224d1036fe5698a7bc351cf971e655.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">Zwergenwiese</p>
          <a href="/products/aufstrich-basitom-bio-50-g-19237">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Basitom Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="569nQXCGihCpis77B8fZqtKCwlPxDWZJmHAfZYTGhc2xbUwMhCHhqrMx8-jjGU7RKpOaIjsTN7RBo4fGPJCTAQ" />
    <input value="19237" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/aufstrich-bruschesto-bio-50-g-19238">
          <img alt="Aufstrich Bruschesto Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9443/file/small-5870ac58c2979c8ed8c5cca0032a460f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9443/file/medium-17e5d79d5f2f5504b674af8f50267a21.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9443/file/large-e80486c406fbd4ac11d7dc7a9980d11a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9443/file/medium-17e5d79d5f2f5504b674af8f50267a21.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">Zwergenwiese</p>
          <a href="/products/aufstrich-bruschesto-bio-50-g-19238">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Bruschesto Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P9FRvWLKDTcbUg-bgxPUbm9S-ly-sLJOCMsgzg6QPE1pE3rwlm1mjQHpMohnzUMVl0OiLXSu47PRGLhttsYqgQ" />
    <input value="19238" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/aufstrich-chilitoffel-bio-135-g-19239">
          <img alt="Aufstrich Chilitoffel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9444/file/small-e1a60484a13bdee5ba0579733376d867.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9444/file/medium-9d39164e915eb267f06074fe2e2e08ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9444/file/large-f13bafeed518f0c6f431cb89a51760b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9444/file/medium-9d39164e915eb267f06074fe2e2e08ea.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">Zwergenwiese</p>
          <a href="/products/aufstrich-chilitoffel-bio-135-g-19239">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Chilitoffel Bio, 135 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 2.89 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NYQR_uqqt1W64WuXZgonQw-WeHS9vuvJvzikoEo8DApjRjqzHg3c76BaVoSC1LA494cgBXegujRm6zwD8moaxg" />
    <input value="19239" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/aufstrich-currychini-bio-135-g-19240">
          <img alt="Aufstrich Currychini Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10902/file/small-29b7858ba14e37233bc69b25b136d0f7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10902/file/medium-e7340b4a62679c16bb3dae654758ed0f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10902/file/large-933ee2092006f72a9fecd718e2510bdc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10902/file/medium-e7340b4a62679c16bb3dae654758ed0f.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">Zwergenwiese</p>
          <a href="/products/aufstrich-currychini-bio-135-g-19240">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Currychini Bio, 135 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 2.89 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8fUjfXOacJfzCIZXS0U_Sr5SZrYDwXeKcRww6-E_bKanNwgwhz0bLemzu0Svm6gxRkM-x8nfJneoz6hIWWl6ag" />
    <input value="19240" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/aufstrich-kurbi-bio-135-g-19241">
          <img alt="Aufstrich Kürbi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10597/file/small-90720e610aa63d843b8791277a97211a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10597/file/medium-144b3de613972727ce3b2fbcb3da21c0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10597/file/large-fbcfbb526876bd00616157019e7ea36c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10597/file/medium-144b3de613972727ce3b2fbcb3da21c0.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">Zwergenwiese</p>
          <a href="/products/aufstrich-kurbi-bio-135-g-19241">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Kürbi Bio, 135 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 2.89 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZtmSEcdJSENGxIToKcPbHusQRo6g3JJLfyrRdIs6yq0wG7lcM-4j-Vx_ufvNHUxlEwEe_2rCw7am-UnXM2zcYQ" />
    <input value="19241" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/aufstrich-mepfel-bio-50-g-19242">
          <img alt="Aufstrich Mepfel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9447/file/small-4236e7cbc9aa36187f5aa5e830eea957.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9447/file/medium-3c3cf8da80f7d23dcb9b2cec6bd55550.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9447/file/large-a0196a675f3461cf20c203dbef786a3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9447/file/medium-3c3cf8da80f7d23dcb9b2cec6bd55550.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">Zwergenwiese</p>
          <a href="/products/aufstrich-mepfel-bio-50-g-19242">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Mepfel Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dbv0URv8V1uEmlHS8BWLBafhA3K2WFBAJRbRXRNahYRbed8c71s84Z4hbMEUyxx-X_BbA3xGAb38xUn-qwyTSA" />
    <input value="19242" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/aufstrich-papayango-bio-50-g-19243">
          <img alt="Aufstrich Papayango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9449/file/small-173fb1ab8bb08886dcc080da195fe12b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9449/file/medium-e145a69634dde5b30cc47355a71b4b6a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9449/file/large-2900f6310db1579122c896e4a4465c2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9449/file/medium-e145a69634dde5b30cc47355a71b4b6a.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">Zwergenwiese</p>
          <a href="/products/aufstrich-papayango-bio-50-g-19243">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Papayango Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oQjARQrWqKtKCFutdjtN4HGFrb3MrFdDBKCPObqSAO_3yusI_nHDEVCzZr6S5dqbiZT1zAayBr7dcxeaAsQWIw" />
    <input value="19243" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/aufstrich-sendi-bio-135-g-19244">
          <img alt="Aufstrich Sendi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10630/file/small-2251aaa9237ed5c0969d77ef6f83640a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10630/file/medium-000309611b62313baa1afec9098a2c21.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10630/file/large-202ed09c45d5464ee025cee9a0c49501.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10630/file/medium-000309611b62313baa1afec9098a2c21.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">Zwergenwiese</p>
          <a href="/products/aufstrich-sendi-bio-135-g-19244">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Sendi Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="devUdGrIk6RaciwDf9bSbVWa7AUvtQf3qQTi_yehJdMjKf85nm_4HkDJERCbCEUWrYu0dOWrVgpw13pcn_czHw" />
    <input value="19244" 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%2Fbiovegan%3Fformat%3Dturbo_stream%26page%3D84">
    <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/aufstrich-sendi-bio-50-g-19245">
          <img alt="Aufstrich Sendi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9442/file/small-9f60070624ee87ba0d49cf01e0bb33cf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9442/file/medium-a66c5dceedc2e2387793de7297d0e774.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9442/file/large-38c9d3a86047e18c4a4f28e3f92872e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9442/file/medium-a66c5dceedc2e2387793de7297d0e774.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">Zwergenwiese</p>
          <a href="/products/aufstrich-sendi-bio-50-g-19245">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Sendi Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0qhHLz04AytBQEYrrme8JsST72gbg-eguRkPyyCnUHSEamxiyZ9okVv7ezhKuStdPIK3GdGdtl1gypdomPFGuA" />
    <input value="19245" 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;680 von 2&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/biovegan?format=turbo_stream&amp;page=85">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>