<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%3D2">
    <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/raumspray-schutzengel-100-ml-19305">
          <img alt="Raumspray Schutzengel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9694/file/small-16480b7330fb0a18af618c204566ba8d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9694/file/medium-352f979f324963725ca921e209cd48c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/9694/file/large-af46a758b082dc905940c0bf114b86ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9694/file/medium-352f979f324963725ca921e209cd48c0.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/raumspray-schutzengel-100-ml-19305">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumspray Schutzengel, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19305&quot;],&quot;content_name&quot;:&quot;Raumspray Schutzengel, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19305&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yiSLT03yXxpS6oqaQXpdCzq-APodRVHOCU7BHO0yZQt1DiL9M9kWThYS811L6rcEaFKd8JUDzsx7yz3ktQUjQA" />
    <input value="19305" 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%3D2">
    <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/aromaspray-verstichmeinnicht-75-ml-19265">
          <img alt="Aromaspray VerstichMeinNicht" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10620/file/small-478e16c02e5d896aa350e25e9d4145db.webp 600w, https://assets.fabulous.ch/public/variant_asset/10620/file/medium-e84add849292f7c0e615c97a867e4aec.webp 900w, https://assets.fabulous.ch/public/variant_asset/10620/file/large-ba2a5425bf4ae6f928c4fcd5cdb6fe0c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10620/file/medium-e84add849292f7c0e615c97a867e4aec.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/aromaspray-verstichmeinnicht-75-ml-19265">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromaspray VerstichMeinNicht, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19265&quot;],&quot;content_name&quot;:&quot;Aromaspray VerstichMeinNicht, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19265&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="60aVMqsWLtqGWDvAq7PzNbf6bDnZD_b-WGSr-t4tXyRUbDyA1T1njsKgQgehIxk65RbxM1FJafwq4VcChhoZbw" />
    <input value="19265" 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%3D2">
    <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/raumspray-fichte-bio-100-ml-19299">
          <img alt="Raumspray Fichte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9696/file/small-042b7498910377c67b6da866aa6d1d0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9696/file/medium-e7efd2e792c545b3fbe53176626ac2b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9696/file/large-83225200216a9120d43a3e4dc56f4843.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9696/file/medium-e7efd2e792c545b3fbe53176626ac2b7.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/raumspray-fichte-bio-100-ml-19299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumspray Fichte Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19299&quot;],&quot;content_name&quot;:&quot;Raumspray Fichte Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19299&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ifShMkaSVY53gncUI8TOYaEgQg9hJgGeGsCMN9blF-423giAOLkc2jN6DtMpVCRu88zfBelgnpxoRXDPjtJRpQ" />
    <input value="19299" 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%3D2">
    <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/raumspray-larche-bio-100-ml-19302">
          <img alt="Raumspray Lärche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9693/file/small-5d5a37f3473bd517b0dbe555319eab43.webp 600w, https://assets.fabulous.ch/public/variant_asset/9693/file/medium-b4edc6d10a8b786b931499bdd65d1464.webp 900w, https://assets.fabulous.ch/public/variant_asset/9693/file/large-c71d796f314f0a358df34573a536f2c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9693/file/medium-b4edc6d10a8b786b931499bdd65d1464.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/raumspray-larche-bio-100-ml-19302">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumspray Lärche Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19302&quot;],&quot;content_name&quot;:&quot;Raumspray Lärche Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19302&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3qzy2LozKUfxyPkb7h-nvdNMLr5707N1f15-HX2RaqJhhltqxBhgE7UwgNzkj02ygaCztPOVLHcN24LlJaYs6Q" />
    <input value="19302" 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%3D2">
    <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/aromaspray-abwehrstark-75-ml-19264">
          <img alt="Aromaspray Abwehrstark" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10619/file/small-45b041e173ffcc1c04c2971df0d3b3ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/10619/file/medium-6fcc34c177f057a8d58b83bab025bea5.webp 900w, https://assets.fabulous.ch/public/variant_asset/10619/file/large-1270dcebe2860e19ba9d0157dbd9ed95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10619/file/medium-6fcc34c177f057a8d58b83bab025bea5.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/aromaspray-abwehrstark-75-ml-19264">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromaspray Abwehrstark, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19264&quot;],&quot;content_name&quot;:&quot;Aromaspray Abwehrstark, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19264&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2fRc5kLBILv1ryHzm4Y7lq1yst5-A6Uy7RY-ypoeuyJm3vVUPOpp77FXWDSRFtGZ_54v1PZFOjCfk8Iywin9aQ" />
    <input value="19264" 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%3D2">
    <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/raumspray-gute-nacht-100-ml-19301">
          <img alt="Raumspray Gute Nacht" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9692/file/small-d6441046a87c077be48f182885b4c4a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9692/file/medium-1a57b064ca85ee515c5ed2e016380c28.webp 900w, https://assets.fabulous.ch/public/variant_asset/9692/file/large-41f30ce8a1797e801b4920ed83c6443e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9692/file/medium-1a57b064ca85ee515c5ed2e016380c28.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/raumspray-gute-nacht-100-ml-19301">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumspray Gute Nacht, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19301&quot;],&quot;content_name&quot;:&quot;Raumspray Gute Nacht, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19301&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E8ceCwQ3RubfBKghuK61skmOsR3jSljjWm1baoOM7Jus7be5ehwPspv80eayPl-9G2IsF2sMx-Eo6KeS27uq0A" />
    <input value="19301" 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%3D2">
    <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/ath-ol-top-rosmarin-5-ml-19712">
          <img alt="Äth. Öl TOP Rosmarin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10267/file/small-ca3e76aff3acc1fc23a25eec869f43a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/10267/file/medium-481846dae0695345fc6cb299aa75ad86.webp 900w, https://assets.fabulous.ch/public/variant_asset/10267/file/large-62c7db79629c83687ae8545bd6755862.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10267/file/medium-481846dae0695345fc6cb299aa75ad86.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/ath-ol-top-rosmarin-5-ml-19712">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Rosmarin, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19712&quot;],&quot;content_name&quot;:&quot;Äth. Öl TOP Rosmarin, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19712&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NydAHmWG4q5SuYt_8NkLO_H3QupVD4fm24ehGA6X4KuIDemsG62r-hZB8rj6SeE0oxvf4N1JGOSpAl3gVqCm4A" />
    <input value="19712" 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%3D2">
    <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/ath-ol-top-eucalyptus-5-ml-19272">
          <img alt="Äth. Öl TOP Eucalyptus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9713/file/small-2a67a79516ffcdcca4d259768885494d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9713/file/medium-edc75b06be66748da1d2652749ae8d71.webp 900w, https://assets.fabulous.ch/public/variant_asset/9713/file/large-5bc61dcf369de507d6ee35e7cda02807.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9713/file/medium-edc75b06be66748da1d2652749ae8d71.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/ath-ol-top-eucalyptus-5-ml-19272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Eucalyptus, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19272&quot;],&quot;content_name&quot;:&quot;Äth. Öl TOP Eucalyptus, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19272&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-N78IURCnKyjUwjKJOxmXwc64B_FlNaka8N-nLH_Ef1H9FWTOmnV-OercQ0ufIxQVdZ9FU3SSaYZRoJk6chXtg" />
    <input value="19272" 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%3D2">
    <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/ath-ol-top-rose-10-5-ml-19278">
          <img alt="Äth. Öl TOP Rose 10%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9707/file/small-aa16992bedf88eacef95eeb3c43631e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/9707/file/medium-5ffacb7a75bfdd2593cf0b8a2a1eb9b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9707/file/large-74b84ed7785ad4e98a7271a9bbfc29e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9707/file/medium-5ffacb7a75bfdd2593cf0b8a2a1eb9b8.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/ath-ol-top-rose-10-5-ml-19278">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Rose 10%, 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-19278-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19278&quot;],&quot;content_name&quot;:&quot;Äth. Öl TOP Rose 10%, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19278&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pCkB60bdN-ooMR0v_efu5cjdB2l1nO2zwlDC1D66jj4bA6hZOPZ-vmzJZOj3dwTqmjGaY_3acrGw1T4sZo3IdQ" />
    <input value="19278" 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%3D2">
    <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/ath-ol-lavendel-wild-5-ml-19268">
          <img alt="Äth. Öl Lavendel wild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10613/file/small-3515a0c38bee943b1d382245ff637ae4.webp 600w, https://assets.fabulous.ch/public/variant_asset/10613/file/medium-faf46a3eed8569b695af2704c3a5d664.webp 900w, https://assets.fabulous.ch/public/variant_asset/10613/file/large-33ac3f25d05973f3a69e7f94cea42138.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10613/file/medium-faf46a3eed8569b695af2704c3a5d664.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/ath-ol-lavendel-wild-5-ml-19268">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl Lavendel wild, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19268&quot;],&quot;content_name&quot;:&quot;Äth. Öl Lavendel wild, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19268&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IsR2pTevvLlChHdUDCU8J-zNSnx0z1pZbGcdZMqrAo2d7t8XSYT17QZ8DpMGtdYoviHXdvyJxVse4uGckpxExg" />
    <input value="19268" 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%3D2">
    <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/ath-ol-vanille-100-5-ml-19282">
          <img alt="Äth. Öl Vanille 100%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10617/file/small-c25b3323ed697f3d697dd63b15ad6025.webp 600w, https://assets.fabulous.ch/public/variant_asset/10617/file/medium-ac6bcfbd75257a0fb848f6099291238a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10617/file/large-0049623f6ee5ec7c5fdac9c072f025ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10617/file/medium-ac6bcfbd75257a0fb848f6099291238a.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/ath-ol-vanille-100-5-ml-19282">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl Vanille 100%, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19282&quot;],&quot;content_name&quot;:&quot;Äth. Öl Vanille 100%, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19282&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2iKIYszk7Kg0BGTm3mHliM5dkUPG9rWo_Sl9hIJtv-dlCCHQss-l_HD8HSHU8Q-HnLEMSU6wKqqPrIF82lr5rA" />
    <input value="19282" 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%3D2">
    <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/ath-ol-weihrauch-5-ml-19283">
          <img alt="Äth. Öl Weihrauch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10618/file/small-3440d06b390688f44e587579bde30a9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/10618/file/medium-5b2c302ba2c8a3ba21db6fa1810fa100.webp 900w, https://assets.fabulous.ch/public/variant_asset/10618/file/large-e892ff652f80ba06f216c338ffc8f9ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10618/file/medium-5b2c302ba2c8a3ba21db6fa1810fa100.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/ath-ol-weihrauch-5-ml-19283">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl Weihrauch, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19283&quot;],&quot;content_name&quot;:&quot;Äth. Öl Weihrauch, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19283&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HGoCz_luWIeBm34-S15SnBjszvaOvBhWpj1kNn_HPyujQKt9h0UR08VjB_lBzriTSgBT_Ab6h1TUuJjOJ_B5YA" />
    <input value="19283" 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%3D2">
    <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/ath-ol-tanne-weiss-5-ml-19269">
          <img alt="Äth. Öl Tanne weiss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10614/file/small-5523657ca832481b6d0b9a6ac5105d0c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10614/file/medium-b7cc5203a6bf6dbd92fbfc3fb7639f26.webp 900w, https://assets.fabulous.ch/public/variant_asset/10614/file/large-c2197be810c27222b0085d2d43ecb349.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10614/file/medium-b7cc5203a6bf6dbd92fbfc3fb7639f26.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/ath-ol-tanne-weiss-5-ml-19269">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl Tanne weiss, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19269&quot;],&quot;content_name&quot;:&quot;Äth. Öl Tanne weiss, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19269&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fj-nk0COAKdAj-kZDLiuGviOVwvgsfeYNolf6ZYGKwvBFQ4hPqVJ8wR3kN4GKEQVqmLKAWj3aJpEDKMRzjFtQA" />
    <input value="19269" 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%3D2">
    <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-abwehrstark-10-ml-19285">
          <img alt="Duftmischung Abwehrstark" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10624/file/small-5c9dd8912edc18beab4f12508d631cb8.webp 600w, https://assets.fabulous.ch/public/variant_asset/10624/file/medium-675d703638a9b055ea050324a55220fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/10624/file/large-8d48b62a27c5066a57c06d20117b645e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10624/file/medium-675d703638a9b055ea050324a55220fe.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-abwehrstark-10-ml-19285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duftmischung Abwehrstark, 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-19285-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19285&quot;],&quot;content_name&quot;:&quot;Duftmischung Abwehrstark, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19285&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="xoe4Z89srDBzYnyqE9CMmaf5we1f96TeTk8rM5A1OkB5rRHVsUflZDeaBW0ZQGaW9RVc59exO9w8ytfLyAJ8Cw" />
    <input value="19285" 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%3D2">
    <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-gluck-10-ml-19286">
          <img alt="Duftmischung Glück" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10625/file/small-460cb41043b17f5a1253d2e8eec03713.webp 600w, https://assets.fabulous.ch/public/variant_asset/10625/file/medium-53c12d42cccda8967ea216849f592ed0.webp 900w, https://assets.fabulous.ch/public/variant_asset/10625/file/large-586cb43a4c2f7d8a74c5c34e63abefae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10625/file/medium-53c12d42cccda8967ea216849f592ed0.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-gluck-10-ml-19286">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duftmischung Glück, 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-19286-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19286&quot;],&quot;content_name&quot;:&quot;Duftmischung Glück, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19286&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="8SUsp779YzvXShj2TU05l1RLAzb3q1FpKSS8jHjB6LZOD4UVwNYqb5OyYTFH3dOYBqeePH_tzmtboUB0IPau_Q" />
    <input value="19286" 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%3D2">
    <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/ath-ol-arve-bio-10-ml-19284">
          <img alt="Äth. Öl Arve Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10612/file/small-e00e3291e3315742b96b7b5e406b6c23.webp 600w, https://assets.fabulous.ch/public/variant_asset/10612/file/medium-9927bb92e3dfa117df768d2c854d034e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10612/file/large-9b8213793f7d5249541a3ffacd564b13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10612/file/medium-9927bb92e3dfa117df768d2c854d034e.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/ath-ol-arve-bio-10-ml-19284">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl Arve Bio, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19284&quot;],&quot;content_name&quot;:&quot;Äth. Öl Arve Bio, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19284&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qFFgoXtRP4lzgwtTquxJSk4-rBFBr24Iz1yHDLS0ykkXe8kTBXp23Td7cpSgfKNFHNIxG8np8Qq92Xv07IOMAg" />
    <input value="19284" 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%3D2">
    <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/ath-ol-teebaum-10-ml-19270">
          <img alt="Äth. Öl Teebaum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10615/file/small-6d68e55ea921927ce02e32287321b761.webp 600w, https://assets.fabulous.ch/public/variant_asset/10615/file/medium-a7ecc9875f7cc7ec1382502d51ebce5c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10615/file/large-c8e35d3ce5b0024b7382abd4062e9002.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10615/file/medium-a7ecc9875f7cc7ec1382502d51ebce5c.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/ath-ol-teebaum-10-ml-19270">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl Teebaum, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19270&quot;],&quot;content_name&quot;:&quot;Äth. Öl Teebaum, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19270&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ax2q5VGwkcFG-IoTPuKDevnt2dU2SAcrBB8xS21LYRzUNwNXL5vYlQIA89Q0cml1qwFE374OmCl2ms2zNXwnVw" />
    <input value="19270" 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%3D2">
    <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/ath-ol-top-zitrone-5-ml-19281">
          <img alt="Äth. Öl TOP Zitrone" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9715/file/small-f26e10a7038238e6dc0b0f2a2ad73026.webp 600w, https://assets.fabulous.ch/public/variant_asset/9715/file/medium-430d19a5300d0f9135beab2c5a7ab42b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9715/file/large-6a3c9ab0b8509d1a36bf60a726245ae3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9715/file/medium-430d19a5300d0f9135beab2c5a7ab42b.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/ath-ol-top-zitrone-5-ml-19281">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Zitrone, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19281&quot;],&quot;content_name&quot;:&quot;Äth. Öl TOP Zitrone, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19281&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dCW--y357BMW6SMDI_uunoT6jgg-R-_ULtzuT5YyfP7LDxdJU9KlR1IRWsQpa0SR1hYTArYBcNZcWRK3zgU6tQ" />
    <input value="19281" 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%3D2">
    <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/ath-ol-top-grapefruit-5-ml-19273">
          <img alt="Äth. Öl TOP Grapefruit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9712/file/small-5338a11517d56de9371fd5a767bcbbee.webp 600w, https://assets.fabulous.ch/public/variant_asset/9712/file/medium-967fc287dc04b447dc15c348ad3f93ef.webp 900w, https://assets.fabulous.ch/public/variant_asset/9712/file/large-c1b9018f91775527f5ea5ce335ed0247.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9712/file/medium-967fc287dc04b447dc15c348ad3f93ef.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/ath-ol-top-grapefruit-5-ml-19273">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Grapefruit, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19273&quot;],&quot;content_name&quot;:&quot;Äth. Öl TOP Grapefruit, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19273&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="760yhKt1O3OmufcJnRnkQaK4EAYKLxFLK3JL3RiK2HBQh5s21V5yJ-JBjs6XiQ5O8FSNDIJpjklZ97clQL2eOw" />
    <input value="19273" 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%3D2">
    <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/ath-ol-top-thymian-5-ml-19280">
          <img alt="Äth. Öl TOP Thymian" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9705/file/small-854e036f3f3e5399ce2865d55902a95b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9705/file/medium-d088533fe32d465e03ea69c477b5e195.webp 900w, https://assets.fabulous.ch/public/variant_asset/9705/file/large-c62a558c60e825762e3c98806184b980.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9705/file/medium-d088533fe32d465e03ea69c477b5e195.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/ath-ol-top-thymian-5-ml-19280">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Thymian, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19280&quot;],&quot;content_name&quot;:&quot;Äth. Öl TOP Thymian, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19280&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MIAUpfdEd1QBXXlUgHui-bnITtHW7dZwUfVGEbe_coePqr0XiW8-AEWlAJOK60j26yTT216rSXIjcLrp74g0zA" />
    <input value="19280" 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">
      40 von 147 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/non-food?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>