<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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/mix-it-universalmehl-konv-1-kg-18859">
          <img alt="Mix it Universalmehl konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9504/file/small-830188d127275b29d65dca6b9e0f23a2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9504/file/medium-fd050a3fa7e282427f8a24fc796a1884.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9504/file/large-05a7ddbda5e961c265cc3665875a31ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9504/file/medium-fd050a3fa7e282427f8a24fc796a1884.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">Schär</p>
          <a href="/products/mix-it-universalmehl-konv-1-kg-18859">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mix it Universalmehl konv, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </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-18859-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sdNdquSfExjTV-_Yfwl5lhmS4OuYlnjPiQVXLq8BkLORBl8FgaQWWE-mi8gQ1wUyt5_T7lZ6oNM9nsaNEEUXGg" />
    <input value="18859" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/muesli-konv-375-g-18860">
          <img alt="Müesli konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9524/file/small-68fd10005d81892421720ae72f9da3f4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9524/file/medium-c27097641ae6bde030ef4bdc0d587aa9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9524/file/large-491fb377feac9672d5f59a08893ed54c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9524/file/medium-c27097641ae6bde030ef4bdc0d587aa9.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">Schär</p>
          <a href="/products/muesli-konv-375-g-18860">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli konv, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KitiWyp9E3MGjmbON-3gYxb-x5QaeKWmeOmcVgHVglQK_mD0T0YWM5p_At5YM5zHuPP0kdSUfbrMcg31vpEF_Q" />
    <input value="18860" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/noccioli-snack-3er-pack-konv-63-g-18861">
          <img alt="Noccioli Snack 3er Pack konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9511/file/small-6ef3be8aa32d50d1511e6b18ccde4194.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9511/file/medium-c91eae226ded9d957d32461c82128e5f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9511/file/large-0a396d07f1bef7b4f57d6efc47261eb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9511/file/medium-c91eae226ded9d957d32461c82128e5f.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">Schär</p>
          <a href="/products/noccioli-snack-3er-pack-konv-63-g-18861">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noccioli Snack 3er Pack konv, 63 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r0XiNZzs7s6Z71T_8LWfsqNl3Yr0QDP3l91zMj3eMNmPkOCa-dfrjgUeMO-fa-MWDWjujzqs6-sjRuKRgpq3cA" />
    <input value="18861" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/orangino-soft-cake-konv-150-g-18862">
          <img alt="Orangino Soft Cake konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9522/file/small-b8ca4299cf27291eb75b49a3355c76b7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9522/file/medium-5b77bf42d84d1501b023ceea1de9ab6d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9522/file/large-6e5f78e52aca65b1659101719369c5c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9522/file/medium-5b77bf42d84d1501b023ceea1de9ab6d.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">Schär</p>
          <a href="/products/orangino-soft-cake-konv-150-g-18862">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Orangino Soft Cake konv, 150 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 2.47 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u-BLzxxlfLN5r6M9rtODRRI32vtWS4s-NlMpFe8Xs0mbNUlgeV558-Vexy3BDf_hvDrp_pinUyKCyLi2UFM04A" />
    <input value="18862" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/pain-campagnard-konv-240-g-18863">
          <img alt="Pain Campagnard konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10613/file/small-2278d335c3e7bba7d4d8bc355ebc9626.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10613/file/medium-5ec5a4514590de158be0e6b29c8e3cc1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10613/file/large-9d1d080e41580ef335fda32657ce13e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10613/file/medium-5ec5a4514590de158be0e6b29c8e3cc1.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">Schär</p>
          <a href="/products/pain-campagnard-konv-240-g-18863">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pain Campagnard konv, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WYrYgcPOUMhVt69R5-o3zzP7Ik14T6wSZz5xXxuEkX95X9oupvVViMlGy0GINEtrnfYRSLajdA7TpeD8pMAW1g" />
    <input value="18863" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/paniermehl-konv-300-g-18864">
          <img alt="Paniermehl konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9500/file/small-e65753e08c45dd1d424746211f4f7e07.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9500/file/medium-5140fa609ad0ba5954297f8b3ffd8679.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9500/file/large-345624c8f3b20566ee6e0c91e395cd7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9500/file/medium-5140fa609ad0ba5954297f8b3ffd8679.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">Schär</p>
          <a href="/products/paniermehl-konv-300-g-18864">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paniermehl konv, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RCuPD0pGjEyzM-LgOmib7Z32EF9VvaEIIDg9TNcGj7Zk_o2gL32JDC_ChvBVtudJM_sjWptReRSUo6zvaEIIHw" />
    <input value="18864" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/piadina-wraps-konv-160-g-18865">
          <img alt="Piadina Wraps konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10614/file/small-a85d8e75f3ade06563539ae92a3804a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10614/file/medium-33382c3f2ca89c03a449f493ac999266.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10614/file/large-b4bd160952edf8565e5e97e5a8601352.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10614/file/medium-33382c3f2ca89c03a449f493ac999266.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">Schär</p>
          <a href="/products/piadina-wraps-konv-160-g-18865">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Piadina Wraps konv, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HVpIUSLyEBwp7uCJ7WjGHEcpsuBcGujhtbhUzvDL0FQ9j0r-R8kVXLUfhJmCtrq46SSB5ZL2MP0BI8VtT49X_Q" />
    <input value="18865" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/pizza-boden-konv-2-x-150-g-18866">
          <img alt="Pizza Böden konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9518/file/small-8b0d652bcc3caa601138ccc33e3a475e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9518/file/medium-37f85745d6b87cd81055377fb8fe1aa6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9518/file/large-2c4fc386265f6c6f2c1a4a86c294cdee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9518/file/medium-37f85745d6b87cd81055377fb8fe1aa6.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">Schär</p>
          <a href="/products/pizza-boden-konv-2-x-150-g-18866">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pizza Böden konv, 2 x 150 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 2.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MCDlzSgV0N7nXaLHQA0fissiiHigw6Dk_hm8-ARfGwQQ9ediTS7Vnnusxtcv02MuZS-7fW4vePhKgi1buxucrQ" />
    <input value="18866" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/riegel-cereal-bar-vitamin-konv-25-g-18867">
          <img alt="Riegel Cereal Bar Vitamin konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9498/file/small-09dade181fd81c72d5e2de0aa29c03b2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9498/file/medium-ca28062a4aa7ef10f7229b386a5bb117.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9498/file/large-71d05cb8479aecb97d97cde6eb9ad609.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9498/file/medium-ca28062a4aa7ef10f7229b386a5bb117.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">Schär</p>
          <a href="/products/riegel-cereal-bar-vitamin-konv-25-g-18867">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel Cereal Bar Vitamin konv, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GsKrIhnLwZ9jIc3ZYDMnvLhTcxjcB1On1pq5DxzeqRk6F6mNfPDE3__QqckP7VsYFl5AHRLri7tiASiso5ousA" />
    <input value="18867" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/riegel-melto-konv-90-g-18868">
          <img alt="Riegel Melto konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9508/file/small-deb0a14be1fce72ef4feee835e4e18e7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9508/file/medium-fafb911421df6cbb89c3f577db0613a1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9508/file/large-c8176aba1a17b49097c77bc01a4f4651.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9508/file/medium-fafb911421df6cbb89c3f577db0613a1.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">Schär</p>
          <a href="/products/riegel-melto-konv-90-g-18868">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel Melto konv, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4F9FMVcACw0O4xwCz6c9x3EAAgJkY2rJSWXwA7Jn_bLAikeeMjsOTZISeBKgeUFj3w0xB6qPstX9_mGgDSN6Gw" />
    <input value="18868" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/salinis-konv-60-g-18869">
          <img alt="Salinis konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10070/file/small-03ba3005d2a57ead9eafc716f06f8a9a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10070/file/medium-eccc1cf506811a4db0cab562cea8c3c5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10070/file/large-e951ea4613f1f8e225142eb3463d469d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10070/file/medium-eccc1cf506811a4db0cab562cea8c3c5.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">Schär</p>
          <a href="/products/salinis-konv-60-g-18869">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salinis konv, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3TzgqtlixBBcZPL5z-RI7hKx9E9RmdJj1SsDTt-XTf796eIFvFnBUMCVlumgOjRKvLzHSp91Cn9hsJLtYNPKVw" />
    <input value="18869" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/salti-konv-175-g-18870">
          <img alt="Salti konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9514/file/small-001dd535f9eb0b91540d817a1d50ccd3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9514/file/medium-d669ffc45992cd3f5591e176d9b5f1ba.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9514/file/large-6f26813f8afe2db590dec0544e14b579.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9514/file/medium-d669ffc45992cd3f5591e176d9b5f1ba.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">Schär</p>
          <a href="/products/salti-konv-175-g-18870">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salti konv, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CRPO1pfZQ4M-VndWcWdeK2Mz1MlZsii_VXG3gWi1BAcpxsx58uJGw6KnE0YeuSKPzT7nzJde8KPh6iYi1_GDrg" />
    <input value="18870" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/sauerteigbrot-konv-240-g-18871">
          <img alt="Sauerteigbrot konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10615/file/small-3bd449f7122f61a5c59772efb26c2c8b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10615/file/medium-8dd63b8c18d2ef0acc3da7d73f725bf5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10615/file/large-7deefbde2032dbb7e2de317dad3c3b19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10615/file/medium-8dd63b8c18d2ef0acc3da7d73f725bf5.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">Schär</p>
          <a href="/products/sauerteigbrot-konv-240-g-18871">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauerteigbrot konv, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GzOxRU3TRmEiW__FVR824uTUfXjVFodnMbu0EHlM6bc75rPqKOhDIb6qm9U6wUpGStlOfRv6X3uFICWzxghuHg" />
    <input value="18871" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/savoiardi-loffelbisquits-konv-200-g-18872">
          <img alt="Savoiardi Löffelbisquits konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9505/file/small-12660368002366824c8e54c0d8a9b7c8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9505/file/medium-cb50732bbf5338e8e0bb034730c15c3d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9505/file/large-c0f30b31d9c951a5c473a361a8a01ec5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9505/file/medium-cb50732bbf5338e8e0bb034730c15c3d.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">Schär</p>
          <a href="/products/savoiardi-loffelbisquits-konv-200-g-18872">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Savoiardi Löffelbisquits konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="szTOhHLGBmsSi8FMN3Mg1qd-IMbW5E5ehu_cUf-pkE2T4cwrF_0DK456pVxYrVxyCXMTwxgIlkIydE3yQO0X5A" />
    <input value="18872" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/snack-schokolade-konv-105-g-18873">
          <img alt="Snack Schokolade konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9506/file/small-56606bb68cbc78cec3246941a6c1a8b4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9506/file/medium-fc84047e7052a92d6d5209f2b11d8c5c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9506/file/large-402b0dfd3149acec764b96dd7c368b67.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9506/file/medium-fc84047e7052a92d6d5209f2b11d8c5c.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">Schär</p>
          <a href="/products/snack-schokolade-konv-105-g-18873">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Snack Schokolade konv, 105 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fkVs0BywtjwkgwjXToniGMXNycVV9BZG6GPjz5rbm0NekG5_eYuzfLhybMchV568a8D6wJsYzlpc-HJsJZ8c6g" />
    <input value="18873" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/soft-waffeln-konv-100-g-18874">
          <img alt="Soft Waffeln konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9526/file/small-27da998b5c680a94853bb903f84caccc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9526/file/medium-daf17fb0ad0fdbbb99421d9be383d255.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9526/file/large-7830238744009e292631e1e4e505b31a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9526/file/medium-daf17fb0ad0fdbbb99421d9be383d255.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">Schär</p>
          <a href="/products/soft-waffeln-konv-100-g-18874">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soft Waffeln konv, 100 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 5.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ihDpHfqNnudV90rpjW_RrsfcmhQzyA1D7uqv6SWBxwGqxeuyn7abp8kGLvnisa0KadGpEf0k1V9acT5KmsVAqA" />
    <input value="18874" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/spaghetti-400-g-18875">
          <img alt="Spaghetti" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9512/file/small-0a8a0876998a648c801841b65ab60064.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9512/file/medium-921f0965a0dad13012c7592f8bce80ee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9512/file/large-14e5a6719f1c5bb2e39451354859d08f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9512/file/medium-921f0965a0dad13012c7592f8bce80ee.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">Schär</p>
          <a href="/products/spaghetti-400-g-18875">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spaghetti, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZRLHfKBSqjOBUeCQvIAtdVUnBR_VsegRun3U39V9qHRFx8XTxWmvcx2ghIDTXlHR-yo2GhtdMA0O5kV8ajkv3Q" />
    <input value="18875" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/super-sandwich-konv-280-g-18876">
          <img alt="Super Sandwich konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9523/file/small-e07077a6a0812e3b63ec8c4b5a9de928.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9523/file/medium-164eb8c8a5ae0cb7d3df77af3db0f0c7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9523/file/large-a3d79ee9d3731b918d747e4a5299c530.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9523/file/medium-164eb8c8a5ae0cb7d3df77af3db0f0c7.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">Schär</p>
          <a href="/products/super-sandwich-konv-280-g-18876">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Super Sandwich konv, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6Z6pqZkXQwm6is9ea_bnfAAoTlPlnrDZ6icjB-4VOYjJS6sG_CxGSSZ7q04EKJvYriV9VityaMVevLKkUVG-IQ" />
    <input value="18876" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/twin-bar-snack-schokolade-3x21-5g-konv-1-stuck-18877">
          <img alt="Twin Bar Snack Schokolade 3x21.5g konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10607/file/small-0a2624404a98f19fd174ac4a75372e4e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10607/file/medium-d01d37f1e234e9be6bb298e87ed356d7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10607/file/large-0323ef892f8c8bb78306fd6b86cbff2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10607/file/medium-d01d37f1e234e9be6bb298e87ed356d7.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">Schär</p>
          <a href="/products/twin-bar-snack-schokolade-3x21-5g-konv-1-stuck-18877">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Twin Bar Snack Schokolade 3x21.5g konv, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-wlmgYDvCGL1InAvenuDgM7PmSxydbMeznxCMNGlnFLb3GQu5dQNImnTFD8Vpf8kYMKqKbyZawJ659OTbuEb-w" />
    <input value="18877" 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%2Freformhaus%3Fformat%3Dturbo_stream%26page%3D66">
    <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/grissini-sesam-bio-100-g-18878">
          <img alt="Grissini Sesam Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9486/file/small-23ebc6844720228dc33a04453fc04358.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9486/file/medium-e6f548215b1ae2b714923df1c22f2c12.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9486/file/large-54902e968031a3ba672700b8411e841c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9486/file/medium-e6f548215b1ae2b714923df1c22f2c12.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schnitzer</p>
          <a href="/products/grissini-sesam-bio-100-g-18878">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grissini Sesam Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

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

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



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

</template></turbo-stream>