<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%2Fsprouting-sprouts%3Fformat%3Dturbo_stream%26page%3D165">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    4 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/protein-balls-kakao-hanfsamen-bio-50-g-mhd-aktion-22-08-2026-20235">
          <img alt="Protein Balls Kakao &amp; Hanfsamen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5307/file/small-b73feb72705ee15fefc03ca5674cbacd.webp 600w, https://assets.fabulous.ch/public/variant_asset/5307/file/medium-0d709a5ab3f4c984239edc5b374efc8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5307/file/large-d092d23c1345b37aae7adb243b32a5a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5307/file/medium-0d709a5ab3f4c984239edc5b374efc8c.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/protein-balls-kakao-hanfsamen-bio-50-g-mhd-aktion-22-08-2026-20235">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Balls Kakao &amp; Hanfsamen Bio, 50 g (MHD-Aktion 22.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.45</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.30</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RcZZQFoIc8sccV1q9EzFyE-22Zk0375-VR9n3kAi5jyg1i7vWgNSKHJvkO5AuuUnreWFttDb11QaupOlFOPcjw" />
    <input value="20235" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%2Fsprouting-sprouts%3Fformat%3Dturbo_stream%26page%3D165">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/raspberry-cashew-butter-cups-bio-39-g-mhd-aktion-28-08-2026-20236">
          <img alt="Raspberry Cashew Butter Cups Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6632/file/small-bfbc351ffcb5c313d4673586e534695f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6632/file/medium-0cd4c29f74baaf25f8947f830e5d2552.webp 900w, https://assets.fabulous.ch/public/variant_asset/6632/file/large-36d9ec42738ed8aa04deff4cfcc17b73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6632/file/medium-0cd4c29f74baaf25f8947f830e5d2552.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">Naughty Nuts</p>
          <a href="/de/products/raspberry-cashew-butter-cups-bio-39-g-mhd-aktion-28-08-2026-20236">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raspberry Cashew Butter Cups Bio, 39 g (MHD-Aktion 28.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.65</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bJXDngXgZIVMYLHFtrBme6hZCtzmrKUiImj-5ZFVziuJhbQxBetFZiJ-fEECRkaUSgpW8wKozAhtzQqexZT0mA" />
    <input value="20236" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%2Fsprouting-sprouts%3Fformat%3Dturbo_stream%26page%3D165">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    9 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/chips-mais-natur-glutenfrei-bio-125-g-mhd-aktion-11-08-2026-20237">
          <img alt="Chips Mais Natur Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/527/file/small-8f768eeeba6bbe53fcae8aa4808f1ef4.webp 600w, https://assets.fabulous.ch/public/variant_asset/527/file/medium-c5607c37d73464ec1e536172d103c0cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/527/file/large-a656b284df4605bde4e217f3797f6d00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/527/file/medium-c5607c37d73464ec1e536172d103c0cb.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">Pural</p>
          <a href="/de/products/chips-mais-natur-glutenfrei-bio-125-g-mhd-aktion-11-08-2026-20237">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chips Mais Natur Glutenfrei Bio, 125 g (MHD-Aktion 11.08.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.45</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ERMRyMvBK-9VrY1lZ4HGN8w1Kch2dTqw7TI55Orn5Fz0A2Zny8oKDDuzQOHTd-bYLmZ155JxU5qil82fvibe7w" />
    <input value="20237" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%2Fsprouting-sprouts%3Fformat%3Dturbo_stream%26page%3D165">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    11 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/chips-coconut-chips-cacao-bio-70-g-mhd-aktion-19-08-2026-20238">
          <img alt="Chips Coconut Chips Cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2720/file/small-1fbb5a1bb10491d6f798e7fcc337b5b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2720/file/medium-6332ceffaec4243e929608c87d4b18af.webp 900w, https://assets.fabulous.ch/public/variant_asset/2720/file/large-af2d122ce92b4edb85398210d66bb091.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2720/file/medium-6332ceffaec4243e929608c87d4b18af.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/chips-coconut-chips-cacao-bio-70-g-mhd-aktion-19-08-2026-20238">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chips Coconut Chips Cacao Bio, 70 g (MHD-Aktion 19.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.35</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.10</span>
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%2Fsprouting-sprouts%3Fformat%3Dturbo_stream%26page%3D165">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hunde-kauartikel-mince-pie-art-50-g-mhd-aktion-04-10-2026-20239">
          <img alt="Hunde Kauartikel Mince Pie Art" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7865/file/small-d86d97a7c3d254724071d7a63568f9fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7865/file/medium-2173e14bd6764c579413af8697bdc5f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7865/file/large-6edf415808c351b49646ce947eef52f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7865/file/medium-2173e14bd6764c579413af8697bdc5f1.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">Denzel&#39;s</p>
          <a href="/de/products/hunde-kauartikel-mince-pie-art-50-g-mhd-aktion-04-10-2026-20239">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hunde Kauartikel Mince Pie Art, 50 g (MHD-Aktion 04.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.90</span>
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%2Fsprouting-sprouts%3Fformat%3Dturbo_stream%26page%3D165">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    15 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vitamin-tripl3-c-100mg-90-kapseln-mhd-aktion-31-08-2026-20240">
          <img alt="Vitamin Tripl3 C 100mg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3003/file/small-b4d166bc5eed1e2353b88d40143a5af6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3003/file/medium-8d54f6fa68fe119c30c6047f7e5a93e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3003/file/large-c9e840e9c8be58044cc04eb3c3416751.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3003/file/medium-8d54f6fa68fe119c30c6047f7e5a93e7.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">energybalance</p>
          <a href="/de/products/vitamin-tripl3-c-100mg-90-kapseln-mhd-aktion-31-08-2026-20240">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin Tripl3 C 100mg, 90 Kapseln (MHD-Aktion 31.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 28.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 23.80</span>
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%2Fsprouting-sprouts%3Fformat%3Dturbo_stream%26page%3D165">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/love-corn-habanero-chilli-45-g-mhd-aktion-31-08-2026-20241">
          <img alt="Love Corn habanero chilli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6917/file/small-aac3c59b218bf9c93dc42416131dbddc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6917/file/medium-cc98e7a0908cac411bf7bcb5a4d4687a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6917/file/large-f2b8b8ce9772ade4ad30729f35536379.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6917/file/medium-cc98e7a0908cac411bf7bcb5a4d4687a.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">Love Corn Ltd.</p>
          <a href="/de/products/love-corn-habanero-chilli-45-g-mhd-aktion-31-08-2026-20241">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Love Corn habanero chilli, 45 g (MHD-Aktion 31.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.60</span>
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-do-it-yourself%2Fsprouting-sprouts%3Fformat%3Dturbo_stream%26page%3D165">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/dattel-schoko-haselnuss-tafel-56-bio-85-g-mhd-aktion-31-08-2026-20242">
          <img alt="Dattel Schoko Haselnuss Tafel 56% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7131/file/small-f8311605cdc9d30aa8af93f638572b0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7131/file/medium-e624fca4dea5bc6cba22d23a995c60e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7131/file/large-460a5bb417f6a43ae41956fdd744c367.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7131/file/medium-e624fca4dea5bc6cba22d23a995c60e8.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">MAKRi</p>
          <a href="/de/products/dattel-schoko-haselnuss-tafel-56-bio-85-g-mhd-aktion-31-08-2026-20242">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dattel Schoko Haselnuss Tafel 56% Bio, 85 g (MHD-Aktion 31.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.20</span>
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9VBEa_vcwMtO9z8MPmS0M-9Ly2A6sonkf-dS-RsYdTkQQDPE-9fhKCDp8oiKkpTcDRiXT9624M4wQqaCT9lPig" />
    <input value="20242" 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;288 von 3&#39;288 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>