<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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/hydrolat-lavendel-100-ml-19289">
          <img alt="Hydrolat Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10635/file/small-568eac6c6eb5bd9792a1106706be18d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/10635/file/medium-d0e56bbdb261652d7c351402e2c01e0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10635/file/large-6782c0be56ecf448a740130f2bf658f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10635/file/medium-d0e56bbdb261652d7c351402e2c01e0a.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">AromaLife</p>
          <a href="/de/products/hydrolat-lavendel-100-ml-19289">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hydrolat Lavendel, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19289&quot;],&quot;content_name&quot;:&quot;Hydrolat Lavendel, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19289&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g14zR1j7EeVEjUmfLO7uz9-QhOperFok91SLH1f7MuZak7LTr4WL7272WC2voZbh2rnPZiB8rvEgZGnQNzzzOQ" />
    <input value="19289" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/hydrolat-rose-spray-100-ml-19292">
          <img alt="Hydrolat Rose Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10637/file/small-f004aefbd2e0e7afc611b61a54b36830.webp 600w, https://assets.fabulous.ch/public/variant_asset/10637/file/medium-501d8b6074c1a53664d820a4aa888950.webp 900w, https://assets.fabulous.ch/public/variant_asset/10637/file/large-51aa3442e70b6d5a1bf5a1f55b75c369.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10637/file/medium-501d8b6074c1a53664d820a4aa888950.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">AromaLife</p>
          <a href="/de/products/hydrolat-rose-spray-100-ml-19292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hydrolat Rose Spray, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19292&quot;],&quot;content_name&quot;:&quot;Hydrolat Rose Spray, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19292&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fYHUQcrhSYxBBnO8cjimJZoaZqMLmjWjVzMZOE08EFikTFXVPZ_Thmt9Yg7xd94LnzMtL3VKwXaAA_v3LfvRhw" />
    <input value="19292" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/raumspray-energie-100-ml-19298">
          <img alt="Raumspray Energie" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11625/file/small-ca575df4d26a617ca5fa8a612e4b884b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11625/file/medium-f3c8fe669f20a359df02ef886a3525cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11625/file/large-51624966c88e917b9733574956578480.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11625/file/medium-f3c8fe669f20a359df02ef886a3525cc.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">AromaLife</p>
          <a href="/de/products/raumspray-energie-100-ml-19298">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumspray Energie, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19298&quot;],&quot;content_name&quot;:&quot;Raumspray Energie, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19298&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YPQONF9379VIy2zojWgeFMbjYFZBMa6c4GbINzgCGaO5OY-gqAl132KwfVoOJ2Y6w8or2j_hWkk3Vir4WMXYfA" />
    <input value="19298" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/raumspray-reine-atmosphare-100-ml-19304">
          <img alt="Raumspray Reine Atmosphäre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9695/file/small-dfa7d07b849490350637a5dce8ae22dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/9695/file/medium-982ae9401d6bb5c838be75eef4202a80.webp 900w, https://assets.fabulous.ch/public/variant_asset/9695/file/large-b70d28f16c2a4f9fed7501ee3690b7f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9695/file/medium-982ae9401d6bb5c838be75eef4202a80.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">AromaLife</p>
          <a href="/de/products/raumspray-reine-atmosphare-100-ml-19304">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumspray Reine Atmosphäre, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19304&quot;],&quot;content_name&quot;:&quot;Raumspray Reine Atmosphäre, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19304&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7oX_TP9rwZbBYxeSvwdryQBR05a5vgK7VmlQv2cr9rA3SH7YCBVbnOsYBiA8SBPnBXiYGsdu9m6BWbJwB-w3bw" />
    <input value="19304" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/vitamin-c-komplex-tabletten-120-stuck-19757">
          <img alt="Vitamin C Komplex Tabletten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10224/file/small-ecd66d60ff2b2a85c997f4786c2f9691.webp 600w, https://assets.fabulous.ch/public/variant_asset/10224/file/medium-d90f655b94dc860f06fdbf2eeb95fab7.webp 900w, https://assets.fabulous.ch/public/variant_asset/10224/file/large-a194d73ae06237379bed3718399f99fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10224/file/medium-d90f655b94dc860f06fdbf2eeb95fab7.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">Burgerstein</p>
          <a href="/de/products/vitamin-c-komplex-tabletten-120-stuck-19757">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin C Komplex Tabletten, 120 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19757&quot;],&quot;content_name&quot;:&quot;Vitamin C Komplex Tabletten, 120 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19757&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ql5KUQspnq5Kga-t1UDikWDDKpIf44-leWegsMf-4zpzk8vF_FcEpGD6vh9WD5q_ZephHmEze3CuV0J_pzki5Q" />
    <input value="19757" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/hydrolat-rose-spray-30-ml-19291">
          <img alt="Hydrolat Rose Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10638/file/small-b7891909ae0a4a0faa9fb43fdbfe6b5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10638/file/medium-ffc50be3ff0bc9912a1faf5485d5feeb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10638/file/large-bd9fe557b2ea1e3e225fda66a2c84b34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10638/file/medium-ffc50be3ff0bc9912a1faf5485d5feeb.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">AromaLife</p>
          <a href="/de/products/hydrolat-rose-spray-30-ml-19291">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hydrolat Rose Spray, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19291&quot;],&quot;content_name&quot;:&quot;Hydrolat Rose Spray, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19291&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r161XnrWhxolP8sxXt6M5HRZO9h-6rQnQrqaggj2wa52kzTKjagdEA9E2oPdkfTKcXBwVAA6QPKVinhNaDEAcQ" />
    <input value="19291" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/ath-ol-top-lavendel-5-ml-19711">
          <img alt="Äth. Öl TOP Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10265/file/small-df0968cea07e4dfde19a03c1c0df28c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10265/file/medium-53994e87062a342cb0f942a618062477.webp 900w, https://assets.fabulous.ch/public/variant_asset/10265/file/large-00301f3cb7dbecca7cf2177f50f1e8a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10265/file/medium-53994e87062a342cb0f942a618062477.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">AromaLife</p>
          <a href="/de/products/ath-ol-top-lavendel-5-ml-19711">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Lavendel, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19711&quot;],&quot;content_name&quot;:&quot;Äth. Öl TOP Lavendel, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19711&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2YwgfwjIMu5xzIDxPeFmowrvH0YeVTqdRVOtr2lEf60AQaHr_7ao5Fu3kUO-rh6ND8ZUymCFzkiSY09gCYO-cg" />
    <input value="19711" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/lavendel-roll-on-10-ml-19957">
          <img alt="Lavendel Roll-on" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10646/file/small-a889a5040730f2eee84a76a4b08fb03e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10646/file/medium-6736605abed65ebf79d934e708ea0515.webp 900w, https://assets.fabulous.ch/public/variant_asset/10646/file/large-2078812545269a7e08b4fff7587eb923.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10646/file/medium-6736605abed65ebf79d934e708ea0515.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">AromaLife</p>
          <a href="/de/products/lavendel-roll-on-10-ml-19957">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lavendel Roll-on, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19957&quot;],&quot;content_name&quot;:&quot;Lavendel Roll-on, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19957&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="56Gej-n_zH9ylI9Ux-yCqLQ3OZeXwY92kpcfVD2qly4-bB8bHoFWdVjvnuZEo_qGsR5yG-kRe6NFp_2bXW1W8Q" />
    <input value="19957" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/vitamin-b12-boost-tabletten-100-stuck-19749">
          <img alt="Vitamin B12 Boost Tabletten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10216/file/small-9f875cffeb4f4315f282036fce4b7a4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10216/file/medium-9704b8fb2895ed0f21350cc9f6bc87ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/10216/file/large-b87b295456005aa6c6709fd55a02461c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10216/file/medium-9704b8fb2895ed0f21350cc9f6bc87ea.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">Burgerstein</p>
          <a href="/de/products/vitamin-b12-boost-tabletten-100-stuck-19749">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin B12 Boost Tabletten, 100 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19749&quot;],&quot;content_name&quot;:&quot;Vitamin B12 Boost Tabletten, 100 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19749&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v9i61JDf1HE_ln4DC_zJ5SSY2roVtJEj16kIgBjcBZhmFTtAZ6FOexXtb7GIs7HLIbGRNmtkZfYAmepPeBvERw" />
    <input value="19749" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/zinkvital-minitabletten-5mg-150-stuck-19956">
          <img alt="Zinkvital Minitabletten 5mg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10645/file/small-e41cb6580936324b0d3a1a068ad766b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/10645/file/medium-de1f1efd15b79e8c585f74e5349c16ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/10645/file/large-78103930a38b6e46384f736498140f69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10645/file/medium-de1f1efd15b79e8c585f74e5349c16ed.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">Burgerstein</p>
          <a href="/de/products/zinkvital-minitabletten-5mg-150-stuck-19956">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zinkvital Minitabletten 5mg, 150 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19956&quot;],&quot;content_name&quot;:&quot;Zinkvital Minitabletten 5mg, 150 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19956&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A32pgxiaaKjb4PjG5-GLBA0SUqPzO5hwHjyEeYH6H9fasCgX7-TyovGb6XRkrvMqCDsZL43rbKXJDGa24T3eCA" />
    <input value="19956" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/vliespapier-fur-sprossengarten-biosnacky-25-stuck-16740">
          <img alt="Vliespapier für Sprossengarten bioSnacky" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7767/file/small-5e18951506750593e61fc8e614644357.webp 600w, https://assets.fabulous.ch/public/variant_asset/7767/file/medium-bd7ca80602dc5cf07e2ecea9288afc98.webp 900w, https://assets.fabulous.ch/public/variant_asset/7767/file/large-fe7505ff47441abb815e9ed6267f3e32.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7767/file/medium-bd7ca80602dc5cf07e2ecea9288afc98.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">Rapunzel</p>
          <a href="/de/products/vliespapier-fur-sprossengarten-biosnacky-25-stuck-16740">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vliespapier für Sprossengarten bioSnacky, 25 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16740&quot;],&quot;content_name&quot;:&quot;Vliespapier für Sprossengarten bioSnacky, 25 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16740&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vkyiQdpima2-4yxtlvQU6roxUOkYuQ_zbvVD-tOlP3hngSPVLRwDp5SYPd8Vu2zEvxgbZWZp-ya5xaE1s2L-pw" />
    <input value="16740" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/veganer-ei-ersatz-100-pflanzlich-bio-20-g-7129">
          <img alt="Veganer Ei-Ersatz 100% pflanzlich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4092/file/small-14298162187b7b2da957f3ca10112419.webp 600w, https://assets.fabulous.ch/public/variant_asset/4092/file/medium-2c9b9159ee6ca29445560060f11fc2b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4092/file/large-f4ab4391e5d4a14c2e51e0d451583e20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4092/file/medium-2c9b9159ee6ca29445560060f11fc2b5.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">Biovegan</p>
          <a href="/de/products/veganer-ei-ersatz-100-pflanzlich-bio-20-g-7129">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Veganer Ei-Ersatz 100% pflanzlich Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7129&quot;],&quot;content_name&quot;:&quot;Veganer Ei-Ersatz 100% pflanzlich Bio, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7129&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o_HYD6jzK7WwgNl8kDBSaKGNOYOd1SkT_UqAqnbDEdV6PFmbX42xv5r7yM4TfypGpKRyD-MF3cYqemJlFgTQCg" />
    <input value="7129" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/le-pain-des-fleurs-blumenbrot-buchweizen-bio-150-g-3239">
          <img alt="Le pain des fleurs Blumenbrot Buchweizen, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2200/file/small-7258a0a13cc175498d5edb214957cbf2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2200/file/medium-ef8a53bc437b0f2e929353500aa83446.webp 900w, https://assets.fabulous.ch/public/variant_asset/2200/file/large-7066761e36c9d3cdcd85e6ba08c01fc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2200/file/medium-ef8a53bc437b0f2e929353500aa83446.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">Le Pain des Fleurs</p>
          <a href="/de/products/le-pain-des-fleurs-blumenbrot-buchweizen-bio-150-g-3239">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le pain des fleurs Blumenbrot Buchweizen, Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3239&quot;],&quot;content_name&quot;:&quot;Le pain des fleurs Blumenbrot Buchweizen, Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3239&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q118XcvH50oKmlleNqhmZArCk32BLVK_lRKCQ6Y7RpxykP3JPLl9QCDhSOy15x5KD-vY8f_9pmpCImCMxvyHQw" />
    <input value="3239" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/senf-korniger-senf-im-glas-bio-125-ml-5603">
          <img alt="Senf Körniger Senf im Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3246/file/small-f987f16a795baac32f94f32632b465fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3246/file/medium-3c1bc999fffcc70e1356233169f2780d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3246/file/large-34db751be55071a9c9207945a916f72d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3246/file/medium-3c1bc999fffcc70e1356233169f2780d.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">Byodo</p>
          <a href="/de/products/senf-korniger-senf-im-glas-bio-125-ml-5603">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senf Körniger Senf im Glas Bio, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5603&quot;],&quot;content_name&quot;:&quot;Senf Körniger Senf im Glas Bio, 125 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5603&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IYks5BSLay8aNiluKDpwgJz4-hdyMvKNEpFDFXActnH4RK1w4_XxJTBNONyrdQiumdGxmwziBljFoaHaENt3rg" />
    <input value="5603" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/schokoladenaufstrich-choco-zartbitter-bio-250-g-339">
          <img alt="Schokoladenaufstrich CHOCO Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/301/file/small-41e859cf7efff5ec80d0042977c6fc4b.webp 600w, https://assets.fabulous.ch/public/variant_asset/301/file/medium-aa7c06468a2d371fa9902439db026734.webp 900w, https://assets.fabulous.ch/public/variant_asset/301/file/large-33a7c0cd0d695cad7aed4c31aea73162.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/301/file/medium-aa7c06468a2d371fa9902439db026734.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">Rapunzel</p>
          <a href="/de/products/schokoladenaufstrich-choco-zartbitter-bio-250-g-339">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokoladenaufstrich CHOCO Zartbitter Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;339&quot;],&quot;content_name&quot;:&quot;Schokoladenaufstrich CHOCO Zartbitter Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;339&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nvntt87g23QJtmuokX8nVkCh9wOCUliZtHzS4IVRp3LvNGwjOZ5BfiPNehoSMF94RYi8j_yCrExjTDAv5ZZmrQ" />
    <input value="339" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/cookie-schokoladen-biscuits-mit-erdnussbutterfondant-bio-50-g-7843">
          <img alt="Cookie Schokoladen Biscuits mit Erdnussbutterfondant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4575/file/small-fff6a82c48e564a1e0a4cbe81d2eeba1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4575/file/medium-2f1adc6ba7f75fd84ff39fd453beea46.webp 900w, https://assets.fabulous.ch/public/variant_asset/4575/file/large-ff16d724607ec003f869163c1c928d30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4575/file/medium-2f1adc6ba7f75fd84ff39fd453beea46.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rhythm 108</p>
          <a href="/de/products/cookie-schokoladen-biscuits-mit-erdnussbutterfondant-bio-50-g-7843">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookie Schokoladen Biscuits mit Erdnussbutterfondant Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7843&quot;],&quot;content_name&quot;:&quot;Cookie Schokoladen Biscuits mit Erdnussbutterfondant Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7843&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wznilSP6RH9qnJYCp7Qe-Rt2hazEd8jZRb5vwFHMxO4a9GMB1ITedUDnh7Ak-2bXHl_OILqnPAySjo0PMQsFMQ" />
    <input value="7843" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/for-men-only-deo-spray-75-ml-3765">
          <img alt="for men only Deo Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2433/file/small-3e0b867779c4a3eaf101c2985c9664b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2433/file/medium-9ad11a036a6df0fcb8f2917bdb518285.webp 900w, https://assets.fabulous.ch/public/variant_asset/2433/file/large-5980264bb7df9230554f875623bd1c3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2433/file/medium-9ad11a036a6df0fcb8f2917bdb518285.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">benecos</p>
          <a href="/de/products/for-men-only-deo-spray-75-ml-3765">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">for men only Deo Spray, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3765&quot;],&quot;content_name&quot;:&quot;for men only Deo Spray, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3765&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZNpUQHEf2903sezFXVhnrVNxitjyLWIXEnyRvvWq8ta9F9XUhmFB1x3K_XfeFx-DVljBVIz9lsLFTHNxlW0zCQ" />
    <input value="3765" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/zimt-gemahlen-ceylon-grossgebinde-dose-bio-300-g-7582">
          <img alt="Zimt gemahlen Ceylon Grossgebinde Dose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4376/file/small-e34eb8962ae7312d4f4211bd21da2ee2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4376/file/medium-ff4aca35a9b83ffb3398a729ed8e879d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4376/file/large-0b652d37932c68d1ad92394167bc0645.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4376/file/medium-ff4aca35a9b83ffb3398a729ed8e879d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/de/products/zimt-gemahlen-ceylon-grossgebinde-dose-bio-300-g-7582">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt gemahlen Ceylon Grossgebinde Dose Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7582&quot;],&quot;content_name&quot;:&quot;Zimt gemahlen Ceylon Grossgebinde Dose Bio, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7582&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hLRh6N9QDeDc1-se7ICZgjwxFr6hlhb0754qEqujNu5deeB8KC6X6vas-qxvz-GsORhdMt9G4iE4rsjdy2T3MQ" />
    <input value="7582" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/yarrah-trockenfutter-getreidefrei-hunde-vegan-bio-10-kg-17730">
          <img alt="Yarrah Trockenfutter Getreidefrei Hunde Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8644/file/small-6c8c46999d89655149581b5fe998ae0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8644/file/medium-a3f6eb299a41649ff447ca9429799fe0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8644/file/large-091c02431dba522e65a5ccd38dd18b9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8644/file/medium-a3f6eb299a41649ff447ca9429799fe0.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">Yarrah</p>
          <a href="/de/products/yarrah-trockenfutter-getreidefrei-hunde-vegan-bio-10-kg-17730">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Yarrah Trockenfutter Getreidefrei Hunde Vegan Bio, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 85.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17730&quot;],&quot;content_name&quot;:&quot;Yarrah Trockenfutter Getreidefrei Hunde Vegan Bio, 10 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17730&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:85.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D-LEoSdDIyhQWqzWhIeTVMTuucJgidttSinFED1buZHWL0U10D25InohvWQHyOt6wcfyTh5ZL7idGSffXZx4Tg" />
    <input value="17730" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D28">
    <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/cracker-tschiiis-mit-new-roots-bio-100-g-13533">
          <img alt="Cracker &quot;Tschiiis&quot; mit New Roots Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6540/file/small-532fe839b5021dcb1cb924d395c481ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/6540/file/medium-91ae8c4289916e2f0135314753a7f346.webp 900w, https://assets.fabulous.ch/public/variant_asset/6540/file/large-d33a144d2ccd50b19492d732162a2dbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6540/file/medium-91ae8c4289916e2f0135314753a7f346.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">manifaktur</p>
          <a href="/de/products/cracker-tschiiis-mit-new-roots-bio-100-g-13533">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cracker &quot;Tschiiis&quot; mit New Roots Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13533&quot;],&quot;content_name&quot;:&quot;Cracker \&quot;Tschiiis\&quot; mit New Roots Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13533&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3YoRLmtsIbP1FsM0MyNiM05fzXVJ0sWKENuK_hVghkIER5C6nBK7ud9t0oawbBodS3aG-TcCMV_H62gxdadHnQ" />
    <input value="13533" 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">
      560 von 3&#39;631 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/natura?format=turbo_stream&amp;page=29">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>