<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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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-glucksmoment-100-ml-19300">
          <img alt="Raumspray Glücksmoment" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9691/file/small-bd89a9536f950a98748b546f14fc9c17.webp 600w, https://assets.fabulous.ch/public/variant_asset/9691/file/medium-6f275dea1a3c6a21e179805b59c667af.webp 900w, https://assets.fabulous.ch/public/variant_asset/9691/file/large-5c2714c6ed4a94bde9c7d045297aeec9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9691/file/medium-6f275dea1a3c6a21e179805b59c667af.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-glucksmoment-100-ml-19300">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumspray Glücksmoment, 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-19300-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19300&quot;],&quot;content_name&quot;:&quot;Raumspray Glücksmoment, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19300&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="S3Y5UfMJzoHiNSGmmvCbbSSv8IfVk8_Tks7QPpmYK09KQA90q3QXt3dEQk1B7AVfrbln7AijqcOvu1SN9SxkpQ" />
    <input value="19300" 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="u82_a4eVuJY9dgtxFdn4OlsawbqpOjF7yWyuQ9PqyQi6-4lO3-hhoKgHaJrOxWYI0gxW0XQKV2v0GSrwv16G4g" />
    <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 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="FwyIz93S2J7Ms4yy4g-kadD1taIFMb1fiEhCrhVBcVwWOr7qha8BqFnC71k5EzpbWeMiydgB20-1PcYdefU-tg" />
    <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  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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="B3txAi7CqtSdrshBjoiDdbRLNKQNzW5-u_jPkkgLEL4GTUcndr9z4gjfq6pVlB1HPV2jz9D9CG6GjUshJL9fVA" />
    <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 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="EUQZe9TySCGF2olCZpfiWALfcGSLTyHNnwEsuVWp8XQQci9ejI-RFxCr6qm9i3xqi8nnD1Z_R92idKgKOR2-ng" />
    <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  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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="ziGs-QcfPcNJkepvmY-UimGoP65m3ck-HzvyldB_DkDPF5rcX2Lk9dzgiYRCkwq46L6oxbvtry4iTnYmvMtBqg" />
    <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 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="KwYb0wIqLn56608qx352-YRyYROtQ_yZ4ssr_CYao1QqMC32Wlf3SO-aLMEcYujLDWT2eHBzmonfvq9PSq7svg" />
    <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  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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="5OGLrRS8OA79W0wGHyGjzkqF_vWFh6-wy0mTILimBT7l172ITMHhOGgqL-3EPT38w5Npnli3yaD2PBeT1BJK1A" />
    <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 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="FhdoW_zaI7ejhjkyUSiv92mBgCraqUOb53fqz8wir-8XIV5-pKf6gTb3WtmKNDHF4JcXQQeZJYvaAm58oJbgBQ" />
    <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  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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="2nLi7OqvmHziGJ3i-Ka6nC4E5OOyPaNnlzww3Yg9RFbbRNTJstJBSndp_gkjuiSupxJziG8NxXeqSbRu5IkLvA" />
    <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 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="UDTnBOrQooapQsIifDntRoAdyV1ZjJuxc3P89v22wChRAtEhsq17sDwzocmnJXN0CQteNoS8_aFOBnhFkQKPwg" />
    <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  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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="7_vZQH30foS4veunOYM39q2ppzSKq2Gzwu14pPgvGnTuze9lJYmnsi3MiEzin6nEJL8wX1ebB6P_mPwXlJtVng" />
    <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 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="FoiS1_0aJaC6wjkyoEDXqZHrzwHBZPFB089Ae2skndEXvqTypWf8li-zWtl7XEmbGP1YahxUl1HuusTIB5DSOw" />
    <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  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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="ZkVSiV6u3kdtmcdWMJR96O5_QhbMbwWRxTMcu9eIsbBnc2SsBtMHcfjopL3riOPaZ2nVfRFfY4H4RpgIuzz-Wg" />
    <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 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="3K0_Tl_O1NLYFPSIPwL8i_yVfMdQImUayDN7-agJTDDdmwlrB7MN5E1ll2PkHmK5dYPrrI0SAwr1Rv9KxL0D2g" />
    <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  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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="pa266B7LZEIp9S2AbheDKDNCKrKC95iQRbEXMpM7Kf2km4zNRra9dLyETmu1Cx0aulS92V_H_oB4xJOB_49mFw" />
    <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 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="IWANM-zHgWLP1GLiKb1902LEB3GCWHIGVOXvf3ls2_wgVjsWtLpYVFqlAQnyoePh69KQGl9oFBZpkGvMFdiUFg" />
    <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  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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="MbxRGZrEf-7f-sQq9qqdQ2NCrX2TkeKTCDpDYR4jApkwimc8wrmm2EqLp8EttgNx6lQ6Fk6hhIM1T8fScpdNcw" />
    <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 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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="k6PjraRp_9Zkd2HEhprTCYBdbelo4lC416VsGiSbaJKSldWI_BQm4PEGAi9dhk07CUv6grXSNqjq0OipSC8neA" />
    <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  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%2Fgetranke-wein%2Fmilch-milchalternativen%2Fsojabasis%3Fformat%3Dturbo_stream%26page%3D50">
    <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="sJm7YXZ8HKUj5hx9dRbxU5yvUF7NS2-sqGCJaiw4zLOxr41ELgHFk7aXf5auCm9hFbnHNRB7CbyVFQ3ZQIyDWQ" />
    <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>



</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">
      1&#39;000 von 2&#39;853 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/getranke-wein/milch-milchalternativen/sojabasis?format=turbo_stream&amp;page=51">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>