<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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/zaufb-baguette-rustic-bio-320-g-18938">
          <img alt="zAufb Baguette Rustic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9584/file/small-ed06c29247250a2aeb69869e164d92ed.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9584/file/medium-ba58157ffccac9758bec669c2d9aea69.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9584/file/large-fa17600283d8aa347c649d85337b8833.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9584/file/medium-ba58157ffccac9758bec669c2d9aea69.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">Schnitzer</p>
          <a href="/products/zaufb-baguette-rustic-bio-320-g-18938">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zAufb Baguette Rustic Bio, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U6KtrtMaGUnK1pjbhmDzP10QrzPV_zNORsg7sjkhTB4vEcFS2HzA3KgqJXoJTcfZPmi6i4AfYx5I2CkNkjzAeQ" />
    <input value="18938" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/zaufb-panini-grainy-maisbrotchen-bio-188-g-18939">
          <img alt="zAufb Panini Grainy Maisbrötchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9591/file/small-3bd4e6d1c732707793ef1073d951d404.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9591/file/medium-6466ac6727ec099c34c2e2c4e9c680fd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9591/file/large-4d9b44f6d00aa3fa7e8d2a88133c1f89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9591/file/medium-6466ac6727ec099c34c2e2c4e9c680fd.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">Schnitzer</p>
          <a href="/products/zaufb-panini-grainy-maisbrotchen-bio-188-g-18939">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zAufb Panini Grainy Maisbrötchen Bio, 188 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m5JsH9idkyRplso1KwJOZvrhXiToaFVV5-gz3KPp8I7nIQDj0_tKsQtqd5SkL3qAmZlLnL2IBQXp-CFjCPR86Q" />
    <input value="18939" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/schuttelbrot-mini-bio-200-g-18941">
          <img alt="Schüttelbrot Mini Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10155/file/small-d38f06ebeb774461efcbbee50445ea32.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10155/file/medium-4c8ca18ec8149927440dfae9b4f88bf3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10155/file/large-fc767208b785d8caf6bc02000596cf07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10155/file/medium-4c8ca18ec8149927440dfae9b4f88bf3.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">Schuster</p>
          <a href="/products/schuttelbrot-mini-bio-200-g-18941">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schüttelbrot Mini Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gnFhgL99FZXY5yTgW5rSWcgcnB7CkHUoDfqWI5yrmmT-wg18tBvMALobmUHUt-a_q2SJppdwJXgD6oScN7YWAw" />
    <input value="18941" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/vollkorn-schuttelbrot-bio-2-x-100-g-18942">
          <img alt="Vollkorn Schüttelbrot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10107/file/small-5023b9f6afb97ecb1f3ce6ba813f5ae8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10107/file/medium-eaeaed1e28cb64bac938aa15283a8558.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10107/file/large-ad3da9c6675bc61029592ef8efc79719.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10107/file/medium-eaeaed1e28cb64bac938aa15283a8558.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">Schuster</p>
          <a href="/products/vollkorn-schuttelbrot-bio-2-x-100-g-18942">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vollkorn Schüttelbrot Bio, 2 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W-Eyl1AzyIjV5YJwQb_1VogXrumAZ68VBo0lm13YxpEnUl5rW1URHbcZP9HOksGw62-7UdWH_0UInTck9sVK9g" />
    <input value="18942" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/cookies-choko-cashew-bio-125-g-18943">
          <img alt="Cookies Choko-Cashew Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11088/file/small-400948dfb9ccde6db41fc0c78d0edae8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11088/file/medium-4ff9b501388c5b98d02f6444cd184806.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11088/file/large-e793dd2611b44c3d150abc5242200999.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11088/file/medium-4ff9b501388c5b98d02f6444cd184806.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">Sommer</p>
          <a href="/products/cookies-choko-cashew-bio-125-g-18943">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookies Choko-Cashew Bio, 125 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.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lzOgsbLsEpeGU7pTIDUhWhRlpUMkvVZxukkk7agd49frgMxNuYrLAuSvB_KvGBW8dx2w-3FdBiG0WTZSAwBvsA" />
    <input value="18943" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/flohsamen-dextriniert-bio-120-g-18944">
          <img alt="Flohsamen dextriniert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9301/file/small-e3d041770f401a27ebf99cf8351fa64d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9301/file/medium-d60b6344ba0f02a844fc5263b8c95962.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9301/file/large-0ad27903fd9252b338236713beb45aa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9301/file/medium-d60b6344ba0f02a844fc5263b8c95962.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">Sonnenkorn</p>
          <a href="/products/flohsamen-dextriniert-bio-120-g-18944">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flohsamen dextriniert Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zq8q9QMW3UQ3o41ECukQyKDMc7gqkqOZOxdvrr119t8aHEYJCHAE0VVfMOWFxCQuw7RmAH9y88k1B30RFmh6uA" />
    <input value="18944" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/leinsamen-dextriniert-bio-400-g-18945">
          <img alt="Leinsamen dextriniert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9298/file/small-f42442ebac33db419d88a21f29f70864.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9298/file/medium-f31eac1845fb0dd453d7549dddcbad70.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9298/file/large-0c8bcd52db1dd8dfe57c1275e4693884.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9298/file/medium-f31eac1845fb0dd453d7549dddcbad70.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">Sonnenkorn</p>
          <a href="/products/leinsamen-dextriniert-bio-400-g-18945">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leinsamen dextriniert Bio, 400 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 3.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2QDA_p6tADDLhQ5RP0lMTNwOtgyKDzG6h5_w40bLi2Ols6wClcvZpal5s_CwZHiqv3ajtN_vYeqJj-Jc7dYHBA" />
    <input value="18945" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/adios-salz-scharfe-gemusemischung-bio-50-g-18946">
          <img alt="Adios Salz Scharfe Gemüsemischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11434/file/small-0f4ce38c96529103e89c840a730bb443.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11434/file/medium-9cafb0461c95ba36a53fd15b1e311478.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11434/file/large-36730cfed89de692ce7e091aaa82ff99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11434/file/medium-9cafb0461c95ba36a53fd15b1e311478.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">Sonnentor</p>
          <a href="/products/adios-salz-scharfe-gemusemischung-bio-50-g-18946">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Adios Salz Scharfe Gemüsemischung Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rGqmshzfjDp2LmzqU6eoSmauFTBdHq2mETLnOudLqAvQ2cpOF7lVrxTS0UvcipysBdYAiAj-_fYfIvWFTFYkbA" />
    <input value="18946" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/bengelchen-joghurtfruchte-bio-100-g-18947">
          <img alt="Bengelchen Joghurtfrüchte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9628/file/small-0c67c24f2b9abc026798c5e05b7cbe1b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9628/file/medium-4816e253dd442660a0b725b37cdd6322.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9628/file/large-0ea9d737a8e8fb5dedac3936b81d4aa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9628/file/medium-4816e253dd442660a0b725b37cdd6322.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">Sonnentor</p>
          <a href="/products/bengelchen-joghurtfruchte-bio-100-g-18947">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bengelchen Joghurtfrüchte Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xgVj26mhrtGseaZMWKmd0ATDR5-dx6LU_1PeF8OixuK6tg8nosd3RM6FG-3XhKk2Z7tSJ8gn8oTxQ8yoaL9KhQ" />
    <input value="18947" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/flohsamen-bio-90-g-18948">
          <img alt="Flohsamen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9549/file/small-7220dbb974b4d4ee0e9ccae088613803.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9549/file/medium-481d1b38891c5705f2fe0015fd63ff93.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9549/file/large-03c403e97f7f7b7c6df74a508adc726c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9549/file/medium-481d1b38891c5705f2fe0015fd63ff93.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">Sonnentor</p>
          <a href="/products/flohsamen-bio-90-g-18948">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flohsamen Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F02k5KI8Opu4q6JLpouLpu3jKbt3CaHr1sQBWBOWil1r_sgYqVrjDtpXH-oppr9Ajps8AyLp8bvY1BPnuIsGOg" />
    <input value="18948" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/gemusetopping-nfp-bio-45-g-18949">
          <img alt="Gemüsetopping NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9552/file/small-e005c2176e39bf8a2155874e16825713.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9552/file/medium-68d189e6ad67e503884002f699d95caa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9552/file/large-f7da484b4fcd23813f4fb7379f028e26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9552/file/medium-68d189e6ad67e503884002f699d95caa.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">Sonnentor</p>
          <a href="/products/gemusetopping-nfp-bio-45-g-18949">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüsetopping NFP Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N7rVHCQ5t7SHZmM20fvsXHaroQ9PROHDzx9ULbCuQEhLCbngL19uIeWa3pde1ti6FdO0txqksZPBD0aSG7PMLw" />
    <input value="18949" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/gewurz-basen-krauter-mischung-bio-35-g-18950">
          <img alt="Gewürz Basen Kräuter Mischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9625/file/small-dd84e80c1f535bec013b80ef9dd7f437.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9625/file/medium-0d7e209d8f31e43cd5d73f26e7b4caf2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9625/file/large-b776d20ecb22370d08a15a8a61f12cdf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9625/file/medium-0d7e209d8f31e43cd5d73f26e7b4caf2.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">Sonnentor</p>
          <a href="/products/gewurz-basen-krauter-mischung-bio-35-g-18950">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürz Basen Kräuter Mischung Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xj-tdpcpiYvbGiqmTLFLels_5fnPi7etMXM8-hZxcXK6jMGKnE9QHrnmlwfDnH-cOEfwQZpr5_0_Yy5FvWz9FQ" />
    <input value="18950" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/gewurz-curry-scharf-nfp-bio-50-g-18951">
          <img alt="Gewürz Curry scharf NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9643/file/small-88cd6f08cb774d16879d71df95bd39f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9643/file/medium-bb8a1c214ed8f02019ad3fe4465cbaaa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9643/file/large-670b62b86623606764e292ee3979a3f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9643/file/medium-bb8a1c214ed8f02019ad3fe4465cbaaa.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">Sonnentor</p>
          <a href="/products/gewurz-curry-scharf-nfp-bio-50-g-18951">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürz Curry scharf NFP Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bu7d6WPhECBBI8q0zV-k9MNp6Mk0DXzWQbF1NLS0i8ESXbEVaIfJtSPfdxVCcpASoBH9cWHtLIZPoWeLH6kHpg" />
    <input value="18951" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/gewurz-curry-suss-bio-50-g-18952">
          <img alt="Gewürz Curry süss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9647/file/small-2070fabe372d566503596cc498f0b346.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9647/file/medium-3ebc6e535ec2907c9ce6ba8d41893bdd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9647/file/large-0bc45e572fcf4a816cc060fde9f174dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9647/file/medium-3ebc6e535ec2907c9ce6ba8d41893bdd.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">Sonnentor</p>
          <a href="/products/gewurz-curry-suss-bio-50-g-18952">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürz Curry süss Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="toXjmWhFMk8wSEF5fnnwei93Tp_6uMQOvpp2hZ6USP_KNo9lYyPr2lK0_NjxVMScTA9bJ69YlF6wimQ6NYnEmA" />
    <input value="18952" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/gewurz-galgant-gemahlen-bio-35-g-18953">
          <img alt="Gewürz Galgant gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9656/file/small-195c7dac888b55a96c94272325e640d5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9656/file/medium-a0a4a57765bcc8bf2af63b1eefd0c444.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9656/file/large-0b322076407b5ca5d9339e768a420656.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9656/file/medium-a0a4a57765bcc8bf2af63b1eefd0c444.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">Sonnentor</p>
          <a href="/products/gewurz-galgant-gemahlen-bio-35-g-18953">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürz Galgant gemahlen Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HUMzwVTUDUNp9vkAr8lztpm_hExJNv6Tbs_GMiJKsSFh8F89X7LU1gsKRKEg5EdQ-seR9BzWrsNg39SNiVc9Rg" />
    <input value="18953" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/gewurz-muskatnusse-bio-25-g-18954">
          <img alt="Gewürz Muskatnüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9646/file/small-0a159b71feeb7e8a711efea1b51269dc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9646/file/medium-736889ac42ba157871a1ffd5517dce98.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9646/file/large-176f4b9b3b3f1b0b07a2ae727c107d98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9646/file/medium-736889ac42ba157871a1ffd5517dce98.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">Sonnentor</p>
          <a href="/products/gewurz-muskatnusse-bio-25-g-18954">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürz Muskatnüsse Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q3SE9IOPpVdei2zAyE3gryfc8xzDgevuXntBkCPiUFE_x-gIiOl8wjx30WFHYNRJRKTmpJZhu75Qa1MviP_cNg" />
    <input value="18954" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/gewurzbluten-alles-im-grunen-dose-bio-15-g-18955">
          <img alt="Gewürzblüten Alles im Grünen Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11435/file/small-9e046a645871ceb03652fc3c26cb0842.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11435/file/medium-ccd30e0e7a07b48b099ea2db8dc48599.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11435/file/large-dd9e440cb6068a6bb725fa94459c5bcc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11435/file/medium-ccd30e0e7a07b48b099ea2db8dc48599.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">Sonnentor</p>
          <a href="/products/gewurzbluten-alles-im-grunen-dose-bio-15-g-18955">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürzblüten Alles im Grünen Dose Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vAHaTaAon4Vf0PoSx_UbzAXNQwD-lFgYzDO0VaAfCJPAsraxq05GED0sR7NI2C8qZrVWuKt0CEjCI6bqCwKE9A" />
    <input value="18955" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/gewurzbluten-alles-im-grunen-nfp-bio-15-g-18956">
          <img alt="Gewürzblüten Alles im Grünen NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9639/file/small-2be4b3b261d9ccebf68334699ae315f4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9639/file/medium-4a1b30541bf60b1dd508a609d11ad0bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9639/file/large-2291fc4953d63c48c4a4290425946926.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9639/file/medium-4a1b30541bf60b1dd508a609d11ad0bd.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">Sonnentor</p>
          <a href="/products/gewurzbluten-alles-im-grunen-nfp-bio-15-g-18956">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürzblüten Alles im Grünen NFP Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yz0AehhHBiaGLAGQXNr6WPhLLRtjs8f87J3iN0YXgKIfjmyGEyHfs-TQvDHT986-mzM4ozZTl6zijfCI7QoMxQ" />
    <input value="18956" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/gewurzbluten-alles-liebe-dose-bio-30-g-18957">
          <img alt="Gewürzblüten Alles Liebe Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11436/file/small-5a23a0024725c81d5aa5e7c855e9bb86.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11436/file/medium-627035a9b260b27bc7838981ee69b52f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11436/file/large-482f49f6055ad1698a0a6a652576d23f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11436/file/medium-627035a9b260b27bc7838981ee69b52f.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">Sonnentor</p>
          <a href="/products/gewurzbluten-alles-liebe-dose-bio-30-g-18957">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürzblüten Alles Liebe Dose Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YV7exp6Zasv2z-3noeXjfpjV40BxEMw6XIFeWQTq3Lwd7bI6lf-zXpQzUEYuyNeY-632-CTwnGpSkUzmr_dQ2w" />
    <input value="18957" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D52">
    <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/gewurzbluten-alles-liebe-nfp-bio-40-g-18958">
          <img alt="Gewürzblüten Alles Liebe NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9648/file/small-41b09f01487b6f52365a8e2a02c51dec.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9648/file/medium-69390ce8fcb883c6a2dae0b40850b818.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9648/file/large-33f2d89b2b4dd5a2989d0d9414120bf7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9648/file/medium-69390ce8fcb883c6a2dae0b40850b818.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">Sonnentor</p>
          <a href="/products/gewurzbluten-alles-liebe-nfp-bio-40-g-18958">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürzblüten Alles Liebe NFP Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vURpvdGYN551QaK6kJ4tIQlKgbyZ2sGoWBCHhu3N5O7B9wVB2v7uCxe9HxsfsxnHajKUBMw6kfhWAJU5RtBoiQ" />
    <input value="18958" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



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

</template></turbo-stream>