<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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/tamarinden-paste-bio-135-g-18482">
          <img alt="Tamarinden Paste Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10787/file/small-d1f16ba4f72a3aba1b95f106bda00c3b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10787/file/medium-5c03dfdfbc047ca122c6f2804370987d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10787/file/large-bdcc8a33a800bb4ea1f68ce4b98d2e32.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10787/file/medium-5c03dfdfbc047ca122c6f2804370987d.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">Cosmoveda</p>
          <a href="/products/tamarinden-paste-bio-135-g-18482">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamarinden Paste Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wjcsNUGntiYqAp4vIUhafs77zz9IMBenAGgQ4q-1cOJtJt5sV9dD0-_bcxIIMPW8oioF3r-jUeoF0av-xO7B_A" />
    <input value="18482" 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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/atlantik-salz-fein-1-kg-18483">
          <img alt="Atlantik Salz fein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9578/file/small-76f116a3019fc921a4cfcac4bea746b7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9578/file/medium-e485da3cb8c39e4479db3eb60d53a1d0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9578/file/large-fc35e3f01803f5aede76adf11e60850d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9578/file/medium-e485da3cb8c39e4479db3eb60d53a1d0.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">Danival</p>
          <a href="/products/atlantik-salz-fein-1-kg-18483">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Atlantik Salz fein, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TZSheThnIXxYE9H838Fo_ZovO5WSV6K3MdASXGLPOxDihVMgLhfUiZ3KPMH2ucc_9v7xdGXE5Po0aalACZSKDg" />
    <input value="18483" 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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/genmai-reismiso-bio-200-g-18484">
          <img alt="Genmai Reismiso Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9577/file/small-77a13b5534822e4ce36ba08464b73948.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9577/file/medium-ff67d30d8674c16bca8ed65cdc660db8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9577/file/large-38096cfa1de26329ff0c545bbcb84ce0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9577/file/medium-ff67d30d8674c16bca8ed65cdc660db8.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">Danival</p>
          <a href="/products/genmai-reismiso-bio-200-g-18484">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Genmai Reismiso Bio, 200 g</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 4.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kA6hEmTXMlZ-pZc5gjBV83WABeO7momVS5AXvShCuQU_H1NLcqfHo7t8egSrSPoxGVHPAkwJz9hOKayhQxkIGw" />
    <input value="18484" 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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/derit-kichererbsen-bio-350-g-18485">
          <img alt="DeRit Kichererbsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9198/file/small-2a30dd24b3306805a14a6ef8642e51ca.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9198/file/medium-768f873396ff8228c54884884456c889.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9198/file/large-a712a0f2cde96dd936151fc87217b3d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9198/file/medium-768f873396ff8228c54884884456c889.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">de Rit</p>
          <a href="/products/derit-kichererbsen-bio-350-g-18485">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">DeRit Kichererbsen Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C3XXyWcL7k5lqoECOwq-pW4R5LrPwabvIdrD4ErkidKkZCWQcXsbu6BzbD8SchFnAsAuWzhS4KIkY3j8Ib84zA" />
    <input value="18485" 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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/dr-martins-cocoswasser-1-l-18486">
          <img alt="Dr. Martins Cocoswasser" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10048/file/small-e3cb7309bb5a4d67a5342525556c8d4a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10048/file/medium-a0d16dc421bfd479f2c8417b64739109.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10048/file/large-77cdf4f3d577d5ef527585a3e0396667.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10048/file/medium-a0d16dc421bfd479f2c8417b64739109.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">Dr. Antonio Martins</p>
          <a href="/products/dr-martins-cocoswasser-1-l-18486">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dr. Martins Cocoswasser, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.66 / 100 ml
            </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="Txx9PlT7j34SV8eu6tyCCsuc3MSA1VTcoKYiENEOND7gDY9nQot6i9eOKpPDpC3Ip00WJXdGEpGlH5kMulWFIA" />
    <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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/kokosmus-bio-roh-200-ml-18487">
          <img alt="Kokosmus Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9579/file/small-a8f6a3a7222ee3fefaeba794bf988fff.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9579/file/medium-57793f2c5ba49d5218b76423f3a71fbb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9579/file/large-4bc9f8687fad9c4231bb034c9669f748.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9579/file/medium-57793f2c5ba49d5218b76423f3a71fbb.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">Dr. Goerg</p>
          <a href="/products/kokosmus-bio-roh-200-ml-18487">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosmus Bio roh, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.10 / 100 ml
            </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="Y3qLpgej2uRx2-F0wml44gDAV2OiQLmsrT2jm2gg7V7Ma3n_EdMvEbQCDEnrEdcgbBGdglXT_-GohBiHA3tcQA" />
    <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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/molino-energieriegel-mit-molat-40-g-18488">
          <img alt="Molino Energieriegel mit Molat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10221/file/small-d1011bf6715d8ffdbfc39a314b626d26.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10221/file/medium-7ae354e9a27c50989964ee38d00fde24.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10221/file/large-d9305adc4761cc9aa7b1370b04921eb6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10221/file/medium-7ae354e9a27c50989964ee38d00fde24.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">Dr. Grandel</p>
          <a href="/products/molino-energieriegel-mit-molat-40-g-18488">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Molino Energieriegel mit Molat, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 7.25 / 100 g
            </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="XVfmsewVijIRngS4aviDvYQdsZqHnLPmrQKDb5R-xt_yRhTo-mV_x9RH6YVDgCx_6Mx7e3AP9auouzhz_yV3wQ" />
    <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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/dr-martins-coco-milk-zum-kochen-bio-500-ml-18489">
          <img alt="Dr. Martins Coco Milk zum Kochen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10872/file/small-72b934b8bba70c6f3fadae9fa61c7a75.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10872/file/medium-c9f1608a63b96be07dbe567d2e2de456.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10872/file/large-1157137c4de99637eae703a2786137d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10872/file/medium-c9f1608a63b96be07dbe567d2e2de456.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">Dr. Antonio Martins</p>
          <a href="/products/dr-martins-coco-milk-zum-kochen-bio-500-ml-18489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dr. Martins Coco Milk zum Kochen Bio, 500 ml</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 1.02 / 100 ml
            </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="vvq0q9RgKyb_W6HLEW5xMDlS6wGF0HmgLJwAeiIg0ocR60bywhDe0zqCTPY4Ft7yVYMh4HJDP-0pJbtmSXtjmQ" />
    <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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/buffel-molke-mango-maracuja-bio-500-ml-18490">
          <img alt="Büffel Molke Mango Maracuja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10046/file/small-dd4c8c024cdc970f782c12326404513d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10046/file/medium-0fe41c7f491f661c8b18163aca3b9626.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10046/file/large-e00a142c5671625c7bfb57090dbb766c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10046/file/medium-0fe41c7f491f661c8b18163aca3b9626.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">Dr. Molke</p>
          <a href="/products/buffel-molke-mango-maracuja-bio-500-ml-18490">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Büffel Molke Mango Maracuja Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.80 / 100 ml
            </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="t9ibu4hFcuxMjoVm_ZkMbe0gHGZGXCS6alsbVTqAmkwYyWninjWHGYlXaFvU4aOvgfHWh7HPYvdv4qBJUdsrUg" />
    <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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/schaf-molke-sport-bio-500-ml-18491">
          <img alt="Schaf Molke Sport Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10047/file/small-6f1686ee36fefc4ae9a4d0502d37fd45.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10047/file/medium-448114f33e4811f4f65e6a6fada2e636.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10047/file/large-22731e5b87a7d3a2e286fbfb36ea589a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10047/file/medium-448114f33e4811f4f65e6a6fada2e636.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">Dr. Molke</p>
          <a href="/products/schaf-molke-sport-bio-500-ml-18491">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schaf Molke Sport Bio, 500 ml</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 0.90 / 100 ml
            </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="MDpF7ECXk292M8VkksdhFjN6yF--HBYj2tt7tSi5MCCfK7e1VudmmrPqKFm7v87UX6sCvkmPUG7fYsCpQ-KBPg" />
    <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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/schaf-molke-vanille-bio-500-ml-18492">
          <img alt="Schaf Molke Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10045/file/small-c8017d6ce866b0f3b14487b66d7e6edb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10045/file/medium-32320ebe1c51e93578ec7b22b019c4cd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10045/file/large-52c010b43d6ac2189c67bf0c4ccfb172.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10045/file/medium-32320ebe1c51e93578ec7b22b019c4cd.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">Dr. Molke</p>
          <a href="/products/schaf-molke-vanille-bio-500-ml-18492">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schaf Molke Vanille Bio, 500 ml</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 0.90 / 100 ml
            </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="53gqou9jEjBxFoSdBRK1qcXIreO66GQH8PlTNgNGcTJIadj7-RPnxbTPaaAsahprqRlnAk17Ikr1QOgqaB3ALA" />
    <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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/basentee-49-krauter-offen-bio-200-g-18493">
          <img alt="Basentee 49 Kräuter offen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9199/file/small-5c215a44157eff262ae58e7d5ab1f5e9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9199/file/medium-3f1ff4b743e049c6da178c8ade58dab9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9199/file/large-4f689d8d099a029629627a44fa8ca308.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9199/file/medium-3f1ff4b743e049c6da178c8ade58dab9.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">Droste-Laux</p>
          <a href="/products/basentee-49-krauter-offen-bio-200-g-18493">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basentee 49 Kräuter offen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 12.45 / 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="0-wfMPi-93DeOjkTsLDqAcLq4niOgjX40Pwx2CVL9l18_e1p7s4ChRvj1C6ZyEXDrjsomXkRc7XVRYrEThBHQw" />
    <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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/basentee-49-krauter-teebeutel-bio-25-stuck-18494">
          <img alt="Basentee 49 Kräuter Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10222/file/small-c8f9bf4fe6174f7fdb99b15e244508f7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10222/file/medium-ae8ec244349a6d1016cb36af508547db.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10222/file/large-5941c4d6e8bb4e0ee90c268d39a518c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10222/file/medium-ae8ec244349a6d1016cb36af508547db.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">Droste-Laux</p>
          <a href="/products/basentee-49-krauter-teebeutel-bio-25-stuck-18494">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basentee 49 Kräuter Teebeutel Bio, 25 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.52 / Stk.
            </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="NoTvbk7MlTHuSvWmnDEfB-wxUWk1caitkYO2PdVBMpmZlR03WLxgxCuTGJu1SbDFgOCbiMLi7uCUOg0hvhqDhw" />
    <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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/basische-gewurzmischung-30-g-18495">
          <img alt="Basische Gewürzmischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9203/file/small-250150956057c9ed53d133ff24376b54.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9203/file/medium-255d188f21d491f739721dbd9e98ee0e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9203/file/large-aec48e0f61304e4c67416146db625cc4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9203/file/medium-255d188f21d491f739721dbd9e98ee0e.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">Droste-Laux</p>
          <a href="/products/basische-gewurzmischung-30-g-18495">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basische Gewürzmischung, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 43.00 / 100 g
            </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="y7WJLMd-4RGPIi6eMkAz8sUUm0-pmn_CafDenQEEPb1kpHt10Q4U5Er7w6MbOJwwqcVRrl4JOY9sSWWBal-Mow" />
    <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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/basisches-vital-granulat-bio-160-g-18496">
          <img alt="Basisches Vital Granulat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9200/file/small-71203faa1ec5c1e387bb9d7a70de4952.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9200/file/medium-7d296fa0a083a45226b9d80d1677a3a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9200/file/large-17b27f7103554cba41f7dc22793b2459.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9200/file/medium-7d296fa0a083a45226b9d80d1677a3a8.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">Droste-Laux</p>
          <a href="/products/basisches-vital-granulat-bio-160-g-18496">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basisches Vital Granulat Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 38.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 24.31 / 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="q818UuhbaSDs54x-ChLZHqkTXu8X1GKOuCFDHYyrHTIE3I4L_iuc1Sk-YUMjanbcxcKUDuBHJMO9mPgB5_CsLA" />
    <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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/entsauerungstee-7-bluten-teebeutel-25-stuck-18497">
          <img alt="Entsäuerungstee 7 Blüten Teebeutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9201/file/small-5447eabd8af0c6108356a18f97d21459.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9201/file/medium-796c919d4b9e79d07df4cefebd6d85af.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9201/file/large-1f030423fef278dd34a3f43a805ad876.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9201/file/medium-796c919d4b9e79d07df4cefebd6d85af.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">Droste-Laux</p>
          <a href="/products/entsauerungstee-7-bluten-teebeutel-25-stuck-18497">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Entsäuerungstee 7 Blüten Teebeutel, 25 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.52 / Stk.
            </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="9iyQoflcnykF4jWAAYolGY4NmQfesbqqO0_2POeji6pZPWL47yxq3MA72L0o8orb4txT5iki_Oc-9k0gjPg6tA" />
    <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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/entsauerungstee-7-bluten-offen-200-g-18498">
          <img alt="Entsäuerungstee 7 Blüten offen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9202/file/small-10df3ff514718449ae9b2acc99655f9c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9202/file/medium-7d4f19a00557ba2a1dbf59d2498078d5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9202/file/large-73dad23356bf19cb3bd655ca8908dd03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9202/file/medium-7d4f19a00557ba2a1dbf59d2498078d5.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">Droste-Laux</p>
          <a href="/products/entsauerungstee-7-bluten-offen-200-g-18498">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Entsäuerungstee 7 Blüten offen, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 11.95 / 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="J8_QCyXNGiMo02CnnqVqIIZnwdRf4XKAQIEE-rAd02eI3iJSM73v1u0KjZq33cXi6rYLNahyNM1FOL_m20ZieQ" />
    <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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/mandel-drink-ungesusst-bio-200-ml-18499">
          <img alt="Mandel Drink ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9580/file/small-367a926ee14a9d5b9cf743198d3a2de7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9580/file/medium-7733dafd0a79b8a488a8dc41f62d30fe.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9580/file/large-20140134267198cf38d0f9a8aa4774f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9580/file/medium-7733dafd0a79b8a488a8dc41f62d30fe.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">Ecomil</p>
          <a href="/products/mandel-drink-ungesusst-bio-200-ml-18499">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandel Drink ungesüsst Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.05 / 100 ml
            </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="JkEJb4Oi9qTXhkJQgfH5KMBgjf_KDouokI5yHO4Z8C2JUPs2ldIDURJfr22oiVbqrLFHHj2dzeWVN8kAhUJBMw" />
    <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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/schafmilch-joghurt-bifidus-vanille-bio-125-g-18500">
          <img alt="Schafmilch Joghurt Bifidus Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10140/file/small-48fe87dfe48ebc1f21e4f6c8a4d93834.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10140/file/medium-1123ccc04629a5e59574d316b2eaaf7b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10140/file/large-540e3b246ba8ca070a329b5d3a2dd65c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10140/file/medium-1123ccc04629a5e59574d316b2eaaf7b.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">Emscha</p>
          <a href="/products/schafmilch-joghurt-bifidus-vanille-bio-125-g-18500">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Joghurt Bifidus Vanille Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.52 / 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="1sYeavcoNm-_BNGfhnkOMfAOs1Oe_Be3IbnVWBTuR0x51-wz4VjDmnrdPKKvAaHznN95smlvUfokAG5Ef7X2Ug" />
    <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%2Fnapp-sagl%3Fformat%3Dturbo_stream%26page%3D47">
    <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/schafmilch-joghurt-mango-bio-125-g-18501">
          <img alt="Schafmilch Joghurt Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10139/file/small-6a6a7b51829371a8d4164fe3512b610e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10139/file/medium-e99944ad0c9a8baaad7e40e748b2d34f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10139/file/large-999dbe0974c127720a239e03383244d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10139/file/medium-e99944ad0c9a8baaad7e40e748b2d34f.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">Emscha</p>
          <a href="/products/schafmilch-joghurt-mango-bio-125-g-18501">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Joghurt Mango Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.52 / 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="xqhSpHu5rFDsGVtPInd4UfYXgUdGnvf-c-cxIN1arYJpuaD9bclZpSnAtnILD9eTmsZLprENsbN2Xoo8tgEcnA" />
    <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>



</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">
      940 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/napp-sagl?format=turbo_stream&amp;page=48">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>