<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%2Flesirupierdeberne%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-18866">
          <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/9510/file/small-ad847badcc7250df2a710b7dc316f802.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9510/file/medium-fbda7aa50c36d9a66efc2261739a1482.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9510/file/large-e880618d557a48c55236fbec85321ccb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9510/file/medium-fbda7aa50c36d9a66efc2261739a1482.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-18866">
            <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-18866-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1XevOsBPd72O-P8hBfTtdighB_DDtvQVtw3bc-U5iXhO2Mz9FHAvDfrno8ueQXf9jaCwn_O1Fle2a8cw-HIIYA" />
    <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  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%2Flesirupierdeberne%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-18867">
          <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/9530/file/small-d6537daaa9f4511c2c8bc78ef4d6e266.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9530/file/medium-41611becfd7f708f5c84e2142b04e028.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9530/file/large-388d2fb389665716df6df571be5ace45.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9530/file/medium-41611becfd7f708f5c84e2142b04e028.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-18867">
            <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-18867-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dYxBUJ9yKHy2ypNiDP-PaP1Tq6R_7no1u5Q9JdLBa3HuIyKXS01wzMLVz4iXShXjWNIcy0_tmHe68iFmz4rqaQ" />
    <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 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%2Flesirupierdeberne%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-18868">
          <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/9517/file/small-fccb7ff2452276caf2ce944cd0c257b4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9517/file/medium-0b2c7883c6b647772a5319de7dd3d739.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9517/file/large-96180eac8119280c6068ae4c2db96b7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9517/file/medium-0b2c7883c6b647772a5319de7dd3d739.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-18868">
            <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-18868-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2EvqoMFAsjrzxgH7OU69LX75y38MS-EgXKRb4iNjJr1D5IlnFX_qiofZXRGi-yem23h8EDxIA2JdwkehPiinpQ" />
    <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  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%2Flesirupierdeberne%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-18869">
          <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/9528/file/small-9088647953b3f30278940cdbaa8c8cf3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9528/file/medium-9a3e16107312be67e6ac2016a36f0579.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9528/file/large-e5078746dd8f76485c3a6ed2e8eb2270.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9528/file/medium-9a3e16107312be67e6ac2016a36f0579.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-18869">
            <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-18869-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xl_zl91iT5p629ESBhPh_HKeZtmaaL1PllUzkgFSksnF8JBQCV0XKg7Ejfidpnt31x_RtqprXw2XMy_RHBkT0Q" />
    <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 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%2Flesirupierdeberne%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-18870">
          <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/10619/file/small-3559d64a091c67219346f89d2643e55c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10619/file/medium-9da7724a934d587007a0fcaa06893b34.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10619/file/large-065ca0ea9d4d8a58ed15f9801fe353fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10619/file/medium-9da7724a934d587007a0fcaa06893b34.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-18870">
            <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-18870-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eMl8Clpu0hkw4UzHlTVf4Ae81nKYEX5AG5mxp-Lz41fjZh_NjlGKqUT-EC0OgMVroj1hHagSnAIa_63k_7hiTw" />
    <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  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%2Flesirupierdeberne%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-18871">
          <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/9506/file/small-fab9f3235e45d778f2e275211fe7a4a6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9506/file/medium-d18c4b478ba722db6290304b57573d9b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9506/file/large-c8a463fdf325a44a15f96c512d6aef11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9506/file/medium-d18c4b478ba722db6290304b57573d9b.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-18871">
            <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-18871-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bFqfxpGvxvfHY6PKgjgbN54sAWPRGx7DW1K_L-FLgSP39fwBRZCeR7N8_yAZjYG8O622DOEY_IFaNKNs_AAAOw" />
    <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 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%2Flesirupierdeberne%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-18872">
          <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/10620/file/small-eb8dc1bf2a73127ec2cbb9d5c05b1059.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10620/file/medium-ce6c89ccb2a98fc901c7c8c477e2f599.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10620/file/large-a67c06b8bd90b8fbf5e917cee4d137f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10620/file/medium-ce6c89ccb2a98fc901c7c8c477e2f599.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-18872">
            <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-18872-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="abU_M71Sxm_IJo2s3Bqz1oKEjholf-9E4YJRN_wkoA7yGlz0aW2e37w50UZHryldJwU5dRV8DQbg5E104W8hFg" />
    <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  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%2Flesirupierdeberne%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-18873">
          <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/9524/file/small-3f330a4630c155474320b94bc8511785.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9524/file/medium-dc404cc35e06afa55b1878248d61e90b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9524/file/large-6da1e806c0c33e21ec5ad4924ff9a6aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9524/file/medium-dc404cc35e06afa55b1878248d61e90b.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-18873">
            <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-18873-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OB90RAgOIbZ8o-qbryRVQJq3_KgayvIPWgmSbZu6Ih-jsBeD3DF5Bgi8tnE0kc_LPzZLxyrJEE1bb44uhvGjBw" />
    <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 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%2Flesirupierdeberne%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-18874">
          <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/9504/file/small-7f3962ffbb7179d37b0355fb8582d07b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9504/file/medium-8aefcbe5433ff5110478b2783fd3bda9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9504/file/large-9ca1d7bd2dc848ade014a2ca08cf2703.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9504/file/medium-8aefcbe5433ff5110478b2783fd3bda9.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-18874">
            <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-18874-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nHYhvhA9HonFKcY2xRuzmlgmpvQsBVQpAfuZMtN70YIH2UJ5xAJGObE2mtxerikR_acRmxwGtmsAnYVxzjBQmg" />
    <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  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%2Flesirupierdeberne%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-18875">
          <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/9514/file/small-cb0637def38134a49eeab0ae20440455.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9514/file/medium-359bab799e5c8cafb443dc608fbf09f8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9514/file/large-acd984d7a39edbf4c99e79bd8e395236.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9514/file/medium-359bab799e5c8cafb443dc608fbf09f8.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-18875">
            <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-18875-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hbUg1cwKXdQNQcVFqlAeDj6bcVnvacaBJ8u4CECBAJYeGkMSGDUFZHlema8x5YSFmxrGNt9qJMMmraRLXcqBjg" />
    <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 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%2Flesirupierdeberne%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-18876">
          <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/10078/file/small-8e21f89fb6fac5f852f7da85206a9570.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10078/file/medium-0c608e792dcc5f3972d7a168a69736a0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10078/file/large-d19403c917ff9cd7d59d11b6cd6f50e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10078/file/medium-0c608e792dcc5f3972d7a168a69736a0.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-18876">
            <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-18876-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_EtU-wPW923qt8QF5RQ7pk9MHhaYCWlbj28WObNVcXhn5Dc81-mv3Z6omO9-oaEt6s2peagKixmOCQp6rh7wYA" />
    <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  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%2Flesirupierdeberne%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-18877">
          <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/9520/file/small-3bb47ecc0e86a5d20ef39b7de1e07829.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9520/file/medium-d72713b1890135e022eae221e0fc60e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9520/file/large-6868de2b5f360d810f2138f002bc849a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9520/file/medium-d72713b1890135e022eae221e0fc60e7.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-18877">
            <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-18877-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sa8IecpJ98tPm0oTSCMGVUOv4n8z0cF-DV_gk2g1giXSAGu-HnavezuEFvnTlpze5i5VEAPSIzwMOfzQdX4DPQ" />
    <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 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%2Flesirupierdeberne%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-18878">
          <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/10621/file/small-16d60b305ea2414bdd6a3b5ed3522481.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10621/file/medium-a66258d4f854a9fb86846b56662ecec2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10621/file/large-c2a9140845375c1f406ca910e90266b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10621/file/medium-a66258d4f854a9fb86846b56662ecec2.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-18878">
            <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-18878-card">
        

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


  

  <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%2Flesirupierdeberne%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-18879">
          <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/9511/file/small-4155dd411399ed8be62b4f80c30c378f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9511/file/medium-12f889e9e8fb5cdf40c7209b6d2e31b5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9511/file/large-2dc00f299ef1c77eaa6f3cd9499c3c0b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9511/file/medium-12f889e9e8fb5cdf40c7209b6d2e31b5.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-18879">
            <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-18879-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WVJqqgqYRMyDtOgG8TX9SW08K6tM64SOyjUpmqIvjEfC_Qlt3qccfPertOxqgGfCyL2cxHzoZszLUzXZv2QNXw" />
    <input value="18879" 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%2Flesirupierdeberne%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-18880">
          <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/9512/file/small-caa4877b084efabf33c35fcdd04b6bbf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9512/file/medium-d62af64cb2374079e73427bb64378f42.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9512/file/large-ff73d10a6cd6b5973369cd122bd9e3df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9512/file/medium-d62af64cb2374079e73427bb64378f42.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-18880">
            <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-18880-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aMXTTaaJX60k87Q7vpdUXkfdPdsjjcDeF12yd1kAqQbzarCKcrYHHVDs6NElIs7V4lyKtBOOIpwWO640REsoHg" />
    <input value="18880" 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%2Flesirupierdeberne%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-18881">
          <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/9532/file/small-35cb576315a3ac8d2c5503e42d159f89.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9532/file/medium-666afa84a20e61e1234e652b0e26b055.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9532/file/large-26946e6c28b1e01e28abfd254f43a8a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9532/file/medium-666afa84a20e61e1234e652b0e26b055.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-18881">
            <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-18881-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uCStJtlpMdK_w-f-aSAlDar6dQTUSpzJH6i6du12XeYji87hDVZpYsvcuxTylb-GD3vCa-RJfosezqY18D3c_g" />
    <input value="18881" 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%2Flesirupierdeberne%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-18882">
          <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/9518/file/small-ba8bd7e95f4983f742cc950a41a4c104.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9518/file/medium-60a82beb4821831ab77fba99286b2617.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9518/file/large-b707bf0b57ccde431fbb81c2569b206e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9518/file/medium-60a82beb4821831ab77fba99286b2617.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-18882">
            <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-18882-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uuw9vA0JnHHCpGUpkc0Z4yyOKE4O0vDK7RiVm7UYJG_JQ1572TbEwba7OcMKeINoiQ-fIT7REojsfonYqFOldw" />
    <input value="18882" 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%2Flesirupierdeberne%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-18883">
          <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/9529/file/small-ddd5d48a7c0dd1426d4f5296c4df6cf8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9529/file/medium-d4c2b43e444cbe23561be483a8ca35d0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9529/file/large-3a7f9627a32ebef05e0ce82b7d29e5f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9529/file/medium-d4c2b43e444cbe23561be483a8ca35d0.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-18883">
            <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-18883-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RNZfa-W0zElI8xAR51vrVR5q-9ItcGls5lXh4oAQ9cHfeTysMYuU-TzsTPt87nHeu-tMvR1ziy7nM_2hnVt02Q" />
    <input value="18883" 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%2Flesirupierdeberne%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-konv-3-x-21-5-g-18884">
          <img alt="Twin Bar 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/10612/file/small-ee17420c3dc74cac7228dd740fc296cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10612/file/medium-7120bf95a5136c1478651b471cf0ab15.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10612/file/large-24106bd90b0157c951288b0a80fc329c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10612/file/medium-7120bf95a5136c1478651b471cf0ab15.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-konv-3-x-21-5-g-18884">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Twin Bar Snack Schokolade konv, 3 x 21.5 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 7.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vHTVKQ0NLJ3ADNg5OGC6xsbBZyKgCvqo4Ho99uX1-ywn27bu2TJ0LbQThNOj1SBNY0DQTZAJGOrhHCG1-L56NA" />
    <input value="18884" 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%2Flesirupierdeberne%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-18885">
          <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/9493/file/small-fd753a257b6fbe32aa996ea2d7532e9a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9493/file/medium-0e76b41180c3ea676bb46e844a7fb128.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9493/file/large-2c5cbd0533c21a37b588799ff5b100b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9493/file/medium-0e76b41180c3ea676bb46e844a7fb128.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-18885">
            <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-18885-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xEQKavCLFrC06RwYHpePhlYB1x4_cWXx3hfj2Vhk_uBf62mtJLROAMD2QPKFIhUN84BgcQ9yh7Pfcf-aRS9_-A" />
    <input value="18885" 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/lesirupierdeberne?format=turbo_stream&amp;page=67">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>