<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/biscuit-mini-kekse-mit-kakaofullung-glutenfrei-bio-125-g-7900">
          <img alt="Biscuit Mini Kekse mit Kakaofüllung Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4621/file/small-02a0109bfdc5f1fb172fa83fc7bc85c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4621/file/medium-8d0b7ae458f501cd565a4cc6b008f0d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4621/file/large-b3b64533d8d02fdcaac725fe280596c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4621/file/medium-8d0b7ae458f501cd565a4cc6b008f0d7.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">Céliane</p>
          <a href="/de/products/biscuit-mini-kekse-mit-kakaofullung-glutenfrei-bio-125-g-7900">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Mini Kekse mit Kakaofüllung Glutenfrei Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YjX6g2ZzjfR88ma4nDyzQa4zijQLfPl4t8Ri-xYRIAigoagJy2kqAg-9utHBE9as_iLSn-mYRA86kFvagSEe8A" />
    <input value="7900" 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/k-philus-soja-mit-datteln-joghurt-bio-125-g-14882">
          <img alt="K.Philus Soja mit Datteln Joghurt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6816/file/small-ec7d63f6e0fe177e20987f62e6089578.webp 600w, https://assets.fabulous.ch/public/variant_asset/6816/file/medium-e0d4d856f13a914d57e475293ac3855a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6816/file/large-48b49868a349e2775fc1066971f60767.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6816/file/medium-e0d4d856f13a914d57e475293ac3855a.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">K.Philus Bio</p>
          <a href="/de/products/k-philus-soja-mit-datteln-joghurt-bio-125-g-14882">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">K.Philus Soja mit Datteln Joghurt Bio, 2 x 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gm-SsqlSaUuGr5LoJvPe9XAgXqJn81PZrXd_OMyxZGpA-8A4BEjOvfXgToF73LsYIDEGCYUX7q4gI0YZW4Fakg" />
    <input value="14882" 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/biscuit-mini-kekse-mit-vanillefullung-glutenfrei-bio-125-g-7901">
          <img alt="Biscuit Mini Kekse mit Vanillefüllung Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4623/file/small-4c0785ce554ce163035d6cac337f209c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4623/file/medium-d80ce047e07685b5cef42b116c4d49e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4623/file/large-43e577c72055d85a8f833cd23b6673d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4623/file/medium-d80ce047e07685b5cef42b116c4d49e0.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">Céliane</p>
          <a href="/de/products/biscuit-mini-kekse-mit-vanillefullung-glutenfrei-bio-125-g-7901">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Mini Kekse mit Vanillefüllung Glutenfrei Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EYqV9clb1TtSWJ-6uyUHOo6nIlcVXWUFba9-GkRR0lzTHsd_ZEFyzSEXQ9PmCmLX3rZ6_Pe52HLg-0c702HspA" />
    <input value="7901" 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/freche-freunde-brezel-mit-kichererbsen-bio-75-g-8900">
          <img alt="Freche Freunde Brezel mit Kichererbsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5158/file/small-ae1f27a62c1880894ce86164ab76f9aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/5158/file/medium-bdf6123c520ae5470015eb78ab5f8861.webp 900w, https://assets.fabulous.ch/public/variant_asset/5158/file/large-832bbfa22cae474187024023b3c2cdee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5158/file/medium-bdf6123c520ae5470015eb78ab5f8861.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">Freche Freunde</p>
          <a href="/de/products/freche-freunde-brezel-mit-kichererbsen-bio-75-g-8900">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Freche Freunde Brezel mit Kichererbsen Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CA8Vcn3ghW-RIavW_H1RcgeQWgMjAP-H44iIy4h4t67Km0f40PoimeJud7-hUjSfV4ECqMHkQvBu3LHqH0iJVg" />
    <input value="8900" 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/chips-fruchtchips-mango-bio-14-g-8972">
          <img alt="Chips Fruchtchips Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5184/file/small-e23f9270f65a1f2b3516cbf9dcc3f191.webp 600w, https://assets.fabulous.ch/public/variant_asset/5184/file/medium-fb422b32dd45647c3cdf5c75fed66355.webp 900w, https://assets.fabulous.ch/public/variant_asset/5184/file/large-e6bef22fc5f9c1333fba8407348dcfc6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5184/file/medium-fb422b32dd45647c3cdf5c75fed66355.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">Freche Freunde</p>
          <a href="/de/products/chips-fruchtchips-mango-bio-14-g-8972">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Fruchtchips Mango Bio, 14 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 25.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gUEYoYpI-Kyut4xARVRKgXpkRyQ5srDL5-lUWpAISUdD1UorJ1JfWt34UCkYey9sKnUfj9tWDbxqvW17Bzh3vw" />
    <input value="8972" 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/vanille-gemahlen-bourbon-bio-15-g-882">
          <img alt="Vanille gemahlen Bourbon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/811/file/small-0c8f9b475f6f196865d4be5554c14c02.webp 600w, https://assets.fabulous.ch/public/variant_asset/811/file/medium-2b579c0b74e0c33242913dc47fdc0f9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/811/file/large-07875a9ec12702f2dba098fba69d83aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/811/file/medium-2b579c0b74e0c33242913dc47fdc0f9e.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/vanille-gemahlen-bourbon-bio-15-g-882">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vanille gemahlen Bourbon Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kookie-cat-mandel-schokolade-cookie-gf-bio-50-g-5858">
          <img alt="KOOKIE CAT Mandel Schokolade Cookie GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3366/file/small-fac951eacc929e799c3e4eecde27f9fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3366/file/medium-c0d7288ff1164e098c70b0ccbe8f177e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3366/file/large-74274b869d3fba38e6a4ed0db13c6cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3366/file/medium-c0d7288ff1164e098c70b0ccbe8f177e.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">Kookie Cat</p>
          <a href="/de/products/kookie-cat-mandel-schokolade-cookie-gf-bio-50-g-5858">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Mandel Schokolade Cookie GF Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U0AtE7cdkfTc84LjaJN2Uzp_ocNgQm2c7XRRWaLFZfmR1H-ZGgc2Aq-8Xoo1vBO-am75aIKm0OtgIGh4NfVbAQ" />
    <input value="5858" 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/kookie-cat-hemp-cacao-cookie-glutenfrei-bio-50-g-2288">
          <img alt="KOOKIE CAT Hemp Cacao Cookie Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1690/file/small-f7584bc26775add80c1d565eaf8509be.webp 600w, https://assets.fabulous.ch/public/variant_asset/1690/file/medium-862edc10914df33667bec2a291db8dce.webp 900w, https://assets.fabulous.ch/public/variant_asset/1690/file/large-6a507cb18cd16fa582b1f5481886f8a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1690/file/medium-862edc10914df33667bec2a291db8dce.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">Kookie Cat</p>
          <a href="/de/products/kookie-cat-hemp-cacao-cookie-glutenfrei-bio-50-g-2288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Hemp Cacao Cookie Glutenfrei Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zEQ9vEsUX76HbjZ5Amaa5f4UZaBhrQME5MoFIzV2yQEO0G825g74SPQh6hBfSf8IrgU9C4NJvnNpnjwCokb3-Q" />
    <input value="2288" 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-ohne-muhhh-kochcreme-bio-200-ml-13322">
          <img alt="Cuisine Ohne Muhhh Kochcreme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6449/file/small-7b9a7e3eed511f0cb41f81e2a0d0595e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6449/file/medium-11aeac540303f1cad039bc9fb0b10f56.webp 900w, https://assets.fabulous.ch/public/variant_asset/6449/file/large-51b5e1c8eec3ed0b276999aab1ebefe8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6449/file/medium-11aeac540303f1cad039bc9fb0b10f56.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/de/products/cuisine-ohne-muhhh-kochcreme-bio-200-ml-13322">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Ohne Muhhh Kochcreme Bio, 200 ml</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 0.75 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7peEvsWBIryCRvkdi4adoDf-8PbXJVF0_bbZEw-_js8sA9Y0aJuFSvEJJXTWqfhNZ--oXTXB7ANw4uAymI-wNw" />
    <input value="13322" 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/streich-s-drauf-papayango-bio-160-g-390">
          <img alt="streich´s drauf Papayango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/341/file/small-8ac260f766c0ce85b0f9c03216630a35.webp 600w, https://assets.fabulous.ch/public/variant_asset/341/file/medium-d06500fe4dca575616421fd47b9aa938.webp 900w, https://assets.fabulous.ch/public/variant_asset/341/file/large-be39ed6f290e9c4b93bf32812068bd4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/341/file/medium-d06500fe4dca575616421fd47b9aa938.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">Zwergenwiese</p>
          <a href="/de/products/streich-s-drauf-papayango-bio-160-g-390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">streich´s drauf Papayango Bio, 160 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.47 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FYHWGXLuCHRgifJQJtjjjZeMyfCMFL5s3ABf2kOeuWPXFYST3_SvghPGLjl794Zgx52RW27wAxtRVGb71K6Hmw" />
    <input value="390" 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/streich-s-drauf-papucchini-bio-135-g-10321">
          <img alt="streich´s drauf Papucchini Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5551/file/small-9ffd78a7c8381eadbfb03ea59179e983.webp 600w, https://assets.fabulous.ch/public/variant_asset/5551/file/medium-4822a8de8dfca0cc00eb7d1532546e69.webp 900w, https://assets.fabulous.ch/public/variant_asset/5551/file/large-767cda88a28bcac994cbcba0bcb27896.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5551/file/medium-4822a8de8dfca0cc00eb7d1532546e69.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">Zwergenwiese</p>
          <a href="/de/products/streich-s-drauf-papucchini-bio-135-g-10321">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">streich´s drauf Papucchini Bio, 135 g</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 2.52 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3ePk0bf1k2D2wLW5hzaI9zOPF7sWjlCv9kO_RAFu2f0fd7ZbGu80loWPadDaGe0aY55PEPRq7dh7F4Zlll7nBQ" />
    <input value="10321" 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/hafer-drink-pulver-bio-400-g-9507">
          <img alt="Hafer Drink Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5356/file/small-428db60de52c47a30a81468c8b91c27b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5356/file/medium-50b1aab4c6b8b380de2582852393fc29.webp 900w, https://assets.fabulous.ch/public/variant_asset/5356/file/large-46dabd331f2bd84a1d0426ff44493050.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5356/file/medium-50b1aab4c6b8b380de2582852393fc29.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">Hofgut Storzeln</p>
          <a href="/de/products/hafer-drink-pulver-bio-400-g-9507">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Drink Pulver Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TiGauzPYtqTz4nnvciWuYyW3FSrt46dPsDMvgqcJNg6MtcgxnsIRUoCtpYYvCsuOdaZNgQ8HGjg9ZxajMDkI9g" />
    <input value="9507" 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/meine-vegane-sauce-hollandaise-bio-28-g-1757">
          <img alt="Meine vegane Sauce Hollandaise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1394/file/small-aab93e32d4df0e87ccb90b6a399ce6e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1394/file/medium-646f659664bf06671ec0714973ebe29b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1394/file/large-e0a678ce62e6486798dd9ae91c7ddcf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1394/file/medium-646f659664bf06671ec0714973ebe29b.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/meine-vegane-sauce-hollandaise-bio-28-g-1757">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Meine vegane Sauce Hollandaise Bio, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xwRzxbuNdkBL9WBB9_PpO-sWZYg-ke1S5yariFYqxIcFkCFPFpfRtji6vCiq3IzWuwc9I9x1UCVqcpKpwRr6fw" />
    <input value="1757" 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/riegel-vivani-dark-nougat-croccante-bio-35-g-69">
          <img alt="Riegel Vivani Dark Nougat Croccante Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/73/file/small-ae7196ceae014abec59cfd292aec23d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/73/file/medium-77eb464c4d52b820755db993bebd3c02.webp 900w, https://assets.fabulous.ch/public/variant_asset/73/file/large-6633d9f72a4a75bc4b1c7228be5e070b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/73/file/medium-77eb464c4d52b820755db993bebd3c02.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">Vivani / Ichoc</p>
          <a href="/de/products/riegel-vivani-dark-nougat-croccante-bio-35-g-69">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Vivani Dark Nougat Croccante Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o2peQega_bvbOoAikVd2M9jqnCRhvXqtp1OI-OxNIMlh_gzLRQBaTah1XEvMeBPeiPvEj4NZx9oqB7HZe30eMQ" />
    <input value="69" 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/mandel-tafel-rapunzel-himbeere-bio-100-g-15460">
          <img alt="Mandel Tafel Rapunzel Himbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7058/file/small-1243f168df3a7f4b5657d73f8b2fd474.webp 600w, https://assets.fabulous.ch/public/variant_asset/7058/file/medium-294dcc297b15fb0bb21c8d04e452c527.webp 900w, https://assets.fabulous.ch/public/variant_asset/7058/file/large-4ce738fa42103beccc207bce60529385.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7058/file/medium-294dcc297b15fb0bb21c8d04e452c527.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/mandel-tafel-rapunzel-himbeere-bio-100-g-15460">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mandel Tafel Rapunzel Himbeere Bio, 100 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 4.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RXxNRa8V023Zx6mcfOJk3w9GzzK4pwWPhxp1hRxDx-eH6B_PAg90m6qIdfUhzQEyX1eXmVpDuPgKTkyki3P5Hw" />
    <input value="15460" 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/riegel-lovechock-pur-kakaosplitter-schokolade-raw-bio-40-g-65">
          <img alt="Riegel Lovechock Pur Kakaosplitter Schokolade RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/69/file/small-ec22c090e57add9b7297a4b6e75623dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/69/file/medium-e9fea65f4b70433bd3cbd93922996a28.webp 900w, https://assets.fabulous.ch/public/variant_asset/69/file/large-970d4c05998e8a20836a5d9cd40105c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/69/file/medium-e9fea65f4b70433bd3cbd93922996a28.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">Lovechock</p>
          <a href="/de/products/riegel-lovechock-pur-kakaosplitter-schokolade-raw-bio-40-g-65">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Lovechock Pur Kakaosplitter Schokolade RAW Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LTIIEKx3Hmug2PvIMLoaRf2dlBjl913pyuZQrcgiDjnvplqaAW25ndOXJ6FtlX-orYzMswcT4J5HsmmMXxIwwQ" />
    <input value="65" 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/lion-s-mane-pulver-aus-vitalpilz-bio-50-g-16710">
          <img alt="Lion&#39;s Mane Pulver aus Vitalpilz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7748/file/small-f2209b75589c9e4ee8738d775f5a9c86.webp 600w, https://assets.fabulous.ch/public/variant_asset/7748/file/medium-042fcc543cf35d610a31d6b6594bac66.webp 900w, https://assets.fabulous.ch/public/variant_asset/7748/file/large-24af174f978e65c2f180fd9d212cfc88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7748/file/medium-042fcc543cf35d610a31d6b6594bac66.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">NaturKraftWerke</p>
          <a href="/de/products/lion-s-mane-pulver-aus-vitalpilz-bio-50-g-16710">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lion&#39;s Mane Pulver aus Vitalpilz Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5n2LmiDdtv2vRF40NP3MfJ_fnYFr6wiwz1LeByt7UAgk6dkQjccRC9wLgl1p0qmRz87FKokPtcdCBucmvEtu8A" />
    <input value="16710" 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/mehl-mix-universal-mischung-glutenfrei-bio-800-g-4916">
          <img alt="Mehl Mix Universal Mischung glutenfrei, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2912/file/small-2eaba9acfd1f62869ec1a6f9e3131aa1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2912/file/medium-7cc43939f48e932c968f7e799697d879.webp 900w, https://assets.fabulous.ch/public/variant_asset/2912/file/large-afadd17caa3de83f5a9a9fd66c68978c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2912/file/medium-7cc43939f48e932c968f7e799697d879.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-mix-universal-mischung-glutenfrei-bio-800-g-4916">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Mix Universal Mischung glutenfrei, Bio, 800 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 0.79 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uKVF-wXhlXfdRpfRi6n3A-5RQHDB7asl2f_qXXoehKF6MRdxqPsyga4JS7jWhpLuvkAY2yMJFlJUq9N87S66WQ" />
    <input value="4916" 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/dinkel-cantuccini-vegan-demeter-150-g-7908">
          <img alt="Dinkel Cantuccini Vegan Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4631/file/small-1893c81e89f18e1c2fbb81062c455e42.webp 600w, https://assets.fabulous.ch/public/variant_asset/4631/file/medium-5223ee1ee618454af419b5ac031d3224.webp 900w, https://assets.fabulous.ch/public/variant_asset/4631/file/large-f2ccfb18ee8f97701cf8d1e22244916f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4631/file/medium-5223ee1ee618454af419b5ac031d3224.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sommer</p>
          <a href="/de/products/dinkel-cantuccini-vegan-demeter-150-g-7908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinkel Cantuccini Vegan Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bg7-TEcPRuhBhv2luuVcgxvbpj6o18J4jF652kpKrkPEmqzG6hXhHjLJIcznyjluS8r-lUozfw8BCoD73XqQuw" />
    <input value="7908" 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">
      580 von 3&#39;163 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/pasta-d-alba?format=turbo_stream&amp;page=30">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>