<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%3D23">
    <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/haarfarbe-light-75-goldbraun-1-stuck-19826">
          <img alt="Haarfarbe Light 75 Goldbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9476/file/small-376b7214342a6740e88ada5f1b8662d1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9476/file/medium-56aaa8a67adf5bd4b96dab7ede2b07d4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9476/file/large-9a6ac9b37e72a2161713c2d99e87c445.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9476/file/medium-56aaa8a67adf5bd4b96dab7ede2b07d4.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">Sanotint</p>
          <a href="/de/products/haarfarbe-light-75-goldbraun-1-stuck-19826">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe Light 75 Goldbraun, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YcYsc7qCVmDmX7a9EmnD3T1Ss8lvnHEN0Dara2i1PcpnzukeRP_LTraS_RBpy2S-lK8c1UcATZtaIayLaToohA" />
    <input value="19826" 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%3D23">
    <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/haarfarbe-light-77-dunkelblond-gold-1-stuck-19827">
          <img alt="Haarfarbe Light 77 Dunkelblond Gold" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9472/file/small-ccc1542964160ed419e5411145d71749.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9472/file/medium-3d85dfff5713e1f8102fad7d7bdd1568.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9472/file/large-7ccbbaf13c0d98a0e62211cf4455826a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9472/file/medium-3d85dfff5713e1f8102fad7d7bdd1568.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">Sanotint</p>
          <a href="/de/products/haarfarbe-light-77-dunkelblond-gold-1-stuck-19827">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe Light 77 Dunkelblond Gold, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ns-PMkwkYh4xjBR8MeTtsorUbmuKLJ4-n80r4xwCmn4wx0pfsln_MGFBX9FKRkrRIynBd6KwoqgV2iwDHY2PMA" />
    <input value="19827" 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%3D23">
    <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/haarfarbe-light-80-hell-naturblond-1-stuck-19828">
          <img alt="Haarfarbe Light 80 Hell Naturblond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9473/file/small-da6013fc56c36ec491c7279a35f2386b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9473/file/medium-8b9015280660ed416a300a210001d08c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9473/file/large-d475537fa879055f8b78e5aee48176b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9473/file/medium-8b9015280660ed416a300a210001d08c.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">Sanotint</p>
          <a href="/de/products/haarfarbe-light-80-hell-naturblond-1-stuck-19828">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe Light 80 Hell Naturblond, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ggf6hhnSO2mjC0kz_aSZlIUzqaY-rpRezU6TsZwfAI2EDz_r56-mR_PGAp6GBj73LM4GuhYyqMhHWZRRnZAVww" />
    <input value="19828" 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%3D23">
    <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/haarfarbe-light-82-hellgrau-1-stuck-19829">
          <img alt="Haarfarbe Light 82 Hellgrau" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9475/file/small-2340eb4f42b4ed5e86afedcb127a6ba4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9475/file/medium-35ed389778a2c0706bf2aa59093a575c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9475/file/large-89f5030f8b7799bdba1369d69bf4e406.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9475/file/medium-35ed389778a2c0706bf2aa59093a575c.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">Sanotint</p>
          <a href="/de/products/haarfarbe-light-82-hellgrau-1-stuck-19829">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe Light 82 Hellgrau, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RT5QpnPExa1IOYrwx7fcpRneyUM9ahuMrLPTlTQ_sNpDNpXLjblYgxj0wV28FXvGsCNmXxX2JxompNR1NbCllA" />
    <input value="19829" 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%3D23">
    <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/haarfarbe-light-84-dunkelblond-1-stuck-19830">
          <img alt="Haarfarbe Light 84 Dunkelblond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9477/file/small-071caba7c133cf204080a33dde248806.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9477/file/medium-aa556ef83737b6cc40087bc234412f45.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9477/file/large-ebea84806167964975ac81d4aa27c9a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9477/file/medium-aa556ef83737b6cc40087bc234412f45.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">Sanotint</p>
          <a href="/de/products/haarfarbe-light-84-dunkelblond-1-stuck-19830">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haarfarbe Light 84 Dunkelblond, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kkrRtqmET4KevVSY2_pGHqNwyC6skwTEM3cFhQmm7pGUQhTbV_nSrM5wHzWgWOF9Co1nMoQPOFK5YAJlCCn73w" />
    <input value="19830" 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%3D23">
    <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/santenatur-kartoffelbalsam-brust-und-rucken-50-ml-19831">
          <img alt="Santénatur Kartoffelbalsam Brust und Rücken" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11360/file/small-6f20e25e890caecdb20114c3e1acb300.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11360/file/medium-72310871a48790389eacabd6060f46ab.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11360/file/large-633bdf80f9ebd2c3ab4194b0fc690be8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11360/file/medium-72310871a48790389eacabd6060f46ab.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">Santenatur</p>
          <a href="/de/products/santenatur-kartoffelbalsam-brust-und-rucken-50-ml-19831">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Santénatur Kartoffelbalsam Brust und Rücken, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b5u6Io9pTnFVR7m0V9KEDPY0tJh21PrRW4N36PkOC_Fpk39PcRTTXwWK8hkscCNvX8kbhF5IxkfRlHAI-IEevw" />
    <input value="19831" 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%3D23">
    <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/handseife-7-krauter-300-ml-19840">
          <img alt="Handseife 7 Kräuter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9461/file/small-54d88230a263821d43d763f78c52e929.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9461/file/medium-8cb14f107a5a650d943905acd3326f02.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9461/file/large-33570052b6bf70a9dabc14a529f213c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9461/file/medium-8cb14f107a5a650d943905acd3326f02.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/handseife-7-krauter-300-ml-19840">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife 7 Kräuter, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EMSujE6_29Rw8G-7o5XsBeDIC_Y8ztmQzqIUvim3YQYWzGvhsMJG-iA9JBbYN0tmSTWk6hRS5QZEtRNeKDh0SA" />
    <input value="19840" 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%3D23">
    <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/handseife-7-krauter-nfp-1-l-19841">
          <img alt="Handseife 7 Kräuter NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9428/file/small-386c4551b0d7233a764342a7eadcf518.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9428/file/medium-da50292f7a94e6479a7d5def2cf61e3b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9428/file/large-b19c9e16ff7f16322e1c55ed60e3e736.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9428/file/medium-da50292f7a94e6479a7d5def2cf61e3b.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/handseife-7-krauter-nfp-1-l-19841">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife 7 Kräuter NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ib32VQjo5eRxORT0pFtJrq_dzsV6ErjhaftrJldCM-aPtTM49pV4yiH0X1nf-e7NBiBh2VKOhHfj7GzGVs0mqA" />
    <input value="19841" 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%3D23">
    <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/handseife-citrus-300-ml-19842">
          <img alt="Handseife Citrus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9419/file/small-8bb74f2f5ecaf395fbbc93fc8fe9db22.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9419/file/medium-2503616811f4ca797e7ab10025b73daf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9419/file/large-501e60f258ef73ef91aae202821b82c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9419/file/medium-2503616811f4ca797e7ab10025b73daf.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/handseife-citrus-300-ml-19842">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Citrus, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hpjP2JNwsG0JXvc6OYrmug9z0V_TzNByaMRPZuaAiSqAkAq1bQ0tQ1mTvJdCKEHZpo5-Q_tQ7OTi00iG5w-cZA" />
    <input value="19842" 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%3D23">
    <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/handseife-citrus-nfp-1-l-19843">
          <img alt="Handseife Citrus NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9418/file/small-edb9406d7b33a0bac009d88699cb9f39.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9418/file/medium-616aadf8bc2c106b4fb65a587ff355b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9418/file/large-96de4978aead96e8adbf2a3a8907eb33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9418/file/medium-616aadf8bc2c106b4fb65a587ff355b3.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/handseife-citrus-nfp-1-l-19843">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Citrus NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FU-3btBZJtw8pbctXj3QZAZX_N8w8oBVxerphqbMCHgTR3IDLiS78mxo_IAln3cHr6pTwxhuvMNP_e5mp0MdNg" />
    <input value="19843" 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%3D23">
    <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/handseife-rose-300-ml-19844">
          <img alt="Handseife Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9420/file/small-3f5490e065a8d1eb701bff964721b820.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9420/file/medium-6315b66f5c8fbae0ab9987b219ddc032.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9420/file/large-dd5c19a0f5e42f2701301bc5f34aaaeb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9420/file/medium-6315b66f5c8fbae0ab9987b219ddc032.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/handseife-rose-300-ml-19844">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Rose, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FJXAck6FBbXFUomV-kV9LHH4padQzOp6oiBTbWGfOBQSnQUfsPiYm5WfwjiB59pP2AUKu3hQ1uwoN1SNYBAtWg" />
    <input value="19844" 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%3D23">
    <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/handseife-rose-nfp-1-l-19845">
          <img alt="Handseife Rose NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9421/file/small-afe0aaaf14b0bd7514c19727989cbda8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9421/file/medium-5d8ab579313275a688df24999da4e8f2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9421/file/large-638be4e026c1da929a3b8afadc6315a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9421/file/medium-5d8ab579313275a688df24999da4e8f2.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/handseife-rose-nfp-1-l-19845">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Rose NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mBH9HecVbvkhjb-M_RMTWH5kxkqCzndTWRXGWxS4ujaeGThwGWjz13FA9CGGsbQ715lpVqpSS8XTAsG7FTeveA" />
    <input value="19845" 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%3D23">
    <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/handseife-rosmarin-nfp-1-l-19846">
          <img alt="Handseife Rosmarin NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9460/file/small-d98d6f2f0f108b456db3285fdc9ab6e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9460/file/medium-1ec6a49aae2c79facab146d01a5c5f41.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9460/file/large-3d8673ecc727f524157df21379defdec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9460/file/medium-1ec6a49aae2c79facab146d01a5c5f41.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/handseife-rosmarin-nfp-1-l-19846">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Rosmarin NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wpBx0R8GBGHwzGZffoK6fdSPH4kinRUCPsiYr5UYb_fEmLS84XuZT6ABLfIFIB0efXKwlQoBKZS0359PlJd6uQ" />
    <input value="19846" 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%3D23">
    <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/handseife-sensitiv-nfp-1-l-19847">
          <img alt="Handseife sensitiv NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9422/file/small-1487154a074bd49c802727def8204576.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9422/file/medium-ea5676eb140ba201c3ea81eb4c56a5de.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9422/file/large-db57cfd422c5b1fd14fd7b150b035c21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9422/file/medium-ea5676eb140ba201c3ea81eb4c56a5de.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/handseife-sensitiv-nfp-1-l-19847">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife sensitiv NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="12eFL3bMEjgaq0-XSo6hJ195k635vsnM7wgDkISkVh_Rb0BCiLGPFkpmBDoxLAZE9oQ8sdEi9VplHwRwhStDUQ" />
    <input value="19847" 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%3D23">
    <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-stick-40-ml-19850">
          <img alt="Deo-Stick" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9541/file/small-e614bd583a68c370efbed999eeff7dbe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9541/file/medium-92433d4c19423e841694f3bd38a791fb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9541/file/large-06fadcf5a1caf3872e8019eded0cb64a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9541/file/medium-92433d4c19423e841694f3bd38a791fb.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">Speick</p>
          <a href="/de/products/deo-stick-40-ml-19850">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo-Stick, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R-oDcckZhN_F6OV0cJ7l8QscKTJe_TlIIvpJlmecOk9B4sYcN2QZ8ZUlrtkLPEKSouGGLnZhBd6o7U52ZhMvAQ" />
    <input value="19850" 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%3D23">
    <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/men-deo-stick-40-ml-19851">
          <img alt="Men Deo-Stick" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9542/file/small-9945c4fae061b67787003b76bc208468.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9542/file/medium-196ec14ea817c92c84e3a31d1ed28d50.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9542/file/large-df84e21136c518b7aeca73fe4c57b4e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9542/file/medium-196ec14ea817c92c84e3a31d1ed28d50.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">Speick</p>
          <a href="/de/products/men-deo-stick-40-ml-19851">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Men Deo-Stick, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PMX2ft7Wr3kObslakJ8EA0n8-kbPs7BJGacuRK3p9LQ6zTMTIKsyV16jgvfrPaNg4AFVWucvjN-TsCmkrGbh-g" />
    <input value="19851" 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%3D23">
    <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/sun-vital-after-sun-lotion-125-ml-19852">
          <img alt="Sun Vital After Sun Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11060/file/small-aacbb79d30d52efe85425681cfddae8e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11060/file/medium-fdc1f693b44cb3efbb57fa9765be0c33.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11060/file/large-13c3f12168b0aaf9759c5c3d1d682e7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11060/file/medium-fdc1f693b44cb3efbb57fa9765be0c33.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">Goloy</p>
          <a href="/de/products/sun-vital-after-sun-lotion-125-ml-19852">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sun Vital After Sun Lotion, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kx5rs3ipWggP5GxQFOKY-mQONjDIdwjbZFZDFJh8QUuVFq7ehtTHJl8pJ_1vQD-ZzfOZLODrNE3uQUT0mfNUBQ" />
    <input value="19852" 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%3D23">
    <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/sun-vital-sun-protection-lsf30-150-ml-19853">
          <img alt="Sun Vital Sun Protection LSF30" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11058/file/small-e96f4249bebc907f481f0d4da9102b63.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11058/file/medium-bf75dc7ff8952625bcec38c178d0ae3b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11058/file/large-0cf02aedb4c148b74fef3b8a6976c511.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11058/file/medium-bf75dc7ff8952625bcec38c178d0ae3b.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">Goloy</p>
          <a href="/de/products/sun-vital-sun-protection-lsf30-150-ml-19853">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sun Vital Sun Protection LSF30, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RbmY64wiIOR4pCELIn8Eaykgc7uCgWlFalwDMfkSfSpDsV2Gcl-9yihpaqZZ3aMIgN3cp6odVdPgSwTR-J1oZA" />
    <input value="19853" 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%3D23">
    <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/calendula-pflanzenseife-100-g-19866">
          <img alt="Calendula Pflanzenseife" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9425/file/small-f5a5765202232e7895982c3fed3d6756.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9425/file/medium-db7bc09a3d59e5816a1aee49d849d7f0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9425/file/large-524cd25adf78579cb7de0b1d92318629.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9425/file/medium-db7bc09a3d59e5816a1aee49d849d7f0.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">Weleda</p>
          <a href="/de/products/calendula-pflanzenseife-100-g-19866">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Calendula Pflanzenseife, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xiWl37GwLQtzNqFTZjHj03dpddVs08lx-0biZkZt6ozALWCyT82wJSP76v4dk0Sw3pTayURP9edxUeWGR-L_wg" />
    <input value="19866" 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%3D23">
    <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/calendula-zahncreme-75-ml-19867">
          <img alt="Calendula Zahncreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9424/file/small-ff0ebc2e9d6e759d09b151396caba13a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9424/file/medium-19243d5e354294040ce8826692f42530.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9424/file/large-e021b0d5ee0e06c98c07720628351aed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9424/file/medium-19243d5e354294040ce8826692f42530.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">Weleda</p>
          <a href="/de/products/calendula-zahncreme-75-ml-19867">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Calendula Zahncreme, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

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

</template></turbo-stream>