<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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/natural-lip-glow-transparent-4-2-g-19961">
          <img alt="Natural Lip Glow Transparent" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10652/file/small-0a8654a581d2782dd882c26df3fe71e5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10652/file/medium-0d64f37a9d795e1959001aea2b668265.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10652/file/large-da7880f7ff0ad504857f34fe932d4b5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10652/file/medium-0d64f37a9d795e1959001aea2b668265.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/natural-lip-glow-transparent-4-2-g-19961">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natural Lip Glow Transparent, 4.2 g</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 616.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q6anTr-gXIq69rs9uh8TjXa_vlfSisLqSPhWxr_9dEu-HEtjnfw--NIc7Ppg7CBJ6x9VOVNIlAU2o-dZ5VmNtg" />
    <input value="19961" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/foundation-natuwear-mocha-30-ml-19962">
          <img alt="Foundation Natuwear Mocha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10653/file/small-327436e02e90f8eb43f425d69c8e168f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10653/file/medium-9226b0d61759ad6474cd1ee6395e8766.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10653/file/large-591dceea8f76cdfef62c5ea7c64973c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10653/file/medium-9226b0d61759ad6474cd1ee6395e8766.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/foundation-natuwear-mocha-30-ml-19962">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Foundation Natuwear Mocha, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ibhH0O3ffxI6y-qXiZVJUyin25zM2_KA6pWDkm0m4kGcAqv9z4MdYFIhvVBTZnqXtQcw8k0ZpG-UzjINN4IbvA" />
    <input value="19962" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/foundation-natuwear-light-ivory-30-ml-19963">
          <img alt="Foundation Natuwear Light Ivory" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10654/file/small-e6afab3a63dc7b5ab3751d3ced325471.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10654/file/medium-a6d8036a18a47d5a919137e89cda037e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10654/file/large-108a8a7fade80ff7e013ea3501efd4ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10654/file/medium-a6d8036a18a47d5a919137e89cda037e.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/foundation-natuwear-light-ivory-30-ml-19963">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Foundation Natuwear Light Ivory, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lWCwQXT1VAqwRP0S17PgqZJypE9xgCrN4PbjLGO_RAqA2lxsVqk2eNiuqtUNQNNtD9JPIfBCfCKerVKzORu99w" />
    <input value="19963" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/omega-3-liquid-150-ml-19964">
          <img alt="Omega-3 liquid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10655/file/small-fdb618170bf7d82554a074bae3ceb8ac.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10655/file/medium-d3bb17584e0fde1b11dc06f9fe4b98cb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10655/file/large-80ebef71e3fd57d9086703fec20fb160.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10655/file/medium-d3bb17584e0fde1b11dc06f9fe4b98cb.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">Burgerstein</p>
          <a href="/products/omega-3-liquid-150-ml-19964">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Omega-3 liquid, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UiMevQ1kA3bEtN4URyAvjkjUcCm08PHoZxW1NnxzyMpHmfKQLzhhBKxeidOd0xxK1XSbRzUypwcZTgSpJtcxNw" />
    <input value="19964" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/vitamin-d3-2000ie-kapseln-60-stuck-19965">
          <img alt="Vitamin D3 2000IE Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10656/file/small-a09ace42cc2f5b4ecfbd78f580d8ddd0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10656/file/medium-1b4e81ab55134bb6163b1a1bdad10506.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10656/file/large-40479b519ac6ad7eec7ccd03d1af9d3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10656/file/medium-1b4e81ab55134bb6163b1a1bdad10506.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">Burgerstein</p>
          <a href="/products/vitamin-d3-2000ie-kapseln-60-stuck-19965">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin D3 2000IE Kapseln, 60 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S76XYZFnOApnFts0_ahRA6vcxbQUrfghLZuOqfFYmexeBHtMsztaeA_8jPMnW2LHNnwu2pVvrs5TwD82q_xgEQ" />
    <input value="19965" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/pill-kosmetik-duschbadeol-400-ml-19966">
          <img alt="Pill Kosmetik - Duschbadeöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10657/file/small-bb257f2ff5553edb4c833a60aae4c4ec.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10657/file/medium-226b6b99e3fe38e5119c236de3c9fa02.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10657/file/large-d3eaf86ea000ed09a9555ba7e94ac6d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10657/file/medium-226b6b99e3fe38e5119c236de3c9fa02.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-duschbadeol-400-ml-19966">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Duschbadeöl, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TI_vGNS6vbAtQtMluhLpcr49qd5h7pU_z2DqoibJV1FZNQM19ubfwkWohOJg4dq2I51CsOAsw9CxO1s9fG2urA" />
    <input value="19966" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/pill-kosmetik-physiologisches-reinigungsfluid-300-ml-19967">
          <img alt="Pill Kosmetik - Physiologisches Reinigungsfluid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10658/file/small-7eaebabc4089a2090be8b5a15b96ceba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10658/file/medium-3cfc6dcedacd5df38933b1d3c9c97866.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10658/file/large-b2e78aaa8da64095ed36082526962769.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10658/file/medium-3cfc6dcedacd5df38933b1d3c9c97866.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-physiologisches-reinigungsfluid-300-ml-19967">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Physiologisches Reinigungsfluid, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hfxx-DAMJIY1VicjAGfRNd6goN32eIuWvSE6tX7EtYUIRp3VElBG9F28cOTalOLxQwBLs3e63XnDeosqJGBMeA" />
    <input value="19967" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/pill-kosmetik-dusch-shampoo-sport-refill-600-ml-19968">
          <img alt="Pill Kosmetik - Dusch-Shampoo Sport Refill" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10659/file/small-e5749ec923c81fc4a8337d36a4470b07.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10659/file/medium-3f74f358a2ac55f426a1e2f2a8c6e34a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10659/file/large-69eccfd28aba47686b6bfa038ec56da4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10659/file/medium-3f74f358a2ac55f426a1e2f2a8c6e34a.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-dusch-shampoo-sport-refill-600-ml-19968">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Dusch-Shampoo Sport Refill, 600 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mEc1KQIaBOswE92PbMZF-DaC-vNr0BgZX0nnwKnJWxeN_dkEIEZmmVj5iki2NXY8qyIRneoSTvYhElZf822i6g" />
    <input value="19968" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/pill-kosmetik-nahrende-duschbademilch-refill-600-ml-19969">
          <img alt="Pill Kosmetik - nährende Duschbademilch Refill" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10660/file/small-b837984f505ab080cadec953f3d31214.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10660/file/medium-8e74f18dad598b838747a88f73ca3253.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10660/file/large-97658a49e93135fc4efe93bc2e129e2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10660/file/medium-8e74f18dad598b838747a88f73ca3253.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-nahrende-duschbademilch-refill-600-ml-19969">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - nährende Duschbademilch Refill, 600 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J_IJ6Eg6TzJaxq1YzPhyiwPNyYwAZTaVQuvBfhwWWyQySOXFamYtQDIs-p8WC0FPnm0i4oGnYHo8sHDhRrKi2Q" />
    <input value="19969" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/pill-kosmetik-physiologisches-reinigungsfluid-refill-600-ml-19970">
          <img alt="Pill Kosmetik - Physiologisches Reinigungsfluid Refill" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10661/file/small-56fe38b77ebe502d50cab7637957440c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10661/file/medium-2d830c3c01e4b550fe4f3191555de92f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10661/file/large-c548bf55386f4aaf0339d97583bc5f92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10661/file/medium-2d830c3c01e4b550fe4f3191555de92f.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-physiologisches-reinigungsfluid-refill-600-ml-19970">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Physiologisches Reinigungsfluid Refill, 600 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cIHzrjW4yRT3s4dOpftr6-BPZmG6LYcNH78J43uQ-dtlOx-DF-SrZp9Z0Il_CFgvfe-NDzvv0eJh5Lh8ITQAJg" />
    <input value="19970" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/pill-kosmetik-straffendes-korperol-100-ml-19971">
          <img alt="Pill Kosmetik - straffendes Körperöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10662/file/small-d0bb2e29ab32e30024dc8cfe999db7ad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10662/file/medium-97fd0a4a39d77570708379b74a80e11f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10662/file/large-f97437f12f5465e7ee7ab75750964ba8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10662/file/medium-97fd0a4a39d77570708379b74a80e11f.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-straffendes-korperol-100-ml-19971">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - straffendes Körperöl, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0VDmwwRPBS7zI_wGL2vzL0tK5wc-jaQOZKpfZwBYKkjE6gruJhNnXJvJq8H1mMDr1uoMab9P8uEa8e74WvzTtQ" />
    <input value="19971" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/pill-kosmetik-panthenol-feuchtigkeitscreme-450-ml-19972">
          <img alt="Pill Kosmetik - Panthenol Feuchtigkeitscreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10663/file/small-67e1d77ec40a2fb8311cbc87e474de8a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10663/file/medium-56c7cc3bf1f6ef22fb7855534fd8ebc3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10663/file/large-9c57175975269288887f88de70948f61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10663/file/medium-56c7cc3bf1f6ef22fb7855534fd8ebc3.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-panthenol-feuchtigkeitscreme-450-ml-19972">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Panthenol Feuchtigkeitscreme, 450 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mfNlxFXMmsLunzF4xKRh5364ZIx9pWsG1VKPad-I0u2MSYnpd5D4sIZ1Zr8eV1Ij4xiP4vxnPemrCT72hSwrEA" />
    <input value="19972" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/pill-kosmetik-ol-shampoo-schonend-200-ml-19973">
          <img alt="Pill Kosmetik - Öl-Shampoo schonend" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10664/file/small-5ece2b3b70c1d99246757b7918044be3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10664/file/medium-f7731800582834a2a05e49e6eb681e3d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10664/file/large-b6c439e50d8ef7a3d90c52f37e6532e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10664/file/medium-f7731800582834a2a05e49e6eb681e3d.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-ol-shampoo-schonend-200-ml-19973">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Öl-Shampoo schonend, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IAyCT5L2LD7LVC7h7uGqlt5uOtrEsLt8mL8XkMrrbds1tm5isKpOTKO-eSY0EplSQ87RtEVy7ZPm5KYPkE-UJg" />
    <input value="19973" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/vita-protein-complex-vanille-360-g-19974">
          <img alt="Vita Protein Complex Vanille" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10665/file/small-16c96977cc0390c7a5d1880306f97c16.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10665/file/medium-e39c02f8b0315aefb2b32e0e0fe641eb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10665/file/large-a7970d5aef7168d3a2753543acf87a22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10665/file/medium-e39c02f8b0315aefb2b32e0e0fe641eb.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">Vita Health Care</p>
          <a href="/products/vita-protein-complex-vanille-360-g-19974">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vita Protein Complex Vanille, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 61.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K0UqzU2ZfPwppa6NGYZBnsqdeRDKUALCCCovcorEZVA-_8bgb8UejkFP-UrDdXJaVz2SfkuSVC12cZ7t0GCcrQ" />
    <input value="19974" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/cookies-hafer-schoko-haselnuss-bio-125-g-19975">
          <img alt="Cookies Hafer Schoko Haselnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10666/file/small-c841ef3227382b13877995f5c8dab56a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10666/file/medium-6883ccffb79a9bc5b2967a43d08257d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10666/file/large-ba426b9e76dbc7fb5758a243c1f95735.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10666/file/medium-6883ccffb79a9bc5b2967a43d08257d2.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">Sommer</p>
          <a href="/products/cookies-hafer-schoko-haselnuss-bio-125-g-19975">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookies Hafer Schoko Haselnuss Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a3b7uYI455yhFPg7AuXzcnT5oESLCDf5twv8e3ZS6EB-zBeUoGSF7sn-r_zYFsC26VlLKgrKYRbJUE3kLPYRvQ" />
    <input value="19975" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/kakaonibs-roh-bio-200-g-19976">
          <img alt="Kakaonibs roh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10667/file/small-8bebc2147a69fe1622ef0c0b2907d292.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10667/file/medium-ae85b77ba2f3a6feb40eda997a92a469.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10667/file/large-ecdcf9828d4613cf21db3cee1c5968d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10667/file/medium-ae85b77ba2f3a6feb40eda997a92a469.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">bett&#39;r</p>
          <a href="/products/kakaonibs-roh-bio-200-g-19976">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakaonibs roh Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HHxsg8M7eoSkANCUkqx7AuFfZ7b1OVmxIMK3zu0LGvcJxoCu4WcY9szqh1NIX0jGfP-M2HT7D15emQZRt6_jCg" />
    <input value="19976" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/traubenkerne-gemahlen-demeter-250-g-19977">
          <img alt="Traubenkerne gemahlen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10668/file/small-e0146aa0e2dfc934ed2d605500570ab9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10668/file/medium-f60e145be8fe4a5f25812dc6b3a0cbcb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10668/file/large-ce7b6260ff3246e6d8ef2b571598df24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10668/file/medium-f60e145be8fe4a5f25812dc6b3a0cbcb.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">NaturKraftWerke</p>
          <a href="/products/traubenkerne-gemahlen-demeter-250-g-19977">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Traubenkerne gemahlen Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7XoFjyhH_ttDHE_n32-PF79pljxeAxxVttwmEU9vqC_4wOmiChucqSv2GCAFnLzTIsl9Ut_BSrrIh5eOFctR0g" />
    <input value="19977" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/mighty-patch-duo-12-stuck-19978">
          <img alt="Mighty Patch Duo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10669/file/small-f9b93f87675f34a7a0dfd8548fa3c3f2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10669/file/medium-c370b91f31d537241fdf6e8b579c23ef.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10669/file/large-d0b8018e0a4ca491081d79560b53572a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10669/file/medium-c370b91f31d537241fdf6e8b579c23ef.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">Hero</p>
          <a href="/products/mighty-patch-duo-12-stuck-19978">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mighty Patch Duo, 12 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pdVu-fK_X-gjkNoHO6z5yb89sF1piJu51rUL4-CbUR6wb4LU0OM9mkt6jcDhX8oNIp1bM-hKzVao7rp8uj-o4w" />
    <input value="19978" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/moscato-bio-7-5-dl-19979">
          <img alt="Moscato Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10670/file/small-068154af267e489cb34ae006bc258efe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10670/file/medium-6269b49b4a6eaca2fe4c7e66eef75edb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10670/file/large-7d9f1cd11f3201014b2703c96a05b1c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10670/file/medium-6269b49b4a6eaca2fe4c7e66eef75edb.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">Pizzolato</p>
          <a href="/products/moscato-bio-7-5-dl-19979">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moscato Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A5wCIZwnxVpix8cVfJLPZFlBQaJRgZ4B59hmoBYWLbwWJu4MvnunKAotkNKmYfygxOGqzNBDyO6Zg9c_TLLUQQ" />
    <input value="19979" 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%2Flammsbrau%3Fformat%3Dturbo_stream%26page%3D120">
    <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/vino-spumante-bianco-extra-dry-bio-7-5-dl-19980">
          <img alt="Vino Spumante Bianco Extra Dry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10671/file/small-5ad6d1740dd8b1c3b8e56a824408b0d3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10671/file/medium-35134055a67a8394ea715acd8db5c404.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10671/file/large-81cdd6c92fce00e8f9811dd51a70ed99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10671/file/medium-35134055a67a8394ea715acd8db5c404.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">Pizzolato</p>
          <a href="/products/vino-spumante-bianco-extra-dry-bio-7-5-dl-19980">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vino Spumante Bianco Extra Dry Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

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

</template></turbo-stream>