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

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/puderrouge-raspberry-delight-5-g-19481">
          <img alt="Puderrouge raspberry delight" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9846/file/small-8f28a8db2fb16a5e6f33ffa7bc58aad1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9846/file/medium-1f08230198a078c9c8ebf3975cd736c4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9846/file/large-eed616d607d902c8086e4c27b8e81d1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9846/file/medium-1f08230198a078c9c8ebf3975cd736c4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/puderrouge-raspberry-delight-5-g-19481">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderrouge raspberry delight, 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p43YiL-VkBP_bz2X2a4hqevbgo_71KnCynfNKotQTF-Yqbb_1WiMhe1orNP5fy3AjTejOvUYSxCSNAkfBojF-Q" />
    <input value="19481" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/puderrouge-rose-flush-5-g-19482">
          <img alt="Puderrouge rose flush" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9845/file/small-6fef2446aaea2423f1fda8a54ea21397.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9845/file/medium-0bb2e92b60c92a1cc1a8f7d7c478b19b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9845/file/large-a6f86576f0827bea35f84d122f2e58bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9845/file/medium-0bb2e92b60c92a1cc1a8f7d7c478b19b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/puderrouge-rose-flush-5-g-19482">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderrouge rose flush, 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QlQJUl2LZv5KHgoGLIYkF9wKOcHupYMEuqQaY4zuGVF9cGclN3Z6aFgZm0IMVyh-uuYYdOBpYdbi595WATaQ9w" />
    <input value="19482" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/purifying-care-anti-pickel-roll-on-10-ml-19483">
          <img alt="Purifying Care Anti-Pickel Roll-on" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9844/file/small-4b31ee17f655e53f36ec6edfbeac86c9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9844/file/medium-47d678457843d1a702688df3f815ee77.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9844/file/large-dbfc193ab0d9c221c45b0f7fd483ef9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9844/file/medium-47d678457843d1a702688df3f815ee77.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/purifying-care-anti-pickel-roll-on-10-ml-19483">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purifying Care Anti-Pickel Roll-on, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D5DSyW4tqFUC6lAeI32n5E1NYKlrdZftOqP2mLgh3NQwtLy-BNC0wxDtwVoDrKuNK6FBHGW5dT9i4DKtNflVcg" />
    <input value="19483" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/purifying-care-gesichtscreme-75-ml-19484">
          <img alt="Purifying Care Gesichtscreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11017/file/small-059e25c574c06a7a8fd54836436b332c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11017/file/medium-ce8a148e2155f748a1396c605cdea8c5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11017/file/large-5b9e49114d36dcdfc058f824eb06807c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11017/file/medium-ce8a148e2155f748a1396c605cdea8c5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/purifying-care-gesichtscreme-75-ml-19484">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purifying Care Gesichtscreme, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7JfPRiUQKZ1eFa7vrVPLyhkjKsHcgrM5hy-Gc-sI_ZrTs6ExT-01C0wSP6uNgsejf88LdNJOUevfbEJGZtB0PA" />
    <input value="19484" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/purifying-care-gesichtstonic-150-ml-19485">
          <img alt="Purifying Care Gesichtstonic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9843/file/small-9391faf9ddd6c23507bd1fc43480d546.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9843/file/medium-f6d595523037d384acec4c84ae969a41.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9843/file/large-94789287e45017bc32550dd54f682c68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9843/file/medium-f6d595523037d384acec4c84ae969a41.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/purifying-care-gesichtstonic-150-ml-19485">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purifying Care Gesichtstonic, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k4lsntXlRAejlozKF7nmm5x6kiHpvdXrUa_brElAg-WsrQLpvxhYkbGRHY43aOry-pazlOdxNzkJ7B-ZxJgKQw" />
    <input value="19485" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rose-nature-gel-creme-50-ml-19486">
          <img alt="Rose Nature Gel Creme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10026/file/small-339a86a4df2e550531d5a51b2fba2aaf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10026/file/medium-493b6b04bfeb8da65d9732a9132b4a58.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10026/file/large-700fa296d130effd263ec59cd21e04b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10026/file/medium-493b6b04bfeb8da65d9732a9132b4a58.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/rose-nature-gel-creme-50-ml-19486">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rose Nature Gel Creme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L9b_FdSeoGUK-VQnLCOu6oFkZ--7AR2l9I7Bfw1D7OcQ8pFivmO88xj-xWMM8qKD54hGWrXN_3eszQVKgJtlQQ" />
    <input value="19486" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rose-nature-nachttropfen-30-ml-19487">
          <img alt="Rose Nature Nachttropfen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10027/file/small-797cc76d52d53ff3ff61ef1ef11277a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10027/file/medium-84d21088ba63213e3cfd5ae26584fe9d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10027/file/large-be5d6540ebbb26dad2d52b1c327f5e24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10027/file/medium-84d21088ba63213e3cfd5ae26584fe9d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/rose-nature-nachttropfen-30-ml-19487">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rose Nature Nachttropfen, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 76.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-lABxuYvuNUrvq_0JxQL_fw99DnClwsMPmHoWcEgoN7FdG-xjNKkQzm5PrAHxQeUmtHVjMxb6d5mIixsTPgpeA" />
    <input value="19487" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rose-nature-reinigung-125-ml-19488">
          <img alt="Rose Nature Reinigung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10028/file/small-13f356f13ccbfd2ac7076717730d63ce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10028/file/medium-29fca5e3d8486d09c7b6963bc953197b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10028/file/large-c50e15cfecfcc39d8ed156fac4251d3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10028/file/medium-29fca5e3d8486d09c7b6963bc953197b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/rose-nature-reinigung-125-ml-19488">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rose Nature Reinigung, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H2mQXEFl1-VEDAI9YjFD9hLExT6byVUgJQe1LzXa9nUgTf4rK5jLc1YLk3lC4E-fdCjki5UFt_J9RHEauAJ_0w" />
    <input value="19488" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rose-nature-schutzspray-100-ml-19489">
          <img alt="Rose Nature Schutzspray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10029/file/small-7f69e4e3a8ed86062e8fc25b84d4020e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10029/file/medium-5dc866e67d19fccd49536ad1b6e3baaf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10029/file/large-ce0b1582c486e7a33de865b17a941d54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10029/file/medium-5dc866e67d19fccd49536ad1b6e3baaf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/rose-nature-schutzspray-100-ml-19489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rose Nature Schutzspray, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 51.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a5e8iiempjAAympVUQ0f3aZEjEt06Ni8MhPSqt0DVHFUs9L9TVu6phLN-xFx3BO0wKit_nokOm5qUBafUNvd1w" />
    <input value="19489" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rosentau-harmonisierende-tagescreme-50-ml-19490">
          <img alt="Rosentau Harmonisierende Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9841/file/small-d5305119b99c6c5992bf105147cdc6d1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9841/file/medium-38f4041c1ad83c14153bf53b39f4c882.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9841/file/large-d69743257be55234ad6521a763ca14e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9841/file/medium-38f4041c1ad83c14153bf53b39f4c882.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/rosentau-harmonisierende-tagescreme-50-ml-19490">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosentau Harmonisierende Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 38.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u8SSj5FBMe1QVO_xCtAb84FbciM59o9WMpj9FlMd-FCE4Pz4-7wte0JTfrUqARea57dTljc6bYRq2zkj3sVx9g" />
    <input value="19490" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rosentau-milde-reinigungsmilch-150-ml-19491">
          <img alt="Rosentau Milde Reinigungsmilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9842/file/small-4a433d2e3a462b1328e02aec40265b5e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9842/file/medium-a42f7dcb46e398942eaca1f2a419a8a1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9842/file/large-3eae2e836a53a56ce17e421207f17d16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9842/file/medium-a42f7dcb46e398942eaca1f2a419a8a1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/rosentau-milde-reinigungsmilch-150-ml-19491">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosentau Milde Reinigungsmilch, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N1FK8yw58mnEnPcyshmVnSoTN5_QEwn10sumkseE8OcIdSSERsTu_9abZnaSyJn0TP8WKt7f6yeKiGKnSlx5QQ" />
    <input value="19491" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rosentau-pflegende-nachtcreme-50-ml-19492">
          <img alt="Rosentau Pflegende Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9840/file/small-a4898fdb2a4165b79355f7722124bd32.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9840/file/medium-366d68357fe992c5074fe10f8e651d25.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9840/file/large-5dcc59b97099961a8d6413ce14f422d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9840/file/medium-366d68357fe992c5074fe10f8e651d25.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/rosentau-pflegende-nachtcreme-50-ml-19492">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosentau Pflegende Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YuKxcII763sE9FXGVeaOJfmK7zloO36hAXvZQteZxDxdxt8H6Mb37RbzxIJ1N4JMn2bOjGb3nHNZOB13WkFNmg" />
    <input value="19492" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rosentau-schutzende-gesichtslotion-150-ml-19493">
          <img alt="Rosentau Schützende Gesichtslotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9839/file/small-0741e7d2d943ff56015d77915a3abd16.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9839/file/medium-e71af751ca98144df45fb5893534d789.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9839/file/large-561070b0ef13599d54333bc3517ee419.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9839/file/medium-e71af751ca98144df45fb5893534d789.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/rosentau-schutzende-gesichtslotion-150-ml-19493">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosentau Schützende Gesichtslotion, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I3pxwJVY5ElOLmOMQc7byZOOkKxUV-cxiA7nG4f-DkYcXh-3_6X431wp8shhH9eg9WKxGVqbBePQTSMuCiaH4A" />
    <input value="19493" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rosentau-vitalisierende-augencreme-15-ml-19494">
          <img alt="Rosentau Vitalisierende Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9838/file/small-6625c15acde8089e131569827e144d98.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9838/file/medium-799a5b1987c26daec05ac181218886c5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9838/file/large-da682b311eed385615886acc22815f5b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9838/file/medium-799a5b1987c26daec05ac181218886c5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/rosentau-vitalisierende-augencreme-15-ml-19494">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosentau Vitalisierende Augencreme, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0P_xrat2NW47xJyXiax_LCDfU3p9hyuNik_zkt80GYzv25_awYsp-CnDDdOpfXNFRjNyz3NLyV_SDDenUuyQKg" />
    <input value="19494" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sonnencreme-lsf50-75-ml-19495">
          <img alt="Sonnencreme LSF50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11018/file/small-cd40c8c6d7e62fa5fecf88ea771db682.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11018/file/medium-77f5fbb9d7709a10b74a937b96313e26.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11018/file/large-af9765bb7df843bb9032abe5f7db16c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11018/file/medium-77f5fbb9d7709a10b74a937b96313e26.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/sonnencreme-lsf50-75-ml-19495">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnencreme LSF50, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W9GbwYIC_zE7Kb9fsBNWvqY96gKzSoh7Qr7D4k65V_Rk9fW26P_jpykuLhuQwlrXwNHLt72Gaqka_QfXw2HeUg" />
    <input value="19495" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sonnenfluid-lsf20-125-ml-19496">
          <img alt="Sonnenfluid LSF20" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11019/file/small-a06818d5c76d6f559e1edaccc1ebeb0f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11019/file/medium-a7851814c412637c9006fad89b052d3f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11019/file/large-26bbfbc2979b0c0c4dea439e4a69b494.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11019/file/medium-a7851814c412637c9006fad89b052d3f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/sonnenfluid-lsf20-125-ml-19496">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenfluid LSF20, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5J4aSVUMwXZVVVg9Xh7p01MHgL5CHMJ0u-XliLNKHMPbunQ-P_Hd4EdSyXl-z-W6NeuhC0zQIKbjpiG9PpKVZQ" />
    <input value="19496" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sonnenspray-lsf20-100-ml-19497">
          <img alt="Sonnenspray LSF20" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11020/file/small-21d6243d4ebdd64fe7d2c7212cfb0675.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11020/file/medium-d55cc45148366082aef5dfa60398ef16.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11020/file/large-6307bb77588db8c065b811b3550ee46d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11020/file/medium-d55cc45148366082aef5dfa60398ef16.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/sonnenspray-lsf20-100-ml-19497">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenspray LSF20, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yiLlEWtYAm75CljhInxYJ16yNNueBBfQZIJmK5BE9ZX1BotmAaUe-OsNyaUCrVROOF4VbpDI9QI8waIeHZx8Mw" />
    <input value="19497" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sonnenspray-lsf30-100-ml-19498">
          <img alt="Sonnenspray LSF30" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11021/file/small-c4007265686bc7272b0e443b30d76dfd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11021/file/medium-997ab87d7250ea8e455957ac0b998cab.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11021/file/large-80aa3034304a7e71ca6743e8128b7c74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11021/file/medium-997ab87d7250ea8e455957ac0b998cab.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/sonnenspray-lsf30-100-ml-19498">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenspray LSF30, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sRJ8LaGDkgdUExndU-bnLebjqEJLhmYj0jcZEur35cSONhJay36OkUYUiJlzN-tEgA-J90VKhPGKdN0nZy9sYg" />
    <input value="19498" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sunless-bronze-selbstbrauner-75-ml-19499">
          <img alt="Sunless Bronze Selbstbräuner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9831/file/small-9879fa12a29527f6e14acdc7c6d4b758.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9831/file/medium-1af92b9e142a349b58a7dc5d84c5e2f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9831/file/large-5b31a5b7c04e07c1c9d13fd5eceb2dfa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9831/file/medium-1af92b9e142a349b58a7dc5d84c5e2f1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/sunless-bronze-selbstbrauner-75-ml-19499">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sunless Bronze Selbstbräuner, 75 ml</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 30.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uo7Fx37EkcoDE47likaYqs5Zv6Zqbm6rgWwDewAuNiKFqquwFDmNXBEUH6Gql5TDqLWeE2SijHnZL8dOjfa_hA" />
    <input value="19499" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/system-absolut-augencreme-15-ml-19500">
          <img alt="System Absolut Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9832/file/small-a1b5dee545128359b358fd15d8331f19.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9832/file/medium-d8233bca6a906b1ecbbfaa3ff915d665.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9832/file/large-c6f83b7b382ac1636fad625175796ef6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9832/file/medium-d8233bca6a906b1ecbbfaa3ff915d665.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/system-absolut-augencreme-15-ml-19500">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Augencreme, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tlt6ha12z1pmW_b5WytbqArRJRVJs6K8o53ZkKAu07iJfxTyx4vTzHRcZ717-lfBbD0EoEd_QG773h2lLfZaHg" />
    <input value="19500" 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">
      1&#39;920 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/vitavegan?format=turbo_stream&amp;page=97">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>