<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/lyoner-art-erbsenprotein-bio-200-g-16134">
          <img alt="Lyoner Art Erbsenprotein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7436/file/small-9f66b17cbf46c456a6a092a9855cba4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7436/file/medium-a2854bd7e052c150d0f3ff0a5dc2c1db.webp 900w, https://assets.fabulous.ch/public/variant_asset/7436/file/large-4abef3748ba1b1a94901739ce390a82c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7436/file/medium-a2854bd7e052c150d0f3ff0a5dc2c1db.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">Wheaty</p>
          <a href="/de/products/lyoner-art-erbsenprotein-bio-200-g-16134">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lyoner Art Erbsenprotein Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5HTSVlDGidbdJOqzWUq8-poXfh8LCVjQWeVo4dRHV0hlu0H5hQeCN_w3ssgJ_3TXoljK413WMSjcwZ3xVtU-UA" />
    <input value="16134" 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/cuisine-reis-bio-200-ml-16139">
          <img alt="Cuisine Reis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7439/file/small-356951eb45f2e67697bb4e4d8c6f28ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/7439/file/medium-89f2023410bf4eaf2a79419df906a9c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7439/file/large-710e8dd03d0d9110010a65fff89c4cf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7439/file/medium-89f2023410bf4eaf2a79419df906a9c9.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">Natumi</p>
          <a href="/de/products/cuisine-reis-bio-200-ml-16139">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Reis 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-16139-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KLsP1zNE5h-Ie33AKQH7-Ug_EesVLg1wClK1cPurGWapdJx45oXt_qloJbt5tDPUcHClF0PxZIiPdkBgeTlwfg" />
    <input value="16139" 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/hafer-konzentrat-uht-bio-500-ml-16140">
          <img alt="Hafer Konzentrat UHT Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7445/file/small-b643236336a76fe1b60f1bc6155fd41c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7445/file/medium-3165e8a7c5f86de72cad72c0d50fe15b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7445/file/large-2cd3ee0a56df64f1cef9379b93505c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7445/file/medium-3165e8a7c5f86de72cad72c0d50fe15b.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">Natumi</p>
          <a href="/de/products/hafer-konzentrat-uht-bio-500-ml-16140">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hafer Konzentrat UHT Bio, 500 ml</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 0.58 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QUq_vEp8nfRz07eSymjfYPIdNoUimwBzWYYG4_sHJd7AhSwTn72WFVLA7-ma3RdNylKCeXREaYvcovPzeZVMxg" />
    <input value="16140" 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/mandeldrink-ohne-zucker-bio-1-l-16163">
          <img alt="Mandeldrink ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7446/file/small-46138d2899e883eec23ef48ca86c7f4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7446/file/medium-90dc98c90522dbb636ce5dd6ad4b908d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7446/file/large-a9ac65c2f756809588401bfad6c93988.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7446/file/medium-90dc98c90522dbb636ce5dd6ad4b908d.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">Alpro</p>
          <a href="/de/products/mandeldrink-ohne-zucker-bio-1-l-16163">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mandeldrink ohne Zucker Bio, 1 l</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.40 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xd_ibPrttc9K2tLMkSO0pGv0jHuuvUFez3hI7Nq7pnbcEHHDLyy-LmvJirfBlnyJU7s4h_hiKKZKXL38WCnPbg" />
    <input value="16163" 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/vegane-alternative-zu-thun-visch-in-ol-bio-180-g-16174">
          <img alt="Vegane Alternative zu Thun-Visch in Öl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7447/file/small-0e1a3d17533cf8661ffdb95ce977aaef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7447/file/medium-10bb428c40cda9511353e482e3d5399d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7447/file/large-7f64d959fd977def68d6bfde82a6b6b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7447/file/medium-10bb428c40cda9511353e482e3d5399d.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">followfood</p>
          <a href="/de/products/vegane-alternative-zu-thun-visch-in-ol-bio-180-g-16174">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Thun-Visch in Öl Bio, 180 g</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 3.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EFB4VdRASEZEblW71dUg4cIw8cohhSeip2W6NH2kuVeRn-v6AYFDp2V9DcCFYOjM-n9FNndaTloiQU8k_zbQTw" />
    <input value="16174" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mie-nudeln-nach-teriyaki-art-bio-161-g-16176">
          <img alt="Mie-Nudeln nach Teriyaki-Art Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7449/file/small-f027e58ae3847cefd6b91d152f34f872.webp 600w, https://assets.fabulous.ch/public/variant_asset/7449/file/medium-e21c33c12fe6e1d077c1aeb056a81fb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7449/file/large-1f280685d59ede9147b2074d3bbc8df7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7449/file/medium-e21c33c12fe6e1d077c1aeb056a81fb2.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">followfood</p>
          <a href="/de/products/mie-nudeln-nach-teriyaki-art-bio-161-g-16176">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mie-Nudeln nach Teriyaki-Art Bio, 161 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1uUArkHZ-HPfiHZ3RDezGWz2ieuWbpHUJ9F965sYFJhXKpMBlBjzkv6bLgwUgns0VLk9F8Cx-Cyi9Yj7GYp9gA" />
    <input value="16176" 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/mie-nudeln-nach-asiatischer-art-scharf-bio-159-g-16177">
          <img alt="Mie-Nudeln nach Asiatischer Art Scharf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7450/file/small-66fe1bd6b46a25f3c0c89eecb74aa94f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7450/file/medium-d9e98feaa38dda6dd17665b72e29881c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7450/file/large-fc5f4fd4744968310cfc29e38d3f9641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7450/file/medium-d9e98feaa38dda6dd17665b72e29881c.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">followfood</p>
          <a href="/de/products/mie-nudeln-nach-asiatischer-art-scharf-bio-159-g-16177">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mie-Nudeln nach Asiatischer Art Scharf Bio, 159 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bf4Pl9AAutZSsQQHqbQacZY1ulJAMwmydrV8uM-rCdOEMZw4BcGxN3OiXHz5AdJcrnoOrhbsYErzkYmoTTlgyw" />
    <input value="16177" 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/mummy-meegz-vegan-m-z-gems-80-g-16194">
          <img alt="Mummy Meegz Vegan M’z Gems" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7452/file/small-5e6260e8add69a26973fe7f35e97fc24.webp 600w, https://assets.fabulous.ch/public/variant_asset/7452/file/medium-330c0c3093d63a6380ff7672b97c876f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7452/file/large-3b9b7381e7e5d4efd0f4a5ab827ee095.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7452/file/medium-330c0c3093d63a6380ff7672b97c876f.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">Mummy Meagz</p>
          <a href="/de/products/mummy-meegz-vegan-m-z-gems-80-g-16194">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mummy Meegz Vegan M’z Gems, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="phWQqlc-kZ4E_P6gW8C_actOHFWJLwjPGkncg8KHcgcn2gMFgv-afyXvptsLdXdE8wGoqd_wYTefbSmTQBUbHw" />
    <input value="16194" 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/life-crackers-carrot-glutenfrei-raw-bio-80-g-16195">
          <img alt="Life Crackers Carrot Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7453/file/small-50802a7789e625fb4d714853e3654c1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7453/file/medium-c2afa26104af09579c7ad833e04ba534.webp 900w, https://assets.fabulous.ch/public/variant_asset/7453/file/large-00013043289d3b24eed3baed68ed84b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7453/file/medium-c2afa26104af09579c7ad833e04ba534.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">Lifefood</p>
          <a href="/de/products/life-crackers-carrot-glutenfrei-raw-bio-80-g-16195">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Life Crackers Carrot Glutenfrei RAW Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J4Cs8Kj2RHLuiiPlhGfwPK3p_R70BDZ1M-xXuTqTaBOmTz9ffTdPk8-Ze57U0jgRlaZJ4qLbX422yKKpuAEBCw" />
    <input value="16195" 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/life-crackers-chia-hanf-glutenfrei-raw-bio-90-g-16204">
          <img alt="Life Crackers Chia Hanf Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7454/file/small-e77b727c123c5af081ae80671a48e993.webp 600w, https://assets.fabulous.ch/public/variant_asset/7454/file/medium-a854c3a9df6723ab6b2ea2af14aca599.webp 900w, https://assets.fabulous.ch/public/variant_asset/7454/file/large-4c712799e88270366f0978e0c8829f3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7454/file/medium-a854c3a9df6723ab6b2ea2af14aca599.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">Lifefood</p>
          <a href="/de/products/life-crackers-chia-hanf-glutenfrei-raw-bio-90-g-16204">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Life Crackers Chia Hanf Glutenfrei RAW Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DLIjV4K7ebEUZbYAMV6tT44E1gdDtbj76MPZbq3xu-CNfbD4V3pyUDV27nth62Vitkti-xVq0QNt5yx-L2PS-A" />
    <input value="16204" 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/life-crackers-rosmarin-glutenfrei-raw-bio-90-g-16205">
          <img alt="Life Crackers Rosmarin Glutenfrei RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7455/file/small-401ad8c7c5e20c4af36d060578dd7eb7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7455/file/medium-86751bd5c5f299b2a0d942fe94a10c2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7455/file/large-19c35cf001872a42a4d3a321e7d67db0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7455/file/medium-86751bd5c5f299b2a0d942fe94a10c2d.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">Lifefood</p>
          <a href="/de/products/life-crackers-rosmarin-glutenfrei-raw-bio-90-g-16205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Life Crackers Rosmarin Glutenfrei RAW Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xmJKwepiCJNCdOMSiC3uFRVW9K5ecEAA-dcLXQDzbYdHrdluP6MDcmNnu2nYmCY4LRlAUgivKfh88_5NgmEEnw" />
    <input value="16205" 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/winterzauber-creme-bio-250-g-16207">
          <img alt="Winterzauber Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7458/file/small-07681ab0f9fbfa4ce82bd4c9af2f4ce6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7458/file/medium-89630200de7a10ce95d61284186ddc99.webp 900w, https://assets.fabulous.ch/public/variant_asset/7458/file/large-9b4a56fd9669b5209ba54d09f79d6991.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7458/file/medium-89630200de7a10ce95d61284186ddc99.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/de/products/winterzauber-creme-bio-250-g-16207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Winterzauber Creme Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZhDKU22u5dGGSekCxXGERNTDP9emvyK24Vhe1zNGYcTn31n8uG_uMKdasXmVxExp7IyLK_BgS05kfKvHsdQI3A" />
    <input value="16207" 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/zahnpasta-natural-white-fluorid-75-ml-16208">
          <img alt="Zahnpasta Natural White + Fluorid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7459/file/small-68506a4007bbef4358c8c77ee1b7c613.webp 600w, https://assets.fabulous.ch/public/variant_asset/7459/file/medium-ce63d0212bfebb53b59fdc105acb6c2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7459/file/large-638092f515cc09ae844a86dcd36c0ddb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7459/file/medium-ce63d0212bfebb53b59fdc105acb6c2a.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">Zahnheld</p>
          <a href="/de/products/zahnpasta-natural-white-fluorid-75-ml-16208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnpasta Natural White + Fluorid, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XsBYmUW53mX6l4nW1O5iy3nNNNkeu8DKTfBWVKGfxUrfD8s2kHjVhNuE0a2EW6rmQYKAJUhkqTLI1KNEIw2sUg" />
    <input value="16208" 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/zahnpasta-classic-vegan-fluoridfrei-75-ml-75-ml-16210">
          <img alt="Zahnpasta Classic Vegan fluoridfrei, 75 ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7461/file/small-865aabc0828f935029b48b2dee347bfd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7461/file/medium-ff29f45b16dd423699c68223e32e42ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/7461/file/large-0e10917c4b0953378bc589f7892e1704.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7461/file/medium-ff29f45b16dd423699c68223e32e42ff.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">Zahnheld</p>
          <a href="/de/products/zahnpasta-classic-vegan-fluoridfrei-75-ml-75-ml-16210">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnpasta Classic Vegan fluoridfrei, 75 ml, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iPCb6ESqBm7QBMFtB6AciMfSRABc9qI3HOdDqtcnhA4JPwhHkWsNj_EXmRZXFdSl_53w_Aopy8-Zw7a6VbXtFg" />
    <input value="16210" 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/zahnpasta-day-night-fluorid-75-ml-16217">
          <img alt="Zahnpasta Day &amp; Night + Fluorid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7462/file/small-00229e754a477949b62dec126bbeec7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7462/file/medium-53db4f5f49fedd3caebb8f4244afbb7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7462/file/large-58610fb4c113ad21ecf2b2f3be40a0dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7462/file/medium-53db4f5f49fedd3caebb8f4244afbb7b.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">Zahnheld</p>
          <a href="/de/products/zahnpasta-day-night-fluorid-75-ml-16217">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnpasta Day &amp; Night + Fluorid, 75 ml</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 17.20 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ROIkdGpLtLOj7zb8cLRY8Fslg14pFun5KWxP2M7UOfLFLbfbv4q_UoL8bocgAZDdY2o3on_JgAGsSLrITEZQ6g" />
    <input value="16217" 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/mundspulung-mint-400-ml-16218">
          <img alt="Mundspülung Mint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7463/file/small-160d60ab6162d92522f8aa2989da0d4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7463/file/medium-bada067493d64567efbbc4db4d7e6389.webp 900w, https://assets.fabulous.ch/public/variant_asset/7463/file/large-7367a58348595382ceda2eaf0375cd73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7463/file/medium-bada067493d64567efbbc4db4d7e6389.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">Zahnheld</p>
          <a href="/de/products/mundspulung-mint-400-ml-16218">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mundspülung Mint, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.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-16218-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y7RZZt7j_jxrUhLFxMyEOYC_1Y-Ewicc2ct2heOQrwNKe8rJCyL13UpBSr6UeUwUuPBhc9IdTuRc74OVYQLGGw" />
    <input value="16218" 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/zahnputztabs-mint-fluoridfrei-125-tabs-125-stuck-16219">
          <img alt="Zahnputztabs Mint fluoridfrei, 125 Tabs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7464/file/small-ffec2d9b4e083dcd2098465a3dca31c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7464/file/medium-ff715d570b868f59c585c641a3cfd70b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7464/file/large-ef4dcdd7e50e3eca6cea36df1ad49d01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7464/file/medium-ff715d570b868f59c585c641a3cfd70b.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">Zahnheld</p>
          <a href="/de/products/zahnputztabs-mint-fluoridfrei-125-tabs-125-stuck-16219">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnputztabs Mint fluoridfrei, 125 Tabs, 125 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g706Pp8zE-n5fX-ZghR8upwM22p6X7S2HAU_5QDehYUCcqmRSvIYCNhuJ-LSobSXpENvliyA3U6ZIcr1gkzsnQ" />
    <input value="16219" 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/zahnputztabs-mint-mit-fluorid-125-tabs-125-stuck-16223">
          <img alt="Zahnputztabs Mint mit Fluorid, 125 Tabs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7466/file/small-8b69f8d20ed30a650a916c5d1b318fdf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7466/file/medium-be37d2c8b22ac2af18e2b696693c0e69.webp 900w, https://assets.fabulous.ch/public/variant_asset/7466/file/large-093f40757cee12aaed040ad826d9ae22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7466/file/medium-be37d2c8b22ac2af18e2b696693c0e69.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">Zahnheld</p>
          <a href="/de/products/zahnputztabs-mint-mit-fluorid-125-tabs-125-stuck-16223">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zahnputztabs Mint mit Fluorid, 125 Tabs, 125 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tUL-hbauIVsMmCxrKa6zbDlhgzMdrZt3Xhv4H4JLix80jW0qY28qui2LdBB5G3tBAS43z0ty8o_bPw0PANniBw" />
    <input value="16223" 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/duschgel-limette-minze-500-ml-16228">
          <img alt="Duschgel Limette &amp; Minze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7467/file/small-a8f4dfbd55784dc6a2435224b223410c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7467/file/medium-1308afb1f834652785a17b10c974242d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7467/file/large-c2489b616a9daddaa486a23620e25420.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7467/file/medium-1308afb1f834652785a17b10c974242d.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">benecos</p>
          <a href="/de/products/duschgel-limette-minze-500-ml-16228">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Duschgel Limette &amp; Minze, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5CflQxy1AyTGYA64pRkxGUYZ6q7pjj8ERCy67MAESTtl6HbsyXQIxedzVsP1rPk0flZeUr9RVvzBCE_8QpYgIw" />
    <input value="16228" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/duschgel-orange-basilikum-500-ml-16231">
          <img alt="Duschgel Orange &amp; Basilikum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7468/file/small-88c13b89881a596209eaa217f64e1c2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7468/file/medium-cee1112a027d33499f135644fd4bb877.webp 900w, https://assets.fabulous.ch/public/variant_asset/7468/file/large-639031ef61cacc7ad9c41657c8f096e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7468/file/medium-cee1112a027d33499f135644fd4bb877.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">benecos</p>
          <a href="/de/products/duschgel-orange-basilikum-500-ml-16231">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Duschgel Orange &amp; Basilikum, 500 ml</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 1.32 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="272QYwPViJMxf2TGnADcnBibroaoGRasIEjbBbSpiJhacgPM1hSDchBsPL3MtRSxINQaev7Gf1SlbC4VNjvhgA" />
    <input value="16231" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      2&#39;700 von 3&#39;170 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/chopf-nuss?format=turbo_stream&amp;page=136">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>