<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%3D21">
    <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/lakur-invisible-crown-12-ml-19759">
          <img alt="Lakur Invisible Crown" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10224/file/small-1dfa811a8788e5e671c39fd0011a4a5e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10224/file/medium-aa4275b71f3f026327f39c9654193b76.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10224/file/large-807a0648ac0ffb704d1cdd2ae7de1a8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10224/file/medium-aa4275b71f3f026327f39c9654193b76.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">LondonTown</p>
          <a href="/de/products/lakur-invisible-crown-12-ml-19759">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Invisible Crown, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aOpcKAgN3eAELXz7G-8fA7L-yWA0mIdVjZasAEDwVXer4SPMB_gndxnFXKMGsUJH7dfgTxSgriAA7OW-gofzYA" />
    <input value="19759" 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%3D21">
    <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/lakur-lady-luck-12-ml-19760">
          <img alt="Lakur Lady Luck" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10225/file/small-a6699095ff8f0139084b6634dc9f8ac2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10225/file/medium-6c5a43a0f0f8ad52f4e1cf1dd3c39f44.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10225/file/large-4b7bb4bf25532ad92b4575f57118a8d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10225/file/medium-6c5a43a0f0f8ad52f4e1cf1dd3c39f44.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">LondonTown</p>
          <a href="/de/products/lakur-lady-luck-12-ml-19760">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Lady Luck, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="noVNP9kcpVg7YBUwOYktnMIpdvzt7ubrERCZYDpHwzZdjjLb1ulfzyaINWgk13DYnQBf083Wz56catDe-DBlIQ" />
    <input value="19760" 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%3D21">
    <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/lakur-londoner-love-12-ml-19761">
          <img alt="Lakur Londoner Love" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10226/file/small-57e2c912c79710f4834b4c8843c7fa50.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10226/file/medium-fae32e05f7e288e26ec46ceac9f87b0c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10226/file/large-6dc9d99eec41ec26099a74d57b05a4c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10226/file/medium-fae32e05f7e288e26ec46ceac9f87b0c.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">LondonTown</p>
          <a href="/de/products/lakur-londoner-love-12-ml-19761">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Londoner Love, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2PF5iwNTnWsWyNa7CXV0RqUrVnedeC--DAvDfJ-ggJ4b-gZvDKZn_Asg9uMUKykC-gJ_WL1ABsuBcYrCXdcmiQ" />
    <input value="19761" 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%3D21">
    <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/lakur-mauve-over-12-ml-19762">
          <img alt="Lakur Mauve Over" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10228/file/small-65faa3fe07c72480ccc6e1b2cca70e83.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10228/file/medium-af6c9bea9587181a9cf2d5f3a9196b2f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10228/file/large-e7d50a89d2a15ad39d937d8362b954a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10228/file/medium-af6c9bea9587181a9cf2d5f3a9196b2f.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">LondonTown</p>
          <a href="/de/products/lakur-mauve-over-12-ml-19762">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Mauve Over, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I7xyIJPAm7bPWualYpEUBIlBWM9YrXYH8s7ouQBwapHgtw3EnDVhIdKyxv1_z0lA1mhx4HiVX3J_tKEHwgfMhg" />
    <input value="19762" 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%3D21">
    <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/lakur-mudslide-12-ml-19763">
          <img alt="Lakur Mudslide" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10562/file/small-3db91a87ffa5d8d18bed5e04261d7ef8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10562/file/medium-5f7f3cbdcb009a0e8e2c989b1e510ad1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10562/file/large-314a7fd27f2faceeec80e0638ba5ea89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10562/file/medium-5f7f3cbdcb009a0e8e2c989b1e510ad1.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">LondonTown</p>
          <a href="/de/products/lakur-mudslide-12-ml-19763">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Mudslide, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XF9OYLt12JPMC6YwC3bjlgglEAf2_vm_nSjLZ__7lZ2fVDGEtIAiBNHjhmgWKL7SVww5KNbG0MoQUoLZPYwzig" />
    <input value="19763" 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%3D21">
    <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/lakur-peach-pop-12-ml-19764">
          <img alt="Lakur Peach Pop" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10171/file/small-0c67e719ee6e679b36b9e2f772be6389.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10171/file/medium-cf0eee4437daa9e3390559b33a3d3dc4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10171/file/large-116a99c42d1941267e8056dde4379718.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10171/file/medium-cf0eee4437daa9e3390559b33a3d3dc4.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">LondonTown</p>
          <a href="/de/products/lakur-peach-pop-12-ml-19764">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Peach Pop, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1RB9Qp8DwBIRpQSd17I87xVQge0AlW3HFINpR2_m_ToWGwKmkPY6hQxNJMXK7GGrSnmowiCtRLKZ-SD5rZFbLQ" />
    <input value="19764" 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%3D21">
    <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/lakur-piccadilly-square-12-ml-19765">
          <img alt="Lakur Piccadilly Square" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10230/file/small-36995f2f9053fdbb19c6ed63d7dd2ec5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10230/file/medium-d015fc84bd63392d53c6963dec5651c3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10230/file/large-bc5f8271bcf1660cb7f47c11c641664c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10230/file/medium-d015fc84bd63392d53c6963dec5651c3.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">LondonTown</p>
          <a href="/de/products/lakur-piccadilly-square-12-ml-19765">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Piccadilly Square, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lyccmRp3H7lHTuPTFJDcHEQ12GTnA3eMkqdWEdkIoHdULGN9FYLlLlqmw4sJzoFYGxzxS8c7Xvkf3R-vG38GYA" />
    <input value="19765" 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%3D21">
    <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/lakur-portobello-plum-12-ml-19766">
          <img alt="Lakur Portobello Plum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10179/file/small-b92727f0aaa396302128c5ca0fbfabe5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10179/file/medium-2efdd05f3ce96b09ac2ef71e894ae997.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10179/file/large-406209dc088a6ce73a2ed15228d2c12b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10179/file/medium-2efdd05f3ce96b09ac2ef71e894ae997.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">LondonTown</p>
          <a href="/de/products/lakur-portobello-plum-12-ml-19766">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Portobello Plum, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WRMyYQoG_6o7DHeLqT3JI_1B8PvE0O-ivMEU_BulZfmaGE2FBfMFPSbkV9O0Y5RnomjZ1OToxtcxu11C2dLD7g" />
    <input value="19766" 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%3D21">
    <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/lakur-put-the-kettle-on-12-ml-19767">
          <img alt="Lakur Put the Kettle On" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10565/file/small-eec90c42562bed26179afc2d1d2d4a32.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10565/file/medium-14e2f883e28af108d64a9803045a8e26.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10565/file/large-e00b47a26be432654039f59b0df8baf0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10565/file/medium-14e2f883e28af108d64a9803045a8e26.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">LondonTown</p>
          <a href="/de/products/lakur-put-the-kettle-on-12-ml-19767">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Put the Kettle On, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-qYo-At_ekV2HLWPKHozY_JesbFlSTVIEYs3VjdiC6Y5rVccBIqA0mv0ldc1JG4nrXeYnkVxHD2c8X7o9RWtsQ" />
    <input value="19767" 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%3D21">
    <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/lakur-sandstone-12-ml-19768">
          <img alt="Lakur Sandstone" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10564/file/small-19ccb79bb221957d0ff9bac3f9db521d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10564/file/medium-120c9c96d77547629d1a2e7e1c9d54d0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10564/file/large-dd162e79da34859f62b1e122ec2b1a8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10564/file/medium-120c9c96d77547629d1a2e7e1c9d54d0.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">LondonTown</p>
          <a href="/de/products/lakur-sandstone-12-ml-19768">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Sandstone, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7SrXPJmY7o6iUANHI8hovsUPOnLSIrmDysKFefOST8kuIajYlm0UGb-4Ix8-ljX6miYTXfIakPZHuMzHMeXp3g" />
    <input value="19768" 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%3D21">
    <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/lakur-sedona-12-ml-19769">
          <img alt="Lakur Sedona" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10233/file/small-b50fd231f88dd0f2285d351e7dc392b4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10233/file/medium-0e59f90fb90bf1ad03d48f9cea10c7ca.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10233/file/large-b5fac28dba0be628c7151783b342a4b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10233/file/medium-0e59f90fb90bf1ad03d48f9cea10c7ca.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">LondonTown</p>
          <a href="/de/products/lakur-sedona-12-ml-19769">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Sedona, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zH-cjk_ihp3RS0ActovPi8N68zG9eVkzJkcKblj2AeIPdONqQBd8CsyjYESr1ZLPnFPaHp1BcEarPUPQmoGn9Q" />
    <input value="19769" 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%3D21">
    <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/lakur-silver-birch-12-ml-19770">
          <img alt="Lakur Silver Birch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10566/file/small-44bfa6f46b640a258df26617c0e789bf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10566/file/medium-c041a04fd4b406ac7e0f8b9d43a7ab46.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10566/file/large-d737ca807a3017f1dbf0ecd1c4827171.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10566/file/medium-c041a04fd4b406ac7e0f8b9d43a7ab46.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">LondonTown</p>
          <a href="/de/products/lakur-silver-birch-12-ml-19770">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Silver Birch, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3e2UKHG8_A3NF9gehztBqSWNl1V1En_ogYb8F8DuotYe5uvMfkkGmtD_-EaaZRzteqS-elUqVp0M_LWpApkEwQ" />
    <input value="19770" 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%3D21">
    <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/lakur-vendetta-12-ml-19771">
          <img alt="Lakur Vendetta" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10176/file/small-18cc14c2a924ca96a63c605e836449e0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10176/file/medium-fc2a1efb8e2551269093315ab0051719.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10176/file/large-6d3bce7a65923a2da1c6d11a86d4024e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10176/file/medium-fc2a1efb8e2551269093315ab0051719.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">LondonTown</p>
          <a href="/de/products/lakur-vendetta-12-ml-19771">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Vendetta, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0DuzLGc50j2AF-_3cix_plYxV3xEwTO_8VFRN5moqMYTMMzIaMwoqp3_z69vciLiCRh-U2T5Gsp8KxiJW98O0Q" />
    <input value="19771" 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%3D21">
    <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/lakur-weekend-cheers-12-ml-19772">
          <img alt="Lakur Weekend Cheers" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10231/file/small-23ad1c7da778bc91299cdbd4e36a6ad4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10231/file/medium-68549504d45830e04beff286f9041973.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10231/file/large-6eed52c658798acb01d0ae75dc0ac47a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10231/file/medium-68549504d45830e04beff286f9041973.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">LondonTown</p>
          <a href="/de/products/lakur-weekend-cheers-12-ml-19772">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Weekend Cheers, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FL4E6ajNNT8405FYxhsitQeFA3nnUxNjc-_GC9-PLLTXtXsNpzjPqCU7sQDbRX_xWKwqVsdrOhb-lY-1HfiKow" />
    <input value="19772" 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%3D21">
    <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/zungenreiniger-stahl-1-stuck-19773">
          <img alt="Zungenreiniger Stahl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10705/file/small-c1c771507a70c31552b4aa851f15b1a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10705/file/medium-f094dd40ce0f976ba832f8cadb494b26.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10705/file/large-a2ba67f45ed6677e4a385c0b876b3d23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10705/file/medium-f094dd40ce0f976ba832f8cadb494b26.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">MaharishiAyurveda</p>
          <a href="/de/products/zungenreiniger-stahl-1-stuck-19773">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zungenreiniger Stahl, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="12ifNiHtTw-0M_sma4-WLYaeFbHDcVKGmDBiEtgv4kkUY-DSLhi1mKnb23520ctp2bc8nuNJe_MVSiusGlhEXg" />
    <input value="19773" 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%3D21">
    <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-karite-eisenkraut-100-g-19774">
          <img alt="Seife Karite Eisenkraut" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10663/file/small-aadc7fe570f11db17e5448697c9df5c7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10663/file/medium-bd85ffb0ecc3bb8e79bc6f58481d9de5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10663/file/large-614f1c393c411f30642e3b5848a4d130.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10663/file/medium-bd85ffb0ecc3bb8e79bc6f58481d9de5.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">Midi</p>
          <a href="/de/products/seife-karite-eisenkraut-100-g-19774">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Karite Eisenkraut, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gWywimFwmyDy7I0ZuHrx80t8zbQCgfnPWZuHBq37keFCZ89uboVht-8ErUGlJKy3FFXkmyK50LrU4c64b4w39g" />
    <input value="19774" 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%3D21">
    <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-karite-lavendel-100-g-19775">
          <img alt="Seife Karite Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11525/file/small-583cfb2035d80086df614fd015122735.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11525/file/medium-a3440e10fce9d5dcbd5d8f435d10d06b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11525/file/large-366d7680dcde3d08061099e7e8b6e521.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11525/file/medium-a3440e10fce9d5dcbd5d8f435d10d06b.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">Midi</p>
          <a href="/de/products/seife-karite-lavendel-100-g-19775">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Karite Lavendel, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="COikSFVDXhtXPAGPRJ46K2cMR2CsIYZit-CTFTyZxE3L49usWrakjErUIddZwGdvOCVuT4wZrxc6mtqr_u5iWg" />
    <input value="19775" 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%3D21">
    <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-karite-wildrose-100-g-19776">
          <img alt="Seife Karite Wildrose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10704/file/small-0c8ab10624777ea1b696413f90089152.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10704/file/medium-79e9636236d65b86d52a4478a8e223a6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10704/file/large-45b800b4a671a8c71953491d6229a24a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10704/file/medium-79e9636236d65b86d52a4478a8e223a6.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">Midi</p>
          <a href="/de/products/seife-karite-wildrose-100-g-19776">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Karite Wildrose, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6LR6abS7Pzy85o0L5Mis9FLAaKMHBGS0ftNptbAKpIgrvwWNu07Fq6EOrVP5lvGwDelBjCc8TcHzqSALcn0Cnw" />
    <input value="19776" 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%3D21">
    <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-karite-zimt-orange-100-g-19777">
          <img alt="Seife Karite Zimt Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10691/file/small-9b2f3a0a41a6a815ff30fd50bb116e51.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10691/file/medium-75ce070eca07f5a7ce89f16f1361b455.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10691/file/large-4f744831f93eb31eacb2f411765d4a01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10691/file/medium-75ce070eca07f5a7ce89f16f1361b455.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">Midi</p>
          <a href="/de/products/seife-karite-zimt-orange-100-g-19777">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Karite Zimt Orange, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="grSs6GMdLQPNGJza6_GD-nN4khLlNuMe0RlEGzWkxpxBv9MMbOjXlNDwvIL2r96-LFG7PcUOymtcYw2l99Ngiw" />
    <input value="19777" 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%3D21">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/aloe-vera-gel-120-ml-19778">
          <img alt="Aloe Vera Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9408/file/small-ab1d40d7967dc5d53531f3133e778dda.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9408/file/medium-5dbe6e0fbf7ac938eabfdd7db6890ca9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9408/file/large-1fd777c4e1f9148e4318f04dde82d7c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9408/file/medium-5dbe6e0fbf7ac938eabfdd7db6890ca9.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">NKW</p>
          <a href="/de/products/aloe-vera-gel-120-ml-19778">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aloe Vera Gel, 120 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kW7YEvPRF16Jroy5Pc-kLTQa0Pzz_nIV4C4g5l069iNSZaf2_CTtyZRGrOEgkflpazP509PGW2BtVGlYn01QNA" />
    <input value="19778" 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">
      420 von 612 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/naturkosmetik?format=turbo_stream&amp;page=22">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>