<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%3D114">
    <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/gewurz-salattopping-nfp-bio-30-g-19824">
          <img alt="Gewürz Salattopping NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10388/file/small-c1bb3c90a17ef119e15861bf8da1ed5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10388/file/medium-ac78d26a384937f54dd0239f587a75bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/10388/file/large-6bda3a9ad0fb7b18f48cd59a54c5f76b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10388/file/medium-ac78d26a384937f54dd0239f587a75bf.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">Sonnentor</p>
          <a href="/products/gewurz-salattopping-nfp-bio-30-g-19824">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürz Salattopping NFP Bio, 30 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 18.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wymJGsLfLoQPSVYyKc-2rFX3ITixRpiCw4jF5OwCYbgL-vx5bTtkI2oxBM7j6uL_ePmyEncz2z52PEKlf_qCEQ" />
    <input value="19824" 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%3D114">
    <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/raucherwerk-atmospharen-reiniger-20-g-19825">
          <img alt="Räucherwerk Atmosphären-Reiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10389/file/small-17e7a9faadbb976afde3325b67933642.webp 600w, https://assets.fabulous.ch/public/variant_asset/10389/file/medium-5921ba32a1be10ec4f8f262a390c5239.webp 900w, https://assets.fabulous.ch/public/variant_asset/10389/file/large-a6f1fa36306d6bd60a2a8ac242f82aae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10389/file/medium-5921ba32a1be10ec4f8f262a390c5239.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">AromaLife</p>
          <a href="/products/raucherwerk-atmospharen-reiniger-20-g-19825">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räucherwerk Atmosphären-Reiniger, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4gEycVjEaGfrf1E-4KyllxHlMzkYYveATa94zL-QgTIq0kcS9yAiwI4HA8IqifHEPOugE94XtDz4G_-NLGhimw" />
    <input value="19825" 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%3D114">
    <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/pill-kosmetik-korpermilch-after-sun-250-ml-19827">
          <img alt="Pill Kosmetik - Körpermilch After Sun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10743/file/small-189992fc9a65fd0454fab08f67e764f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/10743/file/medium-32e168287231c39fc3544edbe24240b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/10743/file/large-e6271ba6e88e52b517e8dc2d6008c686.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10743/file/medium-32e168287231c39fc3544edbe24240b1.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/products/pill-kosmetik-korpermilch-after-sun-250-ml-19827">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Körpermilch After Sun, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HDtwE_InuiIXfd6rPb26fBxdjxcMLq5KiD7Z5Wg0C0TU6AVwXcPwhXIFjFf3mO4vMVMcPcpb7fY9il6k-8zo7Q" />
    <input value="19827" 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%3D114">
    <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/pill-kosmetik-korpermilch-after-sun-100-ml-19828">
          <img alt="Pill Kosmetik - Körpermilch After Sun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10744/file/small-a523ab5188d87963ab7538b7aea71ccf.webp 600w, https://assets.fabulous.ch/public/variant_asset/10744/file/medium-1a1fca7fdd770bf965b988b27e81344a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10744/file/large-a166e2d2ff3fc59a9f9f1ea9ee0527d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10744/file/medium-1a1fca7fdd770bf965b988b27e81344a.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/products/pill-kosmetik-korpermilch-after-sun-100-ml-19828">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Körpermilch After Sun, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HMjNWj4lmEBA2ZLb0xSLs-hWuPeBaYblX6eeDVNO93_UG7g5kcHS5yWhwCcZMd_gxVgr3UccxVnqExlMwLYU1g" />
    <input value="19828" 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%3D114">
    <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/hanfol-demeter-250-ml-19829">
          <img alt="Hanföl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10390/file/small-a1d9988cf6a61e1c863cc48be155c24f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10390/file/medium-10ec57cfdc77e7cf09cd27b755588fd2.webp 900w, https://assets.fabulous.ch/public/variant_asset/10390/file/large-43545db38f22a00d484acfb97b66e79f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10390/file/medium-10ec57cfdc77e7cf09cd27b755588fd2.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">NaturKraftWerke</p>
          <a href="/products/hanfol-demeter-250-ml-19829">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hanföl Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="plHUJIzh-_Gog2bYPGxl4Jr5qOlHdoeQACFKNIhYMeJugqFHIwWxVs37NCT2STGzt_c7w4EDxCy1lc11G6DSSw" />
    <input value="19829" 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%3D114">
    <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-pinienkerne-bio-170-g-19830">
          <img alt="Hummus Pinienkerne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10391/file/small-548e71ff19f0880da9ceacfdc84d2559.webp 600w, https://assets.fabulous.ch/public/variant_asset/10391/file/medium-a5b5af1a63b5ef3d0f70bc535ed473be.webp 900w, https://assets.fabulous.ch/public/variant_asset/10391/file/large-9660320e7d6b1e1a8f62599c5fa9085a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10391/file/medium-a5b5af1a63b5ef3d0f70bc535ed473be.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-pinienkerne-bio-170-g-19830">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hummus Pinienkerne Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </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-19830-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vitss2Sb0qu-wHUUIf3DPWnp5xAKHRRmrLRfTQEvO4Ge-BnQy3-YDNu4J-jr2JduROd0OsxoV9oZANgMktfYKA" />
    <input value="19830" 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%3D114">
    <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/eichelkaffee-bio-190-g-19831">
          <img alt="Eichelkaffee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10392/file/small-d6d5dc4b3eef7296ee2664bd2c9aba50.webp 600w, https://assets.fabulous.ch/public/variant_asset/10392/file/medium-42915b81dca7f25b3e8726d5a55f3dab.webp 900w, https://assets.fabulous.ch/public/variant_asset/10392/file/large-4e10af2b0d03b02e20995c2260cb11cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10392/file/medium-42915b81dca7f25b3e8726d5a55f3dab.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">NaturKraftWerke</p>
          <a href="/products/eichelkaffee-bio-190-g-19831">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eichelkaffee Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d7rSos8CaALISrLg7ws59k_tTJrJqAeyJrhogRyk-QS_aafBYOYipa0y4BwlLm2lYuPfsA_dRA6TDO_Aj1warQ" />
    <input value="19831" 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%3D114">
    <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/kichererbsen-miso-bio-250-g-19832">
          <img alt="Kichererbsen Miso Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10393/file/small-70806cf0ebe6542fd69b5ffec39317b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/10393/file/medium-1c307ff2a5b14cac1d1a160cbf74a1e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/10393/file/large-59b121db6bb0e960e332cef6eb4fba18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10393/file/medium-1c307ff2a5b14cac1d1a160cbf74a1e6.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">NaturKraftWerke</p>
          <a href="/products/kichererbsen-miso-bio-250-g-19832">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kichererbsen Miso Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wWKwBl63LcwtT1g_btEwIWTaRM_Z8RzfpqkFxnUhwasJscVl8VNna0g3CsOk9GRySdTX5R-EX2MTHYKH5tkiAg" />
    <input value="19832" 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%3D114">
    <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/farfalle-mit-kurkuma-und-violetter-karotte-bio-250-g-19833">
          <img alt="Farfalle mit Kurkuma und violetter Karotte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10394/file/small-c18963c5a75f086f061c3c06a7444cec.webp 600w, https://assets.fabulous.ch/public/variant_asset/10394/file/medium-bba6dc1b4085b05301c12284f9655057.webp 900w, https://assets.fabulous.ch/public/variant_asset/10394/file/large-90a71e2bcf238c92e1b41f4e15fc0f2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10394/file/medium-bba6dc1b4085b05301c12284f9655057.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">L&#39;antica Madia</p>
          <a href="/products/farfalle-mit-kurkuma-und-violetter-karotte-bio-250-g-19833">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farfalle mit Kurkuma und violetter Karotte Bio, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sqZiab-UqXfYRZDd68ec1ACndH99pScjZXfmsYzyYvp6dRcKEHDj0L09wiEh4siHLannVbvQZJ_Qw2HwHwqBUw" />
    <input value="19833" 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%3D114">
    <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/bio-snacky-wellness-sprossen-mix-40-g-19834">
          <img alt="Bio-Snacky Wellness Sprossen Mix" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10395/file/small-2c5cc900c39a381707942693f4dc170c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10395/file/medium-d48d9c185612a8356d421c0c3b38f68a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10395/file/large-a1eea57bfd930b19460ae3686107f75a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10395/file/medium-d48d9c185612a8356d421c0c3b38f68a.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">Rapunzel</p>
          <a href="/products/bio-snacky-wellness-sprossen-mix-40-g-19834">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Wellness Sprossen Mix, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </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-19834-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hMbtOlaM2pJGRYqMt766zvLtSzTej6HtPtY3phjHokVMFZhZ-WiQNSM92HB9m-6d3-PYHhj64lGLYrDniz9B7A" />
    <input value="19834" 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%3D114">
    <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/tamangur-krautersalz-nfp-49-g-19836">
          <img alt="Tamangur Kräuterpfeffer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11251/file/small-0e9cb33fc8fcfac3b2d8af0304f1534b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11251/file/medium-9b11fad6e572a16f25c947ba9fb62826.webp 900w, https://assets.fabulous.ch/public/variant_asset/11251/file/large-28700335bff51e7e6c8d00dda16842d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11251/file/medium-9b11fad6e572a16f25c947ba9fb62826.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">Chalira</p>
          <a href="/products/tamangur-krautersalz-nfp-49-g-19836">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamangur Kräuterpfeffer, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V-4STRrI2G5BU-m0ckOFgcb1wjZ4OHweNNf0lmwKUhyfPWcutSySySQru0i4ZtHS6_tRHL5NP6KBY3PX__KxtQ" />
    <input value="19836" 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%3D114">
    <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/kokosbluten-sirup-bio-250-ml-19837">
          <img alt="Kokosblüten Sirup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10398/file/small-e235f1df8f1536630486c6c1b92de0c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10398/file/medium-6ff1572d82cebc0cc548362252e6942e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10398/file/large-7e509ab3d95ef3112a5f3bceb7785d06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10398/file/medium-6ff1572d82cebc0cc548362252e6942e.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">Rapunzel</p>
          <a href="/products/kokosbluten-sirup-bio-250-ml-19837">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosblüten Sirup Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zDrBytC7apYglKwowaT2DgJ9Hj1qE6rtI6BuV1WPKVUE6bSpf18gMUXs_tQLgaJdL3ONF6xm6VGWFOkWxnfK_A" />
    <input value="19837" 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%3D114">
    <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/tulsi-gelassenheit-teebeutel-bio-17-stuck-19838">
          <img alt="Tulsi Gelassenheit Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10399/file/small-e35d636f857849e44fed5ab66b44fd8a.webp 600w, https://assets.fabulous.ch/public/variant_asset/10399/file/medium-5d033e3287c8e4d7b3aee1639850c50c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10399/file/large-1249c1a5a09767702c51483f59d685c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10399/file/medium-5d033e3287c8e4d7b3aee1639850c50c.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">Yogi Tee</p>
          <a href="/products/tulsi-gelassenheit-teebeutel-bio-17-stuck-19838">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tulsi Gelassenheit Teebeutel Bio, 17 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lUstGsTOcRKviSCb6TmJ4FLky4dnDGlolC_JQ3Lu4KtdmFh5ayo7tcrxcmcjHN2zf-pYraF5KtQhm04C4RYDAg" />
    <input value="19838" 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%3D114">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/grissini-tomate-bio-100-g-19839">
          <img alt="Grissini Tomate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10400/file/small-81cf4e0c99738d26abf0e71336a786fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/10400/file/medium-0e9e9e6b834c810506586e6a54fc8029.webp 900w, https://assets.fabulous.ch/public/variant_asset/10400/file/large-0b13a1f8a244c4569d1d846b51235caa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10400/file/medium-0e9e9e6b834c810506586e6a54fc8029.webp" />
</a>    </header>

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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ofc6QaqGQ5_JshY-r8yhzcedG8ZqldYKihiODe4pjoXxJE8iBWIJOKzKRMJl6fWe6pOI7KzglbY_rAlMfdFtLA" />
    <input value="19839" 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%3D114">
    <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/beeren-mandel-knusper-musli-bio-300-g-19841">
          <img alt="Beeren Mandel Knusper-Müsli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11378/file/small-07e1d1a58f3a4d0077e032b41fa2fa6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11378/file/medium-049de2212e8ca4061ddb14c1fecaaf93.webp 900w, https://assets.fabulous.ch/public/variant_asset/11378/file/large-5d350c5324708e73abc38d7e9b002e13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11378/file/medium-049de2212e8ca4061ddb14c1fecaaf93.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">Hammermühle Organic</p>
          <a href="/products/beeren-mandel-knusper-musli-bio-300-g-19841">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beeren Mandel Knusper-Müsli Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cHB_c8tRtziEzzcUTZUrULxs8oMa-gHsMkipRdmkdp-4owoQZLX9n-G3ZeiHsH8DkWJhqdyPQlCH_C4ESlyVNg" />
    <input value="19841" 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%3D114">
    <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/schwarztee-first-flush-offen-demeter-100-g-19842">
          <img alt="Schwarztee First Flush offen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10410/file/small-16769638fef27be735e24d2cd7c205ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/10410/file/medium-cffa721fe5a3f0fdb0c0b4b13d493b51.webp 900w, https://assets.fabulous.ch/public/variant_asset/10410/file/large-8511a53ce028a31860cbae8e62c74957.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10410/file/medium-cffa721fe5a3f0fdb0c0b4b13d493b51.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">Hampstead Tea</p>
          <a href="/products/schwarztee-first-flush-offen-demeter-100-g-19842">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarztee First Flush offen Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SZL_iwcN8XDzN8P7hVlj7vFjC6A5-a4Qh2vyRn7gz5KBQYroqOm715ZPkQdPfDe93G2Yiv-M7awy33UH7RgsOw" />
    <input value="19842" 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%3D114">
    <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/schokolade-virunga-70-kakao-bio-70-g-19843">
          <img alt="Schokolade Virunga 70% Kakao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10411/file/small-e29b251e4c0494b483cc6949fd6afb30.webp 600w, https://assets.fabulous.ch/public/variant_asset/10411/file/medium-87ca7375cbef5360fe8f283f088d671e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10411/file/large-602e305da8c9a29fa8ced75c4f7b4fcd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10411/file/medium-87ca7375cbef5360fe8f283f088d671e.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">OriginalBeans</p>
          <a href="/products/schokolade-virunga-70-kakao-bio-70-g-19843">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Virunga 70% Kakao Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ve2MOkmmi6_LDmI20XxXrkjMp9fbP1RKymXRGa20O111PvlZ5kLBCK52MMobWQP9ZcI0_R1KF_Z_0VZYPkzY9A" />
    <input value="19843" 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%3D114">
    <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/men-augencreme-15-ml-19844">
          <img alt="Men Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10412/file/small-e46aa532af395ac7cf99cab2bd0f0355.webp 600w, https://assets.fabulous.ch/public/variant_asset/10412/file/medium-3c7110b1007bb301222067b6b88cf218.webp 900w, https://assets.fabulous.ch/public/variant_asset/10412/file/large-75d90637ee78144c0db575c235c2c6c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10412/file/medium-3c7110b1007bb301222067b6b88cf218.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">Börlind</p>
          <a href="/products/men-augencreme-15-ml-19844">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Men Augencreme, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yf7geod7MpE9NXNbGWqcYSU1_KVk_De9IsoAkfeh9eUBLZUZKJ94NlhNIafTT8gyCDtvj6KJdAGXfofQZFkWTA" />
    <input value="19844" 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%3D114">
    <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/salatdressing-tandoori-bio-500-ml-19845">
          <img alt="Salatdressing Tandoori Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10413/file/small-53ca4c1e75cda567c0fc38f9f55fac76.webp 600w, https://assets.fabulous.ch/public/variant_asset/10413/file/medium-24cb989bbd78d7523dc56bbbc9c8abeb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10413/file/large-11d4a56f48e17d7269514a359cdd4634.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10413/file/medium-24cb989bbd78d7523dc56bbbc9c8abeb.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">huusgmacht</p>
          <a href="/products/salatdressing-tandoori-bio-500-ml-19845">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salatdressing Tandoori Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.74 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wFyw1rH0SmsuA1X7z3gpo-rO51ZzhxAFOMouMZOUq6IIj8W1HhAAzEt7BwcFXX3wx8B0fLXyU7mNfqlwAGxICw" />
    <input value="19845" 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%3D114">
    <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/kokosnussol-mct-demeter-250-ml-19846">
          <img alt="Kokosnussöl MCT Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10414/file/small-6b9d952a4795a7b0e25e04cf0a8cf139.webp 600w, https://assets.fabulous.ch/public/variant_asset/10414/file/medium-875b61525aa825e08b9b159011462a68.webp 900w, https://assets.fabulous.ch/public/variant_asset/10414/file/large-1a3eec9b08cb53e9dfac43e991ada674.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10414/file/medium-875b61525aa825e08b9b159011462a68.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">NaturKraftWerke</p>
          <a href="/products/kokosnussol-mct-demeter-250-ml-19846">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosnussöl MCT Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NKSjO_AV57Ijawl_HCb0-Hzph5al3UZ252EGMSunpwX8d9ZYX_GtFUYTW4PWA6CrUecUvGOoBcpS1YFwuF9ErA" />
    <input value="19846" 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">
      2&#39;280 von 2&#39;552 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/products?format=turbo_stream&amp;page=115">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>