<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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/tapiokastarke-tapioka-glutenfrei-bio-200-g-3724">
          <img alt="Tapiokastärke Tapioka Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/2409/file/small-3ab07a5b0d84b4604ae775804697c05c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/2409/file/medium-d150cfeff332bf567c245c1c8638328a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/2409/file/large-03cdefc08c066badf1a3829e4098b4f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/2409/file/medium-d150cfeff332bf567c245c1c8638328a.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">Arche</p>
          <a href="/products/tapiokastarke-tapioka-glutenfrei-bio-200-g-3724">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tapiokastärke Tapioka Glutenfrei Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OAqHyA4QdRpWhjgMaIwbsFeZzNNNLWdhH3h4mSOQ2894q_dJtnPWBhAidnP6eqjqWZJxG3HZM1affbA-qp-DPQ" />
    <input value="3724" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/voelkel-zitronensaft-demeter-200-ml-16576">
          <img alt="Voelkel Zitronensaft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7638/file/small-6182ba28587a9b3e25c77f1113bcea62.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7638/file/medium-633d950877cfc55381c3cb4381380268.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7638/file/large-d556adc6e53b5f56960ac528b515e5fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7638/file/medium-633d950877cfc55381c3cb4381380268.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">Voelkel</p>
          <a href="/products/voelkel-zitronensaft-demeter-200-ml-16576">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Voelkel Zitronensaft Demeter, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w3dTdyeLw90n4d_YmpefEZ8EIFY27lMnnAjxm673l2-D1iP2n-hgwWFFkacIYSxLkQ-dngoaBxAcDTk8J_jPnQ" />
    <input value="16576" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/kakao-pulver-rohkostqualitat-bio-200-g-15746">
          <img alt="Kakao Pulver Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7173/file/small-b333c4ea63a19e651f6abd09919a7ab6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7173/file/medium-788624a1935ba4f8f13d5a7dbbfbca63.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7173/file/large-1e9b8c310ca11801c1663ddfa5aa721e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7173/file/medium-788624a1935ba4f8f13d5a7dbbfbca63.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">bett&#39;r</p>
          <a href="/products/kakao-pulver-rohkostqualitat-bio-200-g-15746">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakao Pulver Rohkostqualität Bio, 200 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 5.35 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CLJc0k8E1zaZYFomZ6kuoItX5-8PJ11_6lahi89T1AFIEyxT92d0Kt_EFFn1X536hVxaJzPTCUhqU2ksRlyM8w" />
    <input value="15746" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/wurz-hefeflocken-edelhefe-konv-200-g-1264">
          <img alt="Würz-Hefeflocken Edelhefe konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/1093/file/small-262cd7b56714b3d791762def933d1a91.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/1093/file/medium-8bba1bcab7821edae6cc82098bbabb5d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/1093/file/large-7b398c025e25043f3ec11c80b3dea685.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/1093/file/medium-8bba1bcab7821edae6cc82098bbabb5d.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">Dr. Ritter</p>
          <a href="/products/wurz-hefeflocken-edelhefe-konv-200-g-1264">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Würz-Hefeflocken Edelhefe konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qEpIL3McJhhg3Fy4VE0t3LhL7Qeaoj1UjHKf8DGKkvjo6ziuy3-FBCZ4EsfGu56GtkBQz6ZWaWMMd1dXuIXKCg" />
    <input value="1264" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/aufschnitt-vegane-slices-vom-rauch-bio-100-g-28">
          <img alt="Aufschnitt Vegane Slices vom Rauch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/27/file/small-99084bd981fcf313c7bbde673d766b78.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/27/file/medium-ebf7eed4baef412a2e9073d907ba4ce6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/27/file/large-8abd464c7be0d2ee67d262b58a5238ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/27/file/medium-ebf7eed4baef412a2e9073d907ba4ce6.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">Wheaty</p>
          <a href="/products/aufschnitt-vegane-slices-vom-rauch-bio-100-g-28">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufschnitt Vegane Slices vom Rauch Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d9avrLFbQRToJQVYzyrR-wneGMTZ4HjrdWaeRuGJRZ43d98tCTjiCK6BSydd3GKhB9WlDOUULNz1Y1bhaIYdbA" />
    <input value="28" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/vegane-alternative-zu-griechischem-kase-nature-bio-200-g-17965">
          <img alt="Vegane Alternative zu griechischem Käse 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/8904/file/small-5c3865dd911f7c62a8891d6501bd4529.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/8904/file/medium-c092eee51032c666dff42169e6ab1d9d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/8904/file/large-94f7416a2f6d4e9259d6bd01a08f761c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/8904/file/medium-c092eee51032c666dff42169e6ab1d9d.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">Soyana</p>
          <a href="/products/vegane-alternative-zu-griechischem-kase-nature-bio-200-g-17965">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Alternative zu griechischem Käse nature Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IVHiW2BA3DUfiNDLScI4k7SRt6bs5HqUWoIp3HXkcGdh8JLa2CN_KVksnrTbNIvJupoKbtAQLqPah-F7_OsolQ" />
    <input value="17965" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/seiden-tofu-choco-bio-250-g-17332">
          <img alt="Seiden-Tofu Choco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/8090/file/small-e9f28d2ee145ad1eaad4a35b1fc3c448.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/8090/file/medium-fef7f494a571bc2d84cebd32bca134c3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/8090/file/large-f4510fd38f22dfb3a66c26a5fe86810a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/8090/file/medium-fef7f494a571bc2d84cebd32bca134c3.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">Soyana</p>
          <a href="/products/seiden-tofu-choco-bio-250-g-17332">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seiden-Tofu Choco Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.72 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FM5evnNw_72emJRI6uumhNKz-KyYYbjGefkxTHC5DsBUby4_yxNcodg82jd4HRXe3LhFZKSV7PH5_Pnr-bZWMg" />
    <input value="17332" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/lupi-nature-bio-146-g-15405">
          <img alt="LUPI - 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/7040/file/small-55d09f6b66a55d7c700d37775be5ae4b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7040/file/medium-4f965821f703970e3e1ed2703af5df88.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7040/file/large-fab4c1ae454676fe40e5d0ea97f85ba1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7040/file/medium-4f965821f703970e3e1ed2703af5df88.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">Yellow Sunshine</p>
          <a href="/products/lupi-nature-bio-146-g-15405">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LUPI - Nature Bio, 146 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

              <div class="size-8 text-blue-300" title="Kritische Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HgUx-x22jR4gBXi_qOMpSMJ7LC7T6cjKer_5Rbtb5LNepEF6pdUuAmahNsA6FZoSzHCR5u8dnP36ujHiMlS8QQ" />
    <input value="15405" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/tofu-seidentofu-bio-400-g-353">
          <img alt="Tofu Seidentofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/314/file/small-4d323dbf89276d45aa16d07a7a9efe85.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/314/file/medium-c32fc9c255babda93aa6d1b0c8dc4d93.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/314/file/large-553bd9a528e77b35cb07d8bb57449742.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/314/file/medium-c32fc9c255babda93aa6d1b0c8dc4d93.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">Taifun</p>
          <a href="/products/tofu-seidentofu-bio-400-g-353">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Seidentofu Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JfAyxsTQHA0KG4BzzPLrj1owUYcVv_GjQt1QokbY8qxlUUJHfLO_EUy_zgxeBFjVVDvsTylLpZTC2JgFz9eqXg" />
    <input value="353" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/soyananda-krauter-knoblauch-fermentiert-bio-140-g-766">
          <img alt="Soyananda Kräuter-Knoblauch fermentiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/714/file/small-bcd87539b95cff7c034413eca5efcd31.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/714/file/medium-8ce3178da3715799f3f5d17d392fc1a6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/714/file/large-57a5a5dd394edf1057d6c0addfe8111b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/714/file/medium-8ce3178da3715799f3f5d17d392fc1a6.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">Soyana</p>
          <a href="/products/soyananda-krauter-knoblauch-fermentiert-bio-140-g-766">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soyananda Kräuter-Knoblauch fermentiert Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.14 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L8rFooqDNp13G4f3sx0TaD3jHQb_8V329Iyaxj64P2lva7UjMuCVgTG_yYgh66AyM-igzsMFCcF0iVJht7dnmw" />
    <input value="766" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/fermentierte-vegane-alternative-zu-sauerrahm-bio-200-g-272">
          <img alt="Fermentierte vegane Alternative zu Sauerrahm Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/249/file/small-b496d46a77af4161aa9216148dcab904.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/249/file/medium-7a13fdc4170da2330af452701b15eb47.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/249/file/large-1742421eff85e8e96211e2ba6b72bb4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/249/file/medium-7a13fdc4170da2330af452701b15eb47.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">Soyana</p>
          <a href="/products/fermentierte-vegane-alternative-zu-sauerrahm-bio-200-g-272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fermentierte vegane Alternative zu Sauerrahm Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LDCk3U5BYE7IkFcfyZoDz4vv4fgDv0-g00bY0D3Z8vBskdRc9iLDUo40GWBbbLCVheRcMD9LG5dTQxB3tNaqAg" />
    <input value="272" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/tofu-feto-natur-fermentiert-bio-200-g-2977">
          <img alt="Tofu FETO Natur Fermentiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/2117/file/small-fb226ff45964ace888baa4d1ac4cd181.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/2117/file/medium-230fa2a08c90425ff2b52cd425ab1afd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/2117/file/large-cbd292b8ebf81ce9361d4538ea11e147.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/2117/file/medium-230fa2a08c90425ff2b52cd425ab1afd.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">Taifun</p>
          <a href="/products/tofu-feto-natur-fermentiert-bio-200-g-2977">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu FETO Natur Fermentiert Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UkSuUNlI17e339rXN-k317WRkMMZ-lkHJvCm24EQ2j0S5d7RYSt0q_F7lKilH4SNu5otCyUODTCm9W58CB-Czw" />
    <input value="2977" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/soyananda-sonnengetrocknete-tomaten-fermentiert-bio-140-g-5741">
          <img alt="Soyananda Sonnengetrocknete Tomaten fermentiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/3316/file/small-7e865003fa8387ad19d36c2c7dad6f5a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/3316/file/medium-9d48b95860574f589d73ce34aacb13ee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/3316/file/large-a76dc1cd40ff0b350e25c00bd3a652a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/3316/file/medium-9d48b95860574f589d73ce34aacb13ee.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">Soyana</p>
          <a href="/products/soyananda-sonnengetrocknete-tomaten-fermentiert-bio-140-g-5741">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soyananda Sonnengetrocknete Tomaten fermentiert Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.14 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8nXAVxtVd_oSimh3lINjeK9q_zgB_KK_fsJaayJ2Aniy1LDWozbU5lQuJggGddAioWFC8D0I9oj-x5LMq3laig" />
    <input value="5741" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/soyananda-frischecreme-natur-fermentiert-bio-140-g-234">
          <img alt="Soyananda Frischecreme Natur fermentiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/228/file/small-90a86b445a75ebf6bac0d3fa3ce6eb68.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/228/file/medium-f09f08c0ddb7cd2adbe50eecd95b6682.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/228/file/large-6b06fe509700f721b7e87111b37851b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/228/file/medium-f09f08c0ddb7cd2adbe50eecd95b6682.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">Soyana</p>
          <a href="/products/soyananda-frischecreme-natur-fermentiert-bio-140-g-234">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soyananda Frischecreme Natur fermentiert Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.14 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q_msav4ER5WU-WwoNMSuqQN5XFps2LtkpIP87zht-l8DWNzrRmfkidJdIlemMh3zDXLhklAs71MkhjRIsWKirQ" />
    <input value="234" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/tempeh-natur-fermentiert-bio-180-g-5707">
          <img alt="Tempeh Natur Fermentiert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/3293/file/small-4f067327d44a6081a7d72a507ddb3833.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/3293/file/medium-120205a6549811146eaff05fc740f5a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/3293/file/large-5f488eeca93ce34e11f1896534c7c389.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/3293/file/medium-120205a6549811146eaff05fc740f5a8.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">Soyana</p>
          <a href="/products/tempeh-natur-fermentiert-bio-180-g-5707">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh Natur Fermentiert Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

              <div class="size-8 text-blue-300" title="Kritische Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.39 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N_2Fj56UW483KPogvMCNTEX0vVDMQluqVAH7ORqlAkR3XPUOJvf4k3GMtF8uNj4WS_8AmPC2D53UBDOek6patg" />
    <input value="5707" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/skyr-alternative-natur-bio-400-g-15804">
          <img alt="Skyr Alternative Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7214/file/small-c79000737a03d8031ff89598bd3418d0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7214/file/medium-627feb5242443cd64a49110359e3fb16.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7214/file/large-810ccc31b75cdd11453d2b0be8c743bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7214/file/medium-627feb5242443cd64a49110359e3fb16.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">Sojade</p>
          <a href="/products/skyr-alternative-natur-bio-400-g-15804">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Skyr Alternative Natur Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mZ28KiJ-0c1OgSmzG_--J7csLivUOMVsJX7Y9VsFOtHZPMyrmh1y0QglZ8yJCQ19uSeT4-jMkVulexBS0gpiIw" />
    <input value="15804" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/joghurtalternative-hafer-nature-bio-375-g-15099">
          <img alt="Joghurtalternative Hafer 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/6921/file/small-1097923b1f3e84d7c97f3ceae38c5b18.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6921/file/medium-18012fa45b499cc40012bcb42c85c709.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6921/file/large-2f7e1a2defd690c100a3c605a64aa472.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6921/file/medium-18012fa45b499cc40012bcb42c85c709.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">Biedermann Bio Vegan</p>
          <a href="/products/joghurtalternative-hafer-nature-bio-375-g-15099">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurtalternative Hafer Nature Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.55 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cGtGsOVxisUZqS-1P9JHgdh3Ohavqx2kZY0_faGG5IQwyjYxXRIp2V8NYcqtJPTb1nyH3pNfSZPliPfaKIm8dg" />
    <input value="15099" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/lupi-krauter-knoblauch-bio-170-g-15406">
          <img alt="LUPI - Kräuter &amp; Knoblauch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7041/file/small-545500dd2be89c7212a935fd0e47665c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7041/file/medium-a138407a8e432a8d79e20510c36cf398.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7041/file/large-9d8fc9097a29dd415df7784550db6ac7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7041/file/medium-a138407a8e432a8d79e20510c36cf398.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">Yellow Sunshine</p>
          <a href="/products/lupi-krauter-knoblauch-bio-170-g-15406">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LUPI - Kräuter &amp; Knoblauch Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

              <div class="size-8 text-blue-300" title="Kritische Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iDbRxjBJlmBgKBUX40yYrSoe6c8p28s0_oGzGhJnHgHIl6FHiCo1fCaMW2hxuiv3JBVUBxUvnwN-hHu9m2hG8w" />
    <input value="15406" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/samosas-india-bio-250-g-15961">
          <img alt="Samosas India Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7349/file/small-f1b0342c9b9ca2d012bc31a3ef8ce322.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7349/file/medium-f07a5051126258048d6adca22e592426.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7349/file/large-d0c8dda8c21e6491862666d44e81bf8f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7349/file/medium-f07a5051126258048d6adca22e592426.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">Soto</p>
          <a href="/products/samosas-india-bio-250-g-15961">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Samosas India Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.64 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KNsOPyGAO-egULBN0QE3alLTRgZwqQS9WLrmyaWe8Jloen6-meOY--b0_jJD94QwXNj7zkxdUIrYvy5uLJGoaw" />
    <input value="15961" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D3">
    <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/reis-mandel-drink-ohne-zuckerzusatz-bio-1-l-133e5a3d-6def-4e77-935d-e33d7c0aceef-10872">
          <img alt="Reis Mandel Drink Ohne Zuckerzusatz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5632/file/small-3477835000daf92f0ffcf9e66a61ec9c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5632/file/medium-3222f7d141e3ca1f0edbcbe9f2d6059a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5632/file/large-0d3b169021fc81a2b2aeb779c9ffb781.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5632/file/medium-3222f7d141e3ca1f0edbcbe9f2d6059a.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">Allos</p>
          <a href="/products/reis-mandel-drink-ohne-zuckerzusatz-bio-1-l-133e5a3d-6def-4e77-935d-e33d7c0aceef-10872">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reis Mandel Drink Ohne Zuckerzusatz Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T6YvDMa43iD5u_f10m6DSdK5nP1mGZcFGSGhrJnzEzkPB1-Nftt9PL8fuYpAmDAT3LIhNVrtwzKZJGkLEPxLyw" />
    <input value="10872" 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">
      60 von 3&#39;041 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/products?format=turbo_stream&amp;page=4">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>