<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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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/deo-men-sensitiv-48h-roll-on-ohne-aluminium-50-ml-5062">
          <img alt="Deo Men Sensitiv 48h Roll-on Ohne Aluminium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2987/file/small-72c6f335d71556da7d01fe80c494377d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2987/file/medium-3f90ac334acd8284e6fb9c1e84d854e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/2987/file/large-3c70e7027454fb63f54ddf35f4a7a0b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2987/file/medium-3f90ac334acd8284e6fb9c1e84d854e0.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">Lavera</p>
          <a href="/de/products/deo-men-sensitiv-48h-roll-on-ohne-aluminium-50-ml-5062">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Men Sensitiv 48h Roll-on Ohne Aluminium, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5062&quot;],&quot;content_name&quot;:&quot;Deo Men Sensitiv 48h Roll-on Ohne Aluminium, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5062&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WyPIaBvIkaHSCwtEgnKxNqMgvt9pNQDpMC9oDg5UhvlSwi8Aa_nNOp17hbjyrIVUZlx6aZ7UyQ-Tm-OxqrFGig" />
    <input value="5062" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/after-sun-fluid-150-ml-20329">
          <img alt="After Sun Fluid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11538/file/small-cbcb35e40e0ab3a9105d1d54bd9f4f38.webp 600w, https://assets.fabulous.ch/public/variant_asset/11538/file/medium-6a33283a9e0fb7dff08393de1b52d8cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11538/file/large-459f2847970f77890c35b4d86de3ddb3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11538/file/medium-6a33283a9e0fb7dff08393de1b52d8cb.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">Inninova</p>
          <a href="/de/products/after-sun-fluid-150-ml-20329">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">After Sun Fluid, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20329&quot;],&quot;content_name&quot;:&quot;After Sun Fluid, 150 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20329&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Erw9EzQIfEz_J4OxCKAbXA9TA7vAxEDk_FoySuuwyDIbXdp7RDkg17BXDU14fi8-yi_HDTcliQJf7rn1T1UIQQ" />
    <input value="20329" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sonnencreme-baby-kids-lsf-50-15-ml-20328">
          <img alt="Sonnencreme Baby &amp; Kids LSF 50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11535/file/small-c5a9bfde6feb29a7b082bf6eb14a715e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11535/file/medium-5d065d9560baf32f138e9383fe255062.webp 900w, https://assets.fabulous.ch/public/variant_asset/11535/file/large-5105807ae166af5215456be684fd2e61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11535/file/medium-5d065d9560baf32f138e9383fe255062.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">Inninova</p>
          <a href="/de/products/sonnencreme-baby-kids-lsf-50-15-ml-20328">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnencreme Baby &amp; Kids LSF 50, 15 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 80.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20328&quot;],&quot;content_name&quot;:&quot;Sonnencreme Baby \u0026 Kids LSF 50, 15 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20328&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="69FoSFZE9VMbxfftDQtvOstVfQ3NA2JyB88fnsTPbDviMI8gJnWpyFS1eRF91VtYDim5uzriq5Ske5QhYCqsSA" />
    <input value="20328" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sonnencreme-baby-kids-lsf-50-100-ml-20326">
          <img alt="Sonnencreme Baby &amp; Kids LSF 50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11533/file/small-73f7afb8d0967b2b328d16dc7c7ee28d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11533/file/medium-e435411e1aed867232a1ab18708febe2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11533/file/large-da15ab7673e1c8f8b95954856c68bf03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11533/file/medium-e435411e1aed867232a1ab18708febe2.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">Inninova</p>
          <a href="/de/products/sonnencreme-baby-kids-lsf-50-100-ml-20326">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnencreme Baby &amp; Kids LSF 50, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20326&quot;],&quot;content_name&quot;:&quot;Sonnencreme Baby \u0026 Kids LSF 50, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20326&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:33.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E-MuE0yZiqdNjRWyevcn6fw1L0pX2ZODOZbIjpRs-40aAsl7PKjWPAL9m04KKROLOUnr_KA4WmWaIkMxMIk7_g" />
    <input value="20326" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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/pill-kosmetik-pflegendes-creme-gel-50-ml-13109">
          <img alt="Pill Kosmetik - Pflegendes Creme-Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6378/file/small-70f09a264fa7985fd494e19dd21c634f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6378/file/medium-97b8b24e3146e2e5fdbff4395b3e7e47.webp 900w, https://assets.fabulous.ch/public/variant_asset/6378/file/large-75928e2235c0e09d30ab58364ea7fd9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6378/file/medium-97b8b24e3146e2e5fdbff4395b3e7e47.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/de/products/pill-kosmetik-pflegendes-creme-gel-50-ml-13109">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Pflegendes Creme-Gel, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13109&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Pflegendes Creme-Gel, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13109&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:42.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p4I8bM39Ub3bT2gK2_4MY_t-AWYk99Kp2HvClnY1KdquY9sEvcwNJpQ_5varIDgBPgLF0NMWG097z0kp0tDpqQ" />
    <input value="13109" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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/seife-rosmarin-handseife-pumpspender-1-l-18196">
          <img alt="Seife Rosmarin Handseife Pumpspender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9148/file/small-97cd35032f391c32c4b1927ec80ac1e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9148/file/medium-509637abe8ca29dee8bfc2878e32afbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/9148/file/large-ed517794a3d804c63b9ecc8674faf86d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9148/file/medium-509637abe8ca29dee8bfc2878e32afbf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/de/products/seife-rosmarin-handseife-pumpspender-1-l-18196">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Rosmarin Handseife Pumpspender, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18196&quot;],&quot;content_name&quot;:&quot;Seife Rosmarin Handseife Pumpspender, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18196&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OTirIMFlzEbWMts6UbT80t3I7XxrESzQbMEPWHV6Ejow2UxIsVSQ3ZlCVcYhasiwGLQpypzw5TbPdYTn0Z_SSQ" />
    <input value="18196" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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/hundekekse-multi-biscuit-kleine-mittelgrosse-hunde-250-g-955">
          <img alt="Hundekekse Multi Biscuit (kleine &amp; mittelgrosse Hunde)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/832/file/small-53ca8f14eb358a8725879838cfffc52a.webp 600w, https://assets.fabulous.ch/public/variant_asset/832/file/medium-53034c8aad254a1d51c5b1a1367b958b.webp 900w, https://assets.fabulous.ch/public/variant_asset/832/file/large-53526e8d96a96f935fcd0f59e41e3c9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/832/file/medium-53034c8aad254a1d51c5b1a1367b958b.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">Yarrah</p>
          <a href="/de/products/hundekekse-multi-biscuit-kleine-mittelgrosse-hunde-250-g-955">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hundekekse Multi Biscuit (kleine &amp; mittelgrosse Hunde), 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;955&quot;],&quot;content_name&quot;:&quot;Hundekekse Multi Biscuit (kleine \u0026 mittelgrosse Hunde), 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;955&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mh0mHQPLIeFQ9Us4SKsnzfXVVicPwozJay0GnVsY58WT_MF1c_p9eh-FxcQ4dROvMKmSkfgjRS_ImY0i__0ntg" />
    <input value="955" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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/for-men-only-face-after-shave-balm-2in1-50-ml-3766">
          <img alt="for men only Face &amp; After-Shave Balm 2in1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2435/file/small-940a3a53b6d9f5665c3499c1e0fde296.webp 600w, https://assets.fabulous.ch/public/variant_asset/2435/file/medium-4c7475882b5b202d29dad248b8407f77.webp 900w, https://assets.fabulous.ch/public/variant_asset/2435/file/large-14a9c32a6b112889d44c63dbb69b1cbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2435/file/medium-4c7475882b5b202d29dad248b8407f77.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">benecos</p>
          <a href="/de/products/for-men-only-face-after-shave-balm-2in1-50-ml-3766">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">for men only Face &amp; After-Shave Balm 2in1, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3766&quot;],&quot;content_name&quot;:&quot;for men only Face \u0026 After-Shave Balm 2in1, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3766&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uhjzi0f_A--F9bpvGJqPZxROKNVqVAbdZ_tPUOglnRCz-RTjN85fdMqFNJNoRLsF0TLsY521zzvET8TvTMBdYw" />
    <input value="3766" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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/hydro-refresh-mizellenwasser-400-ml-12110">
          <img alt="Hydro Refresh Mizellenwasser" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6131/file/small-9861d8c0157c9b8e5f67f81befe4e9b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6131/file/medium-ff10549a327d609478623fdbe2e02d30.webp 900w, https://assets.fabulous.ch/public/variant_asset/6131/file/large-edfb7ffa372ec3cbed123aec44488266.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6131/file/medium-ff10549a327d609478623fdbe2e02d30.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">Lavera</p>
          <a href="/de/products/hydro-refresh-mizellenwasser-400-ml-12110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hydro Refresh Mizellenwasser, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12110&quot;],&quot;content_name&quot;:&quot;Hydro Refresh Mizellenwasser, 400 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12110&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fw1eiBnm4NF016rK6YbolcbmrVYT_v_yaEyaNHYGYMF27Lngade8SjunJDaZWNz3A5pp4OQfNhTL-BGL0uOgsg" />
    <input value="12110" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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/tiefreinigendes-gesichtswasser-clarifying-toner-200-ml-697">
          <img alt="Tiefreinigendes Gesichtswasser Clarifying Toner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/649/file/small-f41ee897c86d36692db43e9242e8e000.webp 600w, https://assets.fabulous.ch/public/variant_asset/649/file/medium-5e32d7a9e32a5c563e947c8eb712a6fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/649/file/large-9ed3e13e4c3651bc1d7bc197d212e527.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/649/file/medium-5e32d7a9e32a5c563e947c8eb712a6fc.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">MADARA</p>
          <a href="/de/products/tiefreinigendes-gesichtswasser-clarifying-toner-200-ml-697">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tiefreinigendes Gesichtswasser Clarifying Toner, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;697&quot;],&quot;content_name&quot;:&quot;Tiefreinigendes Gesichtswasser Clarifying Toner, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;697&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Mds-CWgOLbjYIjfmLIp8dQM6047taa3j5uZFxioP5nQ4OtlhGD9xI5dSuRpcVEgXxkYXOBqIZAVFUs55juomBw" />
    <input value="697" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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/eyeshadow-quattro-coffee-cream-eyes-8-g-7788">
          <img alt="Eyeshadow Quattro coffee &amp; cream Eyes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4528/file/small-2c0277a2755722a00e92a112ff6c2d0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4528/file/medium-ddd721b907fa0642e4fcbfe655b87e39.webp 900w, https://assets.fabulous.ch/public/variant_asset/4528/file/large-3968b5f95f11297c42ab8dab1ede6b74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4528/file/medium-ddd721b907fa0642e4fcbfe655b87e39.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">benecos</p>
          <a href="/de/products/eyeshadow-quattro-coffee-cream-eyes-8-g-7788">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyeshadow Quattro coffee &amp; cream Eyes, 8 g</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 86.25 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7788&quot;],&quot;content_name&quot;:&quot;Eyeshadow Quattro coffee \u0026 cream Eyes, 8 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7788&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="4eFcFo3JK-uPQVySapZIX2xx_1Gm0TcNCG6C10yI4TfoALt-_fh3cMAx0m4aSHw9qQ0751Ew_uur2glo6G0hRA" />
    <input value="7788" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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/zahnpasta-sensitive-100-ml-19350">
          <img alt="Zahnpasta Sensitive" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11899/file/small-2e629e1bb43aa0e3f3a6cb9c7d031924.webp 600w, https://assets.fabulous.ch/public/variant_asset/11899/file/medium-5957fba354c965bd3f04c811f1c064aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/11899/file/large-914d41104c57c79851c08b929ab80346.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11899/file/medium-5957fba354c965bd3f04c811f1c064aa.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ben&amp;Anna</p>
          <a href="/de/products/zahnpasta-sensitive-100-ml-19350">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Sensitive, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19350&quot;],&quot;content_name&quot;:&quot;Zahnpasta Sensitive, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19350&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="piAa6JDXTtdt5Brir8Se64DQjUGTeGYRNyI57ExMJdSvwf2A4OYSTCKUlB7fGqqJRaxJ92SZr_eUlrJT6Knlpw" />
    <input value="19350" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kinder-zahncreme-aprikose-maus-mit-fluorid-75-ml-8882">
          <img alt="Kinder Zahncreme Aprikose Maus mit Fluorid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5142/file/small-68d2b9cc2f4b0d40f6db004bb091d164.webp 600w, https://assets.fabulous.ch/public/variant_asset/5142/file/medium-f1e3855e73f4bff42360e9263a2a3e7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5142/file/large-821c63dfc9254cecb5948a87965f8ed5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5142/file/medium-f1e3855e73f4bff42360e9263a2a3e7f.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">Hydrophil</p>
          <a href="/de/products/kinder-zahncreme-aprikose-maus-mit-fluorid-75-ml-8882">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kinder Zahncreme Aprikose Maus mit Fluorid, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8882&quot;],&quot;content_name&quot;:&quot;Kinder Zahncreme Aprikose Maus mit Fluorid, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8882&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ls1L6EDc71-09JfeGjJLVpCZTuUheKtHjZ0cgnhIlKCfLKyAMO2zxPuEGSJq7H80VeWKU9aZYqEuKZc93K1U0w" />
    <input value="8882" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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/wattestabchen-bambus-bio-baumwolle-plastikfrei-100-stuck-1823">
          <img alt="Wattestäbchen Bambus &amp; Bio Baumwolle #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1422/file/small-53c0aa3f40a4c5e4d15ca309a269d43a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1422/file/medium-353fa9731577f133089e10a616f5d308.webp 900w, https://assets.fabulous.ch/public/variant_asset/1422/file/large-74f8197e27a7cd6d78a1090ae6ce13dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1422/file/medium-353fa9731577f133089e10a616f5d308.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">Hydrophil</p>
          <a href="/de/products/wattestabchen-bambus-bio-baumwolle-plastikfrei-100-stuck-1823">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wattestäbchen Bambus &amp; Bio Baumwolle #plastikfrei, 100 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1823&quot;],&quot;content_name&quot;:&quot;Wattestäbchen Bambus \u0026 Bio Baumwolle #plastikfrei, 100 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1823&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2rtlcXTkzgcrkuigOU0tJRwHumJ48YzN8wLBtEdaDZzTWoIZBNWSnGTiZlxJkxlH2Xt-1I8QRStQtkoL47_N7w" />
    <input value="1823" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/deo-cream-mojito-no-bullsh-t-plastikfrei-50-ml-6997">
          <img alt="Deo Cream Mojito No Bullsh!t #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4047/file/small-806669f5b8b6b2c911b5c61707cfa6cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4047/file/medium-109052557fc71956beb95ba11a5945b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4047/file/large-814b45c3d7bc93a9835c4ba9dfe0197a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4047/file/medium-109052557fc71956beb95ba11a5945b6.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">No Bullsh!t</p>
          <a href="/de/products/deo-cream-mojito-no-bullsh-t-plastikfrei-50-ml-6997">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Cream Mojito No Bullsh!t #plastikfrei, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6997&quot;],&quot;content_name&quot;:&quot;Deo Cream Mojito No Bullsh!t #plastikfrei, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6997&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XDvqrGB4IGt5PtEptX67WZih1wLbhuxxj5ThaAK_cv5V2g3EEEl88DZOX9XFoI87Xd0TtCxnJZcsIGrXplqyjQ" />
    <input value="6997" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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/deo-cream-nude-duftfrei-no-bullsh-t-plastikfrei-50-ml-6815">
          <img alt="Deo Cream Nude Duftfrei No Bullsh!t #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3933/file/small-8f7a7241ef2195d03c83110b8cf65803.webp 600w, https://assets.fabulous.ch/public/variant_asset/3933/file/medium-3ca719ef5a8230e1ccf620a0c9812ef6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3933/file/large-e772d339b327b4eb1a801c07be4a2b3a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3933/file/medium-3ca719ef5a8230e1ccf620a0c9812ef6.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">No Bullsh!t</p>
          <a href="/de/products/deo-cream-nude-duftfrei-no-bullsh-t-plastikfrei-50-ml-6815">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Cream Nude Duftfrei No Bullsh!t #plastikfrei, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6815&quot;],&quot;content_name&quot;:&quot;Deo Cream Nude Duftfrei No Bullsh!t #plastikfrei, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6815&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ahgBaRyV2WefqCCDqWMnVuBif0YcsV4PBLMIa_M6jOBj-eYBbKSF_NDYrn_ZvRM0JR678OtQl-mnB4PUV99Mkw" />
    <input value="6815" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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/deo-cream-modest-no-bullsh-t-plastikfrei-50-ml-6814">
          <img alt="Deo Cream Modest No Bullsh!t #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3932/file/small-08f53c773cd74c33e6a15ffc64a36831.webp 600w, https://assets.fabulous.ch/public/variant_asset/3932/file/medium-ce921c2fc4698c326e2c160f3c83cc2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3932/file/large-e27055bdec37bd188cf60b1462c9b053.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3932/file/medium-ce921c2fc4698c326e2c160f3c83cc2d.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">No Bullsh!t</p>
          <a href="/de/products/deo-cream-modest-no-bullsh-t-plastikfrei-50-ml-6814">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Cream Modest No Bullsh!t #plastikfrei, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6814&quot;],&quot;content_name&quot;:&quot;Deo Cream Modest No Bullsh!t #plastikfrei, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6814&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kULGPSBuQvlgjD57m4fx0bfqcEVb9C6loC_jSpj15S2YoyFVUF8eYi_8sIfrWcWzcpa086wV50MDm2j1PBAlXg" />
    <input value="6814" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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/deo-cream-royal-no-bullsh-t-plastikfrei-50-ml-6813">
          <img alt="Deo Cream Royal No Bullsh!t #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3931/file/small-7f052faa6c21c831de005cc0af641b3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3931/file/medium-5f230c13f4fa02a5315a8b43c17edbfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/3931/file/large-aaa3f74c44af1f4e978e5ef11435df5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3931/file/medium-5f230c13f4fa02a5315a8b43c17edbfc.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">No Bullsh!t</p>
          <a href="/de/products/deo-cream-royal-no-bullsh-t-plastikfrei-50-ml-6813">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Cream Royal No Bullsh!t #plastikfrei, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6813&quot;],&quot;content_name&quot;:&quot;Deo Cream Royal No Bullsh!t #plastikfrei, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6813&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AeS8nKGrkxUf8nyepXOBGLIlyR0n17PVkNpiRk1vag4IBVv00ZrPjlCC8mLVrbV6d1kNq9A2ejMzbun56YqqfQ" />
    <input value="6813" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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/raumspray-energie-100-ml-19298">
          <img alt="Raumspray Energie" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11625/file/small-ca575df4d26a617ca5fa8a612e4b884b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11625/file/medium-f3c8fe669f20a359df02ef886a3525cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11625/file/large-51624966c88e917b9733574956578480.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11625/file/medium-f3c8fe669f20a359df02ef886a3525cc.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/raumspray-energie-100-ml-19298">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumspray Energie, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19298&quot;],&quot;content_name&quot;:&quot;Raumspray Energie, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19298&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xXz9RoWICqZ5Iu5rjdXQQx67GziV7f5ukluUbkYDHQnMnRou9blWPTZSYJf9C-Qh28ffjmIMN4gx7x_R4ubdeg" />
    <input value="19298" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D9">
    <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/for-men-only-deo-spray-75-ml-3765">
          <img alt="for men only Deo Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2433/file/small-3e0b867779c4a3eaf101c2985c9664b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2433/file/medium-9ad11a036a6df0fcb8f2917bdb518285.webp 900w, https://assets.fabulous.ch/public/variant_asset/2433/file/large-5980264bb7df9230554f875623bd1c3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2433/file/medium-9ad11a036a6df0fcb8f2917bdb518285.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">benecos</p>
          <a href="/de/products/for-men-only-deo-spray-75-ml-3765">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">for men only Deo Spray, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3765&quot;],&quot;content_name&quot;:&quot;for men only Deo Spray, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3765&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wCXoZcRI2K9p-Neh6b9ba8KXe8XkTb17ggcJCgWvicfJxA8NtHmENCaIWV2ZYW8JB-u_cxOsdJ0hs4K1oUpJtA" />
    <input value="3765" 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">
      180 von 581 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/naturkosmetik?format=turbo_stream&amp;page=10">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>