<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/weisse-bohnen-glas-demeter-350-g-7373">
          <img alt="Weisse Bohnen Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4231/file/small-8f03e14db05e74164d731b88a7391230.webp 600w, https://assets.fabulous.ch/public/variant_asset/4231/file/medium-93c073422dd2a4c3bf1279ad8ea19dfd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4231/file/large-7a42548b1c821609c6b7eec852369780.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4231/file/medium-93c073422dd2a4c3bf1279ad8ea19dfd.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">Nur Puur</p>
          <a href="/de/products/weisse-bohnen-glas-demeter-350-g-7373">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Weisse Bohnen Glas Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ozEJdXzprSPsjSMZLKBP7eVPXiWQTKcjN0PdjCAoGZOw5qomMhSA3SnYuIiR2w8usDyeY4iXLbArsvMfl0r_Lw" />
    <input value="7373" 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/moo-free-bunnycomb-riegel-vegan-glutenfrei-20-g-7375">
          <img alt="Moo Free Bunnycomb Riegel Vegan Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4236/file/small-6d45c7f825c5fb3488a03b57214d10cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4236/file/medium-482b1a088a9449fc5df59b4922b58414.webp 900w, https://assets.fabulous.ch/public/variant_asset/4236/file/large-7a3714de6ba9f8f63b12ea579047bf62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4236/file/medium-482b1a088a9449fc5df59b4922b58414.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">Moo Free Chocolates</p>
          <a href="/de/products/moo-free-bunnycomb-riegel-vegan-glutenfrei-20-g-7375">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Moo Free Bunnycomb Riegel Vegan Glutenfrei, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7375-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/loma-linda-tuno-vegane-alternative-zu-thon-tuna-142-g-7378">
          <img alt="Loma Linda Tuno Vegane Alternative zu Thon (Tuna)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4238/file/small-4488144308fdfcf2ad6e84beeaf6a1a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4238/file/medium-d968ed1c1aea1f800f7535d40d935a17.webp 900w, https://assets.fabulous.ch/public/variant_asset/4238/file/large-4b6bb7a950ed789afd5c365ab4bc38d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4238/file/medium-d968ed1c1aea1f800f7535d40d935a17.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">Loma Linda</p>
          <a href="/de/products/loma-linda-tuno-vegane-alternative-zu-thon-tuna-142-g-7378">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Loma Linda Tuno Vegane Alternative zu Thon (Tuna), 142 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7378-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/kapern-in-weinessig-bio-150-g-7430">
          <img alt="Kapern in Weinessig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4252/file/small-d4faf5b6e85fd3cdc49b3754bc7d03e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4252/file/medium-363c0521386db9256ef43ee692f39640.webp 900w, https://assets.fabulous.ch/public/variant_asset/4252/file/large-5387449dae51e7044951185105c3a389.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4252/file/medium-363c0521386db9256ef43ee692f39640.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">LaSelva</p>
          <a href="/de/products/kapern-in-weinessig-bio-150-g-7430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kapern in Weinessig Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qYKLvz_r_fHbxmA80yZYjp6vlmD-xCwZOOqz3ioNbVm6VSjscRbQDx6T-61uXRhNy9xWJuYfpookG51NnW-L5Q" />
    <input value="7430" 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/erbsen-im-glas-demeter-350-ml-7439">
          <img alt="Erbsen im Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4259/file/small-1e9a52857cfb346109a0f5a862749ec6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4259/file/medium-108939fd57d97241a90cd29e3a3583b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/4259/file/large-62a9b0ae528faf92d89233556425fe4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4259/file/medium-108939fd57d97241a90cd29e3a3583b2.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">de Rit</p>
          <a href="/de/products/erbsen-im-glas-demeter-350-ml-7439">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erbsen im Glas Demeter, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7MAmAiB5JNXB1YGlt6McOCPnBY53WETsJpAD5Cs0Euz_F4VRboQJKwSAGjQK2Fz7dpTFyG-Dzn86YS13nFb0UA" />
    <input value="7439" 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/feine-speisestarke-glutenfrei-bio-250-g-7449">
          <img alt="Feine Speisestärke Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4264/file/small-e8864a57565cb890c1b3e7c6c78b9ec6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4264/file/medium-d2ca80902e1eeec66ff4f74fb4b9ba91.webp 900w, https://assets.fabulous.ch/public/variant_asset/4264/file/large-a82f2261f3ddeda323318d03889f015f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4264/file/medium-d2ca80902e1eeec66ff4f74fb4b9ba91.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">Biovegan</p>
          <a href="/de/products/feine-speisestarke-glutenfrei-bio-250-g-7449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Feine Speisestärke Glutenfrei Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LiwpypTKv1Dfk0k1CssaQilfGeYxc1D2qwVh651JQsw9-4qZ2jeSrhrG0qS3sFqBfCzZoCmo2mW39E94KiukcA" />
    <input value="7449" 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/dr-antonio-martins-cocojuice-pur-kokosnusssaft-bio-500-ml-7499">
          <img alt="Dr. Antonio Martins CocoJuice Pur Kokosnusssaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4308/file/small-709cb934801d5bdec0fb363c6532e096.webp 600w, https://assets.fabulous.ch/public/variant_asset/4308/file/medium-819828d1632fc0c84e305242ecae45aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/4308/file/large-de444bbb4fd2e16568de60ef4f767b15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4308/file/medium-819828d1632fc0c84e305242ecae45aa.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Antonio Martins</p>
          <a href="/de/products/dr-antonio-martins-cocojuice-pur-kokosnusssaft-bio-500-ml-7499">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dr. Antonio Martins CocoJuice Pur Kokosnusssaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rts5ftI-JezvWfY9CClhiCQfPbvPm3z1m6Rr-R4DV_69DJotnMMIEioMbay1UiFLcWz9_ddA9maHVUVqqWGxQg" />
    <input value="7499" 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/crunchy-fruit-mango-gefriergetrocknet-raw-bio-18-g-7501">
          <img alt="Crunchy Fruit Mango gefriergetrocknet RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4310/file/small-e8b1db66afae6ac8a5086ff876d923a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4310/file/medium-16f3c5cdf1f3ad7418956720c2cba108.webp 900w, https://assets.fabulous.ch/public/variant_asset/4310/file/large-160acf300a673404fcc9dd0024f02a04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4310/file/medium-16f3c5cdf1f3ad7418956720c2cba108.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">Organica</p>
          <a href="/de/products/crunchy-fruit-mango-gefriergetrocknet-raw-bio-18-g-7501">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruit Mango gefriergetrocknet RAW Bio, 18 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tmhv_JnBPmAYmw9VMlwXEsNYfuZfhNaRoAAE8SuemvZdv8yv1zwTnt3OlMSPJ1fRliu-oEdfXAK88SpinPx8Sg" />
    <input value="7501" 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/crunchy-fruit-kirschen-gefriergetrocknet-raw-bio-20-g-7502">
          <img alt="Crunchy Fruit Kirschen gefriergetrocknet RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4311/file/small-41942e0afe25ef3a4d2d89538db7529e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4311/file/medium-4e4390131c935656496474de3d82dd50.webp 900w, https://assets.fabulous.ch/public/variant_asset/4311/file/large-c91764618c6babef19ca4d5c90456257.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4311/file/medium-4e4390131c935656496474de3d82dd50.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">Organica</p>
          <a href="/de/products/crunchy-fruit-kirschen-gefriergetrocknet-raw-bio-20-g-7502">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruit Kirschen gefriergetrocknet RAW Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y6KFNtETFoVcUtM2tCflh3e6u84o7eSIIxVYxvMc6g7YdSZln-47e5kHSKcJXKVEIsl7iDA2bhs_5HZVRH4Msg" />
    <input value="7502" 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/linsen-glas-demeter-360-g-7509">
          <img alt="Linsen Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4317/file/small-b0c8ce8d4136d41dfff3f55c3eb9a91f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4317/file/medium-1a569cfff084f64859b4d508c1dedacd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4317/file/large-e1695c926a796a85578a5872e8388341.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4317/file/medium-1a569cfff084f64859b4d508c1dedacd.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">Nur Puur</p>
          <a href="/de/products/linsen-glas-demeter-360-g-7509">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Linsen Glas Demeter, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n9gxSvyXcqur2YhC6dwSmic25bOLEu1zjbdZSMlsvpuMD5IZsmpfVW6ME9NUp1JZckUl9ZPJZ-CRRnfbfg5YJw" />
    <input value="7509" 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/fertiggericht-quinoa-hirse-kidney-bohnen-glutenfrei-bio-220-g-7511">
          <img alt="Fertiggericht Quinoa Hirse Kidney Bohnen Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4320/file/small-e9b8871c62121f52bc492b0f59cbe264.webp 600w, https://assets.fabulous.ch/public/variant_asset/4320/file/medium-9372a7b74cfd9026a08d7c6ad9bc6112.webp 900w, https://assets.fabulous.ch/public/variant_asset/4320/file/large-8bc65394b31201e900dfea013f32fdbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4320/file/medium-9372a7b74cfd9026a08d7c6ad9bc6112.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">Ma Vie Sans Gluten</p>
          <a href="/de/products/fertiggericht-quinoa-hirse-kidney-bohnen-glutenfrei-bio-220-g-7511">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fertiggericht Quinoa Hirse Kidney Bohnen Glutenfrei Bio, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AkrhpTvHLU-I1lyqrn713QZTDqpNPh7LnNnpsgvPgTwRnUL2dToAsU2DxzsTBbUeUyDO7FXllFiAKMchvK1ngA" />
    <input value="7511" 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/silberzwiebeln-glas-demeter-340-ml-7514">
          <img alt="Silberzwiebeln Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4323/file/small-598bb304b682069ca246fed4b4b3d3be.webp 600w, https://assets.fabulous.ch/public/variant_asset/4323/file/medium-815f2098501fe861f86582d1d90eced4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4323/file/large-eb02a9780d718bafe0e6caf98135d6ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4323/file/medium-815f2098501fe861f86582d1d90eced4.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">Nur Puur</p>
          <a href="/de/products/silberzwiebeln-glas-demeter-340-ml-7514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Silberzwiebeln Glas Demeter, 340 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dt6_EsrGpZPepMLDWWJ7F1_3R9xRTxsE3z52ssXI4X4dCRxBhDuIbRvxWVLkGTvUCoSHmkmUkZfDz1ghcqoHwg" />
    <input value="7514" 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/erbsen-mohren-karotten-im-glas-demeter-350-ml-7515">
          <img alt="Erbsen &amp; Möhren (Karotten) im Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4324/file/small-d55ff9e0d3b040daaaee0011d8f710a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4324/file/medium-7bd11d2d62beafc2d22cd3458d10d345.webp 900w, https://assets.fabulous.ch/public/variant_asset/4324/file/large-0c3d853d66dbc83dfa898de1fee338a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4324/file/medium-7bd11d2d62beafc2d22cd3458d10d345.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">Nur Puur</p>
          <a href="/de/products/erbsen-mohren-karotten-im-glas-demeter-350-ml-7515">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erbsen &amp; Möhren (Karotten) im Glas Demeter, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ArafLD5Pn5DDR0qAwN619C0yyu-V94l3P93yFsAz6ukRYTx_cLKybgYS0RF9pfU3eEEKqY0sA-QjLNyFd1EMVQ" />
    <input value="7515" 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/bohnen-schwarz-dose-bio-400-g-7517">
          <img alt="Bohnen Schwarz Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4326/file/small-6efd87fba6f7b4b6386284c5f52791c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/4326/file/medium-318572a9b9a3ba9be5c485741db2ecfb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4326/file/large-e458560a36fb000574c4374c729357d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4326/file/medium-318572a9b9a3ba9be5c485741db2ecfb.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/bohnen-schwarz-dose-bio-400-g-7517">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bohnen Schwarz Dose Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3j0Bd-XKpRO0gMZmd3VoH1PERh7iuXLTKzBxDDrGSRDN6qIkqzeI7XHVXffKDijcBreGWPpi-EA3wV-fjaSvrA" />
    <input value="7517" 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/suppe-natur-compagnie-snack-soup-gemusesuppe-bio-18-g-7520">
          <img alt="Suppe Natur Compagnie Snack Soup Gemüsesuppe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4329/file/small-dd5049d3d1b5c55f146b2eeee307f65f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4329/file/medium-02dd6f1f825b7609fe056a588d6f9809.webp 900w, https://assets.fabulous.ch/public/variant_asset/4329/file/large-0b510b25fde2335d5708deb265101a33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4329/file/medium-02dd6f1f825b7609fe056a588d6f9809.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">Natur Compagnie</p>
          <a href="/de/products/suppe-natur-compagnie-snack-soup-gemusesuppe-bio-18-g-7520">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Suppe Natur Compagnie Snack Soup Gemüsesuppe Bio, 18 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 21.11 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B6zShFTdGiW7WtVOoFJjlRY2H7iIROXppj4anfV81coUe3HXGiA3234PTt8dKSNWQ0Xf_pCfb3q6zzQOQh4zdg" />
    <input value="7520" 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/suppe-natur-compagnie-snack-soup-tomatensuppe-bio-20-g-7521">
          <img alt="Suppe Natur Compagnie Snack Soup Tomatensuppe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4330/file/small-70bd278278b6d516d15ad9e9eea57258.webp 600w, https://assets.fabulous.ch/public/variant_asset/4330/file/medium-7ed41bdea66a3a83a5d6fae0e02faa44.webp 900w, https://assets.fabulous.ch/public/variant_asset/4330/file/large-d2489ea3d226d6f89a73e170e7a8033c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4330/file/medium-7ed41bdea66a3a83a5d6fae0e02faa44.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">Natur Compagnie</p>
          <a href="/de/products/suppe-natur-compagnie-snack-soup-tomatensuppe-bio-20-g-7521">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Suppe Natur Compagnie Snack Soup Tomatensuppe Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="96eYMPHyjBnmbD0H1fabqnDLZnbMs_rWGXyhY2dGpI_kcDtjvw-h5yM5ppZojdtpJbimMNRocEUFjY_w0CRCMw" />
    <input value="7521" 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/senfkorner-schwarz-ganz-bio-80-g-7535">
          <img alt="Senfkörner schwarz ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4337/file/small-bbb72850540f3615380065e504d44958.webp 600w, https://assets.fabulous.ch/public/variant_asset/4337/file/medium-8e841e2c72c0c92e522e6b014ee5b37c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4337/file/large-4e217975a29eac165944fd3f880146de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4337/file/medium-8e841e2c72c0c92e522e6b014ee5b37c.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="/de/products/senfkorner-schwarz-ganz-bio-80-g-7535">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Senfkörner schwarz ganz Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lal9tKFYQxpX4kYqEBlnQxHKJkAaOc5xyH9urOjs0qw-ft7n76Vu5JK33butYieARLnmBgLiROLUjkA_X440EA" />
    <input value="7535" 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/chili-flocken-bio-45-g-7536">
          <img alt="Chili Flocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4339/file/small-728e8dd5e2b8dcf28acd237b933aab78.webp 600w, https://assets.fabulous.ch/public/variant_asset/4339/file/medium-1af5a9d6927c4ecf0eabe71ba1bbd8ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/4339/file/large-2ea8c899c2f19f1ca0a68681e06fd0f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4339/file/medium-1af5a9d6927c4ecf0eabe71ba1bbd8ac.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="/de/products/chili-flocken-bio-45-g-7536">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chili Flocken Bio, 45 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 8.44 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5clL_lEdsE9VRtsd2m8IEUAjF7wJzLBhjjXP3eYHJVb2HuitH-CdsZATQIxnFEjSFVDX-hEXOvKSxOFOUWXD6g" />
    <input value="7536" 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/petersilie-geschnitten-bio-15-g-7537">
          <img alt="Petersilie geschnitten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4340/file/small-c5e8eeaf4ff660382532f2a8eb4b80aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4340/file/medium-8e40b4a4ca60e80948a3288e4129e1ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/4340/file/large-dc2de76926cec29db11a297b3f3ad671.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4340/file/medium-8e40b4a4ca60e80948a3288e4129e1ee.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="/de/products/petersilie-geschnitten-bio-15-g-7537">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petersilie geschnitten Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FfXo_Mhzr6PaBO39-U2lWMIkbLQePeBHe_krxd9iOTEGIkuvho6CXR9RdmxENuWbl1es8gbmatRnCAVWaADfjQ" />
    <input value="7537" 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/rosmarin-geschnitten-bio-25-g-7538">
          <img alt="Rosmarin geschnitten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4341/file/small-81236d903d3211e50beb1c04a9f69bbc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4341/file/medium-5ebb4b0ca952257d137a985cc77b133e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4341/file/large-1b8a1fd84fb008f97213603ab9a7e995.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4341/file/medium-5ebb4b0ca952257d137a985cc77b133e.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="/de/products/rosmarin-geschnitten-bio-25-g-7538">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rosmarin geschnitten Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IbPccCwb7zKfOY3PEmc_ZDpQVbigIL4ZpNqe-Sqxi6IyZH8jYubCzFpsFl6vHH-nbyOV_rj7NIq4K7BqndNtHg" />
    <input value="7538" 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">
      440 von 1&#39;217 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/collections/under-5?format=turbo_stream&amp;page=23">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>