<turbo-stream action="append" target="products_grid"><template>
    

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/olive-tag-nachtpflege-50-ml-19338">
          <img alt="Olive Tag &amp; Nachtpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11397/file/small-00f224433ffeb4101cdfd5203e36b44c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11397/file/medium-c22ff0f11f2a557362c2f0e34a464f8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11397/file/large-61f5ea03995f5357733b25ecd8769943.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11397/file/medium-c22ff0f11f2a557362c2f0e34a464f8f.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">Arya Laya</p>
          <a href="/de/products/olive-tag-nachtpflege-50-ml-19338">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olive Tag &amp; Nachtpflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19338&quot;],&quot;content_name&quot;:&quot;Olive Tag \u0026 Nachtpflege, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19338&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IwBR5q2CioHWe9FOS7PZzqMfUCV-6gqL14nRbltXrkLxS8otcDrKOuyxopfMSlj6chdaRV4jyXZSzND-wDZEng" />
    <input value="19338" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/karotten-ol-30-ml-19336">
          <img alt="Karotten Öl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11399/file/small-7bb7437f2a160df11fd5e19b7c819d53.webp 600w, https://assets.fabulous.ch/public/variant_asset/11399/file/medium-692face06d17011bcc3b843bc05afbae.webp 900w, https://assets.fabulous.ch/public/variant_asset/11399/file/large-0c7d21c24ab16e103e1671aa5153024f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11399/file/medium-692face06d17011bcc3b843bc05afbae.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">Arya Laya</p>
          <a href="/de/products/karotten-ol-30-ml-19336">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Karotten Öl, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19336&quot;],&quot;content_name&quot;:&quot;Karotten Öl, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19336&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d7HolqiUZXnCu85sKbGt95m01c1oW5ATqRJ1MMYwqMSl-nNddSwlwvhxvbWuSCzDSLzfrUiSU-4sV3SgXVFCGA" />
    <input value="19336" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kamille-tag-nachtpflege-50-ml-19333">
          <img alt="Kamille Tag &amp; Nachtpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11426/file/small-874809aa676906cb22278c93a0dd2b03.webp 600w, https://assets.fabulous.ch/public/variant_asset/11426/file/medium-18dd83424f7193c038d986001eabf842.webp 900w, https://assets.fabulous.ch/public/variant_asset/11426/file/large-2434fcb5bca1524e6cdd03555019275b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11426/file/medium-18dd83424f7193c038d986001eabf842.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">Arya Laya</p>
          <a href="/de/products/kamille-tag-nachtpflege-50-ml-19333">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kamille Tag &amp; Nachtpflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19333&quot;],&quot;content_name&quot;:&quot;Kamille Tag \u0026 Nachtpflege, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19333&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SKBEtn_KRsar3ONZrF1I1_TXwiK650Nu9HedKF2wuEma6999onIGfZEWkIArpMnjJd_IQpougJNxMpy4xtFSlQ" />
    <input value="19333" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hyaluron-miracle-lift-50-ml-19329">
          <img alt="Hyaluron Miracle Lift" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11446/file/small-4df1c1437bd1a00b54d7d5271466bee4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11446/file/medium-6ebde6ccca5829f2112e273257487b9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11446/file/large-3f33861d59d30f90ddaaff188a73cc94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11446/file/medium-6ebde6ccca5829f2112e273257487b9a.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">Arya Laya</p>
          <a href="/de/products/hyaluron-miracle-lift-50-ml-19329">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hyaluron Miracle Lift, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19329&quot;],&quot;content_name&quot;:&quot;Hyaluron Miracle Lift, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19329&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:46.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dqar22Mn-xvgfD-NnR-oZv-zeC9mZB_Bq1eQCqZ1C2Sk7TAQvp-7oNq2TFQa5ilSLrtyT0at3DwuEpGaPRThuA" />
    <input value="19329" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cell-protect-tag-nachtpflege-50-ml-19317">
          <img alt="Cell Protect Tag &amp; Nachtpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11450/file/small-38ffc08410e0d77b99250bd0e66844ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/11450/file/medium-f62f245819d614b54d19c85cb0752680.webp 900w, https://assets.fabulous.ch/public/variant_asset/11450/file/large-d3d241a4dae43c903af168cbb92ef96a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11450/file/medium-f62f245819d614b54d19c85cb0752680.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">Arya Laya</p>
          <a href="/de/products/cell-protect-tag-nachtpflege-50-ml-19317">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cell Protect Tag &amp; Nachtpflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19317&quot;],&quot;content_name&quot;:&quot;Cell Protect Tag \u0026 Nachtpflege, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19317&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o7eCY4DhVahyVwtfWE9eUNVXYxOE0pUsrbZpyt-87eJx_BmoXVkVE0ideIbftt9kBF9pc6QbVtEo82haRN0HPg" />
    <input value="19317" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/beauty-oil-rizinusol-30-ml-19316">
          <img alt="Beauty Oil Rizinusöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11457/file/small-79e179a1d069917cf88ad02cd3ff786e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11457/file/medium-b6414c3ba4fa5812173d3ae06fa82063.webp 900w, https://assets.fabulous.ch/public/variant_asset/11457/file/large-d7734d60b65252ba8c5cff6edc477527.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11457/file/medium-b6414c3ba4fa5812173d3ae06fa82063.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">Arya Laya</p>
          <a href="/de/products/beauty-oil-rizinusol-30-ml-19316">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beauty Oil Rizinusöl Bio, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19316&quot;],&quot;content_name&quot;:&quot;Beauty Oil Rizinusöl Bio, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19316&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r5-XoPvt01H3Yqk5JAykOr2_bQs6pdnvTdg7Udy1fsp91AxrJlWT6s2o2uCj9SUObLdnaxpsGhLInTrBR9SUFg" />
    <input value="19316" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/beauty-oil-narbenol-30-ml-19315">
          <img alt="Beauty Oil Narbenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11458/file/small-c23b701e2dc4350475ad2210a75a356e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11458/file/medium-85de41d7cb73251b5be396a3fd802b82.webp 900w, https://assets.fabulous.ch/public/variant_asset/11458/file/large-220b81f9ae0157db6212e9af86afad55.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11458/file/medium-85de41d7cb73251b5be396a3fd802b82.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">Arya Laya</p>
          <a href="/de/products/beauty-oil-narbenol-30-ml-19315">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beauty Oil Narbenöl, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19315&quot;],&quot;content_name&quot;:&quot;Beauty Oil Narbenöl, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19315&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rJwPG47xqdM4WTTF0bjlUqf73w8kpFarlWPVJSzENnh-15TQU0npaAKTRxxWQWRmdvPVbwRtlVYQJtS1t6XcpA" />
    <input value="19315" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/beauty-oil-arganol-30-ml-19314">
          <img alt="Beauty Oil Arganöl bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11459/file/small-9f5e693ba6101298132d8d6a303d4692.webp 600w, https://assets.fabulous.ch/public/variant_asset/11459/file/medium-0c6d55949a47622fc53290dc025099d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/11459/file/large-7f6784b069c3f7ea9de813750a719c66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11459/file/medium-0c6d55949a47622fc53290dc025099d6.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">Arya Laya</p>
          <a href="/de/products/beauty-oil-arganol-30-ml-19314">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beauty Oil Arganöl bio, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19314&quot;],&quot;content_name&quot;:&quot;Beauty Oil Arganöl bio, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19314&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E7hzecKXRTr6gYZTFAWkpMUVqMOOaddA2nBksNo5-MfB8-iyHy8FgcBL9YqT_CWQFB2io66gFL1fNWUgQVgSGw" />
    <input value="19314" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/argan-tag-nachtpflege-50-ml-19313">
          <img alt="Argan Tag &amp; Nachtpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11460/file/small-e1f52c8c50eb8f0be370ef82ff0292f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11460/file/medium-af5581a115792c86f5d566fd177dea49.webp 900w, https://assets.fabulous.ch/public/variant_asset/11460/file/large-f7b4ffbf441d028e88a6810b6c35d448.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11460/file/medium-af5581a115792c86f5d566fd177dea49.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">Arya Laya</p>
          <a href="/de/products/argan-tag-nachtpflege-50-ml-19313">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Argan Tag &amp; Nachtpflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19313&quot;],&quot;content_name&quot;:&quot;Argan Tag \u0026 Nachtpflege, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19313&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ushLtyhnU9hu05WZ_Uoq90fikUOE-mSYg_Yr7EXnxwJog9B89d8TY1QZ5kB6s6vDluqbI6Qzp2UGsyp83oYt3g" />
    <input value="19313" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/aloe-vera-feuchtigkeitspflege-50-ml-19308">
          <img alt="Aloe Vera Feuchtigkeitspflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11464/file/small-075c6205c19d939df555aa3a44ba089c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11464/file/medium-c5d146c3a99fc557921c85380eaaaced.webp 900w, https://assets.fabulous.ch/public/variant_asset/11464/file/large-8c9ec2e52b5a9c8972b025bb0ece8168.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11464/file/medium-c5d146c3a99fc557921c85380eaaaced.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">Arya Laya</p>
          <a href="/de/products/aloe-vera-feuchtigkeitspflege-50-ml-19308">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aloe Vera Feuchtigkeitspflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19308&quot;],&quot;content_name&quot;:&quot;Aloe Vera Feuchtigkeitspflege, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19308&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gDRtYWGvfwEDXQ2Wy964MwTsv4CP1QeD5g4Xw4vzAQdSf_aqvBc_ujmXfk9MJzkH1eS14K8cxH5jSxZTEJLr2w" />
    <input value="19308" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/q10-kapseln-100mg-30-stuck-19755">
          <img alt="Q10 Kapseln 100mg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10222/file/small-0094ae0d0b507995b4f57d583d5954a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10222/file/medium-4deda2b6ff2e52110fe62d17ca59c5f8.webp 900w, https://assets.fabulous.ch/public/variant_asset/10222/file/large-9323e70baee9e0d4d3cd34f4e7dc5821.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10222/file/medium-4deda2b6ff2e52110fe62d17ca59c5f8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Burgerstein</p>
          <a href="/de/products/q10-kapseln-100mg-30-stuck-19755">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Q10 Kapseln 100mg, 30 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19755&quot;],&quot;content_name&quot;:&quot;Q10 Kapseln 100mg, 30 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19755&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:35.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gWMeol-tUH4fGPABAV1OOPYdEqg9XKgwv4G7CSxQo1lTKIVpghUQxSXSg9iGpM8MJxUYyB2Va806xLqZtzFJhQ" />
    <input value="19755" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/jojobaol-75-ml-19294">
          <img alt="Jojobaöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9702/file/small-da70bae8e011d572185ff156869b4950.webp 600w, https://assets.fabulous.ch/public/variant_asset/9702/file/medium-c85a0a91973a39fee5453d5552d404c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/9702/file/large-f5e750e08520adac0978674cd1abf4b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9702/file/medium-c85a0a91973a39fee5453d5552d404c0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/de/products/jojobaol-75-ml-19294">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jojobaöl, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19294&quot;],&quot;content_name&quot;:&quot;Jojobaöl, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19294&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NtoLHLeBvbiSoKEhw42sZO-VWCsk6wcPOxMpAVzGvADkkZDXajn9A6hq0vhEdC1QPp1SSwQixPK-ViiRx6dW3A" />
    <input value="19294" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tossit-teefilter-mit-kordelzug-50-stuck-19306">
          <img alt="Tossit Teefilter mit Kordelzug" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9700/file/small-4c2a9e13ce3124b2b4ba1df8484f2b2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9700/file/medium-1e3a9f99dc3f4e51d6729ff09c0bbc9d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9700/file/large-812e5676f600260ae6d01826cbcd89df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9700/file/medium-1e3a9f99dc3f4e51d6729ff09c0bbc9d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/de/products/tossit-teefilter-mit-kordelzug-50-stuck-19306">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tossit Teefilter mit Kordelzug, 50 Stück</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 0.14 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19306&quot;],&quot;content_name&quot;:&quot;Tossit Teefilter mit Kordelzug, 50 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19306&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z6bqoPx6MHGxDR3LOMJrlZqtGDQR0e-4OFBp89xdQskd7XFrIcJwyovHbhK_O-qhS6USVDEYLEW9FWhjRzyoFQ" />
    <input value="19306" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/roll-on-kopfwohl-mit-pfefferminze-10-ml-19717">
          <img alt="Roll-On Kopfwohl mit Pfefferminze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10823/file/small-5ce3d6379ae2e739c4b90980e4014db8.webp 600w, https://assets.fabulous.ch/public/variant_asset/10823/file/medium-dd8efbede2cd51e188c8601571210ad8.webp 900w, https://assets.fabulous.ch/public/variant_asset/10823/file/large-a91e5401c20a375a6b9735f613758c94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10823/file/medium-dd8efbede2cd51e188c8601571210ad8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/de/products/roll-on-kopfwohl-mit-pfefferminze-10-ml-19717">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roll-On Kopfwohl mit Pfefferminze, 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-19717-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19717&quot;],&quot;content_name&quot;:&quot;Roll-On Kopfwohl mit Pfefferminze, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19717&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nFfvnLMWbLIRhNXEysmZRf_oK-mEVwY623t7yIaWmIVOHHRXbq4sCStOph1NMBhxLuAhiaSexcdePnpYHfdyWQ" />
    <input value="19717" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ath-ol-top-oregano-5-ml-19713">
          <img alt="Äth. Öl TOP Oregano" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10266/file/small-d28143fdca00c3b38c05bdc9f9f44aa2.webp 600w, https://assets.fabulous.ch/public/variant_asset/10266/file/medium-98b91a865fcb980551bfe7894ca66cb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/10266/file/large-fca088fb9b55c944ececea241338e9de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10266/file/medium-98b91a865fcb980551bfe7894ca66cb2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/de/products/ath-ol-top-oregano-5-ml-19713">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Oregano, 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-19713-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19713&quot;],&quot;content_name&quot;:&quot;Äth. Öl TOP Oregano, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19713&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6AD532HBUtyK_Z7yn4BXEMNO3cq3lqPqGnkh2eZ5AX06S2IUvHkSZ7A37SsYedYkEkbXqpdfYBefPCBJfRjroQ" />
    <input value="19713" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ath-ol-top-mandarine-5-ml-19275">
          <img alt="Äth. Öl TOP Mandarine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9710/file/small-22491e12bb218e19cc5171e9166a13cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9710/file/medium-8d38ddb389a17348bd5f6f4796ffaf20.webp 900w, https://assets.fabulous.ch/public/variant_asset/9710/file/large-22c38f70a657d9a8854aeec6564ec8df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9710/file/medium-8d38ddb389a17348bd5f6f4796ffaf20.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/de/products/ath-ol-top-mandarine-5-ml-19275">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Mandarine, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19275&quot;],&quot;content_name&quot;:&quot;Äth. Öl TOP Mandarine, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19275&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xOTHRQZFYf5Np78XkIVZKMRCjmtgosXqXBTAUg8perUWr1yO2_0hRXdtzM4XfNgcFUqEC0BrBhfZUcHClEiQaQ" />
    <input value="19275" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ath-ol-top-orange-5-ml-19276">
          <img alt="Äth. Öl TOP Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9709/file/small-8c91f69279c0172160d2545d957df05b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9709/file/medium-183efaa3737d36594b8001c504750d4b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9709/file/large-b325e80631a731743dc0ba7dd816f940.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9709/file/medium-183efaa3737d36594b8001c504750d4b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/de/products/ath-ol-top-orange-5-ml-19276">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Orange, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19276&quot;],&quot;content_name&quot;:&quot;Äth. Öl TOP Orange, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19276&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pVKYx2cttMe_3zrNwYNKcAT8maoU9ywieaG8GqEG7Ep3GQMMupX0fIUVSRRGestE1fSTyjQ-79_85L2KOmcGlg" />
    <input value="19276" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ath-ol-top-pfefferminze-5-ml-19277">
          <img alt="Äth. Öl TOP Pfefferminze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9708/file/small-9e5913f9b16aa8630d70e6b5ccc63208.webp 600w, https://assets.fabulous.ch/public/variant_asset/9708/file/medium-2d3f4f9a8e4d20985836d1683b115f69.webp 900w, https://assets.fabulous.ch/public/variant_asset/9708/file/large-3c3ca9ec34b227c2536183297b33cb3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9708/file/medium-2d3f4f9a8e4d20985836d1683b115f69.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/de/products/ath-ol-top-pfefferminze-5-ml-19277">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Pfefferminze, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19277&quot;],&quot;content_name&quot;:&quot;Äth. Öl TOP Pfefferminze, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19277&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="og2wcSrhMIYD7x4v1JYGfN2Y-EFmpWvwxFNaBXvbw7VwRiu691lwPTklbfZTb4dIDJDyIUZsqA1BFluV4LopaQ" />
    <input value="19277" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cela-tabletten-100-stuck-19750">
          <img alt="Cela Tabletten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10217/file/small-ce3864626a677f0a498d458f038a701f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10217/file/medium-2ec14bbbe85c96d64fbb8cd9f93b2b6d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10217/file/large-b56582947bc9496c68fb16323085c4ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10217/file/medium-2ec14bbbe85c96d64fbb8cd9f93b2b6d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Burgerstein</p>
          <a href="/de/products/cela-tabletten-100-stuck-19750">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cela Tabletten, 100 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19750&quot;],&quot;content_name&quot;:&quot;Cela Tabletten, 100 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19750&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:39.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0BBI5YFMAUJ7TKoh8dYxvrHWMlZWEfO6JUZz3ptSSs4CW9MuXPRB-UGG2fh2L7CKYN44NnbYMEegA3JOADOgEg" />
    <input value="19750" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Ftsampa%3Fformat%3Dturbo_stream%26page%3D31">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/ath-ol-top-teebaum-5-ml-19279">
          <img alt="Äth. Öl TOP Teebaum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9706/file/small-3717d7e6a4abb46dd975332da8e16f63.webp 600w, https://assets.fabulous.ch/public/variant_asset/9706/file/medium-af4e642b493cfcda58cff61316a7f4c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9706/file/large-8d8ac0167942532299b8ef83ad2933e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9706/file/medium-af4e642b493cfcda58cff61316a7f4c7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/de/products/ath-ol-top-teebaum-5-ml-19279">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Teebaum, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19279&quot;],&quot;content_name&quot;:&quot;Äth. Öl TOP Teebaum, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19279&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YBu8t4SdUHFnOVZphE8sSht2I_MJ1-0CyLYqSvXTgRiyUCd8WSUQyl3zJbADtq1-yn4pkykeLv9N8yvabrJrxA" />
    <input value="19279" 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">
      620 von 3&#39;525 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/tsampa?format=turbo_stream&amp;page=32">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>