<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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/raucherwerk-leichtigkeit-20-g-20024">
          <img alt="Räucherwerk Leichtigkeit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10403/file/small-c1d0aa127c82e06d0b53d9a0d2fe1e46.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10403/file/medium-54275629007076118457a4290f3c9e33.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10403/file/large-de8e322a9a23dc63ff017fd770480ccc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10403/file/medium-54275629007076118457a4290f3c9e33.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/raucherwerk-leichtigkeit-20-g-20024">
            <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-20024-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Mn3sJAuP8iPfQzCwjzHCa5r_XZCoi_tLbcctXEG3t5LdFG5K7hZHX_FHTDTjOSInkUbUYyI6djzKpLGYOLt6Ug" />
    <input value="20024" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/raucherwerk-salbeibundel-klein-1-stuck-20025">
          <img alt="Räucherwerk Salbeibündel klein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10404/file/small-b76537f271234d00050d2df9d2cf2076.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10404/file/medium-2d3cfdddef34b5f5940029264d6be152.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10404/file/large-a03ea47f0f9ba5e0deeaf8697aec59d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10404/file/medium-2d3cfdddef34b5f5940029264d6be152.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/raucherwerk-salbeibundel-klein-1-stuck-20025">
            <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-20025-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="49aXXNIK0thh8UaAe7VJ7h6NrENn3L8C38V4eM2s4_oMvxUyN5NnpE_1OgQXvamiFTQlsO1tMnV4puS8tKAuOg" />
    <input value="20025" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/raucherwerk-lebensfreude-20-g-20026">
          <img alt="Räucherwerk Lebensfreude" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10405/file/small-76102bab6923fde5af9a21d38c3c52ad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10405/file/medium-f0c2842948a9549f36df7ed9b894df93.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10405/file/large-219081a2a0a183bf57ae6195b988f900.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10405/file/medium-f0c2842948a9549f36df7ed9b894df93.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/raucherwerk-lebensfreude-20-g-20026">
            <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-20026-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FPVuLnCpqOv3Ajw5csH9hmBBgRSofUhDHcf1Bc3d6pf7nOxAlTAdl9kGQL0eyR3Ka_gI5yLMxTS6pGnBtNEnVw" />
    <input value="20026" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/raucherwerk-mut-und-kraft-20-g-20027">
          <img alt="Räucherwerk Mut und Kraft" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10406/file/small-87925305845c78fd5992c9658551d35d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10406/file/medium-98bb73725f750b589efe84c7b5b5db7f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10406/file/large-02cace247fdc39197dcd20e95a51246c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10406/file/medium-98bb73725f750b589efe84c7b5b5db7f.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/raucherwerk-mut-und-kraft-20-g-20027">
            <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-20027-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sd8IcL25xBwjnuvt2Pif4RMNZucASqS24BnvNAmJKGmmtooeWCBxYA2al2m08H-tGLTvFIr7KcFHenPwcIXlqQ" />
    <input value="20027" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/raucherwerk-klarheit-20-g-20028">
          <img alt="Räucherwerk Klarheit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10407/file/small-b3cce5ca2990b9e63ceeb306cdf02006.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10407/file/medium-6d75d7922dae1fd77d2224bac4b53a2f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10407/file/large-fba712182213b559ecfd57de41565932.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10407/file/medium-6d75d7922dae1fd77d2224bac4b53a2f.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/raucherwerk-klarheit-20-g-20028">
            <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-20028-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sCAp595hmjgtMZr6b53NcJvIhloBQqch8GaHE6dr-MVfSauJO_gvRAM15n4DlS08kHEPqYvzKlZXBRvX3mc1BQ" />
    <input value="20028" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/feinkristall-soda-green-pulver-1-kg-20041">
          <img alt="Feinkristall Soda Green Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10539/file/small-1faa2b6eefca6d0a173149a6a37d49c0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10539/file/medium-e8cfaf80a07dbb3327f2ddf7255a3155.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10539/file/large-7ebc0e5f6aa8f2ee2576bad851459dab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10539/file/medium-e8cfaf80a07dbb3327f2ddf7255a3155.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">Reformhaus</p>
          <a href="/de/products/feinkristall-soda-green-pulver-1-kg-20041">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feinkristall Soda Green Pulver, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QsYDMxCbSn9BngTdb8OgokX-HwcG1J4rZ7MHAe6rbPKtr4Fd9QL_A2-aeFkDy0DuTkeW9IxlE1zA0JvFl6ehMg" />
    <input value="20041" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/geschenkpackung-filz-eule-mit-arve-5-ml-20154">
          <img alt="Geschenkpackung Filz-Eule mit Arve" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10729/file/small-32a4cbc6977bb8037c05164c4e71abef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10729/file/medium-d063a06a81c07e4ef54d8d1ef767fb80.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10729/file/large-7aec7f9337a5cf4801f1f8321ab46d3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10729/file/medium-d063a06a81c07e4ef54d8d1ef767fb80.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/geschenkpackung-filz-eule-mit-arve-5-ml-20154">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschenkpackung Filz-Eule mit Arve, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xp_TGawHqPNiea9wqKeVI5CB4SBAzOhmZz6Qa3-j_8Gx9lF3SZ4dj0x90_TEr3Vvmzho08p9ZRHAXQyvBq8yAQ" />
    <input value="20154" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/kinder-schaumseife-calendula-200-ml-20159">
          <img alt="Kinder Schaumseife Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10734/file/small-857e32c2b3b79a0f6456ada491143198.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10734/file/medium-c5670abb6d2d7e6115cf6fc45c109543.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10734/file/large-2cd703b14e7ced0c729d9abbf4f0a675.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10734/file/medium-c5670abb6d2d7e6115cf6fc45c109543.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="/de/products/kinder-schaumseife-calendula-200-ml-20159">
            <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-20159-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s3F32YIfrIISJys3R5O4alCsWV5FmLaRpvWm67s3FmtcGPW3Z4YZ_jwjV7Mrm1gmWxXQrc8pO-YBljovwjvbqw" />
    <input value="20159" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/kinder-schaumseife-calendula-1-l-20160">
          <img alt="Kinder Schaumseife Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10735/file/small-e0f29a86fb727c78e6cee51351eed21c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10735/file/medium-548970b2f21955f54bb2c71c6d527131.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10735/file/large-007ae4807fe18ccd30193e1004a32d5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10735/file/medium-548970b2f21955f54bb2c71c6d527131.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="/de/products/kinder-schaumseife-calendula-1-l-20160">
            <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-20160-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ct4cM6Jh3vs6ZarJBJF54XLYWiq63HyH9OjYvnVH1dflt55dR_hrhxRh1k1omZmteWHT2TBt8fBTi0R6DEsYFw" />
    <input value="20160" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/hygienetucher-20-stuck-20177">
          <img alt="Hygienetücher" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10753/file/small-9553d66abbd229216f49e10bb456a904.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10753/file/medium-cd659f1d75a9a0e298896c704c54214c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10753/file/large-9f2cc2fe9cd23dbce9bb781fb02a0235.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10753/file/medium-cd659f1d75a9a0e298896c704c54214c.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">Organyc</p>
          <a href="/de/products/hygienetucher-20-stuck-20177">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hygienetücher, 20 Stück</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 0.30 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w_7eOhZV_b6t9Jqn8N6NPtk43vOuAy-IiH4rAJVCG-Msl1xU88xIwoPw5iOc1m1y0oFXACSyov8vHbfE7E7WIw" />
    <input value="20177" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/raucherwerk-atmospharen-reiniger-20-g-20179">
          <img alt="Räucherwerk Atmosphären-Reiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10755/file/small-1fdd0b4a9a443b71f8d403ee2c201244.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10755/file/medium-bc71c310ea66cf12f99eea6d91dc7d11.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10755/file/large-bf113aea30cf863c2aea6d74bb49be10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10755/file/medium-bc71c310ea66cf12f99eea6d91dc7d11.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/raucherwerk-atmospharen-reiniger-20-g-20179">
            <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-20179-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yv20ssMO9XEGM0tbxUh0dSb9xHZfc_5-UnwkOZcGMa0llDbcJpdADSg3N9-pQJQ5LURNhdXCcwn1H7j97gr8bQ" />
    <input value="20179" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/raucherkohle-10-stuck-20211">
          <img alt="Räucherkohle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10792/file/small-cc7fc1bce063f84629658a60be197765.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10792/file/medium-90fc8edb2c8f78ce86e83941436dcbcd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10792/file/large-7a27844876d26f02c5579443c36a6864.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10792/file/medium-90fc8edb2c8f78ce86e83941436dcbcd.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/raucherkohle-10-stuck-20211">
            <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-20211-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F-i2IApzO1ij__yPzq_NbL6zOHKcl-0Jm3btngmQq7P4gTRO7-qOJI37gAuipy0gtQqxgRYmYH48FXFacJxmcw" />
    <input value="20211" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/badesalz-lavendel-300-g-20252">
          <img alt="Badesalz Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10903/file/small-7334f9fd0ff82e50cc78f93096a1f06c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10903/file/medium-dbfff4fba09f0e7fd209e8d869059df9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10903/file/large-9279db8080565d11e12d90bbb8c76961.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10903/file/medium-dbfff4fba09f0e7fd209e8d869059df9.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">Ben&amp;Anna</p>
          <a href="/de/products/badesalz-lavendel-300-g-20252">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badesalz Lavendel, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m8OmCgY6rToPlEATmLu5Tvv6fMoFez2k5WRcoVGeyFV0qiRk46MYRiGQPJf0s1kC8EP1OY_KsNNCB8BlKJIFlQ" />
    <input value="20252" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/badesalz-rose-300-g-20253">
          <img alt="Badesalz Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10904/file/small-731af6c52337cd2e37c71cbaf0b5e971.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10904/file/medium-bd42a0ba3658b585932172452d7c2356.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10904/file/large-fba73766b99e1127e7b9df48f910b9a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10904/file/medium-bd42a0ba3658b585932172452d7c2356.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">Ben&amp;Anna</p>
          <a href="/de/products/badesalz-rose-300-g-20253">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badesalz Rose, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="joqsxeMEWV7JJXFZuayn9x_1sMxUFViclZJS0DPptBRh4y6rBp3sIuchDd3VpEe7FEw5P96k1esy8c4USuV51A" />
    <input value="20253" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/badesalz-kornblume-300-g-20254">
          <img alt="Badesalz Kornblume" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10905/file/small-6deeb05df9892fd9359196022ef1c909.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10905/file/medium-1a2a4ee083bbfe1cecfab137a78ca283.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10905/file/large-285ede2ca71f1a452132dc7033cd3b3a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10905/file/medium-1a2a4ee083bbfe1cecfab137a78ca283.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">Ben&amp;Anna</p>
          <a href="/de/products/badesalz-kornblume-300-g-20254">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Badesalz Kornblume, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o5IxrVDlDlpUNKN8Q0F1awEN1my0-PP4ImUpTrLZUJdM-7PDtXy7Jnow3_gvSZUnCrRfnz5Jfo-FBrWKy9WdVw" />
    <input value="20254" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/wochenbetteinlagen-bio-10-stuck-20267">
          <img alt="Wochenbetteinlagen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10922/file/small-331a739688a2fb7eba44f72599ecfccf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10922/file/medium-40fa5d5598f170c8be73328882b40f51.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10922/file/large-d1b8b581ef199618cb94ea10fe30d3f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10922/file/medium-40fa5d5598f170c8be73328882b40f51.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="/de/products/wochenbetteinlagen-bio-10-stuck-20267">
            <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-20267-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IrFKNP_XBOqDDcaO9q9fWILESJyubRHUt1KRPjyuL_zN2MhaGk6xlq0Jugqap78UiX3BbyTcnKMQMQ36RaLiPA" />
    <input value="20267" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/lucerna-raucher-aroma-duftlampe-1-stuck-20268">
          <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.staging.fabulous.ch/public/variant_asset/10925/file/small-7ba37e5e04db74908790480196462b0d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10925/file/medium-51e9067baab6093bb43f56524400be9e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10925/file/large-e6b0c02276ac210a18af18c6ed811604.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10925/file/medium-51e9067baab6093bb43f56524400be9e.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/lucerna-raucher-aroma-duftlampe-1-stuck-20268">
            <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-20268-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zOTw8MAk-31YEMYGo0phRZA8En1B2vx6nPF1cM0BGf0jjXKeJb1OAXYUuoLPQoEJm4WbjstrcQ07kum0tA3UPQ" />
    <input value="20268" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/raumduft-wald-110-ml-20269">
          <img alt="Raumduft Wald" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10923/file/small-ec6a834575ea8a3f25e80979814d4e15.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10923/file/medium-6e577c0115ff7e5da2c1b9820999839a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10923/file/large-51f908416266b977b6e3ce8ce62c05ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10923/file/medium-6e577c0115ff7e5da2c1b9820999839a.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/raumduft-wald-110-ml-20269">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumduft Wald, 110 ml</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 35.91 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rzqqq8UzxNivExH6p7NziZxPzfLZpjJYPrjcBGUmSQOoUyjFIKpxpIEXbX7Lu5PFl_ZEAVMXvy-Z20DAHCqEww" />
    <input value="20269" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/raumduft-energie-110-ml-20270">
          <img alt="Raumduft Energie" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10924/file/small-2adf5c772efc9d0f5849e35d6a67ac3a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10924/file/medium-35fc7920b515b218abe666bd9a1c70f6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10924/file/large-43f534cc2f29b5db2efbb6e8ed462aae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10924/file/medium-35fc7920b515b218abe666bd9a1c70f6.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/raumduft-energie-110-ml-20270">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumduft Energie, 110 ml</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 35.91 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XNrK76scLtTd-1Sp443SRKh9pcHYf5llcs5J3C_WlSazs0iBToWbqPP_KC2PhTIIo8QsMlLOFBLVrdUYVtpY5g" />
    <input value="20270" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D6">
    <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/raumduft-ruhe-110-ml-20271">
          <img alt="Raumduft Ruhe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10926/file/small-5cc337c33b87188611a3fd28d16cd7ce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10926/file/medium-534fab03371c36f5fdb0c478081484ad.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10926/file/large-86a4b4e5aa3780cb2146fda0afb0bc03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10926/file/medium-534fab03371c36f5fdb0c478081484ad.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/raumduft-ruhe-110-ml-20271">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumduft Ruhe, 110 ml</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 35.91 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q3-YcTXJvUxY83RYwZQIaPfdj8094N_9t9crlQNb6hSsFhof0FAIMHb3CNytnOgk_GQGPrdRUooQtLdRelcn1A" />
    <input value="20271" 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">
      120 von 138 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/non-food?format=turbo_stream&amp;page=7">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>