<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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/manifaktur-kastanien-amori-bio-gf-vegan-250-g-18547">
          <img alt="Manifaktur Kastanien Amori Bio gf vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10191/file/small-ee7c982496a137106ef3bc69488879b5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10191/file/medium-c6201c63fd6609c5732a4dd1a967a2b0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10191/file/large-f2f6ec6b303f6fa44f39ed440f9eae13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10191/file/medium-c6201c63fd6609c5732a4dd1a967a2b0.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">manifaktur</p>
          <a href="/products/manifaktur-kastanien-amori-bio-gf-vegan-250-g-18547">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Manifaktur Kastanien Amori Bio gf vegan, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GQGxNMbWklp1Q8cVASgujEnc4w2wgoAPp0T7JbFHnBq1PNznN6FCzrw2UBos_ivVmaDoyNANT4FqXCpaAnuD5A" />
    <input value="18547" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/manifaktur-mais-hornli-bio-gf-vegan-250-g-18548">
          <img alt="Manifaktur Mais Hörnli Bio gf vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10190/file/small-77eb169e498c75802c4573e565610fa6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10190/file/medium-d24a72eed71d741bfc8fb556c68660e9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10190/file/large-8fdd5037aa057b2fff87b95c4cb1e3e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10190/file/medium-d24a72eed71d741bfc8fb556c68660e9.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">manifaktur</p>
          <a href="/products/manifaktur-mais-hornli-bio-gf-vegan-250-g-18548">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Manifaktur Mais Hörnli Bio gf vegan, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="voEHSt3oGXrnLI39lhvJGo995ZuuebbxvOYzo_M0eWYSvGqZLJ_J7i5ZGvK7zcxDXwHuXs72eX9x_uLcQAhmmA" />
    <input value="18548" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/manifaktur-quinoa-flocken-bio-gf-200-g-18549">
          <img alt="Manifaktur Quinoa Flocken Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10187/file/small-8867d859e6db978a092e120f0e5fd1ba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10187/file/medium-4278f92886d7a05ba6b6ece415bb5441.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10187/file/large-5355e96a7618322e54c863d7a4de94d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10187/file/medium-4278f92886d7a05ba6b6ece415bb5441.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">manifaktur</p>
          <a href="/products/manifaktur-quinoa-flocken-bio-gf-200-g-18549">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Manifaktur Quinoa Flocken Bio gf, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SsyrRJu6sQUv5pmimsTplkhu2XdENNSCOr_rHYS7XSfm8caXas1hkeaTDq23EuzPmBLSsiS7Gwz3pzpiN4dC2Q" />
    <input value="18549" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/marschland-gewurzgurken-bio-670-g-18550">
          <img alt="Marschland Gewürzgurken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10610/file/small-5bd899af5c10d72332faee2d20c0178e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10610/file/medium-60063395f5a7157e5c42df6d66577f9c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10610/file/large-4a572ec1b73d2fac1a42df0353114083.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10610/file/medium-60063395f5a7157e5c42df6d66577f9c.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">Marschland</p>
          <a href="/products/marschland-gewurzgurken-bio-670-g-18550">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Marschland Gewürzgurken Bio, 670 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i8Joi-jlKlcmqaR69ERSxTK1L4jdleykUJp7TVfvzxon_wVYGZL6w-_cM3XZklec4skkTb0aIyqdgqoy5NPQ5A" />
    <input value="18550" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/meier-beck-birnenbrot-mini-konv-gf-170-g-18551">
          <img alt="Meier-beck Birnenbrot mini konv gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10640/file/small-0711c9cdda4439da4c6105cde948fea6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10640/file/medium-25abeb13283929f59ce9c5535209f468.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10640/file/large-07a43e6265220dfcc635cc2f70ef9cb2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10640/file/medium-25abeb13283929f59ce9c5535209f468.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">Meier-beck</p>
          <a href="/products/meier-beck-birnenbrot-mini-konv-gf-170-g-18551">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meier-beck Birnenbrot mini konv gf, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a-7zOWgQ3roYG8W1mVMPdC5YS9eyVuREzhAp2d-qew_H057qmWcOLtFuUrq0hQot_iRAEtLZK8oDCPimbJZk8Q" />
    <input value="18551" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/meier-beck-dinkel-bauernbirnbrot-klein-konv-420-g-18552">
          <img alt="Meier-beck Dinkel Bauernbirnbrot klein konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10637/file/small-664d47b537ba0125f4a3958e77ddb1fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10637/file/medium-421ceaae0b4e84e03cf89b54eecc23d8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10637/file/large-908ae5023050c389e2d0144f0d73f415.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10637/file/medium-421ceaae0b4e84e03cf89b54eecc23d8.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">Meier-beck</p>
          <a href="/products/meier-beck-dinkel-bauernbirnbrot-klein-konv-420-g-18552">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meier-beck Dinkel Bauernbirnbrot klein konv, 420 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iGsjVDi68Xnd11Hz_llMsJXNQSOQ-PVoZc8ehZ7_OjskVk6Hyc0h7RSixvzTj0npRbFK5vB3Ouao18_6LcMlxQ" />
    <input value="18552" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/meier-beck-dinkel-bauernbirnbrot-mini-konv-130-g-18553">
          <img alt="Meier-beck Dinkel Bauernbirnbrot mini 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-b8781912d9885bc71f55d023816b484b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10612/file/medium-2959cc0c7f866877e7785e3f1115fd17.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10612/file/large-75b771a5aed3fce682204b3332c4e5eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10612/file/medium-2959cc0c7f866877e7785e3f1115fd17.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">Meier-beck</p>
          <a href="/products/meier-beck-dinkel-bauernbirnbrot-mini-konv-130-g-18553">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meier-beck Dinkel Bauernbirnbrot mini konv, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ccyxSNVdHBg6Mx_VgA_Jjz5tAZgPh5x6pC-aVdvAu5Td8dybJCrMjPNGiNqt2czW7hEKXW8IU_RpN0sqaPykag" />
    <input value="18553" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/meier-beck-dinkel-nusstorte-mini-konv-90-g-18554">
          <img alt="Meier-beck Dinkel Nusstorte mini konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10634/file/small-dff018dabe486958b9e3a98ad7b378ef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10634/file/medium-f57293802e78367ffcb8e8ed51e1014f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10634/file/large-832e272f35ab6e7c0e45f0b0537d7421.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10634/file/medium-f57293802e78367ffcb8e8ed51e1014f.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">Meier-beck</p>
          <a href="/products/meier-beck-dinkel-nusstorte-mini-konv-90-g-18554">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meier-beck Dinkel Nusstorte mini konv, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KMUNUurrOpSdTE8PIdsiaqb2GWKG9yiZrIzyD7qKiBqE-GCBG5zqAFQ52AAMDSczdooSp-Z45xdhlCNwCbaX5A" />
    <input value="18554" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/meier-beck-dinkel-nusstorte-nr-0-10cm-230g-konv-1-stuck-18555">
          <img alt="Meier-beck Dinkel Nusstorte Nr. 0 10cm 230g konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10635/file/small-e2c4b4e0f2cad284dea709d16b18e91a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10635/file/medium-ed300ea63e4e823dd22ee8f61b6e3b52.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10635/file/large-3597935f308dc8b5aef71f19302fe8d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10635/file/medium-ed300ea63e4e823dd22ee8f61b6e3b52.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">Meier-beck</p>
          <a href="/products/meier-beck-dinkel-nusstorte-nr-0-10cm-230g-konv-1-stuck-18555">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meier-beck Dinkel Nusstorte Nr. 0 10cm 230g konv, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sWwS2JOiwEA6yzcOU7iXBdRb58lmra1tWTx1TEmae6QdUX8LYtUQ1PO-oAF-bpJcBCfsDAYiYuOUJKQz-qZkWg" />
    <input value="18555" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/meier-beck-dinkel-nusstorte-stuck-1-8-konv-125-g-18556">
          <img alt="Meier-beck Dinkel Nusstorte Stück 1/8 konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10301/file/small-3ed7710c62a14147fb030c5ecb2a72b6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10301/file/medium-28df5e3382061ceedf03215b9492d04b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10301/file/large-38aa56a11c951bdb2e33a2e968c4d1c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10301/file/medium-28df5e3382061ceedf03215b9492d04b.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">Meier-beck</p>
          <a href="/products/meier-beck-dinkel-nusstorte-stuck-1-8-konv-125-g-18556">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meier-beck Dinkel Nusstorte Stück 1/8 konv, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uTRm0lIqd3mjoJLR2UvDnypT0fwGtezQHAncEtMiIlsVCQsBo12n7WrVBd70ncbG-i_aOWY6I17REQ1tYB49pQ" />
    <input value="18556" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/meier-beck-dinkel-zwetschgen-tonkabrot-konv-320-g-18557">
          <img alt="Meier-beck Dinkel Zwetschgen Tonkabrot konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10611/file/small-7fef6ee66b94824132657edfcb660a4f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10611/file/medium-36493f646bd7168f0df3a03d8fceedfe.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10611/file/large-bde555701fd0249d0fb404449aa49ef7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10611/file/medium-36493f646bd7168f0df3a03d8fceedfe.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">Meier-beck</p>
          <a href="/products/meier-beck-dinkel-zwetschgen-tonkabrot-konv-320-g-18557">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meier-beck Dinkel Zwetschgen Tonkabrot konv, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2AL9X0Vv9rTRq5owdtEGVsSDeHb7M1QuJJ6vqxJmGjp0P5CMtBgmIBjeDT9bBwMPFP9zs5u8m6Dphn7UoVoFxA" />
    <input value="18557" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/meier-beck-marronikuchen-im-glas-bio-gf-200-g-18558">
          <img alt="Meier-beck Marronikuchen im Glas Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10302/file/small-2b4809e126c8c817e1ea00d24a5adc69.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10302/file/medium-42fde3769a4e4e18483617446e8ae641.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10302/file/large-74a7308e09847f77f2cb7e20adf9ecfb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10302/file/medium-42fde3769a4e4e18483617446e8ae641.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">Meier-beck</p>
          <a href="/products/meier-beck-marronikuchen-im-glas-bio-gf-200-g-18558">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meier-beck Marronikuchen im Glas Bio gf, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zs5o7rgV9zybCH0ohAsXXjVy7S144vmVMXCv9LAGkyti8wU9SWInqFJ96iep3RIH5Q7m6BhtNhv8aH6LAzqM1Q" />
    <input value="18558" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/meie-beck-nusstorte-1-8-konv-gf-120-g-18559">
          <img alt="Meie-beck Nusstorte 1/8 konv gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10232/file/small-6cf144fce6246d0b4ed994f960126cd0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10232/file/medium-7d4144bf10e00f001b22b5eb8de6b49d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10232/file/large-665bcdaf54f820da8d751a279319d8ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10232/file/medium-7d4144bf10e00f001b22b5eb8de6b49d.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">Meier-beck</p>
          <a href="/products/meie-beck-nusstorte-1-8-konv-gf-120-g-18559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meie-beck Nusstorte 1/8 konv gf, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CzGuptaDztkAP-z7o-aAMnV6LtnleaSHhnTjXdpsJManDMN1J_QeTclKe_SOMIVrpQYlHIX2awlLbDIiaVA7OA" />
    <input value="18559" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/meier-beck-nusstorte-mit-bundner-baumnusse-nr-0-10cm-190g-bio-1-stuck-18560">
          <img alt="Meier-beck Nusstorte mit Bündner Baumnüsse Nr. 0 10cm 190g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10636/file/small-298c37db904cf4299672a3a9a2f6e78b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10636/file/medium-9c507b7a37fd41343e3358fd72429d18.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10636/file/large-7f9d3068adc4f850a5a42b402c82186a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10636/file/medium-9c507b7a37fd41343e3358fd72429d18.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">Meier-beck</p>
          <a href="/products/meier-beck-nusstorte-mit-bundner-baumnusse-nr-0-10cm-190g-bio-1-stuck-18560">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meier-beck Nusstorte mit Bündner Baumnüsse Nr. 0 10cm 190g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D7xfbS7KORhHrG4-pfpD7L4Vsw_J74voztkKpG5NjBGjgTK-373pjI7Z-TGILEa1bmm4yqlgRGYDwdvb3XGT7w" />
    <input value="18560" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/miradent-xylitol-kaugummi-frucht-30-stuck-18561">
          <img alt="Miradent Xylitol Kaugummi Frucht" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10626/file/small-cd20cab53ad7db016e40abb114c7b2a2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10626/file/medium-32a722c2ba998c09051a841319088914.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10626/file/large-192f5433359e31522a805f69c1e488b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10626/file/medium-32a722c2ba998c09051a841319088914.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">Miradent</p>
          <a href="/products/miradent-xylitol-kaugummi-frucht-30-stuck-18561">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miradent Xylitol Kaugummi Frucht, 30 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="URLBAWtcXcf6XXCfRUNZdNf3zIrD1Eo6R2SdTtB2XQX9L6zSmiuNUzMo55BolVwtB4vHT6NbhbSKfEwxY0pC-w" />
    <input value="18561" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/miradent-xylitol-kaugummi-pfefferminz-30-stuck-18562">
          <img alt="Miradent Xylitol Kaugummi Pfefferminz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9146/file/small-29630a0692a838b04cdf81c28b06c25f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9146/file/medium-a3a216aedc03332d501d5b93ce022781.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9146/file/large-448fff14ee8bfe90bf005d9f72db339e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9146/file/medium-a3a216aedc03332d501d5b93ce022781.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">Miradent</p>
          <a href="/products/miradent-xylitol-kaugummi-pfefferminz-30-stuck-18562">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miradent Xylitol Kaugummi Pfefferminz, 30 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="znrps8qcLOpO8BnBwMTGqqgU5lZbiewKgCJ0IpROYjliR4RgO-v8foeFjs7tEsPzeGjtkzsGI4RNOqVdJ3J9xw" />
    <input value="18562" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/miradent-xylitol-kaugummi-zimt-30-stuck-18563">
          <img alt="Miradent Xylitol Kaugummi Zimt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9147/file/small-01448f86c32f962ab2af52fc5f56daa4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9147/file/medium-56ae99e1da593120b8c80bc0b0708c44.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9147/file/large-fa537ea2336ee149544a38352c3870a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9147/file/medium-56ae99e1da593120b8c80bc0b0708c44.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">Miradent</p>
          <a href="/products/miradent-xylitol-kaugummi-zimt-30-stuck-18563">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miradent Xylitol Kaugummi Zimt, 30 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jPHoGjV4zSDVkZZ683A_YyOmCtyB4j2jk5bur2kc8OUgzIXJxA8dtBzkAXXepjo689oBGeFt8i1ejj_Q2iDvGw" />
    <input value="18563" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/mogli-quetschi-apfel-blaubeere-banane-demeter-120-g-18564">
          <img alt="Mogli Quetschi Apfel Blaubeere Banane Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10332/file/small-1bf9e1a05e62c7e23c8161d8361e5953.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10332/file/medium-d32aa5ff93d1796beb73022fd4b7a7f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10332/file/large-ac97d443f3cbdc877c701568bd1bb1cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10332/file/medium-d32aa5ff93d1796beb73022fd4b7a7f1.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">Mogli</p>
          <a href="/products/mogli-quetschi-apfel-blaubeere-banane-demeter-120-g-18564">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mogli Quetschi Apfel Blaubeere Banane Demeter, 120 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 1.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kCP-YTUgJSdMsEwWYlq-561Jvz3YdpOyMI1WgT9ERWI8HpOyxFf1s4XF2xlPjLu-fTW0-Lj5XDz9lYf-jHhanA" />
    <input value="18564" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/mogli-quetschi-apfel-erdbeere-banane-demeter-100-g-18565">
          <img alt="Mogli Quetschi Apfel Erdbeere Banane Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10201/file/small-fef335fd9fa211ddb0aa9957862c2afb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10201/file/medium-419d90fb3b0a76dba4556a164034547e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10201/file/large-0ae6609d08a792074a33f7fe0767b26e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10201/file/medium-419d90fb3b0a76dba4556a164034547e.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">Mogli</p>
          <a href="/products/mogli-quetschi-apfel-erdbeere-banane-demeter-100-g-18565">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mogli Quetschi Apfel Erdbeere Banane Demeter, 100 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 1.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yICyzjpUJEtqGVDfBNaZF13wjErKUAwzMxKtqNa-lmVkvd8dyyP036Nsx9ApAJxOjYyHj6rfw73-CnzXZYKJmw" />
    <input value="18565" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D54">
    <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/morga-acerola-80mg-vitamin-c-180-stuck-18566">
          <img alt="Morga Acerola 80mg Vitamin C" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9145/file/small-311e795970f49b1512e4f442fcc711ef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9145/file/medium-6d00649881d5c6739f42c9e94bd66b75.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9145/file/large-44daf24d07b3d232fb161140b6982a20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9145/file/medium-6d00649881d5c6739f42c9e94bd66b75.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">MORGA</p>
          <a href="/products/morga-acerola-80mg-vitamin-c-180-stuck-18566">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Acerola 80mg Vitamin C, 180 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ycJpqjs_PvhyrpYkT7pT-bGiQx2eVBz9Sn4P8ktMeCpl_wR5ykjubLvbAStibFagYd5I2P7b03OHZt6N-HBn1A" />
    <input value="18566" 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;080 von 3&#39;034 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/products?format=turbo_stream&amp;page=55">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>