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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/mandeln-mit-meersalz-450-g-22231">
          <img alt="Mandeln mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11726/file/small-45ff14da228f1707c6415fc844b3f35a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11726/file/medium-ee4a094cd41eca65891faa6608ff1db4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11726/file/large-644887e77e841c98e366276d48314fa8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11726/file/medium-ee4a094cd41eca65891faa6608ff1db4.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">Stoli GmbH</p>
          <a href="/de/products/mandeln-mit-meersalz-450-g-22231">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln mit Meersalz, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22231&quot;],&quot;content_name&quot;:&quot;Mandeln mit Meersalz, 450 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22231&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TwUBhyptlESfZrzvSXejnlgCTMEYFZ0ZXpzVoRihj_YZIhE7fJaM4SgN2NZBD_Q4a3RTpLYjoISYCcmDvWYM4A" />
    <input value="22231" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/cashewkerne-mit-meersalz-370-g-22217">
          <img alt="Cashewkerne mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11706/file/small-0e5ba6fa7c34d15ee9e3f28b617ffe79.webp 600w, https://assets.fabulous.ch/public/variant_asset/11706/file/medium-449897409906e7c9bc27d3c64c0f04bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11706/file/large-f1d83fb25096a6ebb6a9269927e14e7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11706/file/medium-449897409906e7c9bc27d3c64c0f04bd.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">Stoli GmbH</p>
          <a href="/de/products/cashewkerne-mit-meersalz-370-g-22217">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashewkerne mit Meersalz, 370 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22217&quot;],&quot;content_name&quot;:&quot;Cashewkerne mit Meersalz, 370 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22217&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t1MfrCXM58Y51oK6hbb2boMb5vJEvY3U9JnkaXrcj2LhdA8Qczf_Y4695oONzqHIsG35l-qLsEkyDPhL3xsMdA" />
    <input value="22217" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/nuss-mix-deluxe-ungesalzen-351-g-22212">
          <img alt="Nuss-Mix Deluxe Ungesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11701/file/small-a804d29571ae548c656a9bf158d3eb4f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11701/file/medium-ce3a95a06352c3b58abbadddd419cf49.webp 900w, https://assets.fabulous.ch/public/variant_asset/11701/file/large-f24df4fde8fb944dab462b0d3f963eb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11701/file/medium-ce3a95a06352c3b58abbadddd419cf49.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">Stoli GmbH</p>
          <a href="/de/products/nuss-mix-deluxe-ungesalzen-351-g-22212">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nuss-Mix Deluxe Ungesalzen, 351 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22212&quot;],&quot;content_name&quot;:&quot;Nuss-Mix Deluxe Ungesalzen, 351 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22212&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="65DO5UvuvLD5PSErjaekoJkHyH6MuGrXUbFPB2rJhfG9t95ZHRWkFU5WRRKF3_MGqnHXGyKOV0qXJFMlzw4G5w" />
    <input value="22212" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/nussmischung-deluxe-mit-meersalz-351-g-22209">
          <img alt="Nussmischung Deluxe mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11698/file/small-3460962353509ecec490d1477a90092e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11698/file/medium-c082793020fee7a80759153b10cd4a7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11698/file/large-039b3a284931b5fea53a33ca7b55b5e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11698/file/medium-c082793020fee7a80759153b10cd4a7f.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">Stoli GmbH</p>
          <a href="/de/products/nussmischung-deluxe-mit-meersalz-351-g-22209">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nussmischung Deluxe mit Meersalz, 351 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22209&quot;],&quot;content_name&quot;:&quot;Nussmischung Deluxe mit Meersalz, 351 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22209&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bq2WzN4IevXJCVayOAVsGu9LrFRAqTPAJT0nKXMz4wc4ioZwiPNiUH5iMoswfTu83D2zMe6fDl3jqDsL1vRgEQ" />
    <input value="22209" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/cashewkerne-ungesalzen-370-g-22220">
          <img alt="Cashewkerne Ungesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11709/file/small-c00e66fe14cee040be6d62004f5c7c39.webp 600w, https://assets.fabulous.ch/public/variant_asset/11709/file/medium-481f73c40a3ec17fb9b97c25ac2af508.webp 900w, https://assets.fabulous.ch/public/variant_asset/11709/file/large-82a5badd31103357ddecbc7a19c2d8c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11709/file/medium-481f73c40a3ec17fb9b97c25ac2af508.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">Stoli GmbH</p>
          <a href="/de/products/cashewkerne-ungesalzen-370-g-22220">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashewkerne Ungesalzen, 370 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22220&quot;],&quot;content_name&quot;:&quot;Cashewkerne Ungesalzen, 370 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22220&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lmnkUMi07G_UXOYv002oKrBDi04FKGWcVpw9wI3yLi7ATvTsnk_0ymM3ghbbNf-MgzWUK6seWAGQCSHiKDWtOA" />
    <input value="22220" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/mandeln-ungesalzen-225-g-22233">
          <img alt="Mandeln Ungesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11725/file/small-aeee31136a868a7f76f4dd40a0cc97ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/11725/file/medium-79d574e7bca8e49c19063d5a4420e897.webp 900w, https://assets.fabulous.ch/public/variant_asset/11725/file/large-b8599a14bef20ef78e59b54398564617.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11725/file/medium-79d574e7bca8e49c19063d5a4420e897.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">Stoli GmbH</p>
          <a href="/de/products/mandeln-ungesalzen-225-g-22233">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln Ungesalzen, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22233&quot;],&quot;content_name&quot;:&quot;Mandeln Ungesalzen, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22233&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5lqvTxmHNJyNOBYRGF_mJfE8EWbcUyr-Dg55_9iDNeewfb_zT3wsOTpTcigQJ7GDwkoOA3JlF2PIm2XdfUS28Q" />
    <input value="22233" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/schoko-nusse-dunkel-175-g-22202">
          <img alt="Schoko-Nüsse dunkel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11691/file/small-f6b523305f4d6d39e1932eb86832fbab.webp 600w, https://assets.fabulous.ch/public/variant_asset/11691/file/medium-ee1123d0924e3aa8f0b49662cc267845.webp 900w, https://assets.fabulous.ch/public/variant_asset/11691/file/large-b27ff8c9e4444a47d85071fcbb1d37b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11691/file/medium-ee1123d0924e3aa8f0b49662cc267845.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">Stoli GmbH</p>
          <a href="/de/products/schoko-nusse-dunkel-175-g-22202">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko-Nüsse dunkel, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22202&quot;],&quot;content_name&quot;:&quot;Schoko-Nüsse dunkel, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22202&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pyvd7ybPaPdzCEA7JaOUGyUt1vVIGpm_9vVklRDocbXxDM1TcDRwUsRjJAIt28O9FlvJkOYspCIwYHi3tS_yow" />
    <input value="22202" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/pekannusse-ungesalzen-299-ml-22225">
          <img alt="Pekannüsse ungesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11715/file/small-386f09a5facd9b39e26853da8cfc280f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11715/file/medium-324e2d31f727375a925338eb1c05ba51.webp 900w, https://assets.fabulous.ch/public/variant_asset/11715/file/large-c37f105a6037f53d90ad5cd5f9be1d44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11715/file/medium-324e2d31f727375a925338eb1c05ba51.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">Stoli GmbH</p>
          <a href="/de/products/pekannusse-ungesalzen-299-ml-22225">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pekannüsse ungesalzen, 299 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22225&quot;],&quot;content_name&quot;:&quot;Pekannüsse ungesalzen, 299 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22225&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gWK_ipZ06iz5gHvFl4PtoDqDfHdH75AyCdlaMiGjqOPXRa82wI_yiU7rH_yf-7oGCfVjEunZra_PTEYQhGQr9Q" />
    <input value="22225" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/baumnusse-mit-meersalz-250-g-22215">
          <img alt="Baumnüsse mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11704/file/small-f18086513d6af111865f0abe945fc44c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11704/file/medium-abce824112e35b3ebcb9ae3f368b4ca5.webp 900w, https://assets.fabulous.ch/public/variant_asset/11704/file/large-539ea81cf3dd22de6b82b60ffcc1319f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11704/file/medium-abce824112e35b3ebcb9ae3f368b4ca5.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">Stoli GmbH</p>
          <a href="/de/products/baumnusse-mit-meersalz-250-g-22215">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baumnüsse mit Meersalz, 251 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22215&quot;],&quot;content_name&quot;:&quot;Baumnüsse mit Meersalz, 251 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22215&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F3wQMGNX7PEC_c76QFQfJr2Ke1UpyXCYNTiZXC161DpBWwCMNaz0VLWWqsNILEiAjvxkMIf_TQXzrYV-iL1XLA" />
    <input value="22215" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/pekannusse-mit-meersalz-299-g-22223">
          <img alt="Pekannüsse mit Meersalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11714/file/small-da9b4d363c8a4e566c3158d84f37db44.webp 600w, https://assets.fabulous.ch/public/variant_asset/11714/file/medium-8eba881f73c90e2db2f036b6a05839a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11714/file/large-76201d57fdbcadb07c24c4e002748894.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11714/file/medium-8eba881f73c90e2db2f036b6a05839a2.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">Stoli GmbH</p>
          <a href="/de/products/pekannusse-mit-meersalz-299-g-22223">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pekannüsse mit Meersalz, 299 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22223&quot;],&quot;content_name&quot;:&quot;Pekannüsse mit Meersalz, 299 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22223&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NI8j--OMNLthcEaOMHLQJiIvnrniQFJs9KEmW-3TFW9iqDNHtXcsHtYbIrc4CoeAEVmB3Ex2b_EyNDp5SBSWeQ" />
    <input value="22223" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/pekannusse-ungesalzen-149-g-22224">
          <img alt="Pekannüsse ungesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11716/file/small-bfc6ed19451cbb81d9f2ccb63654b042.webp 600w, https://assets.fabulous.ch/public/variant_asset/11716/file/medium-cf0e304c87f5babf683e72de5ac0d471.webp 900w, https://assets.fabulous.ch/public/variant_asset/11716/file/large-19d970171145a79a31a0f397563b8a62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11716/file/medium-cf0e304c87f5babf683e72de5ac0d471.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">Stoli GmbH</p>
          <a href="/de/products/pekannusse-ungesalzen-149-g-22224">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pekannüsse ungesalzen, 149 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22224&quot;],&quot;content_name&quot;:&quot;Pekannüsse ungesalzen, 149 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22224&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7ZKxNC4BRDJh-Hq6Fu6boVMXegBdOp0W1-X5nyhbwau7taGIePpcl9aTHoMelswHYGFlZfMMoIsRcOW9jZxCvQ" />
    <input value="22224" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/nukleotide-histocell-60-kapseln-20132">
          <img alt="Nukleotide Histocell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11198/file/small-9c4e729ce6a6b5ec186c5b8dff6dec5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11198/file/medium-1546ac9ab46e2db344cb0f32a1fc46e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11198/file/large-dc1a0170ff4b0e281446407387925397.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11198/file/medium-1546ac9ab46e2db344cb0f32a1fc46e8.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">Erva Medica AG</p>
          <a href="/de/products/nukleotide-histocell-60-kapseln-20132">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nukleotide Histocell, 60 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20132&quot;],&quot;content_name&quot;:&quot;Nukleotide Histocell, 60 Kapseln&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20132&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:35.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UaQYQbkEA2hTiwWE3RSSyX4wm9zW7CGR-k3AZRAbauUHgwj97_8bzeTgYb3VbMVvTUaEuXjaHAw82NxHtdzp8w" />
    <input value="20132" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/schwarzkummelol-180-kapseln-20127">
          <img alt="Schwarzkümmelöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11194/file/small-62367637f56726cd92c37750e068a95d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11194/file/medium-41423748b089e8007953ba63906ace18.webp 900w, https://assets.fabulous.ch/public/variant_asset/11194/file/large-7eb595f135164abea205bf58031b4489.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11194/file/medium-41423748b089e8007953ba63906ace18.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">Erva Medica AG</p>
          <a href="/de/products/schwarzkummelol-180-kapseln-20127">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarzkümmelöl, 180 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 59.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20127&quot;],&quot;content_name&quot;:&quot;Schwarzkümmelöl, 180 Kapseln&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20127&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:59.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="du2jQJ3jSl8DWw8jH_aVC01CSQkG33WNgBvwxBz_ovMgyrP8yxhS-rQwaxoXjsKtfjRWbKjpSBBGjuzmuTgh5Q" />
    <input value="20127" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/nukleotide-intestaid-kapseln-180-stuck-13871">
          <img alt="Nukleotide Intestaid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8826/file/small-b3dd65449ea042c15c617c191fc35e3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/8826/file/medium-53fe0e58c58a3f297503d3ee5e78fba5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8826/file/large-7ea28cd6a4f97f9403a6744a4388e1cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8826/file/medium-53fe0e58c58a3f297503d3ee5e78fba5.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">Erva Medica AG</p>
          <a href="/de/products/nukleotide-intestaid-kapseln-180-stuck-13871">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nukleotide Intestaid, 180 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13871&quot;],&quot;content_name&quot;:&quot;Nukleotide Intestaid, 180 Kapseln&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13871&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:89.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9TPwnTInG4bTTT0Aip6odQMy9DQEOAL2a-km8l-hBJKjFOAhZNwDI2QmWTmC5v_TMETrUaoOP2utfDrQ-maHhA" />
    <input value="13871" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/weinlaub-aktiv-balsam-125-ml-15520">
          <img alt="Weinlaub Aktiv Balsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7076/file/small-1d27e018e17b00a5663555e561c576da.webp 600w, https://assets.fabulous.ch/public/variant_asset/7076/file/medium-f8d9cee6f12ec84e56c6eda44a59cecb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7076/file/large-4feb85fb3e2aff619d7bd414bccad58c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7076/file/medium-f8d9cee6f12ec84e56c6eda44a59cecb.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">Erva Medica AG</p>
          <a href="/de/products/weinlaub-aktiv-balsam-125-ml-15520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weinlaub Aktiv Balsam, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15520&quot;],&quot;content_name&quot;:&quot;Weinlaub Aktiv Balsam, 125 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15520&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OfKZV2iFAb2LWZ0wqMID0Yz7ClJxtWbbtmLW7wuwpK9v1YnrPn4ZGDwy-QmgulR3v40VN9-DW0Zw98rNrncnuQ" />
    <input value="15520" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/nukleotide-cognicell-nt-kapseln-180-stuck-15519">
          <img alt="Nukleotide Cognicell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8834/file/small-e357d41bac42a0f139416f2364a48083.webp 600w, https://assets.fabulous.ch/public/variant_asset/8834/file/medium-b14493a3a76104ca3dd00204f069f196.webp 900w, https://assets.fabulous.ch/public/variant_asset/8834/file/large-f2baeb291c5b8843bd79932658c2bd39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8834/file/medium-b14493a3a76104ca3dd00204f069f196.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">Erva Medica AG</p>
          <a href="/de/products/nukleotide-cognicell-nt-kapseln-180-stuck-15519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nukleotide Cognicell, 180 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15519&quot;],&quot;content_name&quot;:&quot;Nukleotide Cognicell, 180 Kapseln&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15519&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:89.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nlycFd1-jy9D-3Nmy4JjvaNMWQ7u7E4lKD2STVqpJ3XIe4ypi4WXivSQF1_D-jQbkDpGa0Dac7juqI5v_26kYw" />
    <input value="15519" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/nukleotide-nucleocell-kapseln-180-stuck-13873">
          <img alt="Nukleotide Nucleocell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8827/file/small-ad4cfd2f5b75ee9c1954673bcebad31e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8827/file/medium-2f088ef48d7d39af296a49f3f6cb77a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8827/file/large-11b435a666bd9ef2a76793e617debeb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8827/file/medium-2f088ef48d7d39af296a49f3f6cb77a9.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">Erva Medica AG</p>
          <a href="/de/products/nukleotide-nucleocell-kapseln-180-stuck-13873">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nukleotide Nucleocell, 180 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13873&quot;],&quot;content_name&quot;:&quot;Nukleotide Nucleocell, 180 Kapseln&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13873&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:89.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fgpXnh8v5V-7P9kKUbcc2fWcYgHA3OfaTisLMHRr664oLUciSdT9-gxUvTNZz0t_xup9ZG7q2keIvhcS0axouA" />
    <input value="13873" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hormon-balance-kapseln-90-stuck-11733">
          <img alt="Hormon Balance" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8901/file/small-a9413df47c05d86301a3e97bad97322e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8901/file/medium-86e40ea7594cd66e0f3cf184fb4c85be.webp 900w, https://assets.fabulous.ch/public/variant_asset/8901/file/large-44d76649e1fb7788c5166c01caeeb5fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8901/file/medium-86e40ea7594cd66e0f3cf184fb4c85be.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">Erva Medica AG</p>
          <a href="/de/products/hormon-balance-kapseln-90-stuck-11733">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hormon Balance, 90 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11733&quot;],&quot;content_name&quot;:&quot;Hormon Balance, 90 Kapseln&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11733&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:45.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PuKURoZmkiyT_Al1ORvVkOQXGf9_1UAfs2ogY1WWLWloxYT60J2KiSSXbUwxY4I212EGmtHjfYJ1_zxB8FGufw" />
    <input value="11733" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/heidelbeere-plus-kapseln-90-stuck-11732">
          <img alt="Heidelbeere Plus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8900/file/small-9892fc88efb3261989a444c7ce0838aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/8900/file/medium-7145bb5338e5ed17b84349377366408b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8900/file/large-b0cd85b16625dbd9e496b91b9c326eaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8900/file/medium-7145bb5338e5ed17b84349377366408b.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">Erva Medica AG</p>
          <a href="/de/products/heidelbeere-plus-kapseln-90-stuck-11732">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Heidelbeere Plus, 90 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11732&quot;],&quot;content_name&quot;:&quot;Heidelbeere Plus, 90 Kapseln&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11732&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:49.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wObeRCUXUe069TwKmzqm3CXG6GpNCAscY3n07ztAg2GWwc74c-xJSI2eWDOTQvF6FrD3D-M-NoGl7OjNnocAdw" />
    <input value="11732" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fdiy-faites-le-vous-memes%3Fformat%3Dturbo_stream%26page%3D5">
    <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/hirse-bambus-plus-kapseln-180-stuck-11730">
          <img alt="Hirse Bambus Plus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8898/file/small-b6ab70745c2ab0aae19fe885386dc594.webp 600w, https://assets.fabulous.ch/public/variant_asset/8898/file/medium-f3992d25cdfc529de4dbdbd8a11721d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/8898/file/large-db42cdb18fb50557f88260cf40cc7c03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8898/file/medium-f3992d25cdfc529de4dbdbd8a11721d1.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">Erva Medica AG</p>
          <a href="/de/products/hirse-bambus-plus-kapseln-180-stuck-11730">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirse Bambus Plus, 180 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11730&quot;],&quot;content_name&quot;:&quot;Hirse Bambus Plus, 180 Kapseln&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11730&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:89.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BIZNkeEvd5otO2w36jof3dKanHtBtv9Ls9wCR41iOD1SoV0tt9RvP5pQCA7iQkh74eyDHu-AwtZ1SR5lKKW7Kw" />
    <input value="11730" 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">
      100 von 3&#39;712 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/diy-faites-le-vous-memes?format=turbo_stream&amp;page=6">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>