<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hirse-feines-korn-rohkostqualitat-bio-500-g-442">
          <img alt="Hirse, feines Korn Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/399/file/small-941600e9d9d658b52080b8fca1e0abe8.webp 600w, https://assets.fabulous.ch/public/variant_asset/399/file/medium-112972a44092cb37d6b560a065aa7078.webp 900w, https://assets.fabulous.ch/public/variant_asset/399/file/large-24ae11c7fcb6fceac4bb17b9ca92c5a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/399/file/medium-112972a44092cb37d6b560a065aa7078.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">Davert</p>
          <a href="/de/products/hirse-feines-korn-rohkostqualitat-bio-500-g-442">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hirse, feines Korn Rohkostqualität Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/senf-delikatess-tube-glutenfrei-demeter-100-ml-447">
          <img alt="Senf Delikatess Tube Glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/401/file/small-999224465224fa36f07089299d0093ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/401/file/medium-17e18ad3d529ee12ff7240bcc29a65e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/401/file/large-207dc8508b1d75e0ae6fcbd60b5293a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/401/file/medium-17e18ad3d529ee12ff7240bcc29a65e6.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">Naturata</p>
          <a href="/de/products/senf-delikatess-tube-glutenfrei-demeter-100-ml-447">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Senf Delikatess Tube Glutenfrei Demeter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/senf-dijon-tube-glutenfrei-demeter-100-ml-448">
          <img alt="Senf Dijon Tube Glutenfrei Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/402/file/small-f4bca4a6816633fab54e41fbc73be890.webp 600w, https://assets.fabulous.ch/public/variant_asset/402/file/medium-b559e67ac6a566eed0918c3570a6c0c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/402/file/large-3b24244c84c1f00b65ab11f5fb0a94d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/402/file/medium-b559e67ac6a566eed0918c3570a6c0c7.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">Naturata</p>
          <a href="/de/products/senf-dijon-tube-glutenfrei-demeter-100-ml-448">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Senf Dijon Tube Glutenfrei Demeter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </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-448-card">
        

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ol-natives-olivenol-extravergine-bio-0-75-l-452">
          <img alt="Öl Natives Olivenöl Extravergine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/406/file/small-12ef1986a02c7ccb7d41f4272a1d6b1a.webp 600w, https://assets.fabulous.ch/public/variant_asset/406/file/medium-6c47d6ed0966bbfe06aa0ad63e4a7021.webp 900w, https://assets.fabulous.ch/public/variant_asset/406/file/large-7087359e9864c5b8c823cdc0b073b3b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/406/file/medium-6c47d6ed0966bbfe06aa0ad63e4a7021.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">LaSelva</p>
          <a href="/de/products/ol-natives-olivenol-extravergine-bio-0-75-l-452">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Öl Natives Olivenöl Extravergine Bio, 0.75 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/essig-condimento-bianco-bio-0-5-l-453">
          <img alt="Essig Condimento Bianco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/407/file/small-5dc0a614f5b45299baebf7ef7c8c7e97.webp 600w, https://assets.fabulous.ch/public/variant_asset/407/file/medium-c5b86eb3be512a24cb02f1b13b0cc66d.webp 900w, https://assets.fabulous.ch/public/variant_asset/407/file/large-77d1a33fead02a1ec40c8aca160ae19e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/407/file/medium-c5b86eb3be512a24cb02f1b13b0cc66d.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">LaSelva</p>
          <a href="/de/products/essig-condimento-bianco-bio-0-5-l-453">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Essig Condimento Bianco Bio, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/essig-aceto-balsamico-di-modena-i-g-p-glutenfrei-bio-0-5-l-454">
          <img alt="Essig Aceto Balsamico di Modena I.G.P. Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/408/file/small-580761e176ac025719e489aaa03bbb01.webp 600w, https://assets.fabulous.ch/public/variant_asset/408/file/medium-a89dee79d7de55366dadf4b166bf808c.webp 900w, https://assets.fabulous.ch/public/variant_asset/408/file/large-f4ad8680ca57decdafe5967677df0670.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/408/file/medium-a89dee79d7de55366dadf4b166bf808c.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">LaSelva</p>
          <a href="/de/products/essig-aceto-balsamico-di-modena-i-g-p-glutenfrei-bio-0-5-l-454">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Essig Aceto Balsamico di Modena I.G.P. Glutenfrei Bio, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tee-yogi-gruntee-ingwer-zitrone-bio-30-g-459">
          <img alt="Tee Yogi Grüntee Ingwer Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/413/file/small-bc25461e16c77f2625264c2e72aa9def.webp 600w, https://assets.fabulous.ch/public/variant_asset/413/file/medium-4a198e5dc7865ca56c4eed5a6baf9c15.webp 900w, https://assets.fabulous.ch/public/variant_asset/413/file/large-30c4a0976c2facff8b53bb844aa41d8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/413/file/medium-4a198e5dc7865ca56c4eed5a6baf9c15.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="/de/products/tee-yogi-gruntee-ingwer-zitrone-bio-30-g-459">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee Yogi Grüntee Ingwer Zitrone Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tee-yogi-black-chai-bio-30-g-461">
          <img alt="Tee Yogi Black Chai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/415/file/small-dec2ba1e4cddeb7c0871e8d7e4e94aa5.webp 600w, https://assets.fabulous.ch/public/variant_asset/415/file/medium-9bfebd4cc99caf76284bc692a9eef7fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/415/file/large-847f9687a03a1a5268bf604d674e3131.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/415/file/medium-9bfebd4cc99caf76284bc692a9eef7fa.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="/de/products/tee-yogi-black-chai-bio-30-g-461">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee Yogi Black Chai Bio, 30 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 15.00 / 100 g
            </p>
        </div>
      </div>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tee-yogi-frauen-balance-bio-38-g-463">
          <img alt="Tee Yogi Frauen Balance Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/418/file/small-0d76c217db2f8c9e69b90e41f09dc624.webp 600w, https://assets.fabulous.ch/public/variant_asset/418/file/medium-0d4fa0c210308958838255d9dc97c639.webp 900w, https://assets.fabulous.ch/public/variant_asset/418/file/large-a51ef7ed411f9a7f70dbab99174a6cd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/418/file/medium-0d4fa0c210308958838255d9dc97c639.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="/de/products/tee-yogi-frauen-balance-bio-38-g-463">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee Yogi Frauen Balance Bio, 38 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 11.84 / 100 g
            </p>
        </div>
      </div>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tee-yogi-positive-energie-bio-38-g-464">
          <img alt="Tee Yogi Positive Energie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/417/file/small-cc68971c0e1200b9542c5c884b069c0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/417/file/medium-3836fc1b5c4ed9c8aa8cf202325346a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/417/file/large-0e23b89404f3a977e0f681a40284ef8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/417/file/medium-3836fc1b5c4ed9c8aa8cf202325346a2.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="/de/products/tee-yogi-positive-energie-bio-38-g-464">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee Yogi Positive Energie Bio, 38 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 11.84 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yWis38ZM3ECoHMULO8C09dJTdG_n8MT8kHCyTXPO4DKhqagR7ID89-ff7ZRO14d-rJy4_Z-lMUyoeOYlMsxUdw" />
    <input value="464" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kurkuma-gemahlen-bio-50-g-465">
          <img alt="Kurkuma gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/419/file/small-862f288775aa9626414cb554e18ea50b.webp 600w, https://assets.fabulous.ch/public/variant_asset/419/file/medium-cc496783551eed34a8baeb7334395462.webp 900w, https://assets.fabulous.ch/public/variant_asset/419/file/large-c07d834e9eebb7d9583ddd633ee891ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/419/file/medium-cc496783551eed34a8baeb7334395462.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">Lebensbaum</p>
          <a href="/de/products/kurkuma-gemahlen-bio-50-g-465">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kurkuma gemahlen Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/natron-20-g-469">
          <img alt="Natron" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/423/file/small-b8526aeb0795133a91b94a7adb6698b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/423/file/medium-8a52e48a57b0df8605695be562617604.webp 900w, https://assets.fabulous.ch/public/variant_asset/423/file/large-4fc66abde99e175310fc8b836e25559d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/423/file/medium-8a52e48a57b0df8605695be562617604.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">Biovegan</p>
          <a href="/de/products/natron-20-g-469">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Natron, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.30
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vanillezucker-bio-8-g-470">
          <img alt="Vanillezucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/422/file/small-0a1a729dc9927ade81ae5f1738b9354d.webp 600w, https://assets.fabulous.ch/public/variant_asset/422/file/medium-43055fb785a02bf238217534d050964d.webp 900w, https://assets.fabulous.ch/public/variant_asset/422/file/large-f8cdc44df8c303dd8f85ec3bfc3757cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/422/file/medium-43055fb785a02bf238217534d050964d.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">Biovegan</p>
          <a href="/de/products/vanillezucker-bio-8-g-470">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vanillezucker Bio, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.85
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/riegel-vivani-white-nougat-crisp-bio-35-g-480">
          <img alt="Riegel Vivani White Nougat Crisp Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/431/file/small-56cf522a66c80ddd3f2437c7fd737c7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/431/file/medium-0a97ab9b7504c122e6cbda9f136fbe46.webp 900w, https://assets.fabulous.ch/public/variant_asset/431/file/large-06a298bce9e911d54e25a394f4886c59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/431/file/medium-0a97ab9b7504c122e6cbda9f136fbe46.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">Vivani / Ichoc</p>
          <a href="/de/products/riegel-vivani-white-nougat-crisp-bio-35-g-480">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riegel Vivani White Nougat Crisp Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vivani-cavi-quick-kakao-getrankpulver-bio-400-g-481">
          <img alt="Vivani Cavi quick Kakao-Getränkpulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/432/file/small-92368a1ed0f3446814ca9689900f9205.webp 600w, https://assets.fabulous.ch/public/variant_asset/432/file/medium-049a1bc9943277d54be4a2af16bd20ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/432/file/large-86291ef559db20a2d44994c142ea6782.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/432/file/medium-049a1bc9943277d54be4a2af16bd20ad.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">Vivani / Ichoc</p>
          <a href="/de/products/vivani-cavi-quick-kakao-getrankpulver-bio-400-g-481">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Cavi quick Kakao-Getränkpulver Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PMQFRZm2mjzkzHMCFOxucNcaqiEqAc3zLhShqs-S3lRUBQGLs3q6i6sPW51h-137qdVms1JUOEMWHPXCjpBqEQ" />
    <input value="481" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tee-matcha-grunteepulver-raab-bio-30-g-482">
          <img alt="Tee MATCHA Grünteepulver Raab Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/436/file/small-f4b59943e93fb410f464ef7a25dc0da7.webp 600w, https://assets.fabulous.ch/public/variant_asset/436/file/medium-0bd887ce7774f033d5a066713bd9c053.webp 900w, https://assets.fabulous.ch/public/variant_asset/436/file/large-35cc5e86cba38eb8066ff705ee19eb76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/436/file/medium-0bd887ce7774f033d5a066713bd9c053.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">Raab</p>
          <a href="/de/products/tee-matcha-grunteepulver-raab-bio-30-g-482">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee MATCHA Grünteepulver Raab Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.40
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/reis-basmati-himalaya-weiss-500-g-485">
          <img alt="Reis Basmati Himalaya Weiss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/438/file/small-254068701a18cd166010711725017767.webp 600w, https://assets.fabulous.ch/public/variant_asset/438/file/medium-0906f12ecde7503d4b62c71c3c2c32c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/438/file/large-1b13cbfc82eac7a5e597169979a342e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/438/file/medium-0906f12ecde7503d4b62c71c3c2c32c4.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">Davert</p>
          <a href="/de/products/reis-basmati-himalaya-weiss-500-g-485">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reis Basmati Himalaya Weiss, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/day-q10-anti-falten-feuchtigkeitscreme-basis-sensitiv-50-ml-490">
          <img alt="Day Q10 Anti-Falten Feuchtigkeitscreme basis sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/440/file/small-f00a069f6cfd9b8de4951c5d4008bcae.webp 600w, https://assets.fabulous.ch/public/variant_asset/440/file/medium-5df868f7b976b61f3417d4052918cce7.webp 900w, https://assets.fabulous.ch/public/variant_asset/440/file/large-a96cdfcfe08ca86918e11c099943deba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/440/file/medium-5df868f7b976b61f3417d4052918cce7.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">Lavera</p>
          <a href="/de/products/day-q10-anti-falten-feuchtigkeitscreme-basis-sensitiv-50-ml-490">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Day Q10 Anti-Falten Feuchtigkeitscreme basis sensitiv, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.25
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kartoffelmehl-starke-glutenfrei-bio-250-g-514">
          <img alt="Kartoffelmehl (Stärke) glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/462/file/small-5255c4f3dccc38e3d0a5e183b09670cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/462/file/medium-67ef7427c9006c1928d1dcb71ce8b5ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/462/file/large-a3a4354e26ac508c474be31956d2de13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/462/file/medium-67ef7427c9006c1928d1dcb71ce8b5ab.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">Bauckhof</p>
          <a href="/de/products/kartoffelmehl-starke-glutenfrei-bio-250-g-514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kartoffelmehl (Stärke) glutenfrei Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gerstengras-pulver-rohkostqualitat-bio-75-g-515">
          <img alt="Gerstengras Pulver Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/465/file/small-fe1886f70d3f2d860c9609c9a6d27f81.webp 600w, https://assets.fabulous.ch/public/variant_asset/465/file/medium-c02acdc0c134cbd55cdc87ee753f419e.webp 900w, https://assets.fabulous.ch/public/variant_asset/465/file/large-d855b06d121a172153af179c57bc5e76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/465/file/medium-c02acdc0c134cbd55cdc87ee753f419e.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">Raab</p>
          <a href="/de/products/gerstengras-pulver-rohkostqualitat-bio-75-g-515">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gerstengras Pulver Rohkostqualität Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SOimOK-rTTnSDHbM9NgCd3qvVSDxohIYkMvNMLWFfXAgKaL2hWdtjp3PXlOBzzH8BGCZson356iow5lY9IfJNQ" />
    <input value="515" 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">
      360 von 3&#39;168 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/fupi?format=turbo_stream&amp;page=19">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>