<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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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/bohnen-borlotti-bio-400-g-mhd-aktion-12-11-2026-22417">
          <img alt="Bohnen Borlotti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4096/file/small-87200c32d6b651fece078e5448fdd612.webp 600w, https://assets.fabulous.ch/public/variant_asset/4096/file/medium-f7cf54d5f44ab9d1517cb6a1328b787e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4096/file/large-2b65fc7f8d4ccfa8f3d77d3eaae0ee61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4096/file/medium-f7cf54d5f44ab9d1517cb6a1328b787e.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">Alce Nero</p>
          <a href="/de/products/bohnen-borlotti-bio-400-g-mhd-aktion-12-11-2026-22417">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bohnen Borlotti Bio, 400 g (MHD-Aktion 12.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.40</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22417&quot;],&quot;content_name&quot;:&quot;Bohnen Borlotti Bio, 400 g (MHD-Aktion 12.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22417&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NC5bYdn5yZaj10FIgZBVmtKw9xAzOr2DdyrRyNCFJnQx8y8s4qV9Ec8uJLsvronZyiJdBx1ehob06Q-xw2t06w" />
    <input value="22417" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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/sriracha-jackfruit-200-g-mhd-aktion-09-12-2026-22425">
          <img alt="Sriracha Jackfruit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7210/file/small-ad457a2b73242a2f823de28ddd98edc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7210/file/medium-21b5b45cec1599214b7a3e105ec54463.webp 900w, https://assets.fabulous.ch/public/variant_asset/7210/file/large-7af0e79a9368f988fad95ef92cb47896.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7210/file/medium-21b5b45cec1599214b7a3e105ec54463.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">Nature&#39;s Charm</p>
          <a href="/de/products/sriracha-jackfruit-200-g-mhd-aktion-09-12-2026-22425">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sriracha Jackfruit, 200 g (MHD-Aktion 09.12.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.40</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22425&quot;],&quot;content_name&quot;:&quot;Sriracha Jackfruit, 200 g (MHD-Aktion 09.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22425&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sq6NZ06LHZaW9s0nXVURxnAmb7TCDZpT3pjS-YNtKbxPc_kqddepEfoPqNTza82FaLTFo-xpoVZdWwyAkIN7Iw" />
    <input value="22425" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pasta-vegane-hahn-und-huhn-teigwaren-fur-kinder-demeter-250-g-mhd-aktion-04-12-2026-22426">
          <img alt="Pasta Vegane Hahn und Huhn Teigwaren für Kinder Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3770/file/small-1bd7d52795aad6413d73cef705a4b42d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3770/file/medium-22986ffdcd229d2163fbcfd61fa427a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3770/file/large-ae4fe75440c01bd4a1aad496e3afb57b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3770/file/medium-22986ffdcd229d2163fbcfd61fa427a5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/de/products/pasta-vegane-hahn-und-huhn-teigwaren-fur-kinder-demeter-250-g-mhd-aktion-04-12-2026-22426">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Vegane Hahn und Huhn Teigwaren für Kinder Demeter, 250 g (MHD-Aktion 04.12.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-22426-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22426&quot;],&quot;content_name&quot;:&quot;Pasta Vegane Hahn und Huhn Teigwaren für Kinder Demeter, 250 g (MHD-Aktion 04.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22426&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mnXT02lmEoUG1-yCaMdQYi8MEX5K2FzoIW7yo0_j7TCfqKeeUjqmAmouiXHG-YwhN567aWS8Z-2irSzaXA2_rw" />
    <input value="22426" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kaffee-alternative-yannoh-instant-nachfullbeutel-bio-250-g-mhd-aktion-30-11-2026-22427">
          <img alt="Kaffee Alternative Yannoh Instant Nachfüllbeutel, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3685/file/small-d3acda8175c8aecbf4409341861801c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3685/file/medium-96cd2f3cb51eeca94fee0445738e475b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3685/file/large-0956679896b987b3254c9945cf0132c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3685/file/medium-96cd2f3cb51eeca94fee0445738e475b.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">Lima</p>
          <a href="/de/products/kaffee-alternative-yannoh-instant-nachfullbeutel-bio-250-g-mhd-aktion-30-11-2026-22427">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaffee Alternative Yannoh Instant Nachfüllbeutel, Bio, 250 g (MHD-Aktion 30.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 14.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 11.50</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22427&quot;],&quot;content_name&quot;:&quot;Kaffee Alternative Yannoh Instant Nachfüllbeutel, Bio, 250 g (MHD-Aktion 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22427&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8L7LfCYiQNMEhMQ-EuP8mbbZpqpktzs13XZ6AlAWoL_1Y78xHX70VGh9oc283SDarksMvUrTADBetaR7Q_jyIA" />
    <input value="22427" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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">
    21 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sproud-erbsen-drink-vanille-vegane-alternative-zu-milch-1-l-mhd-aktion-09-11-2026-22428">
          <img alt="Sproud Erbsen Drink Vanille Vegane Alternative zu Milch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7213/file/small-a45c7e50bfe41e8b4538a987a07b2c2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7213/file/medium-4a50d74ed730f019ab8e4e36efe33845.webp 900w, https://assets.fabulous.ch/public/variant_asset/7213/file/large-806f53ce90ffa110add06dd6a0aacfc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7213/file/medium-4a50d74ed730f019ab8e4e36efe33845.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">SPROUD</p>
          <a href="/de/products/sproud-erbsen-drink-vanille-vegane-alternative-zu-milch-1-l-mhd-aktion-09-11-2026-22428">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sproud Erbsen Drink Vanille Vegane Alternative zu Milch, 1 l (MHD-Aktion 09.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22428&quot;],&quot;content_name&quot;:&quot;Sproud Erbsen Drink Vanille Vegane Alternative zu Milch, 1 l (MHD-Aktion 09.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22428&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k6fBP4LgW_h173zGBjd4uWy1zjxO48lPXnFlrT78SrCWerVyubzvfxkWGTWoCaT6dCdkK2CH8krdsrvULRIYLw" />
    <input value="22428" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/pill-kosmetik-deo-spray-mild-100-ml-mhd-aktion-31-10-2026-22429">
          <img alt="Pill Kosmetik - Deo Spray mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6408/file/small-95e5ca4ba3e50b87ca92a93a1b54c395.webp 600w, https://assets.fabulous.ch/public/variant_asset/6408/file/medium-5b26795d4f2200c1876d4cef9458bc9d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6408/file/large-3019f28f370afe8227105780c7ac20bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6408/file/medium-5b26795d4f2200c1876d4cef9458bc9d.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-deo-spray-mild-100-ml-mhd-aktion-31-10-2026-22429">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Deo Spray mild, 100 ml (MHD-Aktion 31.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 17.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 13.70</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22429&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Deo Spray mild, 100 ml (MHD-Aktion 31.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22429&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dnNZSFJqkDv_Tu59QDM04YV90XrIHFU1VfhjHlcHOiJzri0FaTYkvJO3i47uDeiine97beZ4bjDWO71nROlovQ" />
    <input value="22429" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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/tafel-rhythm-108-vegane-orange-zartbitter-bio-100-g-mhd-aktion-01-11-2026-22430">
          <img alt="Tafel Rhythm 108 Vegane Orange Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4521/file/small-29f842eb9f4acd8f590e393fe964df03.webp 600w, https://assets.fabulous.ch/public/variant_asset/4521/file/medium-4421e47ab09ca1667a712ce6b3640c10.webp 900w, https://assets.fabulous.ch/public/variant_asset/4521/file/large-51c0d14ef7771aaf0e7c9f49fbe40a5b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4521/file/medium-4421e47ab09ca1667a712ce6b3640c10.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/tafel-rhythm-108-vegane-orange-zartbitter-bio-100-g-mhd-aktion-01-11-2026-22430">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tafel Rhythm 108 Vegane Orange Zartbitter Bio, 100 g (MHD-Aktion 01.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.45</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.80</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22430&quot;],&quot;content_name&quot;:&quot;Tafel Rhythm 108 Vegane Orange Zartbitter Bio, 100 g (MHD-Aktion 01.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22430&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RQrhJ5dEndoDeG_2c2N4Fw5cBrFJRPUlDhtp_JqE0CFA15VqrBgpXW-BCgXdXaRUFs6spmcgziCN2LeFiWqCvg" />
    <input value="22430" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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">
    25 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokosmilch-mit-joghurt-kulturen-natur-bio-125-g-mhd-aktion-18-10-2026-22431">
          <img alt="Kokosmilch mit Joghurt Kulturen Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1239/file/small-3eed17ccad2513428f3ffea57a457252.webp 600w, https://assets.fabulous.ch/public/variant_asset/1239/file/medium-f17bc71872fedc5fecfdd3ed0f0eb458.webp 900w, https://assets.fabulous.ch/public/variant_asset/1239/file/large-a63165455761ef815c12f838758296fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1239/file/medium-f17bc71872fedc5fecfdd3ed0f0eb458.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">Harvest Moon</p>
          <a href="/de/products/kokosmilch-mit-joghurt-kulturen-natur-bio-125-g-mhd-aktion-18-10-2026-22431">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosmilch mit Joghurt Kulturen Natur Bio, 125 g (MHD-Aktion 18.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.55</span>
            </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.72 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22431&quot;],&quot;content_name&quot;:&quot;Kokosmilch mit Joghurt Kulturen Natur Bio, 125 g (MHD-Aktion 18.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22431&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="swg7Fpk9IIA9tWuOpoP6Hgeif0MJ5jfEUztcJ371Oma21U9bomGUB1FMDn0IvSZdHzDVVCeCDMHQ-IJebRto-Q" />
    <input value="22431" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hunde-leckerli-vegan-soopa-wassermelone-apfel-50-g-22432">
          <img alt="Hunde Leckerli Vegan Soopa Wassermelone &amp; Apfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11854/file/small-b9f3963293878d9791e12eb89867033c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11854/file/medium-a5303a3693d0419b37ad00a44663f9d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11854/file/large-20127fc438f05eabd640ad35c3240d30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11854/file/medium-a5303a3693d0419b37ad00a44663f9d0.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">Soopa</p>
          <a href="/de/products/hunde-leckerli-vegan-soopa-wassermelone-apfel-50-g-22432">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hunde Leckerli Vegan Soopa Wassermelone &amp; Apfel, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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">
    25 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kokosmilch-mit-joghurt-kulturen-vanille-bio-125-g-mhd-aktion-18-10-2026-22433">
          <img alt="Kokosmilch mit Joghurt Kulturen Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1238/file/small-e84c126f6d959b85a3758a31986d90ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/1238/file/medium-18b47153f3d68b854117f82324ae83ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/1238/file/large-95167d588932a83703f37c05ac4e4a83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1238/file/medium-18b47153f3d68b854117f82324ae83ea.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">Harvest Moon</p>
          <a href="/de/products/kokosmilch-mit-joghurt-kulturen-vanille-bio-125-g-mhd-aktion-18-10-2026-22433">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosmilch mit Joghurt Kulturen Vanille Bio, 125 g (MHD-Aktion 18.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.55</span>
            </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.72 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22433&quot;],&quot;content_name&quot;:&quot;Kokosmilch mit Joghurt Kulturen Vanille Bio, 125 g (MHD-Aktion 18.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22433&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J5eJ4UOTLGwzkwfZiq8HO0YWkHKcmIhkaaOQQ1h3Q9UiSv2seM-Y619qYiokkdt4XoQ6ZbL8s2HqYE46S5kRSg" />
    <input value="22433" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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">
    25 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tofu-spinat-bio-200-g-mhd-aktion-18-10-2026-22435">
          <img alt="Tofu Spinat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7149/file/small-a93021cff1b058f87b685181022d9c30.webp 600w, https://assets.fabulous.ch/public/variant_asset/7149/file/medium-e6e6c0c2dff0ae61a413bd41b9155485.webp 900w, https://assets.fabulous.ch/public/variant_asset/7149/file/large-19be18945d07cf3dab478ca4e6f40725.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7149/file/medium-e6e6c0c2dff0ae61a413bd41b9155485.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">Taifun</p>
          <a href="/de/products/tofu-spinat-bio-200-g-mhd-aktion-18-10-2026-22435">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Spinat Bio, 200 g (MHD-Aktion 18.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.85</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.65</span>
            </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.43 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22435&quot;],&quot;content_name&quot;:&quot;Tofu Spinat Bio, 200 g (MHD-Aktion 18.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22435&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zjR1zSOa-_BCQISXgss6bBotfnzIfCXmdLxjx8fhpmPL6QGAGMZPdy654WQs9eYvAr_Ua-YYHuP3f72-1A_0_A" />
    <input value="22435" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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">
    25 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soja-dessert-vanille-bio-4-x-100-g-mhd-aktion-18-10-2026-22436">
          <img alt="Soja Dessert Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8879/file/small-9451a17495dd630cfb1ba77b782712fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/8879/file/medium-5f89614d32698a0aac66a273ff2bb9be.webp 900w, https://assets.fabulous.ch/public/variant_asset/8879/file/large-3e74ae0db838f84f2a9c206ac6d928d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8879/file/medium-5f89614d32698a0aac66a273ff2bb9be.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">Sojade</p>
          <a href="/de/products/soja-dessert-vanille-bio-4-x-100-g-mhd-aktion-18-10-2026-22436">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Dessert Vanille Bio, 4 x 100 g (MHD-Aktion 18.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.00</span>
            </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 1.33 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22436&quot;],&quot;content_name&quot;:&quot;Soja Dessert Vanille Bio, 4 x 100 g (MHD-Aktion 18.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22436&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1AQCWWV8jSim7gRQ9gTbZzODzbJlvH_O-273GMdAe7vR2XYUXiA5r8oXYaNYOgckKxFnpUvYRMt4rSlh1K4pJA" />
    <input value="22436" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/keks-plaisir-haselnuss-schokolade-bio-130-g-mhd-aktion-12-11-2026-22437">
          <img alt="Keks Plaisir Haselnuss Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1347/file/small-eb1c7391f01c177a983afaf069c04376.webp 600w, https://assets.fabulous.ch/public/variant_asset/1347/file/medium-3a15561d34eaaec94e31bb4fcf5ce506.webp 900w, https://assets.fabulous.ch/public/variant_asset/1347/file/large-98eff16748c612b13d0ab930e76ac6b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1347/file/medium-3a15561d34eaaec94e31bb4fcf5ce506.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">Moulin du Pivert</p>
          <a href="/de/products/keks-plaisir-haselnuss-schokolade-bio-130-g-mhd-aktion-12-11-2026-22437">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Keks Plaisir Haselnuss Schokolade Bio, 130 g (MHD-Aktion 12.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.50</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22437&quot;],&quot;content_name&quot;:&quot;Keks Plaisir Haselnuss Schokolade Bio, 130 g (MHD-Aktion 12.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22437&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ln1XGrVOjSvKE3QkjHqi8v4JHsSMZrB7GQC4cYoGjTWToCNXjhI5rKbqEdciRH6x5pu006ICi36aw2YImejfqg" />
    <input value="22437" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hundeleckerli-vegan-soopa-cranberry-susskartoffel-50-g-22438">
          <img alt="Hundeleckerli Vegan Soopa Cranberry &amp; Süsskartoffel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11856/file/small-b96729a24db9453d778fd9366cf7ed24.webp 600w, https://assets.fabulous.ch/public/variant_asset/11856/file/medium-f7e3590163053999aa4d4bd73002e138.webp 900w, https://assets.fabulous.ch/public/variant_asset/11856/file/large-41f7517ef4d4542c4037851261b3a0ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11856/file/medium-f7e3590163053999aa4d4bd73002e138.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">Soopa</p>
          <a href="/de/products/hundeleckerli-vegan-soopa-cranberry-susskartoffel-50-g-22438">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hundeleckerli Vegan Soopa Cranberry &amp; Süsskartoffel, 50 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 9.90 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/crunchy-peanuts-paprika-bio-110-g-mhd-aktion-12-11-2026-22439">
          <img alt="Crunchy Peanuts Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8015/file/small-1869441853ea99c5e8ace90e4bc99e32.webp 600w, https://assets.fabulous.ch/public/variant_asset/8015/file/medium-a9fa0b0f0d2ce929c02d5356a661124d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8015/file/large-76954dc7603e2e591dd961e40ecf8eca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8015/file/medium-a9fa0b0f0d2ce929c02d5356a661124d.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/crunchy-peanuts-paprika-bio-110-g-mhd-aktion-12-11-2026-22439">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crunchy Peanuts Paprika Bio, 110 g (MHD-Aktion 12.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.80</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22439&quot;],&quot;content_name&quot;:&quot;Crunchy Peanuts Paprika Bio, 110 g (MHD-Aktion 12.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22439&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QK9aAhsGujef4Y0crWwuzRjWxfbF9p8_CI5WYSUSIHhFci5PIFoOsPMY6O8DUvKOAERv4euSpDqLTYgYNvxy5w" />
    <input value="22439" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/agavendicksaft-agave-syrup-spendierflasche-bio-500-ml-mhd-aktion-14-11-2026-22440">
          <img alt="Agavendicksaft Agave Syrup Spendierflasche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/746/file/small-e1e084214dc1291b455bad7840bb11cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/746/file/medium-b19ad39b581523f460e094f7871ca288.webp 900w, https://assets.fabulous.ch/public/variant_asset/746/file/large-44fc03a25cb26d8df522041e6f07d800.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/746/file/medium-b19ad39b581523f460e094f7871ca288.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">Allos</p>
          <a href="/de/products/agavendicksaft-agave-syrup-spendierflasche-bio-500-ml-mhd-aktion-14-11-2026-22440">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Agavendicksaft Agave Syrup Spendierflasche Bio, 500 ml (MHD-Aktion 14.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 15.55</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 12.45</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22440&quot;],&quot;content_name&quot;:&quot;Agavendicksaft Agave Syrup Spendierflasche Bio, 500 ml (MHD-Aktion 14.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22440&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ds05n58M0YwLgCQ3ajUorTGHSXH57kFY14fhbQAg7UxzEE3SpFBlC2d5QcTEC_TuKRXjZteKel1URD8UE86_0w" />
    <input value="22440" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soopa-hundeleckerli-dose-1-stuck-22441">
          <img alt="Soopa Hundeleckerli Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11859/file/small-e15d55100632a3d1a3a881af1c98f1e8.webp 600w, https://assets.fabulous.ch/public/variant_asset/11859/file/medium-7d92c4c0e32ddbad6f2136114a6cd800.webp 900w, https://assets.fabulous.ch/public/variant_asset/11859/file/large-5511b7af2af2e0d382e87c45fb94800c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11859/file/medium-7d92c4c0e32ddbad6f2136114a6cd800.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">Soopa</p>
          <a href="/de/products/soopa-hundeleckerli-dose-1-stuck-22441">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soopa Hundeleckerli Dose, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hunde-leckerli-vegan-soopa-apfel-blaubeeren-50-g-22445">
          <img alt="Hunde Leckerli Vegan Soopa Apfel &amp; Blaubeeren" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11875/file/small-b4cc91b1919457f7b47fa2191bee7436.webp 600w, https://assets.fabulous.ch/public/variant_asset/11875/file/medium-48b668ee75652747d80f5170239ce88b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11875/file/large-056220408326928ecd0d809bd3028344.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11875/file/medium-48b668ee75652747d80f5170239ce88b.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">Soopa</p>
          <a href="/de/products/hunde-leckerli-vegan-soopa-apfel-blaubeeren-50-g-22445">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hunde Leckerli Vegan Soopa Apfel &amp; Blaubeeren, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hunde-leckerli-vegan-soopa-mango-himbeere-50-g-22446">
          <img alt="Hunde Leckerli Vegan Soopa Mango &amp; Himbeere" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11878/file/small-15ee82f60e3891b554a0370fb714f51a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11878/file/medium-1f4cc70c6fa1b911dbaf75dddb238a50.webp 900w, https://assets.fabulous.ch/public/variant_asset/11878/file/large-848ce8dbcc9e2034a6471e1e32bddcd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11878/file/medium-1f4cc70c6fa1b911dbaf75dddb238a50.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">Soopa</p>
          <a href="/de/products/hunde-leckerli-vegan-soopa-mango-himbeere-50-g-22446">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hunde Leckerli Vegan Soopa Mango &amp; Himbeere, 50 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 9.90 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D186">
    <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/senfol-bio-250-ml-mhd-aktion-30-11-2026-22449">
          <img alt="Senföl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8182/file/small-837e3385ffbe08e5b1c53bce744bde39.webp 600w, https://assets.fabulous.ch/public/variant_asset/8182/file/medium-39b380b1aba4a7a7fea2a376cf12874f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8182/file/large-3a038c35b913e44072d40117a67abcc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8182/file/medium-39b380b1aba4a7a7fea2a376cf12874f.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">Bio Planète</p>
          <a href="/de/products/senfol-bio-250-ml-mhd-aktion-30-11-2026-22449">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senföl Bio, 250 ml (MHD-Aktion 30.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 9.55</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 8.60</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22449&quot;],&quot;content_name&quot;:&quot;Senföl Bio, 250 ml (MHD-Aktion 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22449&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-QiwtzlxL3D4ENGI_lojSbCuxscMNeB-olS6sZ9SzYD81cT6Ai2b95TptHtQZP8KqDxs0CJR23shl2TIjLyfHw" />
    <input value="22449" 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;720 von 3&#39;722 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/harmona?format=turbo_stream&amp;page=187">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>