<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">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/weizenkleie-demeter-250-g-mhd-aktion-11-05-2026-17497">
          <img alt="Weizenkleie Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1212/file/small-c16320ccac7f1694f39142d8b772e653.webp 600w, https://assets.fabulous.ch/public/variant_asset/1212/file/medium-544779a130961dd6cc12bc12a207b997.webp 900w, https://assets.fabulous.ch/public/variant_asset/1212/file/large-a49888eaeaa3e9859ab69aab95410495.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1212/file/medium-544779a130961dd6cc12bc12a207b997.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/weizenkleie-demeter-250-g-mhd-aktion-11-05-2026-17497">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Weizenkleie Demeter, 250 g (MHD-Aktion 11.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.15</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FQ68xr66m8eLCk7wjQAsmXa4IO5ZT0wb3wR3f-3Ls_eYLKZ2odV-YDGio3q7g6xWHL5yIuzrLLc23Sos2BE6gA" />
    <input value="17497" 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/bisoja-1-sauglingsnahrung-dose-400-g-mhd-aktion-18-05-2026-17499">
          <img alt="Bisoja 1 Säuglingsnahrung Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5848/file/small-50b39ad8222f3d7df3740d255da0c07e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5848/file/medium-bfd1b13ce000e0362f79f415c6371ab4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5848/file/large-586a3f80324271763ab2291a17d9c238.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5848/file/medium-bfd1b13ce000e0362f79f415c6371ab4.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">Bimbosan</p>
          <a href="/de/products/bisoja-1-sauglingsnahrung-dose-400-g-mhd-aktion-18-05-2026-17499">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bisoja 1 Säuglingsnahrung Dose, 400 g (MHD-Aktion 18.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 18.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 18.50</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5DHdKgGq2z2G1zl5Rn_2cJrBbcUGRDytxwdIngjDwgppE8eaHsU-mjx_1PNw_Ha_8Mc_CbPgXAEu3hXNPRlLfQ" />
    <input value="17499" 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/peak-punk-protein-haferriegel-crunchy-hazelnut-bio-55-g-17501">
          <img alt="Peak Punk Protein Haferriegel Crunchy Hazelnut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8158/file/small-663e329cba6d57c51dacd4ce25c84b30.webp 600w, https://assets.fabulous.ch/public/variant_asset/8158/file/medium-7363364647e70f668c3ef10a11b5ab2e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8158/file/large-86479066b800f6793a3b145a9a1304e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8158/file/medium-7363364647e70f668c3ef10a11b5ab2e.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">Peak Punk</p>
          <a href="/de/products/peak-punk-protein-haferriegel-crunchy-hazelnut-bio-55-g-17501">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Protein Haferriegel Crunchy Hazelnut Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O9Nq_VJ4E10ei7BKsBqDsDbxP3dSIj9wn-azkxY4uzi28XBNTRf2-qQjXcCGmQN_XPdtu-eGX9x2P-7AI-IyTw" />
    <input value="17501" 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/acerola-pulver-bio-100-g-17502">
          <img alt="Acerola Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8159/file/small-bc299eb7e258a225f35d7f98494e5e7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8159/file/medium-2841b3e2d15648a56e2416a4c3b5054e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8159/file/large-d69cf84b2ddbea2501334fe5ba3bec8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8159/file/medium-2841b3e2d15648a56e2416a4c3b5054e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/de/products/acerola-pulver-bio-100-g-17502">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Acerola Pulver Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q7Jjri0oGzLPzZFFOvGTuOjA8fTTqSBu6J99TUb-fFQmkHkeMkf-lXVlfM8MchN3gsajOGYNQMIBRiAecyT1Iw" />
    <input value="17502" 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/peak-punk-haferriegel-dark-chocolate-bio-55-g-17505">
          <img alt="Peak Punk Haferriegel Dark Chocolate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8161/file/small-8100b4fd0a396d5481db4363248e8e1b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8161/file/medium-b574179b50a7a53f6da84c6e287f3ff6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8161/file/large-891af90fd86f5f9f71808b47f2811aa0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8161/file/medium-b574179b50a7a53f6da84c6e287f3ff6.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">Peak Punk</p>
          <a href="/de/products/peak-punk-haferriegel-dark-chocolate-bio-55-g-17505">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Haferriegel Dark Chocolate Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l87u2A2xRFSeq4bgvqCM3tP8vQxx95YLvpNX9JKUGTIa7PRoEt6h8yQDa2qIIwwRufrvwMRT9qdXSgqnp06QRQ" />
    <input value="17505" 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/peak-punk-haferriegel-white-chocolate-chip-bio-55-g-17506">
          <img alt="Peak Punk Haferriegel White Chocolate Chip Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8163/file/small-e197e0d88d53db2bce0b9a96faf424c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8163/file/medium-296729c9daa6de2c73854906b7e740bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8163/file/large-a7e8f62104874c89d4cf6051daa2bf21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8163/file/medium-296729c9daa6de2c73854906b7e740bc.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">Peak Punk</p>
          <a href="/de/products/peak-punk-haferriegel-white-chocolate-chip-bio-55-g-17506">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Haferriegel White Chocolate Chip Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nCSoiNvkp4TJvXLQ5XnlONqi1XZL83ySx13zIg2H5N0RBrI4xItCI3MVn1rT-mX3sKSHuv5XHD4uhK5xOF1tqg" />
    <input value="17506" 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/peak-punk-haferriegel-pistachio-cashew-bio-55-g-17507">
          <img alt="Peak Punk Haferriegel Pistachio Cashew Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8162/file/small-86c9361dce3bef689efb2ebd99e7c2ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/8162/file/medium-63e72700f785682b38cb837a6b23b66d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8162/file/large-df37428988370d007f6c1b81de83b432.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8162/file/medium-63e72700f785682b38cb837a6b23b66d.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">Peak Punk</p>
          <a href="/de/products/peak-punk-haferriegel-pistachio-cashew-bio-55-g-17507">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Haferriegel Pistachio Cashew Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OKeLoQpgI4MX9WOWW1eXZlvQHTN1mP1PS6hzM1GnEH21hZERFQ_GJK1djhxt1BepMdZP_8A8neOicS5gZH2ZCg" />
    <input value="17507" 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/kurbiskerne-gerostet-bio-500-g-17508">
          <img alt="Kürbiskerne geröstet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8164/file/small-7ea9a7917a7943714f08406f068e3f61.webp 600w, https://assets.fabulous.ch/public/variant_asset/8164/file/medium-b5095bfa9b200e1ffdf1cf72e6d06b4f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8164/file/large-7dec1784019e52d5159fbb682efb7264.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8164/file/medium-b5095bfa9b200e1ffdf1cf72e6d06b4f.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/kurbiskerne-gerostet-bio-500-g-17508">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kürbiskerne geröstet Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RnkFyGISA9db8p_URlp7VprXp_FNKWJZf05N0YK4uzbLWx94fX3mcOFacl5w2fuZ8NH1PfiNAvWWlxCCt2IyQQ" />
    <input value="17508" 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">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokos-molk-barista-1-l-17510">
          <img alt="Kokos Mølk Barista" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8165/file/small-266e2ed08ad491cdb1ea4565bee0a177.webp 600w, https://assets.fabulous.ch/public/variant_asset/8165/file/medium-4c8315d75fbfb1e2ac21d8ef62eecd89.webp 900w, https://assets.fabulous.ch/public/variant_asset/8165/file/large-7cd0087009256cd7de83df26004e9799.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8165/file/medium-4c8315d75fbfb1e2ac21d8ef62eecd89.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">Mølk</p>
          <a href="/de/products/kokos-molk-barista-1-l-17510">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kokos Mølk Barista, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </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-17510-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ursJjuMlzV76qO-ecOXVSzGgWH6c20CP7UEi7D35LUk3mRM-_Eoo-UAAAhRGZlWEW6YKsil_ICMEmH-_CCOkPg" />
    <input value="17510" type="hidden" name="variant_id" id="variant_id" />
    <input value="8" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/erdnuss-sauce-pur-glutenfrei-200-ml-17511">
          <img alt="Erdnuss-Sauce Pur glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8168/file/small-734858e2495d28dfdd4f730bbdea365e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8168/file/medium-711d401aca971774c0ee2477cf3ac714.webp 900w, https://assets.fabulous.ch/public/variant_asset/8168/file/large-dd33a81ec7893a497cf332a4c625a304.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8168/file/medium-711d401aca971774c0ee2477cf3ac714.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">Karanga</p>
          <a href="/de/products/erdnuss-sauce-pur-glutenfrei-200-ml-17511">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erdnuss-Sauce Pur glutenfrei, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H_CxX2z56Cw28dXyHpVyJDJUU9VuVIMvb6Nihm9QehKS0qvvc5YNi4xZOHgoFvLrWFIBGdvw44OGej_VWorzZQ" />
    <input value="17511" 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">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/erdnuss-sauce-scharf-glutenfrei-200-ml-17512">
          <img alt="Erdnuss-Sauce &quot;Scharf&quot; glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8169/file/small-2c493c511cc84b5e55c5fe5469c47605.webp 600w, https://assets.fabulous.ch/public/variant_asset/8169/file/medium-7cdeabc2ce3dd6492d64f0de68b783af.webp 900w, https://assets.fabulous.ch/public/variant_asset/8169/file/large-bc4daca7d46bb4cc10ccc88db9973146.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8169/file/medium-7cdeabc2ce3dd6492d64f0de68b783af.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">Karanga</p>
          <a href="/de/products/erdnuss-sauce-scharf-glutenfrei-200-ml-17512">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erdnuss-Sauce &quot;Scharf&quot; glutenfrei, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M2PL6lkl8tpqDbLkiPojsqKVTdAABKpFjxgKIZyV9Iq-QdFaRkoXfdClX26-eaN9yJMfHLWgyulmwVdyqU99_Q" />
    <input value="17512" 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/fair-squared-kondome-sensitive-dry-kondome-10-stuck-17526">
          <img alt="Fair Squared Kondome Sensitive Dry Kondome" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8172/file/small-edbffccb8d5237b7ec296fca7e7249fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/8172/file/medium-a48cb3d1aea9744480a71b6e73850251.webp 900w, https://assets.fabulous.ch/public/variant_asset/8172/file/large-fb7641034139bfb5eec6da33c52f3f85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8172/file/medium-a48cb3d1aea9744480a71b6e73850251.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">Fair Squared</p>
          <a href="/de/products/fair-squared-kondome-sensitive-dry-kondome-10-stuck-17526">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fair Squared Kondome Sensitive Dry Kondome, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LexiTdIjWBEPvSKaeV56M6juaRBgCNO1ABcYu-36AGGgznj9zUy9trUVzxBP3fr8wug73NWssxnpzkXo2CCJFg" />
    <input value="17526" 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">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/bunte-schokolinsen-bio-70-g-17529">
          <img alt="Bunte Schokolinsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8175/file/small-d480cdb0203b5f0ff998ea00f55719ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/8175/file/medium-7068191624c2d3f06a9a4aa2480c7fc7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8175/file/large-624a3d6aaa895b8c1d9c23a16ccd7d5b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8175/file/medium-7068191624c2d3f06a9a4aa2480c7fc7.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">bett&#39;r</p>
          <a href="/de/products/bunte-schokolinsen-bio-70-g-17529">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bunte Schokolinsen Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fOc3_igARTm0m702Y45tsXYQpbjnuNTmTY8gW3PlbejxxS1ON2-gng4zULxVDe1-HBb3dFIctEqkVn0IRj_knw" />
    <input value="17529" 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/biscuit-pistachio-bio-135-g-17533">
          <img alt="Biscuit Pistachio Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8177/file/small-b737b6e1ebf79fafb0a64e9f152decc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8177/file/medium-78eb9b7ef07da26d5a295c29bd44c7dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8177/file/large-83c93e930aa4706001de50305f74a810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8177/file/medium-78eb9b7ef07da26d5a295c29bd44c7dc.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">Rhythm 108</p>
          <a href="/de/products/biscuit-pistachio-bio-135-g-17533">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuit Pistachio Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </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-17533-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M-9horsTZnoV1YQ55B1RjyyltYRGsKOPaobEVnX1tPW-zXsSpHyD3a99abPSntFARqPnSPMUwyODX5kFQC89gg" />
    <input value="17533" 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/senfol-demeter-250-ml-17536">
          <img alt="Senföl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8181/file/small-69763c9ab8c853579d3ba374068cd07b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8181/file/medium-ef296c05a9ae25ff5f380303f82e55e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8181/file/large-f799b2dfe2b438f72a7c26abaebacc89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8181/file/medium-ef296c05a9ae25ff5f380303f82e55e5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/de/products/senfol-demeter-250-ml-17536">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Senföl Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CzWr2ywXLWy8YrYUX6BzKpPGdqY-y01E1Y4QDUh5J-WGF7FrM3jIywbKW55pI_Pl-cAkaotvLeg8V01efaOukg" />
    <input value="17536" 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/acerola-pulver-bio-300-g-17561">
          <img alt="Acerola Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8189/file/small-c34ffaa6362f53d4db3943d90b9609e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8189/file/medium-4461c07501d6f0f07c071f98e06201c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8189/file/large-1c85e2804e3e3df22012975a00f2dde2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8189/file/medium-4461c07501d6f0f07c071f98e06201c5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/de/products/acerola-pulver-bio-300-g-17561">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Acerola Pulver Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 55.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fIq_2yQfkEjcQFVvc57bq9_M0rgj51y9RetAngVyH37xqKVrO3B172bouOVFHVtktcqAdJZDPBGsMh3NMKiWCQ" />
    <input value="17561" 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/miso-suppe-instant-bio-210-g-17562">
          <img alt="Miso Suppe instant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8191/file/small-c598140418826cc87e80ea7654cb7397.webp 600w, https://assets.fabulous.ch/public/variant_asset/8191/file/medium-01730339560a48b8e018da9244582793.webp 900w, https://assets.fabulous.ch/public/variant_asset/8191/file/large-d5194add5da35c1b2d04c32b19a330ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8191/file/medium-01730339560a48b8e018da9244582793.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/de/products/miso-suppe-instant-bio-210-g-17562">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Miso Suppe instant Bio, 210 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LcmBx5sGFxeqwq327EAMSCHP3KcRUxxPoRIgmNQbGOug65t3hGnysBBqQHzaw4yHS8mOa6T3fONIy33L4cGRnA" />
    <input value="17562" 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/burger-veggie-kraftkorn-quinoa-bio-180-g-17563">
          <img alt="Burger Veggie-KraftKorn Quinoa Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8192/file/small-ce20c5e5dc03dc9248315b82e7fcf946.webp 600w, https://assets.fabulous.ch/public/variant_asset/8192/file/medium-5f856b053fddec9fa179c58e69bf81cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8192/file/large-370734b9870e6a6df4c59a7670a31a59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8192/file/medium-5f856b053fddec9fa179c58e69bf81cb.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">Soyana</p>
          <a href="/de/products/burger-veggie-kraftkorn-quinoa-bio-180-g-17563">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger Veggie-KraftKorn Quinoa Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </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.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gka1RGW9q6WhbZMNeyv0zbBqqEz2tYn4baikIIm_diUPZK_0etJOAhvFfodNqHQC2mz6gEMR6VSEcflzvGX_Ug" />
    <input value="17563" 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">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    36 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-lindernde-intim-waschlotion-ph-6-5-250-ml-mhd-aktion-30-06-2026-17566">
          <img alt="Pill Kosmetik - Lindernde Intim-Waschlotion pH 6.5" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6407/file/small-c75560fafee964fe9e764b06226eba8a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6407/file/medium-0d0af2376e9546049ce091ee2bd74178.webp 900w, https://assets.fabulous.ch/public/variant_asset/6407/file/large-673021397b2e064804204271e5e10601.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6407/file/medium-0d0af2376e9546049ce091ee2bd74178.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-lindernde-intim-waschlotion-ph-6-5-250-ml-mhd-aktion-30-06-2026-17566">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Lindernde Intim-Waschlotion pH 6.5, 250 ml (MHD-Aktion 30.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 15.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 10.00</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m3HdBk9mqWQySeFCMxGmgiCe8jzs66VnBhNTjyCOnF8WU8e2UAlMw4jhDMgFkiZNSpig8FlPxcvvyg7cFVQVKA" />
    <input value="17566" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-ceramide-hautstraffende-creme-50-ml-mhd-aktion-31-05-2026-17581">
          <img alt="Pill Kosmetik - Ceramide hautstraffende Creme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6385/file/small-d9432bbca73d6bf9a83ef0ced453c660.webp 600w, https://assets.fabulous.ch/public/variant_asset/6385/file/medium-209d07dadf435ab48036d3cb1ef7b561.webp 900w, https://assets.fabulous.ch/public/variant_asset/6385/file/large-eda3632e9e986705fd518ad958532475.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6385/file/medium-209d07dadf435ab48036d3cb1ef7b561.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-ceramide-hautstraffende-creme-50-ml-mhd-aktion-31-05-2026-17581">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Kosmetik - Ceramide hautstraffende Creme, 50 ml (MHD-Aktion 31.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 48.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 24.30</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="be5yW9MA75Ex-6uUCahRZeF5MT_W-amUOUYHEHyUDnngzGjrzG8KNotTRh4_K9Gqi39j82NdyTjQn1pDSU6HDg" />
    <input value="17581" 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">
      3&#39;080 von 3&#39;158 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/fupi?format=turbo_stream&amp;page=155">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>