<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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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-nachtcreme-50-ml-19501">
          <img alt="System Absolut Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9833/file/small-c60569945c4fa282670aac860de7be51.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9833/file/medium-28221f996aa76aacb6b16da1ec5a097e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9833/file/large-5b8679cee6e10ba3a9df4ad1ea34e723.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9833/file/medium-28221f996aa76aacb6b16da1ec5a097e.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-nachtcreme-50-ml-19501">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Nachtcreme, 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-19501-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zjLgOgLlJRPAe8mr5CxtUea1qR9d9KT6gV8URz1pnNnzT4HkiR5zkueK3YQC3KqunMEP4O4b6w5pJrp2OqBv9Q" />
    <input value="19501" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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-nachtcreme-light-50-ml-19502">
          <img alt="System Absolut Nachtcreme light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9349/file/small-2ec16e67ead3b1bdb6e62268755a4de9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9349/file/medium-be4b4d917bbd6d16159f01375e411144.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9349/file/large-c8dac81026448f9b9131ec695a2b9d1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9349/file/medium-be4b4d917bbd6d16159f01375e411144.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-nachtcreme-light-50-ml-19502">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Nachtcreme light, 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-19502-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L0ryX13UHM0Nvi19nsqEKa_xCe2jn6x8b5zyK-QHtaQSN5OB1i9KTCpPOVJ4OkPW1YWvEhBw44iH5Vwa485GiA" />
    <input value="19502" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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-reinigungsemulsion-120-ml-19503">
          <img alt="System Absolut Reinigungsemulsion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9834/file/small-722bcd451141314098ae790e753db5fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9834/file/medium-53e509fe16493c0684a1e959e8dcab1d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9834/file/large-13251544410bae783173fac2f30a6914.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9834/file/medium-53e509fe16493c0684a1e959e8dcab1d.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-reinigungsemulsion-120-ml-19503">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Reinigungsemulsion, 120 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nkNLdrQgKVK2zm99He36wVD8hA5gp-uaJJk-gbEOl6qjPiqoP9t_05E_e1L7HT0-Kogi8dNIpG7M4JCwtsdkhg" />
    <input value="19503" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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-tagescreme-50-ml-19504">
          <img alt="System Absolut Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9835/file/small-1fd2f82afc3da4eb675693d217ddede4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9835/file/medium-34790d1fe5f1e1dab7ecb03c05ec06fa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9835/file/large-381690e1974c4e6765661a7d66c83b20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9835/file/medium-34790d1fe5f1e1dab7ecb03c05ec06fa.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-tagescreme-50-ml-19504">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 86.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZUagQf-V-u9VFRwDHSrRObtcrYNxL0HArPeOJDa-46JYO8GfdG6sbnLkCCz72hbGwSgLfMLADjREjiAVMXcQjg" />
    <input value="19504" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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-tagescreme-light-50-ml-19505">
          <img alt="System Absolut Tagescreme light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11022/file/small-b40b3ef20945acd08e6e552001e2f537.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11022/file/medium-f6827b422c84566c951786a6928e672c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11022/file/large-8e465c47fdf69e8aef26c25fc5af8383.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11022/file/medium-f6827b422c84566c951786a6928e672c.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-tagescreme-light-50-ml-19505">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Tagescreme light, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 86.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7IpjdQgH1CC0Z5FE4sMPhVI8N3owgpy9xpviQwqgOCbR9wKrg_yCoZOWhWsEM8h6KEiRhYNt00ku4kxyDWnLCg" />
    <input value="19505" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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/wimpernserum-lash-creator-5-ml-19506">
          <img alt="Wimpernserum Lash Creator" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9836/file/small-eb8b2b625c32950f831ac4a59881b5b4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9836/file/medium-41c9b81c403a6416f6cee304c098ad57.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9836/file/large-3707e1180a9a566536977193acca7d3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9836/file/medium-41c9b81c403a6416f6cee304c098ad57.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/wimpernserum-lash-creator-5-ml-19506">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wimpernserum Lash Creator, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 62.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;240.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QzZ72cPXoAq-Co9LE0AkGjO7-ru0v_dNrnYiF9O7uAV-SxoHSCz2i5n7m2T1sOPlSc9cRAdQuLlGD4wm1HJLKQ" />
    <input value="19506" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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/zz-sensitive-aufbauende-nachtcreme-50-ml-19507">
          <img alt="zz Sensitive Aufbauende Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11023/file/small-5a573e874d7c1c2bbf1c8b7270b86975.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11023/file/medium-0209d5e665c0912bfabbea0f0459012d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11023/file/large-6f68d28e87bab83e2d92b1f82c76f9c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11023/file/medium-0209d5e665c0912bfabbea0f0459012d.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/zz-sensitive-aufbauende-nachtcreme-50-ml-19507">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Aufbauende Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uf3lMBMuUL7I1v1ij-G--0OiE5fbVJ6CbEhamgA7Tz5sgITumNUGP-8n6U1pEXkEOda1aGi70XaEMfSrB_K8Eg" />
    <input value="19507" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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/zz-sensitive-augencreme-15-ml-19508">
          <img alt="zz Sensitive Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11024/file/small-e1f5cad1544ab03cd93a38ce0a67fc7f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11024/file/medium-19bd929f8d97a332af5889258aba97d0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11024/file/large-9e721d0d81d98114b64e18cce414703c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11024/file/medium-19bd929f8d97a332af5889258aba97d0.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/zz-sensitive-augencreme-15-ml-19508">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Augencreme, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JCTLWgdzKjj9LxTIDBkNmzKZRMJznADzy9uD3YBvkDsZWaqEjIh8udreAOfq6cpkSO3iPcBzTwcjoi3sh6ZjFw" />
    <input value="19508" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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/zz-sensitive-milde-reinigungsemulsion-150-ml-19509">
          <img alt="zz Sensitive Milde Reinigungsemulsion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11025/file/small-f4d1287ee626f58463fb8066db26880f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11025/file/medium-97c589b2000a98a7f1ae904a19e3d060.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11025/file/large-b3a5e10b6f015185f439f0e0e76b1635.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11025/file/medium-97c589b2000a98a7f1ae904a19e3d060.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/zz-sensitive-milde-reinigungsemulsion-150-ml-19509">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Milde Reinigungsemulsion, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RLD_2QCVqwMaOHDT_b5dNj-KxcaJdOT0bab_ttLIUJJ5zZ4Hi279gj3JZPwbTprJRf5jOTqbqwCF31GH1QGjvg" />
    <input value="19509" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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/zz-sensitive-regenerierende-nachtcreme-50-ml-19510">
          <img alt="zz Sensitive Regenerierende Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11026/file/small-dd4f8aaec96293f7d2a049f05a97a8ae.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11026/file/medium-40d5cdf01b76830934f81900bbc697f9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11026/file/large-a9cbcb3ee296eff8be57b9b8da1ca73d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11026/file/medium-40d5cdf01b76830934f81900bbc697f9.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/zz-sensitive-regenerierende-nachtcreme-50-ml-19510">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Regenerierende Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 52.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SpG6M0zQpQDI70Ynj3PkbP3MYN1TkMHpo5EphX5HlGF37Nvtxyvzge8eUghpgyOTh7jGIuB_jh1L6Ie0eY5nTQ" />
    <input value="19510" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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/zz-sensitive-regenerierende-tagescreme-50-ml-19511">
          <img alt="zz Sensitive Regenerierende Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9837/file/small-73d98165b44d832b98738263ee1a8cce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9837/file/medium-dfd3211ce2e2b6fe43efe49447990ee6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9837/file/large-f92758110315a72eccfb1820d45cd077.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9837/file/medium-dfd3211ce2e2b6fe43efe49447990ee6.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/zz-sensitive-regenerierende-tagescreme-50-ml-19511">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Regenerierende Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hn0lMvIRTY_fAva0nwneawV0osv94z7WmTHJ_MiCd-wjAETseeobDvjz4pt5-RmUfwAENE4McSJxSGfNz0uEwA" />
    <input value="19511" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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/zz-sensitive-schutzende-tagescreme-50-ml-19512">
          <img alt="zz Sensitive Schützende Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11027/file/small-9a0d023b0acbd4db4f2d9e98ec36904f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11027/file/medium-df4be936f3e20c6d7cd21595a8d4b3f9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11027/file/large-410c2c9f3ab78aa6bac18a1536207ef7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11027/file/medium-df4be936f3e20c6d7cd21595a8d4b3f9.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/zz-sensitive-schutzende-tagescreme-50-ml-19512">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Schützende Tagescreme, 50 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 73.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rr2_xN37VLX7p48fzy2aGO9IjrLhnJsVbrEBy_H90yeTwN4aVgACNNxWmzAp3V3nlTwoTVJz1OGGyK_69jQgCw" />
    <input value="19512" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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/zz-sensitive-starkendes-gesichtsgel-150-ml-19513">
          <img alt="zz Sensitive Stärkendes Gesichtsgel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9350/file/small-17447d95c95a4c3fa67afe0779a4aa66.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9350/file/medium-9398076d4e5dd3f6585b49aaaf6409b8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9350/file/large-a0fbdfa1bba54763c9f8182b41f76f34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9350/file/medium-9398076d4e5dd3f6585b49aaaf6409b8.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/zz-sensitive-starkendes-gesichtsgel-150-ml-19513">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Stärkendes Gesichtsgel, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ojfBIl46I-428RryVJ_koM5qP-m-858098jSa3R6mYufSqD81cF1bxEADt2ybyNftB6ZFg0c0MAfsXxac7Nqpw" />
    <input value="19513" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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/original-nachfullglas-fur-nfp-1-stuck-19514">
          <img alt="Original Nachfüllglas für NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9816/file/small-b687587c9db22e60b9b0038e5a8c6c53.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9816/file/medium-e49426c23e5aaa5541c67f0fbe3cd435.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9816/file/large-8728cf41072f4f65def399bbb347024f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9816/file/medium-e49426c23e5aaa5541c67f0fbe3cd435.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">Brecht</p>
          <a href="/products/original-nachfullglas-fur-nfp-1-stuck-19514">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Original Nachfüllglas für NFP, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QCurR3Rs5tOI7JMR8kOdTIBQu2q3Ow3_NcVEYbbPMdF9VsqZ_5ewUq8dhz4Us1qz-iQdlQTUQgvdvOpQsQbC_Q" />
    <input value="19514" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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/bar-soap-sandelholz-jasmin-140-g-19515">
          <img alt="Bar Soap Sandelholz-Jasmin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10025/file/small-97ada56d81ee59534accb0aa48f5b417.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10025/file/medium-e09a32249d78e56a8b7a235b25bc0e5c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10025/file/large-acc796fa514da58699b3a575ab28723c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10025/file/medium-e09a32249d78e56a8b7a235b25bc0e5c.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">Dr. Bronners</p>
          <a href="/products/bar-soap-sandelholz-jasmin-140-g-19515">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Sandelholz-Jasmin, 140 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 6.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zkyn9P7tuEwvXFyE_pcv7NTeip-x8byaECFYM0TjUmPzMcYqdRbuzQitSKsYZ-gTrqosYAIe8274WPYCQyqhTw" />
    <input value="19515" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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/bar-soap-baby-mild-140-g-19516">
          <img alt="Bar Soap Baby Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9351/file/small-a04d84ee3052b4d9eabed45fe7207b36.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9351/file/medium-e8066dfbba6a35007a55830c4bb59d0f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9351/file/large-5a40eb24a5ebcacc8904c82ed5bfa963.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9351/file/medium-e8066dfbba6a35007a55830c4bb59d0f.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">Dr. Bronners</p>
          <a href="/products/bar-soap-baby-mild-140-g-19516">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Baby Mild, 140 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 6.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QpH0-zcgd_YXpFId6DjxVxK0ciupMNKJb9rj-27Rg0t_7JUlvNshdzBVRjIOyDaoaMDU1BrfnX2Ho03KaRhwZw" />
    <input value="19516" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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/bar-soap-cherry-blossom-140-g-19517">
          <img alt="Bar Soap Cherry Blossom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10071/file/small-3ea9f0726b6268cdb7c3e471d33c3ef4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10071/file/medium-29d257ce955ae60281fcfce155e771ab.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10071/file/large-cf11b7e30483cb7e095a030ffa3ec0cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10071/file/medium-29d257ce955ae60281fcfce155e771ab.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">Dr. Bronners</p>
          <a href="/products/bar-soap-cherry-blossom-140-g-19517">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Cherry Blossom, 140 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 6.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EdiMd9mFRTd8dGAHYfFDX7JhYe55vautvnf6Wul6Ypsspe2pUn4TtluFdCiHAYSgyBXHEcpS5FlWDlRr7rORtw" />
    <input value="19517" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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/bar-soap-eukalyptus-140-g-19518">
          <img alt="Bar Soap Eukalyptus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9352/file/small-a7b96cbb133109e24404e68719b9c5b3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9352/file/medium-f5a739633261df38c2ec6a145ed3a4b6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9352/file/large-f1c19eb17ef36a82eb7330cac2b74a25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9352/file/medium-f5a739633261df38c2ec6a145ed3a4b6.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">Dr. Bronners</p>
          <a href="/products/bar-soap-eukalyptus-140-g-19518">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Eukalyptus, 140 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 6.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eg2k-ktC1jrPs5arZ4PsSWS1u6kBGRHAjaQp5Jn6j4NHcMUkwLmAu-hCgoSBcyu2HsEdVrL2XjRl3YfVnjN8rw" />
    <input value="19518" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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/bar-soap-lavendel-140-g-19519">
          <img alt="Bar Soap Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9353/file/small-aee5553d4cbe7f5488b28027ff1dbeb0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9353/file/medium-f9b093cf778403723c83cb35d54112e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9353/file/large-70a44631b3f7475dbb85fa6494619f52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9353/file/medium-f9b093cf778403723c83cb35d54112e7.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">Dr. Bronners</p>
          <a href="/products/bar-soap-lavendel-140-g-19519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Lavendel, 140 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 6.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xl7zDHwCPP_OD49xyKJ5htYf1le2VIDP_suunG7yJ537I5LS9_lqfun-m14uUr55rGtwqAW7zzsWsgCtaTvUsQ" />
    <input value="19519" 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%2Fleibacher-biber-manufaktur%3Fformat%3Dturbo_stream%26page%3D97">
    <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/bar-soap-mandel-140-g-19520">
          <img alt="Bar Soap Mandel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9354/file/small-3f79d52f74cbae9a826cf0f70555f620.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9354/file/medium-96b58b2e568eec72c3c17cd83c1bed84.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9354/file/large-9fe9a14aa20bdb46e3da8bd8a071464c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9354/file/medium-96b58b2e568eec72c3c17cd83c1bed84.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">Dr. Bronners</p>
          <a href="/products/bar-soap-mandel-140-g-19520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Mandel, 140 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 6.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HjzxUO30XSsA_nnAWv71RqvtjqYGJ-chsuIe6pCHz14jQZCOZg8LqicPbe-8DjK50ZkoWbXIqNVam7Dbl048cg" />
    <input value="19520" 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;940 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/leibacher-biber-manufaktur?format=turbo_stream&amp;page=98">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>