<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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/bodylotion-kokosnuss-coconut-mit-spender-bio-245-ml-6670">
          <img alt="Bodylotion Kokosnuss (Coconut) mit Spender Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3859/file/small-86ad18cc4e049c6a0ea5f61f3c1b93d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3859/file/medium-e3363762a7af312009a56652b737ee84.webp 900w, https://assets.fabulous.ch/public/variant_asset/3859/file/large-5e026a146e4c673ed5c6ec02df4b0e14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3859/file/medium-e3363762a7af312009a56652b737ee84.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">Urtekram</p>
          <a href="/products/bodylotion-kokosnuss-coconut-mit-spender-bio-245-ml-6670">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bodylotion Kokosnuss (Coconut) mit Spender Bio, 245 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6670&quot;],&quot;content_name&quot;:&quot;Bodylotion Kokosnuss (Coconut) mit Spender Bio, 245 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6670&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MCi_82Ql5EHQSpGf6AbYejYjE7nv4UkXY389CD69u-7ERblPXEkYRalZJRZGuwgUZ45s8hR6w3DoSKZ5kOGeAw" />
    <input value="6670" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/vegane-zahnseide-aus-maisstarke-50-m-8209">
          <img alt="Vegane Zahnseide aus Maisstärke" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4797/file/small-c6f7195a30fdaa70a1880c4720dc0057.webp 600w, https://assets.fabulous.ch/public/variant_asset/4797/file/medium-14c5160f918f25dbe0a3cd23160c8493.webp 900w, https://assets.fabulous.ch/public/variant_asset/4797/file/large-4a2d89ba724437ea86d4b777b434ad03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4797/file/medium-14c5160f918f25dbe0a3cd23160c8493.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">Bambaw</p>
          <a href="/products/vegane-zahnseide-aus-maisstarke-50-m-8209">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Zahnseide aus Maisstärke, 50 m</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 0.19 / m
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/kosmetik-pads-wiederverwendbare-abschmink-pads-pack-16-stuck-8232">
          <img alt="Kosmetik-Pads Wiederverwendbare Abschmink Pads Pack" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4810/file/small-1c06e191d02cc304616ddfd7a26ef9ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/4810/file/medium-53d2c11937f18c61d6a522da9351c22a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4810/file/large-cdb5120fb076f7fba4fac35d689080ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4810/file/medium-53d2c11937f18c61d6a522da9351c22a.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">Bambaw</p>
          <a href="/products/kosmetik-pads-wiederverwendbare-abschmink-pads-pack-16-stuck-8232">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kosmetik-Pads Wiederverwendbare Abschmink Pads Pack, 16 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8232&quot;],&quot;content_name&quot;:&quot;Kosmetik-Pads Wiederverwendbare Abschmink Pads Pack, 16 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8232&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fmNTa0DIZJK7Qart3SpuCZe9-cVRl7nbV7L6NHREXreKDlXXeKSYlsJSHmRzl75nxhCGjqoMM7zchWFF2hh7Wg" />
    <input value="8232" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/schaumbad-farfalla-kuschelzeit-200-ml-8965">
          <img alt="Schaumbad farfalla KUSCHELZEIT" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5174/file/small-527054f4eada73bbd00ab74be2a8b84b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5174/file/medium-f0172ee7e4fd58d5e9a44e00a2cab276.webp 900w, https://assets.fabulous.ch/public/variant_asset/5174/file/large-3cb378144dbcb54428ac88a9648bc2f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5174/file/medium-f0172ee7e4fd58d5e9a44e00a2cab276.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">farfalla</p>
          <a href="/products/schaumbad-farfalla-kuschelzeit-200-ml-8965">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schaumbad farfalla KUSCHELZEIT, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8965&quot;],&quot;content_name&quot;:&quot;Schaumbad farfalla KUSCHELZEIT, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8965&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CfXrrVMCwsXeCO28zrmWl4NsDMl_gj-zwaCTTkhNyZz9mO0Ra24-wacbWTVgBEb50sFzgoQZtdRKlwg_5hHscQ" />
    <input value="8965" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/schmierseife-flussig-500-ml-9779">
          <img alt="Schmierseife flüssig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5426/file/small-cfa69f857fff07a549442f74b2050c59.webp 600w, https://assets.fabulous.ch/public/variant_asset/5426/file/medium-c5d2f60624b5115f0b5beac7add96017.webp 900w, https://assets.fabulous.ch/public/variant_asset/5426/file/large-170b2fa03e9f549f2b59f76fe300d394.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5426/file/medium-c5d2f60624b5115f0b5beac7add96017.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/products/schmierseife-flussig-500-ml-9779">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schmierseife flüssig, 500 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 1.38 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9779&quot;],&quot;content_name&quot;:&quot;Schmierseife flüssig, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9779&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="5Pxh_THCRQ8aV58wsWmozwLGQFi2tQuvNoO1J96QrYYQkWdBCa65C2NEK7kf1HihU2s_E00ugci9tC5WcMyIaw" />
    <input value="9779" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/shea-butter-bio-100-ml-15117">
          <img alt="Shea Butter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6932/file/small-0d0ccdce08531935bad0653ca8b48a48.webp 600w, https://assets.fabulous.ch/public/variant_asset/6932/file/medium-823342332264f9daad6c84701bec5d67.webp 900w, https://assets.fabulous.ch/public/variant_asset/6932/file/large-6f362242c8c6af5d436ac46de2c9dd5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6932/file/medium-823342332264f9daad6c84701bec5d67.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">farfalla</p>
          <a href="/products/shea-butter-bio-100-ml-15117">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shea Butter Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15117&quot;],&quot;content_name&quot;:&quot;Shea Butter Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15117&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P7eYR8GfuVTdsU1kAD9mUUCqRghbAW-Ulm7sF6Kmlr3L2p77-fNFUKSi-e2ugrY_EQc5Q6Ca5fMdWXdmDPqzUA" />
    <input value="15117" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/netzbeutel-set-wiederverwendbar-5-stuck-15373">
          <img alt="Netzbeutel-Set wiederverwendbar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7023/file/small-360b5700eb049dd645dcba6d0816311c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7023/file/medium-414e6664e5748277f968a27ecd035c11.webp 900w, https://assets.fabulous.ch/public/variant_asset/7023/file/large-6670584205ec01ad05e9b3f27714a0ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7023/file/medium-414e6664e5748277f968a27ecd035c11.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">Bambaw</p>
          <a href="/products/netzbeutel-set-wiederverwendbar-5-stuck-15373">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Netzbeutel-Set wiederverwendbar, 5 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15373&quot;],&quot;content_name&quot;:&quot;Netzbeutel-Set wiederverwendbar, 5 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15373&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4ukzU8VnWC97W5r9eDzcXsq2WPij0UdU9BmsHoP0dMsWhDXv_QukKwJILnTWgQwwmxsns1hKzTN_LjdvLahRJg" />
    <input value="15373" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/basisches-vital-granulat-bio-160-g-18522">
          <img alt="Basisches Vital Granulat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9224/file/small-8c5fe352989318887035512da329b126.webp 600w, https://assets.fabulous.ch/public/variant_asset/9224/file/medium-1d58c4a83edc73975f6e688c77704908.webp 900w, https://assets.fabulous.ch/public/variant_asset/9224/file/large-5bb5e41e7c10daad8ee5c1e3995e339b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9224/file/medium-1d58c4a83edc73975f6e688c77704908.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">Droste-Laux</p>
          <a href="/products/basisches-vital-granulat-bio-160-g-18522">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basisches Vital Granulat Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 37.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18522&quot;],&quot;content_name&quot;:&quot;Basisches Vital Granulat Bio, 160 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18522&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:37.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rQFynvZEdlf4KUEqUtx_YUNevyi2xqEXHZ1jY6PxLkpZbHQiziiKU4E69aP8Ya8PEvPAY01dK3CWqvgSDa0Lpw" />
    <input value="18522" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/entsauerungstee-7-bluten-teebeutel-25-stuck-18523">
          <img alt="Entsäuerungstee 7 Blüten Teebeutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9225/file/small-2a026423370c8555e139150c8f9948fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/9225/file/medium-fdaf92d7a1ee4c98eb3af22d6f358a60.webp 900w, https://assets.fabulous.ch/public/variant_asset/9225/file/large-1295dcffc9310d2bd0efac3e270369ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9225/file/medium-fdaf92d7a1ee4c98eb3af22d6f358a60.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">Droste-Laux</p>
          <a href="/products/entsauerungstee-7-bluten-teebeutel-25-stuck-18523">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Entsäuerungstee 7 Blüten Teebeutel, 25 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18523&quot;],&quot;content_name&quot;:&quot;Entsäuerungstee 7 Blüten Teebeutel, 25 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18523&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LDUDjHOko6NwU6MnzeJK8ruVb-ROzAIYoxyPdg-VaxvYWAUwS8hfpwlAF65jX5qc6jgQr7VXiH8oKxQHoclO9g" />
    <input value="18523" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/hanfol-75-ml-19288">
          <img alt="Hanföl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9704/file/small-75ecbdd6f0a920c78a10d9dc7bdc0292.webp 600w, https://assets.fabulous.ch/public/variant_asset/9704/file/medium-7b12fe2c7d457a1d0b25d221509e5634.webp 900w, https://assets.fabulous.ch/public/variant_asset/9704/file/large-f977f8d18422b54c15aa990596b7d89e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9704/file/medium-7b12fe2c7d457a1d0b25d221509e5634.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/hanfol-75-ml-19288">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hanföl, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19288&quot;],&quot;content_name&quot;:&quot;Hanföl, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19288&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="riT2E8tRLCuoCVpk4Kfz96JRA6-VEIekciTE5Dbi_ThaSfCv8z3QL9Ea7u1OGiOZ8_x85G6LDcP5E1-VmL7Y1Q" />
    <input value="19288" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/johanniskrautol-75-ml-19293">
          <img alt="Johanniskrautöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9703/file/small-38323aeb75f0eec112c83f9733faa17e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9703/file/medium-a2b6985fd840bb9a7f0c5ec33db18dfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/9703/file/large-34bf44cf791e5d59dbed33e6becc9dc2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9703/file/medium-a2b6985fd840bb9a7f0c5ec33db18dfc.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/johanniskrautol-75-ml-19293">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Johanniskrautö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-19293-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19293&quot;],&quot;content_name&quot;:&quot;Johanniskrautöl, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19293&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eA8DP5ZNcUmg_RePKfQ9ol6mPATQdBkiF34g7Cw7DDyMYgWDriGNTdnuowaHSe3MDwtDTyvvk0WcSbudgmcp0Q" />
    <input value="19293" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/mandelol-suss-75-ml-19295">
          <img alt="Mandelöl süss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9701/file/small-0853aae16d7ebd61b862330baae5560e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9701/file/medium-814e5008e2a4c2c76008ec7622fb4612.webp 900w, https://assets.fabulous.ch/public/variant_asset/9701/file/large-c8365e7d97543e7b4b219ec5511818f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9701/file/medium-814e5008e2a4c2c76008ec7622fb4612.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/mandelol-suss-75-ml-19295">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelöl süss, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19295&quot;],&quot;content_name&quot;:&quot;Mandelöl süss, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19295&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gxYaeYBfkB7MWnWzfsnhGu282_iO8cIQzen4-tCmdk93exzFuDNsGrVJwTrQdDF0vBGks3VqSHdG3mOLfvpTog" />
    <input value="19295" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/wildrosenol-bio-30-ml-19307">
          <img alt="Wildrosenöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10634/file/small-529692804fd9ac26b12389725c6a26b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/10634/file/medium-904305d4713d94f94084f7db0774f082.webp 900w, https://assets.fabulous.ch/public/variant_asset/10634/file/large-e08c26ec5d4885c7b17f21e47d2b7e60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10634/file/medium-904305d4713d94f94084f7db0774f082.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/wildrosenol-bio-30-ml-19307">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildrosenöl Bio, 30 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 52.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19307&quot;],&quot;content_name&quot;:&quot;Wildrosenöl Bio, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19307&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="3mq9Zji8h9ISqNHPzQQrd0zYr7j1EdSKVL8JE1olFNYqB7vaANB71mu7ZUZjufsZHXXQ8w6KXu3fiJJi9HkxOw" />
    <input value="19307" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/deo-coco-mania-karton-40-g-19340">
          <img alt="Deo Coco Mania Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9778/file/small-2eb3a79ef85b94b7bfa5962146f938a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/9778/file/medium-c8ad25c1dfd4f444e8962c38b828e2ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/9778/file/large-5ebac01c6eadc097d38273dbc153ab9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9778/file/medium-c8ad25c1dfd4f444e8962c38b828e2ca.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ben&amp;Anna</p>
          <a href="/products/deo-coco-mania-karton-40-g-19340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Coco Mania Karton, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19340&quot;],&quot;content_name&quot;:&quot;Deo Coco Mania Karton, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19340&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4TcPeKWaAUDeIPiOEF_mcssIGifXV69xI1leYMEdc_0VWgnEnfb9RKczTAe-4jYcmqVlbCzMJRaobsURb0FWEA" />
    <input value="19340" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/deo-green-fusion-karton-40-g-19341">
          <img alt="Deo Green Fusion Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11905/file/small-c7a8c7b11dd94fbb4e5e9d4bd2c02d77.webp 600w, https://assets.fabulous.ch/public/variant_asset/11905/file/medium-d1ff7213733ef450bed35c00db586812.webp 900w, https://assets.fabulous.ch/public/variant_asset/11905/file/large-056b59b14be21d9c973ac0b24ee32509.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11905/file/medium-d1ff7213733ef450bed35c00db586812.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ben&amp;Anna</p>
          <a href="/products/deo-green-fusion-karton-40-g-19341">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Green Fusion Karton, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19341&quot;],&quot;content_name&quot;:&quot;Deo Green Fusion Karton, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19341&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MDspjpwre-9wyoomRzuaxdur3HlK7UjoJO9QMgmgHP_EVi8ypEeH6wnZPq_phkqrigajMrF2wo-v2MtDp_w5Eg" />
    <input value="19341" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/deo-mint-karton-40-g-19342">
          <img alt="Deo Mint Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11904/file/small-d6c9b1d6f0a4fac2f7e6775855f07546.webp 600w, https://assets.fabulous.ch/public/variant_asset/11904/file/medium-3d05773357d2f33cade16f1fea85500c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11904/file/large-22b0361c64b825b8200ab05fb43890d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11904/file/medium-3d05773357d2f33cade16f1fea85500c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ben&amp;Anna</p>
          <a href="/products/deo-mint-karton-40-g-19342">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Mint Karton, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19342&quot;],&quot;content_name&quot;:&quot;Deo Mint Karton, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19342&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gyfKkwRh9jx723XAkM36k9_Rmhfv4kPd46fkcBVjbCR3SswvPA0KOALIwUk-cCr9jnzlXBR5ybpokH8Buz9JyQ" />
    <input value="19342" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/deo-sensitiv-lemon-lime-40-g-19345">
          <img alt="Deo sensitiv Lemon Lime" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10633/file/small-1fa8f7e4f7643089cc2a0e0ffbba1a96.webp 600w, https://assets.fabulous.ch/public/variant_asset/10633/file/medium-fe11bd4c29003afb31d91d82dad0ce68.webp 900w, https://assets.fabulous.ch/public/variant_asset/10633/file/large-37f91cbf090a9cffd90a816b7beabbae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10633/file/medium-fe11bd4c29003afb31d91d82dad0ce68.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ben&amp;Anna</p>
          <a href="/products/deo-sensitiv-lemon-lime-40-g-19345">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo sensitiv Lemon Lime, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19345&quot;],&quot;content_name&quot;:&quot;Deo sensitiv Lemon Lime, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19345&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cXjag2845PL90JdNcVX0VY6w2ZCzwXBpXkT4-_WI99WFFdw_V1QY9oTDI8Tf6CQ73x2m20ha-g7Vc2OKW9TSOA" />
    <input value="19345" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/deo-urban-black-karton-40-g-19347">
          <img alt="Deo Urban Black Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11901/file/small-6ddefb0844596b931e2f6a78e39a79d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/11901/file/medium-45219ee9d0c8967153a495da46d30f6c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11901/file/large-c98a30a48637237498ddb85224499d3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11901/file/medium-45219ee9d0c8967153a495da46d30f6c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ben&amp;Anna</p>
          <a href="/products/deo-urban-black-karton-40-g-19347">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Urban Black Karton, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19347&quot;],&quot;content_name&quot;:&quot;Deo Urban Black Karton, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19347&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F4xZjFssfOoptWZtoAYkLaBfxIc_LYvhxHIOPJWXjcbj4V8wY0CA7lCm0uQOu_RD8fK7zMS2AYZPRZVNO8uoKw" />
    <input value="19347" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/2-phasen-rosenbluten-vitalpflege-50-ml-19355">
          <img alt="2 Phasen Rosenblüten Vitalpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9830/file/small-54bc50639df02745f21d946cc3685299.webp 600w, https://assets.fabulous.ch/public/variant_asset/9830/file/medium-d4180c3f90fd6be659ab376efb1b3db6.webp 900w, https://assets.fabulous.ch/public/variant_asset/9830/file/large-6ae61162b0d340fefc133cacddcec139.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9830/file/medium-d4180c3f90fd6be659ab376efb1b3db6.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">Börlind</p>
          <a href="/products/2-phasen-rosenbluten-vitalpflege-50-ml-19355">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">2 Phasen Rosenblüten Vitalpflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19355&quot;],&quot;content_name&quot;:&quot;2 Phasen Rosenblüten Vitalpflege, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19355&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8Ja9RZ9TvJtm6ZdRMvQSZaIZUohHYM0kzjKIGP_sgLwE-7v5pz9Anx_6I9icScIL87Qtw7z7R0NFBRNpUbClUQ" />
    <input value="19355" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D10">
    <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/3in1-gesichtsol-30-ml-19356">
          <img alt="3in1 Gesichtsöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9831/file/small-42c7db5faa010203c4abe7d536518fb8.webp 600w, https://assets.fabulous.ch/public/variant_asset/9831/file/medium-d59e2815b2e76a38e1a997e6f998be1d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9831/file/large-76880374382d9c85f02ba6549642c47e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9831/file/medium-d59e2815b2e76a38e1a997e6f998be1d.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">Börlind</p>
          <a href="/products/3in1-gesichtsol-30-ml-19356">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">3in1 Gesichtsöl, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19356&quot;],&quot;content_name&quot;:&quot;3in1 Gesichtsöl, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19356&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:45.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hiy9C7go44fbd_3REplqW5PKr05lnnsOxWEBUz2umAlyQbu3gEQfg6JkSVi8JLo1wmfQBZ4F8WlOVpoik_K95A" />
    <input value="19356" 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">
      200 von 371 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik?format=turbo_stream&amp;page=11">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>