<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gran-prosociano-vegane-alternative-zu-hartkase-150-g-3796">
          <img alt="Gran Prosociano Vegane Alternative zu Hartkäse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2440/file/small-0b8ddfc30b04b9c854123f20d0f6691c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2440/file/medium-d563f95c3f99565b526cb7b7521bf189.webp 900w, https://assets.fabulous.ch/public/variant_asset/2440/file/large-bddeb64f6ef0054fd203e1c5b8d70bfd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2440/file/medium-d563f95c3f99565b526cb7b7521bf189.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">Violife</p>
          <a href="/de/products/gran-prosociano-vegane-alternative-zu-hartkase-150-g-3796">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gran Prosociano Vegane Alternative zu Hartkäse, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </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 4.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yx4b5FqXXnhoSkP9faIK8Zhiu4SM90yXsAMgFD80913Qkiwb0Km_3esyAdyUugj-4OXdFaSHTSHLC9dQiDJO1A" />
    <input value="3796" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cuisine-cashew-ohne-zucker-bio-200-ml-3799">
          <img alt="Cuisine Cashew Ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2443/file/small-708e81e541467e34fe0f1527cc5d3325.webp 600w, https://assets.fabulous.ch/public/variant_asset/2443/file/medium-1cb03271d2ea74893a6320fb5bc5ac89.webp 900w, https://assets.fabulous.ch/public/variant_asset/2443/file/large-73d3d572e46e37c898bb3efa1705e1a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2443/file/medium-1cb03271d2ea74893a6320fb5bc5ac89.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">Ecomil</p>
          <a href="/de/products/cuisine-cashew-ohne-zucker-bio-200-ml-3799">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Cashew Ohne Zucker Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f4yVJH8wICt3wbnkox44gbwsrNN3bVIEGwvZiKQ5paHMAKLb9Q7BjvS5-8VKBjqOxKvKQl8dU7JgAy7MEz8cKA" />
    <input value="3799" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cuisine-bechamel-glutenfrei-bio-200-ml-3800">
          <img alt="Cuisine Bechamel Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2446/file/small-f6e65cf13262732afacf6530c2ea4661.webp 600w, https://assets.fabulous.ch/public/variant_asset/2446/file/medium-121cf863005aa5506e3dda3de24eefe9.webp 900w, https://assets.fabulous.ch/public/variant_asset/2446/file/large-1178c9dc5c971a5c9df39623db699d97.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2446/file/medium-121cf863005aa5506e3dda3de24eefe9.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">Ecomil</p>
          <a href="/de/products/cuisine-bechamel-glutenfrei-bio-200-ml-3800">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Bechamel Glutenfrei Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ckiIKtbwX2anjc6DONZqRdE9_b-L8fFQBeRZlnQQEkfBxL_VXM6-wyT1jKLRzmhKqbqbLqOB8OZ-7K7Swxarzg" />
    <input value="3800" 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">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kochbuch-rohkostlich-leben-mimi-kirk-1-stuck-3808">
          <img alt="Kochbuch: Rohköstlich Leben Mimi Kirk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2453/file/small-ad775b5ba849c1f0966d5d23bfc4b196.webp 600w, https://assets.fabulous.ch/public/variant_asset/2453/file/medium-c79ef1822050aa23ecfe97fb22ea19db.webp 900w, https://assets.fabulous.ch/public/variant_asset/2453/file/large-40820b57d7d7bcf23be68ddf30d46b2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2453/file/medium-c79ef1822050aa23ecfe97fb22ea19db.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">Buchverlag</p>
          <a href="/de/products/kochbuch-rohkostlich-leben-mimi-kirk-1-stuck-3808">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch: Rohköstlich Leben Mimi Kirk, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.55
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kochbuch-raw-soul-food-julia-lechner-anton-teichmann-1-stuck-3809">
          <img alt="Kochbuch Raw Soul Food Julia Lechner &amp; Anton Teichmann" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2454/file/small-7ea91b57621f8f4993069f1ff2e0d2c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/2454/file/medium-6b36267029c423001e9dea80ed61fbb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2454/file/large-40fe06d80f0b37c4a409d00755fa0ca3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2454/file/medium-6b36267029c423001e9dea80ed61fbb6.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">Buchverlag</p>
          <a href="/de/products/kochbuch-raw-soul-food-julia-lechner-anton-teichmann-1-stuck-3809">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Raw Soul Food Julia Lechner &amp; Anton Teichmann, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.55
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vegan-kochen-mit-lupine-christian-wenzel-1-stuck-3810">
          <img alt="Vegan kochen mit Lupine Christian Wenzel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2456/file/small-2cae3457ceb74e9e4b95dc6c474b00f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2456/file/medium-2d9e829a250d99a9980c7acfd090461b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2456/file/large-6dce19d1fedd27b25b4a7c43ebff0072.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2456/file/medium-2d9e829a250d99a9980c7acfd090461b.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">Buchverlag</p>
          <a href="/de/products/vegan-kochen-mit-lupine-christian-wenzel-1-stuck-3810">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan kochen mit Lupine Christian Wenzel, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VDn6ZUArJPQOZpU5egKL-OaesCgZmS3FWg5m0TZPncXntc2ayhXFUY0e1xiTGon3nhnWuTHpLHMhBpGVgUkkTA" />
    <input value="3810" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bohnen-mungobohnen-rohkostqualitat-bio-500-g-3821">
          <img alt="Bohnen Mungobohnen Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2466/file/small-6ec423078c5e7026f5a08a45e3a48ecf.webp 600w, https://assets.fabulous.ch/public/variant_asset/2466/file/medium-b4b6a751556b8ae49f113e8ee702b29e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2466/file/large-54426fdc401b3cc9da8580f38f06c069.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2466/file/medium-b4b6a751556b8ae49f113e8ee702b29e.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">Davert</p>
          <a href="/de/products/bohnen-mungobohnen-rohkostqualitat-bio-500-g-3821">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Mungobohnen Rohkostqualität Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jRv4FwdkJD8qFiICtEzYkh0K9jKiihxUzK_oqjQ_n_8-l8_ojVrFmqluYCNdVNqdZY2Qo4r6HeK3px_ugzkmdg" />
    <input value="3821" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/davert-noodle-cup-tomatensauce-bio-67-g-3822">
          <img alt="Davert Noodle-Cup Tomatensauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2467/file/small-add9b636c72f9ef4bd732bfd55910543.webp 600w, https://assets.fabulous.ch/public/variant_asset/2467/file/medium-e7784db51dd7cf932796d4e0c6ea5f8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2467/file/large-f7e9084f964e2a331e8d32ce90237245.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2467/file/medium-e7784db51dd7cf932796d4e0c6ea5f8f.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">Davert</p>
          <a href="/de/products/davert-noodle-cup-tomatensauce-bio-67-g-3822">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Davert Noodle-Cup Tomatensauce Bio, 67 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w7yZw4j_9psHUOEI3p23gWRTKfoVSywZ8HR1EkoMZgNwMK48AsEXPoQooyk3hbWOHNRPaz07La-LfIJW_Qrfig" />
    <input value="3822" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/keimglas-biosnacky-1-stuck-3827">
          <img alt="Keimglas bioSnacky" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2473/file/small-71537d1fae3e66697f868171a823ec7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2473/file/medium-45234a87bdd85340e8a0a550d8517e63.webp 900w, https://assets.fabulous.ch/public/variant_asset/2473/file/large-4b1c7b1d8e4c26bcdaa2e7202deee331.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2473/file/medium-45234a87bdd85340e8a0a550d8517e63.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">Rapunzel</p>
          <a href="/de/products/keimglas-biosnacky-1-stuck-3827">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keimglas bioSnacky, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ysUIMKG-PmL5FkMNq0Dq5cDUKbJrCRQcp3Td2eElu8l5ST_PK4Dfx3puASxCWOjquFNPI0N5FarcfCqdViMCQA" />
    <input value="3827" 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">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/das-grosse-buch-der-sprossen-und-keime-rose-marie-nocker-1-stuck-3831">
          <img alt="Das grosse Buch der Sprossen und Keime Rose-Marie Nöcker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2477/file/small-f4a9fdf3fb780af7075856e47b69c6db.webp 600w, https://assets.fabulous.ch/public/variant_asset/2477/file/medium-8ae941442cd4118178574ac6ddd2c79c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2477/file/large-aeb3dc3f8e2b0f9bff0b638497897fbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2477/file/medium-8ae941442cd4118178574ac6ddd2c79c.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">Buchverlag</p>
          <a href="/de/products/das-grosse-buch-der-sprossen-und-keime-rose-marie-nocker-1-stuck-3831">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Das grosse Buch der Sprossen und Keime Rose-Marie Nöcker, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cuisine-mandel-ohne-zucker-bio-200-ml-3844">
          <img alt="Cuisine Mandel Ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2482/file/small-afae5c90ccb08308b44ce05f6f1a96f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2482/file/medium-bf889531fc9e59a333f35cda1275f925.webp 900w, https://assets.fabulous.ch/public/variant_asset/2482/file/large-54df7a11ff5fc735676ed2573af32e72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2482/file/medium-bf889531fc9e59a333f35cda1275f925.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">Ecomil</p>
          <a href="/de/products/cuisine-mandel-ohne-zucker-bio-200-ml-3844">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Mandel Ohne Zucker Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UWu6nezvhXkpM9do0sr17Ghlf-jxbpSYYCeo6X0dmRbi541iZtFk3KpLlUk70vfjEOIZedkelS4bL1-tyhsgnw" />
    <input value="3844" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/atlantik-tofu-vegane-alternative-zu-lachs-bio-150-g-3848">
          <img alt="Atlantik Tofu Vegane Alternative zu Lachs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2488/file/small-d62fde75e34ca2fdf3933e874a8e622b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2488/file/medium-cceb2f8c465a8efb1425e5eee5dadb3c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2488/file/large-1d083b23185bfa3ad44fe4532e352bc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2488/file/medium-cceb2f8c465a8efb1425e5eee5dadb3c.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">Lord of Tofu</p>
          <a href="/de/products/atlantik-tofu-vegane-alternative-zu-lachs-bio-150-g-3848">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Atlantik Tofu Vegane Alternative zu Lachs Bio, 150 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="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4HBLc8vaHywjlMm2__C5TXlrWLeIhJMb-DtvL5L_mzRT_HyMQeT-iaDsi5cW6LtCAew-JqD0kq2DM5hrJfkivQ" />
    <input value="3848" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tofu-thuna-vegane-alternative-zu-fisch-thon-bio-110-g-3849">
          <img alt="Tofu Thuna Vegane Alternative zu Fisch Thon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2487/file/small-f6b942d15439c6d3ad82a8b3c9c684e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2487/file/medium-76aafea6b0bcb858476abaf20ff0374e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2487/file/large-1c71fa3f3e5a6bf59b11346707000473.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2487/file/medium-76aafea6b0bcb858476abaf20ff0374e.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">Lord of Tofu</p>
          <a href="/de/products/tofu-thuna-vegane-alternative-zu-fisch-thon-bio-110-g-3849">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Thuna Vegane Alternative zu Fisch Thon Bio, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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.09 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9Y_Ztc4oZXpENDkYwCPVaYK3JIZvUJhusfS22_rT-GNGA-5KRBaE38dMezkpO9dm-jBCF0cgmdjK_EGfTdVB6g" />
    <input value="3849" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kaffeepeeling-the-hungover-minze-220-g-3870">
          <img alt="Kaffeepeeling &quot;The Hungover&quot; Minze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2493/file/small-04bb24f85e4e7b2ddb4073abff1d77b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2493/file/medium-e49b88e2b37f46f2625108d0b6834e35.webp 900w, https://assets.fabulous.ch/public/variant_asset/2493/file/large-4e4013906cddf43953db1cd23bd55159.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2493/file/medium-e49b88e2b37f46f2625108d0b6834e35.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">Optiat</p>
          <a href="/de/products/kaffeepeeling-the-hungover-minze-220-g-3870">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffeepeeling &quot;The Hungover&quot; Minze, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CvBVWEUSgGxWv9Cnj9fBAtSvkIZtmpWxSXyVf0eQJK25fGKnzyxhydXHkoZmz8MNrCj2F0XqlAcydGI78JadJA" />
    <input value="3870" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/salz-kala-namak-schwarzes-salz-glas-100-g-3903">
          <img alt="Salz Kala Namak Schwarzes Salz Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2495/file/small-cef2e21488e57fc4d766c2879629d894.webp 600w, https://assets.fabulous.ch/public/variant_asset/2495/file/medium-05981a37f09e05113f8db6f2fa154bc2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2495/file/large-8e5044ec48471e7b4dca16fef0b10c96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2495/file/medium-05981a37f09e05113f8db6f2fa154bc2.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">VITAM</p>
          <a href="/de/products/salz-kala-namak-schwarzes-salz-glas-100-g-3903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salz Kala Namak Schwarzes Salz Glas, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mc_NhJPfYCCN06B3LEDH9_o_OvhZfjQiilwYMv7PeqUqQ_p7GeGBhQ6r4lbFWMX4grhcaXEONZTxVO92ScnDLA" />
    <input value="3903" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mehl-sojamehl-getoastet-glutenfrei-bio-250-g-3949">
          <img alt="Mehl Sojamehl getoastet glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2506/file/small-183656ae0bfc884612ffa8da8b73b014.webp 600w, https://assets.fabulous.ch/public/variant_asset/2506/file/medium-a4ff609ec4bb648799421f876e0119b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2506/file/large-ce8543f93e16c0a342454bdb8b719ff1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2506/file/medium-a4ff609ec4bb648799421f876e0119b4.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">Bauckhof</p>
          <a href="/de/products/mehl-sojamehl-getoastet-glutenfrei-bio-250-g-3949">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Sojamehl getoastet glutenfrei Bio, 250 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 1.52 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CejnUy0gUqI6dd0oi5XykqInnRV0OtzIZWREFjm_sxu6ZNCspx6zB7kNnwlijfCd2qD7hFxK3X4ebLNSjrkKkg" />
    <input value="3949" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/no-fish-sauce-gf-bio-155-ml-3956">
          <img alt="No Fish-Sauce GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2507/file/small-f3ae3359d49d6774d6a63331eac46c40.webp 600w, https://assets.fabulous.ch/public/variant_asset/2507/file/medium-d4e4d0b3780f0c49d796cff245d00455.webp 900w, https://assets.fabulous.ch/public/variant_asset/2507/file/large-8286b57a94729452c7e439b7aa13f466.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2507/file/medium-d4e4d0b3780f0c49d796cff245d00455.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="/de/products/no-fish-sauce-gf-bio-155-ml-3956">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Fish-Sauce GF Bio, 155 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KE7bJckc9NYOY3Fj4WqnJ5HGrv8KWTrRuFpTwM1aBM-bwuzaQyIVc40bM0IIcqUo6UHIbiIpO2fDUqSEely9Rg" />
    <input value="3956" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/reispapier-fur-fruhlingsrollen-glutenfrei-bio-150-g-3957">
          <img alt="Reispapier für Frühlingsrollen Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2508/file/small-96ce3f3e1179a9353c077b7cee16c1f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2508/file/medium-71e1e50eb37b8097dc9a25c5a5b2b9a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2508/file/large-f72774e4f1391c5ed9dc461e270bf056.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2508/file/medium-71e1e50eb37b8097dc9a25c5a5b2b9a6.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="/de/products/reispapier-fur-fruhlingsrollen-glutenfrei-bio-150-g-3957">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reispapier für Frühlingsrollen Glutenfrei Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lUYkW0974VL21afIPjeMTx9u079FjLZA9oLiuBJwxdcmyhOkxUUA93Wt5enXL45AZ-m1Lm38t_aNihX8pXZ8Xg" />
    <input value="3957" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/reis-sushi-glutenfrei-bio-500-g-3958">
          <img alt="Reis Sushi Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2509/file/small-305925b330244bdfcf86cba36a3dfb48.webp 600w, https://assets.fabulous.ch/public/variant_asset/2509/file/medium-015dc210c130343550d2dd515b222a5d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2509/file/large-f9588033dab47bc93956b6b7328f6801.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2509/file/medium-015dc210c130343550d2dd515b222a5d.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="/de/products/reis-sushi-glutenfrei-bio-500-g-3958">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Sushi Glutenfrei Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NQ1bhvIVpE96m37c1NpIgAkJebipmrpumhqSG0cUMKuGgWx5eCtF6vnjPP09wkqPcY4fKYHqu9jhEmVf8BKJIg" />
    <input value="3958" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/paste-meerrettich-wasabi-art-bio-50-g-3959">
          <img alt="Paste Meerrettich Wasabi-Art Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2510/file/small-4deec3e033dba0ce93f62f0806f3d2d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2510/file/medium-a023926bc157c260110bf25956d49d1b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2510/file/large-1bd6a9511d1545beaa7f732531c61cbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2510/file/medium-a023926bc157c260110bf25956d49d1b.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="/de/products/paste-meerrettich-wasabi-art-bio-50-g-3959">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paste Meerrettich Wasabi-Art Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pJ-jYN9piwDuC-eSlOnium603sA6Sd8aJgC_rPxbz_4XE5SfVVdqpW1zpbN98eC1FjO4URI53qxdCEjoS112dw" />
    <input value="3959" 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">
      660 von 3&#39;185 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/biedermann-bio-vegan?format=turbo_stream&amp;page=34">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>