<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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/geschirrspulmittel-calendula-120-ml-19617">
          <img alt="Geschirrspülmittel Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9435/file/small-81de4eaea49c21cfd329fce9a027e642.webp 600w, https://assets.fabulous.ch/public/variant_asset/9435/file/medium-751f378dc01fb4ebd81865cfd7c13d54.webp 900w, https://assets.fabulous.ch/public/variant_asset/9435/file/large-aad1b2bf6780112d0b5d85fc14b2d7a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9435/file/medium-751f378dc01fb4ebd81865cfd7c13d54.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">Sonett</p>
          <a href="/products/geschirrspulmittel-calendula-120-ml-19617">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel Calendula, 120 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19617&quot;],&quot;content_name&quot;:&quot;Geschirrspülmittel Calendula, 120 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19617&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z9fYK2g10bCXN-34--BVEUppe4_ScSk2l1hHgwMydXTOqHmpUHxTjTPZPYhCW709gnwtraQ8An5OYXYDG5-5Ig" />
    <input value="19617" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/geschirrspulmittel-calendula-nfp-1-l-19619">
          <img alt="Geschirrspülmittel Calendula NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9402/file/small-2e1ef5fc293cfe18e8ce6ae52ef114fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/9402/file/medium-7a523d008f5fa31f5a41f0c919108aba.webp 900w, https://assets.fabulous.ch/public/variant_asset/9402/file/large-5d09da90307c5841eb79de0c70b65232.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9402/file/medium-7a523d008f5fa31f5a41f0c919108aba.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">Sonett</p>
          <a href="/products/geschirrspulmittel-calendula-nfp-1-l-19619">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel Calendula NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19619&quot;],&quot;content_name&quot;:&quot;Geschirrspülmittel Calendula NFP, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19619&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7_D1-3qkaYZDq8TkMVOA9G96ddezS7cfg9IGV_oBOMxGj1R5Qu3ru-dFFJSI6GjYp28j9cUGnFda6zfX4qz0mg" />
    <input value="19619" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/scheuermilch-500-ml-19629">
          <img alt="Scheuermilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10876/file/small-9860e2e7d32dda7d825f11bd3b5a377f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10876/file/medium-fd96bb7ebb712f4c2f17b468b6e20eac.webp 900w, https://assets.fabulous.ch/public/variant_asset/10876/file/large-accec77a6c5ad2325dff8d7e83530d63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10876/file/medium-fd96bb7ebb712f4c2f17b468b6e20eac.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">Sonett</p>
          <a href="/products/scheuermilch-500-ml-19629">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Scheuermilch, 500 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 1.18 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19629&quot;],&quot;content_name&quot;:&quot;Scheuermilch, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19629&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iOzGHUuIRtMmC69WFLuOIVpVIRoBm7G2wR1JpRb4c5khk2efc8HE7oLlfyatAGYNkkB3OHfWmv4YJHglDlW_zw" />
    <input value="19629" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/waschmittel-pulver-konzentrat-2-4-kg-19630">
          <img alt="Waschmittel Pulver Konzentrat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10073/file/small-e18b7ed1012d9886394b054fee3a1393.webp 600w, https://assets.fabulous.ch/public/variant_asset/10073/file/medium-0deb362344baa901eab4dc63754d897e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10073/file/large-fcb2c0509a5118f553163bacdf023596.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10073/file/medium-0deb362344baa901eab4dc63754d897e.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">Sonett</p>
          <a href="/products/waschmittel-pulver-konzentrat-2-4-kg-19630">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Waschmittel Pulver Konzentrat, 2.4 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19630&quot;],&quot;content_name&quot;:&quot;Waschmittel Pulver Konzentrat, 2.4 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19630&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ITfMIXTt563Je9__DLL7W4hl_3M_Z6ju7wqp0XjDi5GISG2jTKRlkG2VD4-1CRN3QHCpUUkqg6Y2M5hRYG5Hxw" />
    <input value="19630" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/duftmischung-schutzengel-10-ml-19715">
          <img alt="Duftmischung Schutzengel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10627/file/small-8d7546e951e3f35c189e68b37a89b8e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10627/file/medium-3e55865390f72d97225950d7e15f59fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10627/file/large-dbe998e574e2361ceb824a9526f49e7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10627/file/medium-3e55865390f72d97225950d7e15f59fb.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="/products/duftmischung-schutzengel-10-ml-19715">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duftmischung Schutzengel, 10 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 151.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19715&quot;],&quot;content_name&quot;:&quot;Duftmischung Schutzengel, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19715&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iblq2h209Zb0SmkMA0_tZXvEYl0KK4X7Xnz15rG51XIgxstYJf13q1CkuXy69AVJs9E0f3xmrrOHRcRmqRQZJA" />
    <input value="19715" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/duftmischung-vertrauen-10-ml-19716">
          <img alt="Duftmischung Vertrauen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10269/file/small-4d0e0af8b751b1534d96dcd9d60fccae.webp 600w, https://assets.fabulous.ch/public/variant_asset/10269/file/medium-f04ef3f02d06d817b8abcb08f7972353.webp 900w, https://assets.fabulous.ch/public/variant_asset/10269/file/large-431f71f757f3003eab7bce76e32b6100.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10269/file/medium-f04ef3f02d06d817b8abcb08f7972353.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="/products/duftmischung-vertrauen-10-ml-19716">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duftmischung Vertrauen, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19716&quot;],&quot;content_name&quot;:&quot;Duftmischung Vertrauen, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19716&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4F8oc2HwOpnz-Y_XhucgrcNnqhfR1QmxI1hJBq08ZFlJIInxWbm4pFcXX6c_XMiBC3L8NaeYIvn6YXiGtZGoDw" />
    <input value="19716" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/arve-raumduft-holz-mit-stabchen-1-stuck-19718">
          <img alt="Arve Raumduft Holz mit Stäbchen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10264/file/small-0d3269ce4dbfa75a8e2c39195e371a78.webp 600w, https://assets.fabulous.ch/public/variant_asset/10264/file/medium-83ca3be8414d377e165a264189b5c740.webp 900w, https://assets.fabulous.ch/public/variant_asset/10264/file/large-dd3541fc6b2af0ee57377d996805b3e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10264/file/medium-83ca3be8414d377e165a264189b5c740.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="/products/arve-raumduft-holz-mit-stabchen-1-stuck-19718">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Arve Raumduft Holz mit Stäbchen, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19718&quot;],&quot;content_name&quot;:&quot;Arve Raumduft Holz mit Stäbchen, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19718&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:39.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WsxJvmowfkO0u9Z9zOKbVxmUqatwIhwAsONvOMED8C7zs-g8Unn8fhBVBg11WXN70YH_iQZvN0hp2l642a48eA" />
    <input value="19718" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/duftstein-set-lebensblume-unterteller-grun-1-stuck-19719">
          <img alt="Duftstein Set Lebensblume &amp; Unterteller grün" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10270/file/small-4a34020d580eff540a57444f38225f1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10270/file/medium-c67fab5e4c546b3f99bb746fc64d820b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10270/file/large-61533ae926774b2c95d430978013bc33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10270/file/medium-c67fab5e4c546b3f99bb746fc64d820b.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="/products/duftstein-set-lebensblume-unterteller-grun-1-stuck-19719">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duftstein Set Lebensblume &amp; Unterteller grün, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19719&quot;],&quot;content_name&quot;:&quot;Duftstein Set Lebensblume \u0026 Unterteller grün, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19719&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wmUM2fQUPI8-70w-NnnauUNhgUmAFMlYusKbGLl4woFrGq1bzF2-spoBnE6PwjKVi3TXa_ZZ4hBj-6qYodUO1w" />
    <input value="19719" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/duftstein-set-spirale-unterteller-schwarz-1-stuck-19720">
          <img alt="Duftstein Set Spirale &amp; Unterteller schwarz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10271/file/small-5d1f5cad4ff81f2ed8afb07f2a8ff7c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10271/file/medium-3f5270f7f559631b48f4b175e98faf0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10271/file/large-aaa37c4a899d9b54a01a2e8efcb2c98f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10271/file/medium-3f5270f7f559631b48f4b175e98faf0f.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="/products/duftstein-set-spirale-unterteller-schwarz-1-stuck-19720">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duftstein Set Spirale &amp; Unterteller schwarz, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19720&quot;],&quot;content_name&quot;:&quot;Duftstein Set Spirale \u0026 Unterteller schwarz, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19720&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-1BC_B_p-p_QG2JC5bPL8vwrwbb3TjKp6qztvIN6HnxSL-N-J6B4onT1sjJcCCPeND6XlIEDGeEzldw8m9fSKg" />
    <input value="19720" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/raucherwerk-leichtigkeit-20-g-19770">
          <img alt="Räucherwerk Leichtigkeit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10225/file/small-18322741b0843e08e0daedb0f9af9392.webp 600w, https://assets.fabulous.ch/public/variant_asset/10225/file/medium-6749ca53f28191ee1dc2f52338bb0d5c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10225/file/large-4f0d5fb2040a51567293befe1a2a64f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10225/file/medium-6749ca53f28191ee1dc2f52338bb0d5c.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="/products/raucherwerk-leichtigkeit-20-g-19770">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räucherwerk Leichtigkeit, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19770&quot;],&quot;content_name&quot;:&quot;Räucherwerk Leichtigkeit, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19770&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SfPSUPkPGh5eseAbEtFXGDxdKYhV8p-QLFNL-KXDdk7gjHPSwUaYI_pfMGurar809Eh_qiO_tNj1anp4vW66GA" />
    <input value="19770" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/raucherwerk-salbeibundel-klein-1-stuck-19771">
          <img alt="Räucherwerk Salbeibündel klein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10226/file/small-eda72dd07062a6e18f69415a98127120.webp 600w, https://assets.fabulous.ch/public/variant_asset/10226/file/medium-b10752a7baada45493aac1be94855359.webp 900w, https://assets.fabulous.ch/public/variant_asset/10226/file/large-2b6997d6642a3d215bfb1ff744953c08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10226/file/medium-b10752a7baada45493aac1be94855359.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="/products/raucherwerk-salbeibundel-klein-1-stuck-19771">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räucherwerk Salbeibündel klein, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19771&quot;],&quot;content_name&quot;:&quot;Räucherwerk Salbeibündel klein, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19771&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9_zp9qC5waEYkcYwpFp1sVnEtXCZmzQ4r3QPOR0k4eFeg0h0mPBDnLx_FkAd4Z2dkdHjUu_WH3B2TT65BYkttw" />
    <input value="19771" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/raucherwerk-lebensfreude-20-g-19772">
          <img alt="Räucherwerk Lebensfreude" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10227/file/small-356537c9fd792a18f73159e4020000fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/10227/file/medium-6a30611984fa257072e5549bd5aea667.webp 900w, https://assets.fabulous.ch/public/variant_asset/10227/file/large-b51d2ff2a3051e6505f78e6145667400.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10227/file/medium-6a30611984fa257072e5549bd5aea667.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="/products/raucherwerk-lebensfreude-20-g-19772">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räucherwerk Lebensfreude, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19772&quot;],&quot;content_name&quot;:&quot;Räucherwerk Lebensfreude, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19772&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZU8_lrZXqkrLEEZ8Os38SamBzpGUvjolwpQOaSPsXxLMMJ4Ujh4od2_-lgyDdhRlYZSYs-LzEW0brT_pO0GTRA" />
    <input value="19772" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/raucherwerk-mut-und-kraft-20-g-19773">
          <img alt="Räucherwerk Mut und Kraft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10228/file/small-0dae84147a6884c6f39bcf9a25cb1ded.webp 600w, https://assets.fabulous.ch/public/variant_asset/10228/file/medium-66757de428c152be59af87293e5b1197.webp 900w, https://assets.fabulous.ch/public/variant_asset/10228/file/large-027da5f8d93339ac88619deee9aabb20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10228/file/medium-66757de428c152be59af87293e5b1197.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="/products/raucherwerk-mut-und-kraft-20-g-19773">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räucherwerk Mut und Kraft, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19773&quot;],&quot;content_name&quot;:&quot;Räucherwerk Mut und Kraft, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19773&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MK1o_Ax4jcN6uGXqvCUZV2oAKCcvp-EQ6g0D7d5c94KZ0sl-NDEP_t5WtZoFnvF7ohV-BVnqylgzNDJtxvE71A" />
    <input value="19773" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/raucherwerk-klarheit-20-g-19774">
          <img alt="Räucherwerk Klarheit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10229/file/small-7aea5d279971249454e249d349adf1d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/10229/file/medium-ad4e1992917fa749f8b2bf2a08202da1.webp 900w, https://assets.fabulous.ch/public/variant_asset/10229/file/large-54bde3cceb2c444f737bc83f138a5f40.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10229/file/medium-ad4e1992917fa749f8b2bf2a08202da1.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="/products/raucherwerk-klarheit-20-g-19774">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räucherwerk Klarheit, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19774&quot;],&quot;content_name&quot;:&quot;Räucherwerk Klarheit, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19774&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U9BT60g8uX38EfxV_-UUHZKl7-Iav85cku9rArp6D5r6r_JpcHU7QFj_LCVGXvwxWrC5wGzy5RRL1lqCotfDzA" />
    <input value="19774" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/kinder-schaumseife-calendula-200-ml-19808">
          <img alt="Kinder Schaumseife Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10373/file/small-110bad7f3fe6e9229fbb1a481a2f60a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10373/file/medium-42360c53249719a632829adf4757522b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10373/file/large-e4d23e8dbfb5b73ab4423e6a9f35cd03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10373/file/medium-42360c53249719a632829adf4757522b.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">Sonett</p>
          <a href="/products/kinder-schaumseife-calendula-200-ml-19808">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kinder Schaumseife Calendula, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19808&quot;],&quot;content_name&quot;:&quot;Kinder Schaumseife Calendula, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19808&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GWc1jVMtfHWkTP3c1Djbw1gzk9JsV5XQEBWpq_qpWvSwGJQPa2T-SACiLaxtgzPvkCbF8BoavpjJLJgr4gSWog" />
    <input value="19808" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/kinder-schaumseife-calendula-1-l-19809">
          <img alt="Kinder Schaumseife Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10374/file/small-5e4cdfec57edaa3ceaf8d9d167837c9e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10374/file/medium-46e8b7411f0a1969d6efb177a85f8fcf.webp 900w, https://assets.fabulous.ch/public/variant_asset/10374/file/large-dc585564935fe9d88389d2d78053fee9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10374/file/medium-46e8b7411f0a1969d6efb177a85f8fcf.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">Sonett</p>
          <a href="/products/kinder-schaumseife-calendula-1-l-19809">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kinder Schaumseife Calendula, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19809&quot;],&quot;content_name&quot;:&quot;Kinder Schaumseife Calendula, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19809&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GWQWy6VFrytB3QvxH-uwvY52vM1RunDSxjVjmF5bCQiwG7dJnQwtFuUz24GmUFiRRmPq7yf3W5ofDFIYRvbFXg" />
    <input value="19809" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/raucherwerk-atmospharen-reiniger-20-g-19825">
          <img alt="Räucherwerk Atmosphären-Reiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10389/file/small-17e7a9faadbb976afde3325b67933642.webp 600w, https://assets.fabulous.ch/public/variant_asset/10389/file/medium-5921ba32a1be10ec4f8f262a390c5239.webp 900w, https://assets.fabulous.ch/public/variant_asset/10389/file/large-a6f1fa36306d6bd60a2a8ac242f82aae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10389/file/medium-5921ba32a1be10ec4f8f262a390c5239.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="/products/raucherwerk-atmospharen-reiniger-20-g-19825">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räucherwerk Atmosphären-Reiniger, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19825&quot;],&quot;content_name&quot;:&quot;Räucherwerk Atmosphären-Reiniger, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19825&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QuZFeUyqwzQrxY7yMlGxYgm_sHYbn37k7XgUXVeBjETrmeT7dONBCY8rXoKL6llOwarmVG3SVaw0QSXdTyxAEg" />
    <input value="19825" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/raucherkohle-10-stuck-19853">
          <img alt="Räucherkohle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10420/file/small-1ee66c716b6cc8f1a37a1b81063dbb9d.webp 600w, https://assets.fabulous.ch/public/variant_asset/10420/file/medium-1a29c93c5341b1a4299f478f6d66ff38.webp 900w, https://assets.fabulous.ch/public/variant_asset/10420/file/large-4594974183755de766d46cba097976d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10420/file/medium-1a29c93c5341b1a4299f478f6d66ff38.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="/products/raucherkohle-10-stuck-19853">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räucherkohle, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19853&quot;],&quot;content_name&quot;:&quot;Räucherkohle, 10 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19853&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pc0K5rtHoB4obOjCx-E250xjMphMzwzXbW7FU3l2lZwMsqtkgw4iI4yCOLJ-Wt7LhHZkujqCJ5-0V_TTYdtZyg" />
    <input value="19853" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/wochenbetteinlagen-bio-10-stuck-19895">
          <img alt="Wochenbetteinlagen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10537/file/small-34632749ea137e85405886351954c977.webp 600w, https://assets.fabulous.ch/public/variant_asset/10537/file/medium-981541f45642588e0a0f41e0db56a7be.webp 900w, https://assets.fabulous.ch/public/variant_asset/10537/file/large-ad9bbfc1b7cf02240834058f176e0b6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10537/file/medium-981541f45642588e0a0f41e0db56a7be.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">Natracare</p>
          <a href="/products/wochenbetteinlagen-bio-10-stuck-19895">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wochenbetteinlagen Bio, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19895&quot;],&quot;content_name&quot;:&quot;Wochenbetteinlagen Bio, 10 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19895&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W29lMn2SBoHboLZSWSJ6EhQayoJ7laGOHpZQvgwQWwnyEMSwRduEvH9OZiLgmZI-3A-coA3YisbHr2E-FL2XXw" />
    <input value="19895" 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="/signup?return_to=%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D7">
    <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="/products/lucerna-raucher-aroma-duftlampe-1-stuck-19896">
          <img alt="Lucerna Räucher- &amp; Aroma-Duftlampe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10538/file/small-f47a76f58d3bb78d26a86c9f236cf5b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/10538/file/medium-0b33ca0f01f73de129fc67936524e490.webp 900w, https://assets.fabulous.ch/public/variant_asset/10538/file/large-003e5c815c3077741d94ab9ee8d54260.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10538/file/medium-0b33ca0f01f73de129fc67936524e490.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="/products/lucerna-raucher-aroma-duftlampe-1-stuck-19896">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lucerna Räucher- &amp; Aroma-Duftlampe, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19896&quot;],&quot;content_name&quot;:&quot;Lucerna Räucher- \u0026 Aroma-Duftlampe, 1 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19896&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:45.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aFZtBMXsn8BTJJRs45rjMccTDxhUesDEZAkiABAMwlHBKcyG_aUd_ffKRBxaIQsdDwZZOiI364y9MBOACKEOBw" />
    <input value="19896" 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">
      140 von 146 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/non-food?format=turbo_stream&amp;page=8">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>