<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%2Fchats-chiens%3Fformat%3Dturbo_stream%26page%3D186">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gemstone-chakra-gesichtsrienigungsmilch-200-ml-22266">
          <img alt="Gemstone Chakra Gesichtsrienigungsmilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11762/file/small-098f9f6b96dc519b6c7f8c0ff7798216.webp 600w, https://assets.fabulous.ch/public/variant_asset/11762/file/medium-d02da37c026ad98bcbef4a2966b1dd58.webp 900w, https://assets.fabulous.ch/public/variant_asset/11762/file/large-3701bc4747aee03b531d516000d73d58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11762/file/medium-d02da37c026ad98bcbef4a2966b1dd58.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">SeelenLiebe</p>
          <a href="/de/products/gemstone-chakra-gesichtsrienigungsmilch-200-ml-22266">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Gesichtsrienigungsmilch, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22266&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Gesichtsrienigungsmilch, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22266&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r9DkIJm5mOpgdslkWS8zZyIQ8Z2kzrszUQtbdQI6Kfcdqu0mFK4ifA9FcG4MLoxmUaYJ3FnLb0vJS67DYhScDw" />
    <input value="22266" 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%2Fchats-chiens%3Fformat%3Dturbo_stream%26page%3D186">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gemstone-chakra-gesichtsrienigungsmilch-50-ml-22267">
          <img alt="Gemstone Chakra Gesichtsrienigungsmilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11764/file/small-012cb45e81af32a8fd2957f1d24fee2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11764/file/medium-dc56f4d9cde2dd242d05d5253f1aca34.webp 900w, https://assets.fabulous.ch/public/variant_asset/11764/file/large-3aeb42ceeab11c5e9a6dd279f12553ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11764/file/medium-dc56f4d9cde2dd242d05d5253f1aca34.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">SeelenLiebe</p>
          <a href="/de/products/gemstone-chakra-gesichtsrienigungsmilch-50-ml-22267">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Gesichtsrienigungsmilch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22267&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Gesichtsrienigungsmilch, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22267&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nva6WTx3KWcfnK1S19bBClyG06wt_pY9V_XUccNIYhSEjLNfsWCT8XCvFFiC134LLzAr7dD7QkXPtSHHo2bX7A" />
    <input value="22267" 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%2Fchats-chiens%3Fformat%3Dturbo_stream%26page%3D186">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gemstone-chakra-gesichtsmaske-50-ml-22268">
          <img alt="Gemstone Chakra Gesichtsmaske" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11765/file/small-333e6f67a20750c7b238e6cfcbfe963c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11765/file/medium-02661ac804dec6333e68e987296e3dc4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11765/file/large-7a1b3321d3ae72ed99c852fc711bba13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11765/file/medium-02661ac804dec6333e68e987296e3dc4.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">SeelenLiebe</p>
          <a href="/de/products/gemstone-chakra-gesichtsmaske-50-ml-22268">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Gesichtsmaske, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22268&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Gesichtsmaske, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22268&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ki3RQyxi2LZu3gI5ulFbviXWKYori_mqnYjvCKOHsdQgV9hFoXViIAHtuzPvUOS_VmDRy9aOLdIFyBq-w6kELA" />
    <input value="22268" 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%2Fchats-chiens%3Fformat%3Dturbo_stream%26page%3D186">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gemstone-chakra-reinigungsbad-500-g-22269">
          <img alt="Gemstone Chakra Reinigungsbad" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11766/file/small-f4565c32ecc8d1b6bc0e75d54882e105.webp 600w, https://assets.fabulous.ch/public/variant_asset/11766/file/medium-9fe6341480f1a17e93d93a558b71bef1.webp 900w, https://assets.fabulous.ch/public/variant_asset/11766/file/large-ae092d191202830d92014cc25772573e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11766/file/medium-9fe6341480f1a17e93d93a558b71bef1.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">SeelenLiebe</p>
          <a href="/de/products/gemstone-chakra-reinigungsbad-500-g-22269">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Reinigungsbad, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22269&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Reinigungsbad, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22269&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0UAKfSUFIsSGxcSpHVoKf2aPmyWoki_k2UKZp1oO3eBjOgN7qBKYUun2faNIW7V-FTljZFWX-5xBAmwROiBoGA" />
    <input value="22269" 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%2Fchats-chiens%3Fformat%3Dturbo_stream%26page%3D186">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gemstone-chakra-duschcreme-200-ml-22270">
          <img alt="Gemstone Chakra Duschcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11767/file/small-cc7bc9f9f5fec1ec3a32ee72b4b034ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/11767/file/medium-ca3f6c72e3f4ebd6a5ecb5280814e1d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11767/file/large-d30dc1f4af8a506fbb9e26b5ac5ed37f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11767/file/medium-ca3f6c72e3f4ebd6a5ecb5280814e1d4.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">SeelenLiebe</p>
          <a href="/de/products/gemstone-chakra-duschcreme-200-ml-22270">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Duschcreme, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22270&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Duschcreme, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22270&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TztfGMmyjC6P7V0cNnewJCFCGPLWmEueIz75vK1XE9_9QVYeRKU2uODe5BZjdg8lUvTgsyudn-a7fgwKzXmmJw" />
    <input value="22270" 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%2Fchats-chiens%3Fformat%3Dturbo_stream%26page%3D186">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gemstone-chakra-haar-shampoo-200-ml-22271">
          <img alt="Gemstone Chakra Haar-Shampoo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11769/file/small-23b700fc00c5986054939a80e969d028.webp 600w, https://assets.fabulous.ch/public/variant_asset/11769/file/medium-ce70345808cd44f10a613278223dfe47.webp 900w, https://assets.fabulous.ch/public/variant_asset/11769/file/large-caee506496b708111a7ee416df713881.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11769/file/medium-ce70345808cd44f10a613278223dfe47.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">SeelenLiebe</p>
          <a href="/de/products/gemstone-chakra-haar-shampoo-200-ml-22271">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Haar-Shampoo, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22271&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Haar-Shampoo, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22271&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MNeLwCvD2pOgmUG9EQdXY9ciPii2dRN7damyWLxW4IyCrYLGptRgBc-q-LdEBuhipJTGaUtwxwPt6Ufu3HhVdA" />
    <input value="22271" 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%2Fchats-chiens%3Fformat%3Dturbo_stream%26page%3D186">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gemstone-chakra-korper-peeling-100-ml-22272">
          <img alt="Gemstone Chakra Körper-Peeling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11771/file/small-d7ef498bb34a77300ae5185b5afb37d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11771/file/medium-86a13220f8386675a051b8f65c06bd54.webp 900w, https://assets.fabulous.ch/public/variant_asset/11771/file/large-e926535f63e9caf41f25a377d164c939.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11771/file/medium-86a13220f8386675a051b8f65c06bd54.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">SeelenLiebe</p>
          <a href="/de/products/gemstone-chakra-korper-peeling-100-ml-22272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Körper-Peeling, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22272&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Körper-Peeling, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22272&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z5LOt5BvTvOUuH1EhXuxOWiDNggrp5ds3Wy9I682RMV96MexHXj0ZfuLxE7Qeg44GzXOSdaiQxRFLEiVzxjxPQ" />
    <input value="22272" 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%2Fchats-chiens%3Fformat%3Dturbo_stream%26page%3D186">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gemstone-chakra-korpercreme-100-ml-22273">
          <img alt="Gemstone Chakra Körpercreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11772/file/small-f6cbd26ed7f02534a0cbde2081fbf739.webp 600w, https://assets.fabulous.ch/public/variant_asset/11772/file/medium-50185e578e3b4f982a08da19ad1699db.webp 900w, https://assets.fabulous.ch/public/variant_asset/11772/file/large-fcd97e311ef2cc9f52c5426b78e63642.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11772/file/medium-50185e578e3b4f982a08da19ad1699db.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">SeelenLiebe</p>
          <a href="/de/products/gemstone-chakra-korpercreme-100-ml-22273">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Körpercreme, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22273&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Körpercreme, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22273&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="50t_pLCuFYi8KOysF3JMB206fGYTTNXXGHfvyODxBM1VMXaiPbmvHtMbVaZCc_MGHoyEJ-5JAa-ANxp-gN-xNQ" />
    <input value="22273" 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%2Fchats-chiens%3Fformat%3Dturbo_stream%26page%3D186">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gemstone-chakra-handcreme-50-ml-22274">
          <img alt="Gemstone Chakra Handcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11773/file/small-87fc39c0b631e6748d7d9a855f856f50.webp 600w, https://assets.fabulous.ch/public/variant_asset/11773/file/medium-d8b65482f27cbef53529ca927650b121.webp 900w, https://assets.fabulous.ch/public/variant_asset/11773/file/large-616500d721be560f454a9f056d253a80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11773/file/medium-d8b65482f27cbef53529ca927650b121.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">SeelenLiebe</p>
          <a href="/de/products/gemstone-chakra-handcreme-50-ml-22274">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Handcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22274&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Handcreme, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22274&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:30.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IINyktwSoYzqrLx3S7x1INUsfK6yQLeF34I9ESuwb66S-XuUUQUbGoWfBX0evcohppqE709FY_1HwsinS57aVg" />
    <input value="22274" 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%2Fchats-chiens%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/miss-chili-sauce-315-ml-mhd-aktion-24-09-2026-22275">
          <img alt="Miss Chili Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7049/file/small-ad4572fb2ea69546ca904c4c68af8185.webp 600w, https://assets.fabulous.ch/public/variant_asset/7049/file/medium-042211cc3b8374708edca6c1c0c528a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7049/file/large-18cfc08d78ff829bfda4197259b10dbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7049/file/medium-042211cc3b8374708edca6c1c0c528a2.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">BUFIS</p>
          <a href="/de/products/miss-chili-sauce-315-ml-mhd-aktion-24-09-2026-22275">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miss Chili Sauce, 315 ml (MHD-Aktion 24.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.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.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22275&quot;],&quot;content_name&quot;:&quot;Miss Chili Sauce, 315 ml (MHD-Aktion 24.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22275&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M9d_k5y0nlEuNwY4iFVqtEcIzNI1h9_gtPitibfjoEeBrXaVEaMkx0EEvzLdVNW1NL40k8iCC5gsuFg_180Vvw" />
    <input value="22275" 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%2Fchats-chiens%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/falafel-mini-gf-bio-150-g-mhd-aktion-24-09-2026-22276">
          <img alt="Falafel Mini GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2771/file/small-48eb4b6e91d6faf9cdee4961416ee231.webp 600w, https://assets.fabulous.ch/public/variant_asset/2771/file/medium-025d84e596eda0d486c8393fe2f66f54.webp 900w, https://assets.fabulous.ch/public/variant_asset/2771/file/large-b73679764ca88631c6e7398b6d0a954a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2771/file/medium-025d84e596eda0d486c8393fe2f66f54.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">Florentin</p>
          <a href="/de/products/falafel-mini-gf-bio-150-g-mhd-aktion-24-09-2026-22276">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Mini GF Bio, 150 g (MHD-Aktion 24.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.65</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.95</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 3.10 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22276&quot;],&quot;content_name&quot;:&quot;Falafel Mini GF Bio, 150 g (MHD-Aktion 24.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22276&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DSjCojr3RI8MfspYnfu3L1BW_CVwzlTCjsAHK40HKzy_Usukt-D-GWNNc1LI-gguI-AEZI3LgLoWgPKd7SmexA" />
    <input value="22276" 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%2Fchats-chiens%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/nussarella-vegane-alternative-zu-kase-chopf-nuss-bio-90-g-mhd-aktion-24-09-2026-22277">
          <img alt="Nussarella Vegane Alternative zu Käse Chopf-Nuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7156/file/small-ac430527742f6027b049743da82784ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/7156/file/medium-a852ebe73da048f5c7744d03e5689ee8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7156/file/large-6756b5c981d38c00d310da4a79645490.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7156/file/medium-a852ebe73da048f5c7744d03e5689ee8.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">Chopf-Nuss</p>
          <a href="/de/products/nussarella-vegane-alternative-zu-kase-chopf-nuss-bio-90-g-mhd-aktion-24-09-2026-22277">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nussarella Vegane Alternative zu Käse Chopf-Nuss Bio, 90 g (MHD-Aktion 24.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 8.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.95</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 9.11 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22277&quot;],&quot;content_name&quot;:&quot;Nussarella Vegane Alternative zu Käse Chopf-Nuss Bio, 90 g (MHD-Aktion 24.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22277&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LOYkrcwQVG8rjtkHUydOhOGblhFLpeVzZpLkfUpPW4WenC2rQQfu-US9YA0GJvGFki1uULagMQv-0hHLKmHufQ" />
    <input value="22277" 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%2Fchats-chiens%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/schlagcreme-mandel-bio-250-g-mhd-aktion-25-09-2026-22278">
          <img alt="Schlagcreme Mandel, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1627/file/small-5d3bfe9173c8a046aa67e316a0952fce.webp 600w, https://assets.fabulous.ch/public/variant_asset/1627/file/medium-40446f3da3224ad54a2c48614eddf2d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/1627/file/large-fed1a8a2fc0dea60295cc488830529bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1627/file/medium-40446f3da3224ad54a2c48614eddf2d4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/de/products/schlagcreme-mandel-bio-250-g-mhd-aktion-25-09-2026-22278">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schlagcreme Mandel, Bio, 250 g (MHD-Aktion 25.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.30</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.92 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22278&quot;],&quot;content_name&quot;:&quot;Schlagcreme Mandel, Bio, 250 g (MHD-Aktion 25.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22278&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2kilU_n_mpNq0jlXVplpK8UEZNMqHJriAV7_i-8Yic1oMqxVdOggBQXhgF0DmNYqtrKcktcZTpqZHgo9jzY8NQ" />
    <input value="22278" 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%2Fchats-chiens%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/petit-alba-vegane-alternative-weichkase-bio-110-g-mhd-aktion-25-09-2026-22279">
          <img alt="Petit Alba Vegane Alternative Weichkäse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4248/file/small-bd9f8a96020ea1bad9784b00945af6f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4248/file/medium-bc38fc66c3c9a754877bc1894531d7a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/4248/file/large-5dc80c507cd795216449677a3a943ddf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4248/file/medium-bc38fc66c3c9a754877bc1894531d7a2.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">Petit Veganne</p>
          <a href="/de/products/petit-alba-vegane-alternative-weichkase-bio-110-g-mhd-aktion-25-09-2026-22279">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petit Alba Vegane Alternative Weichkäse Bio, 110 g (MHD-Aktion 25.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 11.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 10.10</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 10.18 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22279&quot;],&quot;content_name&quot;:&quot;Petit Alba Vegane Alternative Weichkäse Bio, 110 g (MHD-Aktion 25.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22279&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yld5TuXtAgXqa13vS_sHimHjVZWCH3EjOGBaZHMtx-J4LXBIaPq4k4VY5OUe-riLElWt1H8apVugIK_SEwNyGg" />
    <input value="22279" 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%2Fchats-chiens%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/soja-dessert-chocolat-bio-4-x-100-g-mhd-aktion-25-09-2026-22280">
          <img alt="Soja Dessert Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8878/file/small-46426ed214c228dd3a3043d5c408c7a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8878/file/medium-ad21dce13af8defbbbade2c38bd6e6e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/8878/file/large-a03910496532ee6cdc15bb7783ccad2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8878/file/medium-ad21dce13af8defbbbade2c38bd6e6e4.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-chocolat-bio-4-x-100-g-mhd-aktion-25-09-2026-22280">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Dessert Chocolat Bio, 4 x 100 g (MHD-Aktion 25.09.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.75</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-22280-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22280&quot;],&quot;content_name&quot;:&quot;Soja Dessert Chocolat Bio, 4 x 100 g (MHD-Aktion 25.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22280&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9gD0DNNblL2KMjscCA0OmJf_9Cwic7suE7B6hcFl5MdEev0KXkwuK-UBghZdDLGZ5EkMbd92b1aL8I8zoUtRPw" />
    <input value="22280" 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%2Fchats-chiens%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">
    5 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/new-roots-le-greek-vegane-alternative-zu-frischkase-bio-115-g-mhd-aktion-26-09-2026-22281">
          <img alt="New Roots Le Greek Vegane Alternative zu Frischkäse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2611/file/small-12d0809ce90c3390e20955286184b7f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2611/file/medium-bceef1e8a898bea79ead312b848ccac4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2611/file/large-b4a988763eff38a7befb0611c30a88af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2611/file/medium-bceef1e8a898bea79ead312b848ccac4.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">New Roots</p>
          <a href="/de/products/new-roots-le-greek-vegane-alternative-zu-frischkase-bio-115-g-mhd-aktion-26-09-2026-22281">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">New Roots Le Greek Vegane Alternative zu Frischkäse Bio, 115 g (MHD-Aktion 26.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.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 6.09 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22281&quot;],&quot;content_name&quot;:&quot;New Roots Le Greek Vegane Alternative zu Frischkäse Bio, 115 g (MHD-Aktion 26.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22281&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NBiNQoI_BcLj9VWwI9nAziBl7wFDatMePn_l3_skK3iGYoREDyi_VIzG7Lp22H_PU9MXQL5vB2amPxBpmwqegA" />
    <input value="22281" 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%2Fchats-chiens%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">
    5 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/simply-v-pastagenuss-80-g-mhd-aktion-26-09-2026-22282">
          <img alt="Simply V Pastagenuss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11395/file/small-aa74c22c0cc83ef13cd0436dac939818.webp 600w, https://assets.fabulous.ch/public/variant_asset/11395/file/medium-f2c3963a23e940c995ba19715cbac5c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11395/file/large-132b3a0723946fe98aaa01c9a87865ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11395/file/medium-f2c3963a23e940c995ba19715cbac5c0.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">Simply V</p>
          <a href="/de/products/simply-v-pastagenuss-80-g-mhd-aktion-26-09-2026-22282">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Simply V Pastagenuss, 80 g (MHD-Aktion 26.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.10</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 5.38 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22282&quot;],&quot;content_name&quot;:&quot;Simply V Pastagenuss, 80 g (MHD-Aktion 26.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22282&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6JovjBZ6dYLaA-74Bno3Gk3KM6TYbDeACUFNuMyGYkFa4CaKm23PFLUwV_JTe4gbPnzL5SVp4_iRAbgOrKjXuQ" />
    <input value="22282" 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%2Fchats-chiens%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/biscuit-lemon-ginger-chia-bio-135-g-mhd-aktion-18-10-2026-22283">
          <img alt="Biscuit Lemon Ginger &amp; Chia Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4573/file/small-0f58075794777292de710e6dec20fa4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4573/file/medium-02987e6869f0e2835d3eb69301d373cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/4573/file/large-8d0068b074cfaa96afc461fbf6d8fb82.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4573/file/medium-02987e6869f0e2835d3eb69301d373cf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rhythm 108</p>
          <a href="/de/products/biscuit-lemon-ginger-chia-bio-135-g-mhd-aktion-18-10-2026-22283">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscuit Lemon Ginger &amp; Chia Bio, 135 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.15</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 3.07 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22283&quot;],&quot;content_name&quot;:&quot;Biscuit Lemon Ginger \u0026 Chia Bio, 135 g (MHD-Aktion 18.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22283&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vnNy388c4hMlk719N546lWUUy9m2Km5vDRZzJZAXck8MCXvZQgtYhUqgBHdin4WUFqIzmEsvuheVVoaT8DnHtw" />
    <input value="22283" 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%2Fchats-chiens%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/duschgel-pflegedusche-erfrischend-250-ml-mhd-aktion-30-11-2026-22284">
          <img alt="Duschgel Pflegedusche Erfrischend" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3358/file/small-4d77e4bd22d260121bc340cc2c0c5fb4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3358/file/medium-01be50fb7edcc9648bcda84b76707035.webp 900w, https://assets.fabulous.ch/public/variant_asset/3358/file/large-3a9803719563471ad408ade6b6ade86c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3358/file/medium-01be50fb7edcc9648bcda84b76707035.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/de/products/duschgel-pflegedusche-erfrischend-250-ml-mhd-aktion-30-11-2026-22284">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duschgel Pflegedusche Erfrischend, 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 7.35</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.60</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22284&quot;],&quot;content_name&quot;:&quot;Duschgel Pflegedusche Erfrischend, 250 ml (MHD-Aktion 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22284&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yogjOS5QiEiy7Qkb94gI5Wk0sQhJRIpdl4I3_jakApl48io_o0cy3t3esBGiibfkGoJJSbRBXiUPwsJIVoq3YQ" />
    <input value="22284" 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%2Fchats-chiens%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/vitamin-b12-fur-kinder-methyl-3-1-g-120-kautabletten-mhd-aktion-31-10-2026-22285">
          <img alt="Vitamin B12 für Kinder Methyl 3.1μg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4053/file/small-a57d46368ecf90aeec162e51157c604c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4053/file/medium-7109ef8d5af09dcacb8432c0766db847.webp 900w, https://assets.fabulous.ch/public/variant_asset/4053/file/large-716d0851269123ddbbdd25150a240214.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4053/file/medium-7109ef8d5af09dcacb8432c0766db847.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">Bjökovit</p>
          <a href="/de/products/vitamin-b12-fur-kinder-methyl-3-1-g-120-kautabletten-mhd-aktion-31-10-2026-22285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin B12 für Kinder Methyl 3.1μg, 120 Kautabletten (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 24.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 19.45</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22285&quot;],&quot;content_name&quot;:&quot;Vitamin B12 für Kinder Methyl 3.1μg, 120 Kautabletten (MHD-Aktion 31.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22285&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X5QHOsA2Sc4ZgyJWth6PU9wLqseceuATfrIX1EkVDo7t7g48TSHzWHawm1zjHzBSr71ShmF_NGvm8uJiKTu7dg" />
    <input value="22285" 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;732 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/chats-chiens?format=turbo_stream&amp;page=187">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>