<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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/digest-aktiv-kapseln-90-stuck-e66d67dd-87f2-4c81-9e76-a2473514421a-18486">
          <img alt="Digest Aktiv Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10242/file/small-faa04f019461ec600354e61e2fb6b75f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10242/file/medium-be2a64787c0947eca0bd93f92d5cba78.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10242/file/large-5cf0951668a672a25c4dec47346d9202.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10242/file/medium-be2a64787c0947eca0bd93f92d5cba78.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">Erva</p>
          <a href="/products/digest-aktiv-kapseln-90-stuck-e66d67dd-87f2-4c81-9e76-a2473514421a-18486">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Digest Aktiv Kapseln, 90 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PsA6N4-3CBUf3cSD8Wsa4g7RKnMpEflFWmQiotMt0BJM9GaltLwlYp_oifbfxxHk2065UoUkwCC_JS-yl-TC8Q" />
    <input value="18486" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/grunlippmuschel-kapseln-90-stuck-18487">
          <img alt="Grünlippmuschel Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10244/file/small-564b8882869eb0313f63316ae84e43ad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10244/file/medium-78d8e8e6e35dda8b932b36387b99ea2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10244/file/large-0187689f1553a64af58b079a51c50716.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10244/file/medium-78d8e8e6e35dda8b932b36387b99ea2b.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">Erva</p>
          <a href="/products/grunlippmuschel-kapseln-90-stuck-18487">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grünlippmuschel Kapseln, 90 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 64.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YFtf5Ulf4d3KZ2hrY4LJJV1y9qecSCZ-Pic4UCuVNK0SbwN3clTMqkpSJR5NLsIjiO1lhjB9HxvbZjVAb1wmTg" />
    <input value="18487" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/hirse-bambus-plus-kapseln-90-stuck-aa727f55-3f27-46f2-9f6b-fb7c5e7064d1-18488">
          <img alt="Hirse Bambus Plus Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10243/file/small-daf5479d530131fed871745990b612b8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10243/file/medium-31fe6abe6d1c120ace25ffe76b9770fe.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10243/file/large-ae1ee7585c42b932c5e9542dea679ef5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10243/file/medium-31fe6abe6d1c120ace25ffe76b9770fe.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">Erva</p>
          <a href="/products/hirse-bambus-plus-kapseln-90-stuck-aa727f55-3f27-46f2-9f6b-fb7c5e7064d1-18488">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirse Bambus Plus Kapseln, 90 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I8jp5fpptWpXtyDpg9hGGt_TsPHx_OElAB8LwXcOV-dR_LV3wWKYHdeCbZytdE0cCkwj0F3J2EDlXgbRM8dFBA" />
    <input value="18488" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/kids-smileys-gummies-160-g-18489">
          <img alt="Kids Smileys Gummies" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9801/file/small-7cd74572d088d4d9f3e1ef9749137594.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9801/file/medium-546068d5192d79b7095a3468a63f7ae6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9801/file/large-4f5467a71a58ae8239f646bbc63beb2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9801/file/medium-546068d5192d79b7095a3468a63f7ae6.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">Erva</p>
          <a href="/products/kids-smileys-gummies-160-g-18489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kids Smileys Gummies, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u9Q1ZrrCkkNpwczToscxbZCKo4do2gW385Y3IaUpdenJ4Gn0gcm_NOn0gaaMazprRRUwpsTvPNIW1zox4eBnCg" />
    <input value="18489" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/krillol-kapseln-90-stuck-18490">
          <img alt="Krillöl Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10245/file/small-de10f39f6591c06ff0d36e1b6bccfc50.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10245/file/medium-aac1e8d8d84e3632e1005c8258eb7683.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10245/file/large-6c3d2ce542852b63003cf4ac51fe976b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10245/file/medium-aac1e8d8d84e3632e1005c8258eb7683.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">Erva</p>
          <a href="/products/krillol-kapseln-90-stuck-18490">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Krillöl Kapseln, 90 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 64.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AJXC3LOs2OlvlOwWr2eTqOVMGRHYQgPnDe37DMT_eyRyoZ5OiKf1nu-hoWOBy5iuMNOKMHR3OoLorPYcgDZpxw" />
    <input value="18490" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/tee-ranuogl-teebeutel-18-stuck-18491">
          <img alt="Tee Ranuogl Teebeutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9804/file/small-b2db6fd05368eb5402c41e402af90319.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9804/file/medium-7df88948322cc3cd7086922524ba32cf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9804/file/large-64e5717eb752711144b4ed96187f9a5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9804/file/medium-7df88948322cc3cd7086922524ba32cf.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">Erva</p>
          <a href="/products/tee-ranuogl-teebeutel-18-stuck-18491">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Ranuogl Teebeutel, 18 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="21bwRH5Ugzo5a-GnCkF84P9JpEaWFYf8W4pSNZdtpJypYqzWRV-uTblerNIk7XfmKtY3Zzogvpm-y18l06S2fw" />
    <input value="18491" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/tee-schubregia-teebeutel-18-stuck-18492">
          <img alt="Tee Schubregia Teebeutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9803/file/small-cfd60e111ccd94c5f550d568e0aee125.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9803/file/medium-0253f9e4ccbede0401b7ddecde3f4952.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9803/file/large-dac4eda12b2425441330b7c0f902cb01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9803/file/medium-0253f9e4ccbede0401b7ddecde3f4952.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">Erva</p>
          <a href="/products/tee-schubregia-teebeutel-18-stuck-18492">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Schubregia Teebeutel, 18 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="teZnseDFaoM0Sp3mS-jBoEZJMOgw9Ex8a4gGu8kTkafH0jsj285H9LR_0JNlRMqmk9ajyZzBdRmOyQurjdqDRA" />
    <input value="18492" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/buchweizen-penne-bio-250-g-18493">
          <img alt="Buchweizen Penne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9682/file/small-e7191e17dab1f1e2ce07b9d0aad17bfd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9682/file/medium-d45a62b11dcd140a8f761b5fe0f2d099.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9682/file/large-9b68b76843fcc62aed96b025cecab96f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9682/file/medium-d45a62b11dcd140a8f761b5fe0f2d099.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">felicia</p>
          <a href="/products/buchweizen-penne-bio-250-g-18493">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizen Penne Bio, 250 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 2.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C79msfblJrrXy5xf8Mu12LziF3JusVonKPhedXHaMGx5izojze4LzVf-0SreZ77eaX2EU8KEY0LNuVNlNRMijw" />
    <input value="18493" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/eisen-und-vitamine-fur-kinder-saft-250-ml-18494">
          <img alt="Eisen und Vitamine für Kinder Saft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9686/file/small-e9373f5384d5f75154d3bb70d1b17c06.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9686/file/medium-2e93ff7821582500d5d93d6de1ca8fbd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9686/file/large-324f178175cdc547c83171105a074b0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9686/file/medium-2e93ff7821582500d5d93d6de1ca8fbd.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">Floradix</p>
          <a href="/products/eisen-und-vitamine-fur-kinder-saft-250-ml-18494">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eisen und Vitamine für Kinder Saft, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AiIjenwMqQ6Aeu1sye5kz0lp_yY6fzbxKvHbaWM2FS5wFn_oRweEeQBPoBnnQm_JnPZsB5ZKD5TPsNZ5J_8HzQ" />
    <input value="18494" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/eisen-vitamine-saft-500-ml-18495">
          <img alt="Eisen Vitamine Saft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9687/file/small-82b9d683a3d2e5e4ddb7438b9a799ab1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9687/file/medium-bef7e1259868dac01e8669a19655d0d4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9687/file/large-f318eacf57d10a6f98513ad60ff4101f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9687/file/medium-bef7e1259868dac01e8669a19655d0d4.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">Floradix</p>
          <a href="/products/eisen-vitamine-saft-500-ml-18495">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eisen Vitamine Saft, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m39fb6L22Mw3ojrrD6sh_WnMgJ-WNwmCkRpFvWpdXjXpSwP9mf31u7eXd54hByr7vFMTvjoCMOd0W0itLpRM1g" />
    <input value="18495" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/falafel-bio-240-g-18496">
          <img alt="Falafel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9684/file/small-e82cc2270ff521ded6992fd4d3fa3b1f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9684/file/medium-683f8447de3a25849e4cbf4f691d06b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9684/file/large-29c079851cf44ef3907654e390db5356.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9684/file/medium-683f8447de3a25849e4cbf4f691d06b7.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">Florentin</p>
          <a href="/products/falafel-bio-240-g-18496">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Bio, 240 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.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PGLeH8i606wyFuYa9aP87ZT9Q7J4pWcBdd9WacbsLo1OVoKN87H-27Ijq2_bD_frQWLQk9SQXmSQnlt5giU8bg" />
    <input value="18496" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/hummus-bio-150-g-18497">
          <img alt="Hummus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9683/file/small-2062a2e767c3909fe1ddfd5c99bf59f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9683/file/medium-096254967b04c82ed2a0227592c30862.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9683/file/large-8e94e0e684dea753ca87dba102bdad6d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9683/file/medium-096254967b04c82ed2a0227592c30862.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">Florentin</p>
          <a href="/products/hummus-bio-150-g-18497">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hummus Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tnc95mZVXnjweL9YRt8tHJeWGYpfzq_8gv_9M6i392Y8Q2F0XV5zD3BN8i1ocyYaQgmKq_P7lplnvvAj7H7lhQ" />
    <input value="18497" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/hummus-avocado-bio-150-g-18498">
          <img alt="Hummus Avocado Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9681/file/small-e2bf4e5434921264e31e4227c5069219.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9681/file/medium-de6898f4a95877e74dfbd71250bdd0ad.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9681/file/large-43f57be2aa50542d24cd25b25e6cdd73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9681/file/medium-de6898f4a95877e74dfbd71250bdd0ad.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">Florentin</p>
          <a href="/products/hummus-avocado-bio-150-g-18498">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hummus Avocado Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="615FvVI7rTGt7Q1mY-IJK3elKhNn0uQvoqWjzoESfnOZahkvaTCARi3YQBNNTgItojq5Msvn3UpH5K7exdtskA" />
    <input value="18498" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/pita-brot-dinkel-bio-260-g-18499">
          <img alt="Pita Brot Dinkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9685/file/small-2507411c4149caa357bfc613214cc49a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9685/file/medium-43ebca945bceb90ba1d2e550da0201a7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9685/file/large-18334407d7c3ffeca41915393f2a015d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9685/file/medium-43ebca945bceb90ba1d2e550da0201a7.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">Florentin</p>
          <a href="/products/pita-brot-dinkel-bio-260-g-18499">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pita Brot Dinkel Bio, 260 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KCgyjtkmc4Ry-bEa2VhPVnBkyjQgrUO5RFSCZnihf-ZaHG4c4i1e8_LM_G_39ERQpftZFYyYetyhFY92PGhtBQ" />
    <input value="18499" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/mayonnaise-bio-170-g-18500">
          <img alt="Mayonnaise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10234/file/small-9608d99c36b28811615a4a88fbc5c622.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10234/file/medium-adf06713c4a43bac0891f6a59845985a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10234/file/large-27ae1b7aff73adf87d143a655f60eb92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10234/file/medium-adf06713c4a43bac0891f6a59845985a.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">Gautschi</p>
          <a href="/products/mayonnaise-bio-170-g-18500">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mayonnaise Bio, 170 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.71 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QlGhVAHz6xOhhvnVMhr40AosTMx3q9eL11LUR9L4gncwZf3GOvjGZCGztKActvPW37Pf7due7u4yE9lXljGQlA" />
    <input value="18500" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/senf-tube-bio-200-g-18501">
          <img alt="Senf Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10062/file/small-771977407a133497ea9ba163fb910887.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10062/file/medium-fefc83588bcc0437f79eac8a4767b0f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10062/file/large-9a1a86b0711dae4e05a441e6fb8774b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10062/file/medium-fefc83588bcc0437f79eac8a4767b0f1.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">Gautschi</p>
          <a href="/products/senf-tube-bio-200-g-18501">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senf Tube Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W7VyDYoDCPQy2KEm-jYxjUy0Vdj0HJzLVO2rZ7aOvRwpgS6fsQglg7Lt7FPUmjqLmSvG-Vgppa6xrKZ38kev_w" />
    <input value="18501" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/biscuits-vollkorn-hafer-chocolat-bio-2-x-80-g-18502">
          <img alt="Biscuits Vollkorn Hafer Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10235/file/small-a79eccd6725094c88692b91e387215ec.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10235/file/medium-db6be70947e49b03dd4b0dcdc9ff616d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10235/file/large-902d3824311bad03d84c03257c0c8e90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10235/file/medium-db6be70947e49b03dd4b0dcdc9ff616d.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">Gerber</p>
          <a href="/products/biscuits-vollkorn-hafer-chocolat-bio-2-x-80-g-18502">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscuits Vollkorn Hafer Chocolat Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TDMQefRKqvNByqkdvEL-jeU9U9xr9QFQSfzXwRxKELE-B0zrz0GHhMH_5GiS7vWLMKLA_cfAODWsvdrRWIMCUg" />
    <input value="18502" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/biscuits-vollkorn-hafer-dinkel-ingwer-bio-2-x-80-g-18503">
          <img alt="Biscuits Vollkorn Hafer Dinkel Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10237/file/small-929f7c6fa4bf0004ce96b0edc018d0cc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10237/file/medium-9cfe5b00ecd550d846a2ade8189bc17f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10237/file/large-adacc4f11ebd9fa16d1c6f375ec94259.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10237/file/medium-9cfe5b00ecd550d846a2ade8189bc17f.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">Gerber</p>
          <a href="/products/biscuits-vollkorn-hafer-dinkel-ingwer-bio-2-x-80-g-18503">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscuits Vollkorn Hafer Dinkel Ingwer Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oD_8qpIIM7IzFPzV3T0aQ6U9JlFReAFcqU2wCvjjggvSC6A4qQMexbMhsaDzkRFFcKK1cP1NODlMDL0avCqQ6A" />
    <input value="18503" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/biscuits-vollkorn-hirse-zitrone-bio-2-x-80-g-18504">
          <img alt="Biscuits Vollkorn Hirse Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10236/file/small-5cd8417794bbc3d3483edaea8812ccb1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10236/file/medium-1694559ab0c9bd36fb1c9706185d4254.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10236/file/large-98662fd897dec6538ed5b34a805bfb33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10236/file/medium-1694559ab0c9bd36fb1c9706185d4254.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">Gerber</p>
          <a href="/products/biscuits-vollkorn-hirse-zitrone-bio-2-x-80-g-18504">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscuits Vollkorn Hirse Zitrone Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LGQ5JsnzKvOkm9Vn6wYwVlG9lc6JeHrpsdzTLiZc-Q5eUGW08vgHhCSumBLFqjtQhCIG7yVNQ4xUnd4-YpXr7Q" />
    <input value="18504" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D48">
    <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/flocken-erdmandel-bio-400-g-18505">
          <img alt="Flocken Erdmandel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10713/file/small-ee1ce5761281db84eafe134261276b3e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10713/file/medium-96b759714d96dde889ba12f6c6c83584.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10713/file/large-dda4f1d66889ed391226f2b5ce96020b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10713/file/medium-96b759714d96dde889ba12f6c6c83584.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">Gesund&amp;Leben</p>
          <a href="/products/flocken-erdmandel-bio-400-g-18505">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flocken Erdmandel Bio, 400 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.98 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y7UPrWjAEJEFwRxYyEyrM5_P28LKkcwBsnoRFd3--q0RgVM_U8s95oX0US3m4KA1SlBI42ak9WRXOxwFmTfoTg" />
    <input value="18505" 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">
      960 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lovechock?format=turbo_stream&amp;page=49">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>