<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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/babajaga-eintopfwurze-glas-55-g-20302">
          <img alt="Babajaga Eintopfwürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11520/file/small-94c4ab905ac8217ebe01843f8969b084.webp 600w, https://assets.fabulous.ch/public/variant_asset/11520/file/medium-de98fe2f990fe446f4c5afb73d7fba22.webp 900w, https://assets.fabulous.ch/public/variant_asset/11520/file/large-abbd11ae430e3ea802ec831850508ca4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11520/file/medium-de98fe2f990fe446f4c5afb73d7fba22.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">Chalira</p>
          <a href="/de/products/babajaga-eintopfwurze-glas-55-g-20302">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Babajaga Eintopfwürze Bio, 55 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 25.27 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20302&quot;],&quot;content_name&quot;:&quot;Babajaga Eintopfwürze Bio, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20302&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="_bVr4RwR2OEVQEp4xIFVIGRyGfQ52yuS2r_yZeYuBFAa-u9ZrCeINhboj8QchZYcDi_2nZ-PJHcaDyVOmuCJIQ" />
    <input value="20302" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/creme-vanille-konv-70-g-18667">
          <img alt="Crème Vanille konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9643/file/small-f956083b7a4cfd2bd44f1ee0f0e1b207.webp 600w, https://assets.fabulous.ch/public/variant_asset/9643/file/medium-caf55da49b2592ae5ba51dcecf51ec5d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9643/file/large-fb40fa5dd120e0fbbfb8572f2c6899e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9643/file/medium-caf55da49b2592ae5ba51dcecf51ec5d.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">MORGA</p>
          <a href="/de/products/creme-vanille-konv-70-g-18667">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crème Vanille konv, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18667&quot;],&quot;content_name&quot;:&quot;Crème Vanille konv, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18667&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sHEJ1sx_n9d41aciCrFVLpsZDjdajCM0GxbRYinMQHhXPo1ufEnPAHt9Yp7StZYS8UThXvzYLNHbpgZJVQLNCQ" />
    <input value="18667" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/caramelkopfli-konv-160-g-18662">
          <img alt="Caramelköpfli konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9640/file/small-9c2fc2d6a89e4d2411342960304932fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9640/file/medium-ef5df8c9d7fce81265cf6cc10cafa537.webp 900w, https://assets.fabulous.ch/public/variant_asset/9640/file/large-c2048807c2464c9b298f2d78a383d733.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9640/file/medium-ef5df8c9d7fce81265cf6cc10cafa537.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">MORGA</p>
          <a href="/de/products/caramelkopfli-konv-160-g-18662">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Caramelköpfli konv, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18662&quot;],&quot;content_name&quot;:&quot;Caramelköpfli konv, 160 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18662&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gkxfR1hrgTQBvwda4pVqi-2WZppn9Kzv6tpGF9nBW19lA9v_6F3R4wIXwuY6kam3h8uJ88GgowoqapE8pQ_WLg" />
    <input value="18662" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/barechrut-krautersalz-glas-55-g-a5432440-f06a-4a31-a3f1-be839dd60394-20299">
          <img alt="Bärechrut Kräutersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11516/file/small-244fd6ac7f0c691509ed1a9c016c5896.webp 600w, https://assets.fabulous.ch/public/variant_asset/11516/file/medium-330c7b16ec0d943575dcc75af67f1302.webp 900w, https://assets.fabulous.ch/public/variant_asset/11516/file/large-56f76320a975b15733003ced4f074c58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11516/file/medium-330c7b16ec0d943575dcc75af67f1302.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">Chalira</p>
          <a href="/de/products/barechrut-krautersalz-glas-55-g-a5432440-f06a-4a31-a3f1-be839dd60394-20299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bärechrut Kräutersalz Bio, 55 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 25.27 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20299&quot;],&quot;content_name&quot;:&quot;Bärechrut Kräutersalz Bio, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20299&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="fKfwG2G158RZkHpA4GifVcgXBN2xwYg4olZo9FDgDUmb6HSj0YO3E1o4v_w4bFxpokrrtBeVh91i5r_fLC6AOA" />
    <input value="20299" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/asura-37-g-20181">
          <img alt="Asura Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11268/file/small-a0f068383ed0121e2d73bd1a9e075d78.webp 600w, https://assets.fabulous.ch/public/variant_asset/11268/file/medium-904a6b0a7535289931c810fa462947cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11268/file/large-9a91aea439404f3839fd98218a1a7f70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11268/file/medium-904a6b0a7535289931c810fa462947cd.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">Chalira</p>
          <a href="/de/products/asura-37-g-20181">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Asura Bio, 37 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 37.57 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20181&quot;],&quot;content_name&quot;:&quot;Asura Bio, 37 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20181&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="6GzKheY3AuvkmONvJvHaprIG1brhCuoZXjIh1Xs0EPgPI049VgFSPOcwJtP-9Rma2Fs600de5fyegvb-B_qdiQ" />
    <input value="20181" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/aruna-gewurzmischung-violettes-curry-nfp-34-g-19760">
          <img alt="Aruna Gewürzmischung violettes Curry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10348/file/small-7d1c63a67af1011f9c1d83495e9e6b58.webp 600w, https://assets.fabulous.ch/public/variant_asset/10348/file/medium-3e7caafce796cdcb75494ebfa970b8bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10348/file/large-032ffb4ec264b736e299431b413403eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10348/file/medium-3e7caafce796cdcb75494ebfa970b8bb.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">Chalira</p>
          <a href="/de/products/aruna-gewurzmischung-violettes-curry-nfp-34-g-19760">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aruna Gewürzmischung violettes Curry Bio, 38 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 36.58 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19760&quot;],&quot;content_name&quot;:&quot;Aruna Gewürzmischung violettes Curry Bio, 38 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19760&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="L-flOCHNii1IoQ8MM3-5eTuR0S7AhnEA-3JXOh4ve9zIqGGAkfva-ksJyrDre3pFUcw-R2bSfuU7woARYuH2rQ" />
    <input value="19760" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/akropolis-olivensalz-bio-70-g-20179">
          <img alt="Akropolis Olivensalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11266/file/small-6d7ed11b98bdd173365d8aa30e76ad70.webp 600w, https://assets.fabulous.ch/public/variant_asset/11266/file/medium-0e82d3907d1ecb55abce286e54481613.webp 900w, https://assets.fabulous.ch/public/variant_asset/11266/file/large-c8ab6a4f1ae599110dc686f19dbb7cd2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11266/file/medium-0e82d3907d1ecb55abce286e54481613.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">Chalira</p>
          <a href="/de/products/akropolis-olivensalz-bio-70-g-20179">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Akropolis Olivensalz Bio, 70 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 19.86 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20179&quot;],&quot;content_name&quot;:&quot;Akropolis Olivensalz Bio, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20179&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="LRbbGHclR1z6V6jB7SYreApmI6Gdn8ffHAB0BD6JaMXKWV-gxxMXi_n_bX01IuhEYDvMyDvLyDrcsKMvQkfltA" />
    <input value="20179" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/haferkleie-demeter-500-g-18685">
          <img alt="Haferkleie Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9251/file/small-813a0378ea5a06a98146aff20a0a2cb5.webp 600w, https://assets.fabulous.ch/public/variant_asset/9251/file/medium-99f802b8ef1030c97e2e7b9e7da79d08.webp 900w, https://assets.fabulous.ch/public/variant_asset/9251/file/large-ce0124b9e204aa91ec4448f338d80974.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9251/file/medium-99f802b8ef1030c97e2e7b9e7da79d08.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">MORGA</p>
          <a href="/de/products/haferkleie-demeter-500-g-18685">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferkleie Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18685&quot;],&quot;content_name&quot;:&quot;Haferkleie Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18685&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yQIC6-d0WrqB2uDeY3YRMhQA_0-Rz7CrJ2mVsanlhBAuTYZTV0IKbYJyJWK7ctIOfl0QJjebv07n2UKa1SsJYQ" />
    <input value="18685" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/coconaut-kokoswasser-mit-mangosaft-320-ml-22152">
          <img alt="Coconaut Kokoswasser mit Mangosaft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11676/file/small-2b302ccc3ca231025fe18a714287bd3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11676/file/medium-ada8193a0a8d1f76921c5ee5740338e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11676/file/large-d4a06d47a545f65b39a9bf67c825b489.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11676/file/medium-ada8193a0a8d1f76921c5ee5740338e8.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">COCONAUT® Schweiz</p>
          <a href="/de/products/coconaut-kokoswasser-mit-mangosaft-320-ml-22152">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut Kokoswasser mit Mangosaft, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22152&quot;],&quot;content_name&quot;:&quot;Coconaut Kokoswasser mit Mangosaft, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22152&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rnzk01T5Syqk7DdX33HX91MtcEKWNZ62vajt-LoLElChM2Br5M8b_adE8usHdRTLOXCfKzBhkVN9GDrTxsWfIQ" />
    <input value="22152" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/coconaut-kokoswasser-mit-wassermelonensaft-320-ml-22151">
          <img alt="Coconaut Kokoswasser mit Wassermelonensaft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11675/file/small-cad3e6c43e799aa1f2be86fd5ab2b9b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11675/file/medium-acd623d0629d5200e344ba2f45527a78.webp 900w, https://assets.fabulous.ch/public/variant_asset/11675/file/large-89ecfae645ed35597efef1497cbfb15b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11675/file/medium-acd623d0629d5200e344ba2f45527a78.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">COCONAUT® Schweiz</p>
          <a href="/de/products/coconaut-kokoswasser-mit-wassermelonensaft-320-ml-22151">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut Kokoswasser mit Wassermelonensaft, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22151&quot;],&quot;content_name&quot;:&quot;Coconaut Kokoswasser mit Wassermelonensaft, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22151&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4sK0yDX3cf6pEBISZSwLZ7BD2fABWwLwAsXdzB8yLZAFjTBwhcEhKaq41669KMhb2h42macPDRXCdQrnY_yg4Q" />
    <input value="22151" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/weizengluten-400-g-18722">
          <img alt="Weizengluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9258/file/small-78d2cc435ce156c9a1fa9a6d59eb032d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9258/file/medium-97e0bcef6bff48910119b8e4d7ffdc57.webp 900w, https://assets.fabulous.ch/public/variant_asset/9258/file/large-c66377eb73991d9b74c93d9eef451fa6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9258/file/medium-97e0bcef6bff48910119b8e4d7ffdc57.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">MORGA</p>
          <a href="/de/products/weizengluten-400-g-18722">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weizengluten, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18722&quot;],&quot;content_name&quot;:&quot;Weizengluten, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18722&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_Yor8-2lYwxKUGu-vMeVrPWW59c70LTU6eBLunzwAmQaxa9LXZMz20n4rgJkw1aQn8sIvp2EuzEpUJyRAD6PFQ" />
    <input value="18722" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/coconaut-kokoswasser-mit-yuzusaft-320-ml-22153">
          <img alt="Coconaut Kokoswasser mit Yuzusaft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11677/file/small-60fe543b1cc1f677f2b4eb7ddd215b1a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11677/file/medium-c34c0d55bf05364c09dde838a5b069ef.webp 900w, https://assets.fabulous.ch/public/variant_asset/11677/file/large-d0309dc83e3387aa8d515f19e37e10c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11677/file/medium-c34c0d55bf05364c09dde838a5b069ef.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">COCONAUT® Schweiz</p>
          <a href="/de/products/coconaut-kokoswasser-mit-yuzusaft-320-ml-22153">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut Kokoswasser mit Yuzusaft, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22153&quot;],&quot;content_name&quot;:&quot;Coconaut Kokoswasser mit Yuzusaft, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22153&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0jTZh1BM_MZZtQmhURCsEdKF6aJo0b6fOrCdDvx-AEs1e10_4HqsEVodzB2JFG8tuNgGy86FsXr6AEolgLCNOg" />
    <input value="22153" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/coconaut-kokoswasser-mit-weissem-pfirsichsaft-320-ml-22155">
          <img alt="Coconaut Kokoswasser mit weissem Pfirsichsaft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11678/file/small-9fdb3c5e19ad5ed187cdb6630c6aa683.webp 600w, https://assets.fabulous.ch/public/variant_asset/11678/file/medium-808fe7617517a86b26b51d13c5ddbb8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11678/file/large-9406bba80fcf27d8be8b161a4864f576.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11678/file/medium-808fe7617517a86b26b51d13c5ddbb8c.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">COCONAUT® Schweiz</p>
          <a href="/de/products/coconaut-kokoswasser-mit-weissem-pfirsichsaft-320-ml-22155">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut Kokoswasser mit weissem Pfirsichsaft, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22155&quot;],&quot;content_name&quot;:&quot;Coconaut Kokoswasser mit weissem Pfirsichsaft, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22155&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ht6XUxjUVflZIUmmRC78-1TKkBwxW8pbfa7pqf-wq7r5kRPrqOIFLlqJjBqcKj_HPpd_dZcPxb69Hj6Cg34myw" />
    <input value="22155" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/coconaut-sprudelndes-kokoswasser-320-ml-22149">
          <img alt="Coconaut Sprudelndes Kokoswasser" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11673/file/small-a8030fee7e17c1852206f1a57fb1bcc6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11673/file/medium-5aa3b9c6e44b9583d01ab821552524e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11673/file/large-baaacbd0376e87f64e0efe1dbbf44ec5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11673/file/medium-5aa3b9c6e44b9583d01ab821552524e2.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">COCONAUT® Schweiz</p>
          <a href="/de/products/coconaut-sprudelndes-kokoswasser-320-ml-22149">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut Sprudelndes Kokoswasser, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22149&quot;],&quot;content_name&quot;:&quot;Coconaut Sprudelndes Kokoswasser, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22149&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_8YsrtL-6dPyK91gxok75KAoptVmHqWAyyaOxhTk_N8YiagWYsi5BPGDGNwejfjYynVJvMBKqmULllntaCpxrg" />
    <input value="22149" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/coconaut-kokoswasser-mit-ananassaft-320-ml-22150">
          <img alt="Coconaut Kokoswasser mit Ananassaft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11674/file/small-5af39898b7f745dc0e1e7b9a94e43be0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11674/file/medium-4fc90faca6475786870bc588009983bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11674/file/large-9facdb4ae8d7bfff5b3f6d7f823f78df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11674/file/medium-4fc90faca6475786870bc588009983bd.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">COCONAUT® Schweiz</p>
          <a href="/de/products/coconaut-kokoswasser-mit-ananassaft-320-ml-22150">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut Kokoswasser mit Ananassaft, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22150&quot;],&quot;content_name&quot;:&quot;Coconaut Kokoswasser mit Ananassaft, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22150&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3sfWWV1dXC8mxZIxhFxZEDSQoCEOU-BQe1Lh7UmJxOY5iFLh7WsM-CVtV41cWJosXs1PSKgH77W74jbGNUdJlw" />
    <input value="22150" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/ume-su-pflaumenessig-bio-250-ml-18733">
          <img alt="Ume Su Pflaumenessig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10001/file/small-347fa90d67899bc3d3b8cb7b718bca2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10001/file/medium-868171108aa44246176990111ad01a45.webp 900w, https://assets.fabulous.ch/public/variant_asset/10001/file/large-177884f2cad106427f69f850fd7759a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10001/file/medium-868171108aa44246176990111ad01a45.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">Muso</p>
          <a href="/de/products/ume-su-pflaumenessig-bio-250-ml-18733">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ume Su Pflaumenessig Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18733&quot;],&quot;content_name&quot;:&quot;Ume Su Pflaumenessig Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18733&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kOr3h-DljlZD9pAxwsMnxvp5h8A2UWYE8UX5AzpW2a53pXM_UNPegUBeVY0ax-T6kCRoqZAFaeEx9S4oRphU3w" />
    <input value="18733" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/umeboshi-paste-konv-150-g-18735">
          <img alt="Umeboshi Paste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11207/file/small-b29068b3b371854fafb61f6e80f9078a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11207/file/medium-b7075caea7c6de58dca99c9ac2ccf6dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11207/file/large-83b280db52b1d4be191a22766f982f37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11207/file/medium-b7075caea7c6de58dca99c9ac2ccf6dc.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">Muso</p>
          <a href="/de/products/umeboshi-paste-konv-150-g-18735">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Umeboshi Paste, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18735&quot;],&quot;content_name&quot;:&quot;Umeboshi Paste, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18735&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T6RyHwjVbyU1sPAqwH06dgoIq9MyARiUE9TGbWW-kMqo6_anuOM_8jYYNZYYeflKYFVEupRVF3HTZBFGGXAduw" />
    <input value="18735" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/ingwer-pickles-konv-60-g-18732">
          <img alt="Ingwer Pickles" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9999/file/small-0a086cf1580affd2851a2e076fddfb1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9999/file/medium-faa764527d4fd51f69c320fefe101511.webp 900w, https://assets.fabulous.ch/public/variant_asset/9999/file/large-f51ba5c6691c2cf173ee79dd5a695e99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9999/file/medium-faa764527d4fd51f69c320fefe101511.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">Muso</p>
          <a href="/de/products/ingwer-pickles-konv-60-g-18732">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ingwer Pickles, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18732&quot;],&quot;content_name&quot;:&quot;Ingwer Pickles, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18732&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C5kia0-lK2eOYTKTy0QQGAJUSEROWircx5NYJbLPXSHs1qbT_5N7sI3J9y8TQNMkaAmnLegOJTkHI48OzgHQUA" />
    <input value="18732" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/algengewurz-ao-nori-konv-20-g-18728">
          <img alt="Algengewürz Ao Nori konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11387/file/small-bdd3da675d4c2761f9180353253068d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11387/file/medium-07df354c810982db59301235e08d500d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11387/file/large-9e9a6962d6a425642d213b59de43eebf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11387/file/medium-07df354c810982db59301235e08d500d.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">Muso</p>
          <a href="/de/products/algengewurz-ao-nori-konv-20-g-18728">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algengewürz Ao Nori konv, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18728&quot;],&quot;content_name&quot;:&quot;Algengewürz Ao Nori konv, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18728&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K4ryP0WMa6rICGgJ7CbVpim1hzyC4Y5vIHR0NxwPmW7MxXaH9bo7fcugrbU0IhaaQ-hoVSS1gYrgxKMcYMEUHw" />
    <input value="18728" 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%2Fnatural-cosmetics%2Fpet-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/algen-wakame-konv-50-g-18727">
          <img alt="Algen Wakame" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11385/file/small-b66c2efb19d010ea01172e1997f2448b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11385/file/medium-26ff0e06cf545156325ee033e1bdc66c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11385/file/large-a4af03e0438822f0fda67ba7a50c3ba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11385/file/medium-26ff0e06cf545156325ee033e1bdc66c.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">Muso</p>
          <a href="/de/products/algen-wakame-konv-50-g-18727">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algen Wakame, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18727&quot;],&quot;content_name&quot;:&quot;Algen Wakame, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18727&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0unrhUL-UD__rXx0R4Gyc9kteOUUmNKe66x_Wa_KPkk1pm898sgA6PwFucifhXFPs3CXjLLM3XsrHKhy0wSzOA" />
    <input value="18727" 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">
      80 von 3&#39;734 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/natural-cosmetics/pet-food?format=turbo_stream&amp;page=5">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>