<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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/pesto-alla-puttanesca-bio-130-g-19901">
          <img alt="Pesto alla Puttanesca Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10545/file/small-605ff9d133155c529c0dc96c52374774.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10545/file/medium-362c3085832463c18c0469e02c96c293.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10545/file/large-b24dcc6c2494902d209cdbd9b6a8265b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10545/file/medium-362c3085832463c18c0469e02c96c293.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Nabio</p>
          <a href="/products/pesto-alla-puttanesca-bio-130-g-19901">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pesto alla Puttanesca Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8za4h6nLf1q124IT5TUzkeynCFRBNKZS8Lw2_B0-ROoeSFl54XwIfI5qrJOETQ3zvsh-GWEOGciuP97mbP8YcQ" />
    <input value="19901" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/pesto-alla-calabrese-bio-130-g-19902">
          <img alt="Pesto alla Calabrese Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10546/file/small-b8826643070799052fed414a489a72a8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10546/file/medium-14721d9803294bdf1d87be37156f87fb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10546/file/large-7c9b4a8d3bdaac84d864b226cecc6dc2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10546/file/medium-14721d9803294bdf1d87be37156f87fb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Nabio</p>
          <a href="/products/pesto-alla-calabrese-bio-130-g-19902">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pesto alla Calabrese Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e598ErolW326vekLSSsHaegkateo-3AyrXm1tDWVfYeW4Z3s8pIsW4EMx4soUzkLukscmojBz6jz-l2uRFQhHA" />
    <input value="19902" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/akazienfaser-bio-100-g-19903">
          <img alt="Akazienfaser Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10547/file/small-1aa3e292efd41b342ff58a43ce508a06.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10547/file/medium-3edf26069b908b5f8483e0ec47805696.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10547/file/large-d17430467c1266ec350a18222116aea1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10547/file/medium-3edf26069b908b5f8483e0ec47805696.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">Govinda</p>
          <a href="/products/akazienfaser-bio-100-g-19903">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Akazienfaser Bio, 100 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 6.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aGLLUlMWpma4uMug02J3m4w1eb-5Zu0AUueRv3opbhOFHCqsG6HRQIMJ5SCyGkn53loP8plcUpoMZHmlC-gyiA" />
    <input value="19903" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/frische-nockerl-dinkel-bio-400-g-19904">
          <img alt="frische Nockerl Dinkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10548/file/small-ef77c14ea30f3e7def2336e343bd5b0d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10548/file/medium-1d0518f893a222508b8bda705258b750.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10548/file/large-be2f1dead24be5d62adfdeafab9d70f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10548/file/medium-1d0518f893a222508b8bda705258b750.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">bio-verde</p>
          <a href="/products/frische-nockerl-dinkel-bio-400-g-19904">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">frische Nockerl Dinkel Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6kfhIz_-0Vcls-BoUNrUPZ8aNgwlpqO-VHJTxdHUwRwHOQDdd0mmcR4CzugxoupfzXVAQQWcHCQK8bvfoBWdhw" />
    <input value="19904" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/omega-3-epa-kapseln-100-stuck-19905">
          <img alt="Omega-3 EPA Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10549/file/small-3055c49da7782fcd85fcaa0caa1380e0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10549/file/medium-524a0b0fa1ac20456b5183a48c08ecba.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10549/file/large-a39ef3b03627a080a33837ee34dcdc28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10549/file/medium-524a0b0fa1ac20456b5183a48c08ecba.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">Burgerstein</p>
          <a href="/products/omega-3-epa-kapseln-100-stuck-19905">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Omega-3 EPA Kapseln, 100 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 60.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xsz8CawNvtazQ6OyLKBbceBnyNT9pku5rgvB9SiMarwrsh335LrJ8IjyjTJN2GUTsgi-md2c9CPwiCnvWU02Jw" />
    <input value="19905" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/omega-3-dha-kapseln-100-stuck-19906">
          <img alt="Omega-3 DHA Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10550/file/small-41525b8152b5e6a47af3611778a34221.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10550/file/medium-c47bf3f463dd4b5c4ccc7a9bf7352d4e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10550/file/large-477cca78babafc27e0fdd80cb1cff575.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10550/file/medium-c47bf3f463dd4b5c4ccc7a9bf7352d4e.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">Burgerstein</p>
          <a href="/products/omega-3-dha-kapseln-100-stuck-19906">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Omega-3 DHA Kapseln, 100 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eNzwk6u_TUUi3hsUqVnm8pg39ZpoX8xWP5qW58iNBwiVohFt4wg6YxlvNZTIIdiQyliD10hlc8xhGX79uUxbkw" />
    <input value="19906" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/protein-shake-kakao-bio-400-g-19907">
          <img alt="Protein Shake Kakao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10551/file/small-e438d1062de43456effc8cc337019ae6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10551/file/medium-955547e27809bda41894ba66b6be73eb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10551/file/large-0f8c3adabe291697eff1cb345f2e3c97.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10551/file/medium-955547e27809bda41894ba66b6be73eb.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">Raab</p>
          <a href="/products/protein-shake-kakao-bio-400-g-19907">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Shake Kakao Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="icA_IrO2Ztj7iY4-nsA9HuDliBKDuzjZVOrr-3_Hv9xkvt7c-wER_sA4oL7_uAN8sor-X6OBh0MKaQPhDgbjRw" />
    <input value="19907" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/protein-shake-grun-bio-360-g-19908">
          <img alt="Protein Shake Grün Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10552/file/small-af3a0788bed6743d727f15e2a328ede4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10552/file/medium-3e0c63bfc0aecdd19cab051a0df51922.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10552/file/large-2871fa4f50e82320fcc003b6a81a28a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10552/file/medium-3e0c63bfc0aecdd19cab051a0df51922.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">Raab</p>
          <a href="/products/protein-shake-grun-bio-360-g-19908">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Shake Grün Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a-W2hgr3s69ZuU_YMI6maIxT2Vw6_rJUVgXF_3HWUhOGm1d4QkDEiWIIYVhR9pgK3jyvERrEDc4Ihi3lABcOiA" />
    <input value="19908" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/alpenwald-tee-bio-100-g-19909">
          <img alt="Alpenwald Tee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10553/file/small-2aa1e2f5e59f5b80618b36e2c9cb8652.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10553/file/medium-1d0305fcc2aa0e8687d71c7e3d6cf365.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10553/file/large-e758dbe6d7c9b8ae97f31027d52c5cc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10553/file/medium-1d0305fcc2aa0e8687d71c7e3d6cf365.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/alpenwald-tee-bio-100-g-19909">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alpenwald Tee Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VrlEh0QS2wzAYkBfm5RsS7IBhVeD6Ld3q3imjAYjQhe7x6V5DKWsKvvTbt_67FIp4G7zGqPSCO31-06Wd-IejA" />
    <input value="19909" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/silberkelch-tee-bio-60-g-19910">
          <img alt="Silberkelch Tee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10554/file/small-686c8c151a7e79f5c89c38e9cc38c659.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10554/file/medium-1e853102000c2772d579a1b7f5d76edc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10554/file/large-040e1e1b085b8ea4160a27d53ab63f76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10554/file/medium-1e853102000c2772d579a1b7f5d76edc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Chalira</p>
          <a href="/products/silberkelch-tee-bio-60-g-19910">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Silberkelch Tee Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l1nGImJlMEG4WCHMQCmRgdq5nSGk8f40nforzcsyvkt6JyfcKtJHZ4PpD0whUa_jiNbrbITLQa7DecPXuvPi0A" />
    <input value="19910" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/kakaopulver-criollo-bio-250-g-19911">
          <img alt="Kakaopulver Criollo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10555/file/small-09356b9e031f2083c7c401a2343a29c5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10555/file/medium-75c3e431fb1b96bd1a1b78e01e374ee0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10555/file/large-7f81c323ccd9135e119f2359b1ccc713.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10555/file/medium-75c3e431fb1b96bd1a1b78e01e374ee0.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/kakaopulver-criollo-bio-250-g-19911">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakaopulver Criollo Bio, 250 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 5.56 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wul0RchZLOMT_MGz3hfedI37yhdwY_b1TfO0kH93et4vl5W7gO5bxShN7zO_b-AW35S8WlBZSW8TcFyKDrYmRQ" />
    <input value="19911" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/rindsbouillon-glas-bio-160-g-19912">
          <img alt="Rindsbouillon Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10556/file/small-1eeb5a64156a5c3d314503776bffc4d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10556/file/medium-0cc5a3e3a2c8333eea164610154ff3d6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10556/file/large-f1a918fb5e57b5570f85070a1d0c2e4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10556/file/medium-0cc5a3e3a2c8333eea164610154ff3d6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Nullkommanull</p>
          <a href="/products/rindsbouillon-glas-bio-160-g-19912">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rindsbouillon Glas Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9tnX-oHhY14Q-LtvcpRv4ZysZAlH1CCAl81WtnHbpygbpzYEyVYUeCtJle8T7FGDzsMSRGfunxrJTr6sABr7sw" />
    <input value="19912" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/gemusebouillon-ohne-zwiebel-knoblauch-glas-bio-160-g-19913">
          <img alt="Gemüsebouillon ohne Zwiebel &amp; Knoblauch Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10557/file/small-e599d395576a685b464882013ab9353a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10557/file/medium-4b0e881e5e7a6dbb9d356c546279256c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10557/file/large-2fd78921ceed5dd8dd39634a9ce52741.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10557/file/medium-4b0e881e5e7a6dbb9d356c546279256c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Nullkommanull</p>
          <a href="/products/gemusebouillon-ohne-zwiebel-knoblauch-glas-bio-160-g-19913">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüsebouillon ohne Zwiebel &amp; Knoblauch Glas Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ENJtpC_Firy8cAF167yBuP2cXceCnMyYjjz5Q9qulkT9rIxaZ3L9mofBL_WKxL_ar_MriqKmcwLQvxFZq2_K3w" />
    <input value="19913" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/gemusebouillon-glas-bio-160-g-19914">
          <img alt="Gemüsebouillon Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10558/file/small-5a10bb279b160d4016bf691873e1fc36.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10558/file/medium-0811809095451ccaf3868805c85a98f0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10558/file/large-df900570b955b5af6ff44ae05eef41bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10558/file/medium-0811809095451ccaf3868805c85a98f0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Nullkommanull</p>
          <a href="/products/gemusebouillon-glas-bio-160-g-19914">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüsebouillon Glas Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HBSMI04GKweMzCGSsf_TYhPpZN2xK5nA7MDAxiozsBrxam3dBrFcIbd9DxLQh-0AQYYSkJERJlqyQyjcW_LsgQ" />
    <input value="19914" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/guarkernmehl-bio-110-g-19915">
          <img alt="Guarkernmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10559/file/small-227f302cf1e930766afde7c258bc3a5b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10559/file/medium-ecd128d8499abf0d7554539ae57f128e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10559/file/large-f086003b256c87480e65927b82fdc251.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10559/file/medium-ecd128d8499abf0d7554539ae57f128e.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/guarkernmehl-bio-110-g-19915">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Guarkernmehl Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pt_n1uLE7-4N1UZ8W4hWg-uSlcwjwZWkVreaInWdjK3ToQYoqnOYyDZkaPw68Gjhuf3jgQP7Kj4INHI4BFzQNg" />
    <input value="19915" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/quinoa-hornli-bio-250-g-19916">
          <img alt="Quinoa Hörnli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10560/file/small-9e8fd939021b17c21c831c496d108f17.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10560/file/medium-08ccfbb2ebe01cd64e6a2349bed96dc6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10560/file/large-e5f762704522fe4ae814ee25c91b9acd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10560/file/medium-08ccfbb2ebe01cd64e6a2349bed96dc6.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">manifaktur</p>
          <a href="/products/quinoa-hornli-bio-250-g-19916">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quinoa Hörnli Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FLD92UecCPOTDgZzunA97eVbHt2dRbikAJQxsDdKLBX5zhwnDyt_1ai_KPPbCAOPtzRokL1_Bz5eF9mqRotwjg" />
    <input value="19916" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/schwarze-linsen-beluga-bio-500-g-19917">
          <img alt="Schwarze Linsen Beluga Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10677/file/small-d52f482e248bd3e8872db33457818590.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10677/file/medium-87ab0e199a0d7e4f451c924679299bcd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10677/file/large-f9dd61f45220148f2750019f1975af4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10677/file/medium-87ab0e199a0d7e4f451c924679299bcd.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">Biofarm</p>
          <a href="/products/schwarze-linsen-beluga-bio-500-g-19917">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarze Linsen Beluga Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9b3W_n42YsTBz2hygoeoEXbraLfNy749kuQ0l74ALxMYwzcANoEV4vp-RvLj_5ZzJIQe-u3xAafMZ9yNz8FziA" />
    <input value="19917" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/grune-linsen-chbio-knospe-500-g-19918">
          <img alt="Grüne Linsen CHBio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10577/file/small-b5e37611ee9e7ae7b14967cc20c64dba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10577/file/medium-f2992b67998a43f6af9256d7340bd1a5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10577/file/large-23820e1b21f3e696ed56d862b258cc53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10577/file/medium-f2992b67998a43f6af9256d7340bd1a5.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">Biofarm</p>
          <a href="/products/grune-linsen-chbio-knospe-500-g-19918">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grüne Linsen CHBio Knospe, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iXT_qtWTqIBXOXjSCh9N_ggRAHgt5yLtA4Mi2DdG515kCh5UnSTfpmyIVlJrZ3OcWn52NQ3dnXddAMrCRoe7xQ" />
    <input value="19918" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/braune-linsen-berglinsen-chbio-knospe-500-g-19919">
          <img alt="Braune Linsen Berglinsen CHBio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10578/file/small-71b668b6dee73ea86b8e33c28a18afd4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10578/file/medium-0832182b79674b6c5c21e3252e9fb3c1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10578/file/large-889d675701d1aeee4a81ec0d7bc1fc35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10578/file/medium-0832182b79674b6c5c21e3252e9fb3c1.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">Biofarm</p>
          <a href="/products/braune-linsen-berglinsen-chbio-knospe-500-g-19919">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Braune Linsen Berglinsen CHBio Knospe, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L0kyMuVfD_eA0BVp2va9U132Qu-y18q7N_WHrV6KAVXCN9PMreh40bthO-m7joMxD5k0opLtdSFpdm-3L0tdzg" />
    <input value="19919" 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%2Fvitasal%3Fformat%3Dturbo_stream%26page%3D117">
    <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/kichererbsen-chbio-knospe-500-g-19920">
          <img alt="Kichererbsen CHBio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10579/file/small-bd66a59cce1135eaa32c1b8313575b53.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10579/file/medium-df9a8059fbdc4188d09505e71dacd5df.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10579/file/large-7e6297474197405b5295d8f46e80c6db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10579/file/medium-df9a8059fbdc4188d09505e71dacd5df.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">Biofarm</p>
          <a href="/products/kichererbsen-chbio-knospe-500-g-19920">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kichererbsen CHBio Knospe, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IMxm5o-jhz0t438HyJsIwxdldgzheCHkjKa9Ehrof-nNsocYxxTwGxZSUYep4zahRQoAQcFCnn7SJVUIaykjcg" />
    <input value="19920" 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">
      2&#39;340 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/vitasal?format=turbo_stream&amp;page=118">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>