<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/alpenpionier-hanf-nusse-biok-150-g-18170">
          <img alt="AlpenPionier Hanf Nüsse BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9749/file/small-fc0bf0f394dd9dc59c601cb0390eabfe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9749/file/medium-21e6c7606e51d2f5cbbd3d7c6c2db8f8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9749/file/large-23b3de93c1bac7cb000ed3e56a105a79.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9749/file/medium-21e6c7606e51d2f5cbbd3d7c6c2db8f8.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">AlpenPionier</p>
          <a href="/products/alpenpionier-hanf-nusse-biok-150-g-18170">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlpenPionier Hanf Nüsse BioK, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aman-prana-schwarze-knoblauchzehen-60-g-18172">
          <img alt="Aman Prana schwarze Knoblauchzehen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9755/file/small-43d4b3d965edf59d33892868861b7e2d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9755/file/medium-0ae25252a8ba6a7e0ef4357218afd89f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9755/file/large-1396636d9f37f8658f0c355eaa765fdd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9755/file/medium-0ae25252a8ba6a7e0ef4357218afd89f.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">Aman</p>
          <a href="/products/aman-prana-schwarze-knoblauchzehen-60-g-18172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aman Prana schwarze Knoblauchzehen, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/amarru-nero-71-extrabitter-schokolade-bio-vegan-100-g-18173">
          <img alt="Amarru Nero 71% extrabitter Schokolade Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9752/file/small-9c17cdcfe520180f6b100c585e8f692d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9752/file/medium-868b4eff140b894196a824ed42006e11.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9752/file/large-aadf91c77dfc7d1634873e69ffff625b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9752/file/medium-868b4eff140b894196a824ed42006e11.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">Amarru</p>
          <a href="/products/amarru-nero-71-extrabitter-schokolade-bio-vegan-100-g-18173">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amarru Nero 71% extrabitter Schokolade Bio vegan, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/appleford-s-zuckerrohr-melasse-bio-680-g-18174">
          <img alt="Appleford&#39;s Zuckerrohr Melasse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9753/file/small-23298e1d3961ec3b214c080c62241b46.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9753/file/medium-01d93667d4bfb4ecdefaa94c239cc197.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9753/file/large-3ba0d1ffae42407bb6759530a404532f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9753/file/medium-01d93667d4bfb4ecdefaa94c239cc197.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">Appleford&#39;s</p>
          <a href="/products/appleford-s-zuckerrohr-melasse-bio-680-g-18174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Appleford&#39;s Zuckerrohr Melasse Bio, 680 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pioMELDgtFDQpjk-fv_QTqoYnl0vyydd0OaAmpVP1l6o-8mvaYRJ3y2-fVJbasDSVianNX9EpaQ9qm5dEyegpA" />
    <input value="18174" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-backmischung-schneller-obstkuchen-bio-gf-450-g-18178">
          <img alt="Bauck Backmischung schneller Obstkuchen Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11191/file/small-bad45b39754902ac9556e3eb9d82a9ea.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11191/file/medium-55853acb251a8a284015a82ef0702927.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11191/file/large-e7bc24a2dba7fa198f985b526ab4f3cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11191/file/medium-55853acb251a8a284015a82ef0702927.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">Bauck</p>
          <a href="/products/bauck-backmischung-schneller-obstkuchen-bio-gf-450-g-18178">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Backmischung schneller Obstkuchen Bio gf, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-backmischung-schnelle-brotchen-saaten-bio-gf-vegan-500-g-18179">
          <img alt="Bauck Backmischung Schnelle Brötchen Saaten Bio gf vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9372/file/small-74533bdba46e2eb4b5ca153f2d4fa2d2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9372/file/medium-6261822fcc68bcffabb2d8854ffffd3e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9372/file/large-fc2f4a3a80ad2478e52e2fc601349e80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9372/file/medium-6261822fcc68bcffabb2d8854ffffd3e.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">Bauck</p>
          <a href="/products/bauck-backmischung-schnelle-brotchen-saaten-bio-gf-vegan-500-g-18179">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Backmischung Schnelle Brötchen Saaten Bio gf vegan, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vGHMU3-NpnVw5p3TjQ6SS2qNpn_UWcTUEqyFpohhPFSysAnspulb-o3-2b-om4LXlrOfF4TWRi3_4GthDglKrg" />
    <input value="18179" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-falafel-mix-bio-gf-160-g-18180">
          <img alt="Bauck Falafel Mix Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9074/file/small-a1425d7411b23ff54f742a211cd9b41f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9074/file/medium-80103ad7a43a96097cfba290a8e86995.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9074/file/large-271dc9cc7df5f9aeb687ff622fda043d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9074/file/medium-80103ad7a43a96097cfba290a8e86995.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">Bauck</p>
          <a href="/products/bauck-falafel-mix-bio-gf-160-g-18180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Falafel Mix Bio gf, 160 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 2.19 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-hot-hafer-schoko-demeter-gf-400-g-18181">
          <img alt="Bauck Hot Hafer Schoko Demeter gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9077/file/small-c656b8a58e5fbd08102821c30dd27e2f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9077/file/medium-c4de58118c05ef8154d1fbe4dc915930.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9077/file/large-1b318e0d53b06970118be69fcbf43dbc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9077/file/medium-c4de58118c05ef8154d1fbe4dc915930.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">Bauck</p>
          <a href="/products/bauck-hot-hafer-schoko-demeter-gf-400-g-18181">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Hot Hafer Schoko Demeter gf, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RFoaCocr7Zj-5rmHuGfrWVBpSUg5pmt23JOnCcewpq9Ki9-1Xk8QFwP-_eud8vvFrFdwIGkp6Y8x30nOQdjQVQ" />
    <input value="18181" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-dinkelmehl-hell-type-630-demeter-1-kg-18182">
          <img alt="Bauck Dinkelmehl hell Type 630 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9373/file/small-899a88a6ac38fc1c3a543f7434507463.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9373/file/medium-6c3f484e9a66956b0aea755430593ede.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9373/file/large-76401bc3a05b7bdef429f64caf38e7c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9373/file/medium-6c3f484e9a66956b0aea755430593ede.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">Bauck</p>
          <a href="/products/bauck-dinkelmehl-hell-type-630-demeter-1-kg-18182">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Dinkelmehl hell Type 630 Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nr4OxuEn5Gr0BtW6W2He-RBLSsLHz7FhVQ4LpgmMVdeQb8t5OEMZ5QkekdZ-9M5l7HVzqpdAM5i4QuVhj-QjLQ" />
    <input value="18182" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-dinkelmehl-type-1050-demeter-1-kg-18183">
          <img alt="Bauck Dinkelmehl Type 1050 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9374/file/small-04331713cd72c8869707500af0a9f635.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9374/file/medium-5b106ab2c0d65be6582e12c701f3486e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9374/file/large-69bd1a1e73ed1a46b33fb65b9c087c64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9374/file/medium-5b106ab2c0d65be6582e12c701f3486e.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">Bauck</p>
          <a href="/products/bauck-dinkelmehl-type-1050-demeter-1-kg-18183">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Dinkelmehl Type 1050 Demeter, 1 kg</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.63 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-kastanienmehl-bio-gf-350-g-18184">
          <img alt="Bauck Kastanienmehl Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9078/file/small-f09d73c255593e8d9f54a19da7b24b92.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9078/file/medium-a5bbfe7e581fb657386022f5f89dd803.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9078/file/large-2397ba276185be0d58276bd9ebe99310.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9078/file/medium-a5bbfe7e581fb657386022f5f89dd803.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">Bauck</p>
          <a href="/products/bauck-kastanienmehl-bio-gf-350-g-18184">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Kastanienmehl Bio gf, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-weizenmehl-hell-type-405-demeter-1-kg-18185">
          <img alt="Bauck Weizenmehl hell Type 405 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9370/file/small-3289b6c7568f0bfc335a01e7e558159a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9370/file/medium-695483d438d99ce8bc4495697f9eb669.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9370/file/large-de5e1bc100fbf2183cbd05e8bd0e0022.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9370/file/medium-695483d438d99ce8bc4495697f9eb669.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">Bauck</p>
          <a href="/products/bauck-weizenmehl-hell-type-405-demeter-1-kg-18185">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Weizenmehl hell Type 405 Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-muesli-dinkel-beerenzart-demeter-425-g-18186">
          <img alt="Bauck Müesli Dinkel Beerenzart Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9079/file/small-9d3bbdbb983e392c78f7bdc057d388f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9079/file/medium-79c3b8da42e2aa9784d136112ce7bdf4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9079/file/large-c531d05fa63f72922e2f644151a1f936.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9079/file/medium-79c3b8da42e2aa9784d136112ce7bdf4.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">Bauck</p>
          <a href="/products/bauck-muesli-dinkel-beerenzart-demeter-425-g-18186">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Müesli Dinkel Beerenzart Demeter, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-muesli-dinkel-knusperzart-demeter-425-g-18187">
          <img alt="Bauck Müesli Dinkel Knusperzart Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9080/file/small-70b28ec2e8c7502780b9e4110bbb90f8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9080/file/medium-51f25b189934dcf73ea8bb3173772067.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9080/file/large-225a9a4b23b28a3dc435127bc3d5b15e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9080/file/medium-51f25b189934dcf73ea8bb3173772067.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">Bauck</p>
          <a href="/products/bauck-muesli-dinkel-knusperzart-demeter-425-g-18187">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Müesli Dinkel Knusperzart Demeter, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aODRpQPZg4nG8cPBj6xfVjsd-dB1kXxGSWjTbpd1ST9mMRQa2r1-Bjvph62qOU_KxyPAuCUe_r-kJD2pER0_xQ" />
    <input value="18187" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-muesli-dinkel-schokozart-demeter-425-g-18188">
          <img alt="Bauck Müesli Dinkel Schokozart Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9375/file/small-8fbca16bf58681e29735c8805cbb2e25.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9375/file/medium-4ce94dfa921f1ce43362700da29371b8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9375/file/large-7391740439994002e21c01f0d8fa8300.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9375/file/medium-4ce94dfa921f1ce43362700da29371b8.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">Bauck</p>
          <a href="/products/bauck-muesli-dinkel-schokozart-demeter-425-g-18188">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Müesli Dinkel Schokozart Demeter, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7u7xdl-Pm0hi80DQm-UmaGbPcXLh0ZXEWgqO4kuk-1rgPzTJhutmx5_rBLy-cDb0mvFIGrFeFz23RmAlzcyNoA" />
    <input value="18188" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-muesli-hafer-mit-beeren-bio-gf-425-g-18189">
          <img alt="Bauck Müesli Hafer mit Beeren Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9081/file/small-39d864841e02dc2610e46a54d33e6fa0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9081/file/medium-95cedd1eb363f9c1172106922897f050.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9081/file/large-ec25f7b73f399e9676bbbfcd7b54d69c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9081/file/medium-95cedd1eb363f9c1172106922897f050.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">Bauck</p>
          <a href="/products/bauck-muesli-hafer-mit-beeren-bio-gf-425-g-18189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Müesli Hafer mit Beeren Bio gf, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-muesli-hafer-mit-nussen-demeter-gf-425-g-18190">
          <img alt="Bauck Müesli Hafer mit Nüssen Demeter gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10592/file/small-aa288ff02e11cc0f474421b97786ca2c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10592/file/medium-107cc65f636f1816be0ceef3a86aa893.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10592/file/large-b0337e5163ad0c1c06071e678062a22a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10592/file/medium-107cc65f636f1816be0ceef3a86aa893.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">Bauck</p>
          <a href="/products/bauck-muesli-hafer-mit-nussen-demeter-gf-425-g-18190">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Müesli Hafer mit Nüssen Demeter gf, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-pudding-gries-reis-bio-gf-2-x-65-g-18191">
          <img alt="Bauck Pudding Gries Reis Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9593/file/small-01d0c2e7dcde9bbb20ec4e40095f50a2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9593/file/medium-f0ad6af1b7f9c1bac7d18f94887a835c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9593/file/large-70b907fe469f375a34898d45112e63de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9593/file/medium-f0ad6af1b7f9c1bac7d18f94887a835c.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">Bauck</p>
          <a href="/products/bauck-pudding-gries-reis-bio-gf-2-x-65-g-18191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Pudding Gries Reis Bio gf, 2 x 65 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 2.69 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bauck-speisestarke-mais-bio-gf-250-g-18192">
          <img alt="Bauck Speisestärke Mais Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9082/file/small-fd26f1d381be5e0c6cae844cf147a703.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9082/file/medium-ef8ba7226c91653d725ff6b13307ccf6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9082/file/large-fa840ac8d5b49cb2116a936df885b2cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9082/file/medium-ef8ba7226c91653d725ff6b13307ccf6.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">Bauck</p>
          <a href="/products/bauck-speisestarke-mais-bio-gf-250-g-18192">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Speisestärke Mais Bio gf, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D25">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bergerie-schaf-frischkase-50-fett-bio-100-g-18193">
          <img alt="Bergerie Schaf Frischkäse 50% Fett Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9588/file/small-76a7e29a546ef8b2493123ee18921d08.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9588/file/medium-d35ac7f41d21c50a34310a2308763a34.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9588/file/large-09e99ed3f9f4829235ce612fe0dcd969.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9588/file/medium-d35ac7f41d21c50a34310a2308763a34.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">Bergerie</p>
          <a href="/products/bergerie-schaf-frischkase-50-fett-bio-100-g-18193">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bergerie Schaf Frischkäse 50% Fett Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zXqaG9tT5YqcbVXRWnBPJXRyNGNUku0vtrG8iuOnlBPDq1-kAjcYBWF1Eb1_5V-5iEwNCwQdb9Zb_VJNZc_i6Q" />
    <input value="18193" 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">
      500 von 1&#39;583 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=26">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>