<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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/handseife-citrus-300-ml-19621">
          <img alt="Handseife Citrus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9399/file/small-3fa3a9da575170113399530a970bb8d7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9399/file/medium-d027c81d8fc7ac1a48ec6cb1966d37e8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9399/file/large-fe805cb21696fa858152defeb3378d4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9399/file/medium-d027c81d8fc7ac1a48ec6cb1966d37e8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/products/handseife-citrus-300-ml-19621">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Citrus, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hj8D-HFqtu976Uu0V_2up1lzUiIP6Gqv0FuEmYIsCrXy57FyckYsd1af-jLkjEXPPeTZS0uJr3QPs0oMeCjgRw" />
    <input value="19621" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/handseife-citrus-nfp-1-l-19622">
          <img alt="Handseife Citrus NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9400/file/small-a893378be3476d9426434b591c1389e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9400/file/medium-52e669a1a616f9e7dc345f26c62e6a0f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9400/file/large-2138d6ca1c1a73c143a4b797e0dfedf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9400/file/medium-52e669a1a616f9e7dc345f26c62e6a0f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/products/handseife-citrus-nfp-1-l-19622">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Citrus NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MGw48NPU8bT8zTaE2BTm4pYf3bhR0ay9z87Z2bOgU9LctIp60PhrLNG7hwJrZQ2K8ohW0RWwaWYQJhdMSaS5IA" />
    <input value="19622" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/handseife-rose-nfp-1-l-19623">
          <img alt="Handseife Rose NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9401/file/small-a1a42e67d2a970b13ea06589ee4685bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9401/file/medium-d5ed85c6f5ca142d009f800d42906275.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9401/file/large-0fb8a1a027f6c6e2d8aabf2976b05f6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9401/file/medium-d5ed85c6f5ca142d009f800d42906275.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/products/handseife-rose-nfp-1-l-19623">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Rose NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KxEwHhRfIAKRhkfq93QLOHusZfM9ogXs-J3cfV-iUULHyYKUF3O6mrzw9mxEBeBQHzvumnnDwDcndRLopaa7sA" />
    <input value="19623" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/handseife-rosmarin-300-ml-19624">
          <img alt="Handseife Rosmarin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9402/file/small-f13e2094f36a04ea3b5d0d4c49c0da65.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9402/file/medium-c006511665740a0451a3e4d5bd6a63e4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9402/file/large-e670f1d12012c668fffe517a911fa33b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9402/file/medium-c006511665740a0451a3e4d5bd6a63e4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/products/handseife-rosmarin-300-ml-19624">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife Rosmarin, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2P4S3h15p0FI4E77nrarYKdZqglqmKSKeefM7Wels600JqBUHlU92WWW_30tx0AIw84hYC75YVGmDwJ4naFZXw" />
    <input value="19624" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/handseife-sensitiv-nfp-1-l-19625">
          <img alt="Handseife sensitiv NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9403/file/small-76eb6ea889ee201d84cf357811906250.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9403/file/medium-41bd68b33fbd3039b4772d65e685230a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9403/file/large-eee5f45b8411e60c8600480bc316ee2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9403/file/medium-41bd68b33fbd3039b4772d65e685230a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/products/handseife-sensitiv-nfp-1-l-19625">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Handseife sensitiv NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="taZw8YAmCZX-MDOe-qyndGXm5QHBVQsg1Zg36Si-d6tZfsJ7gwqTDdNGghhJ3UwcAXFuaIU0zvsKcPl80rqdWQ" />
    <input value="19625" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/scheuermilch-500-ml-19626">
          <img alt="Scheuermilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10878/file/small-af98fb06e88137b18bf47e725f438482.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10878/file/medium-0d5f34d77c9490c6bc2543cad6cf7976.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10878/file/large-a96880829f1148b52450f8158bca5e2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10878/file/medium-0d5f34d77c9490c6bc2543cad6cf7976.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/products/scheuermilch-500-ml-19626">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Scheuermilch, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WYiSUjtVIbYfUBGXZoebHlwWj9wMAGIt44JfJrw2y9y1UCDYOHm7LjImoBHV9nB2OIEEtUhhp_Y8apGzRjIhLg" />
    <input value="19626" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/waschmittel-pulver-konzentrat-2-4-kg-19627">
          <img alt="Waschmittel Pulver Konzentrat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10070/file/small-d963b4c11fd708e0d244136d68b18963.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10070/file/medium-d3256eec73572148bc72009c9c81205a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10070/file/large-08b7dbd6b65dc767cb00ad6c6c960570.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10070/file/medium-d3256eec73572148bc72009c9c81205a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/products/waschmittel-pulver-konzentrat-2-4-kg-19627">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Waschmittel Pulver Konzentrat, 2.4 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fRFsFdhEiQ6_qeymeiSxt2CPR3TpAgSqSFkbQDzC0miRyd6f22gTlpLfXSDJVVrfBBjMHa1jwXGXsdXVxsY4mg" />
    <input value="19627" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/deo-stick-40-ml-19628">
          <img alt="Deo-Stick" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9467/file/small-253aea08a60295ac905525e06c01d49b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9467/file/medium-edc37d47a9ac218a7fbc2ed0366d996a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9467/file/large-997d9979a4a5bd6f5a852a9d32034e6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9467/file/medium-edc37d47a9ac218a7fbc2ed0366d996a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Speick</p>
          <a href="/products/deo-stick-40-ml-19628">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo-Stick, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R0dWr81pXitj-GaCb1N227KskPAXMSoR51Zerus9lb-rn-QlzkXEs06O1wTcIp2z1jsbmVNQ78o4vpA7ETl_TQ" />
    <input value="19628" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/men-deo-stick-40-ml-19629">
          <img alt="Men Deo-Stick" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9468/file/small-05b2983061deac2da7233c924b1d43de.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9468/file/medium-1da4fad4948832ac411b788650b920d1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9468/file/large-cf2ae260b56f8afeafd15a9c47248311.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9468/file/medium-1da4fad4948832ac411b788650b920d1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Speick</p>
          <a href="/products/men-deo-stick-40-ml-19629">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Men Deo-Stick, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E3w5y8bjWRSMAplNjBBBnQIwi-JPGkO0QdCycMbN2Bf_pItBxc_DjKF0KMs_Yar1ZqcAiwt7hm-eOHzlPMky5Q" />
    <input value="19629" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/weisswein-basa-rueda-7-5-dl-19630">
          <img alt="Weisswein Basa Rueda" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10034/file/small-eafd762d26fef020f8892bb25f203bfa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10034/file/medium-e004b64b7669b4ba57643a87d61a252e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10034/file/large-cf9c0de3c13f12be0f5c0936cf6f5290.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10034/file/medium-e004b64b7669b4ba57643a87d61a252e.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">Küferweg</p>
          <a href="/products/weisswein-basa-rueda-7-5-dl-19630">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Basa Rueda, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LmhuHyV1432s6WzEip5zoJbB6rumpUOWtWTpo3qBxO3CsNyVJll55YGf3UI575jI8lZh0uLEhk1qjCc2gIUuHw" />
    <input value="19630" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/weisswein-bordeaux-blanc-demeter-7-5-dl-19631">
          <img alt="Weisswein Bordeaux Blanc Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10852/file/small-d87ad9ce36c913ad142f03b11d0c960f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10852/file/medium-8044b7545e9f4bb22062f5fab6afd1eb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10852/file/large-1c98198ba3ca6d06cb71bb67999cbf6b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10852/file/medium-8044b7545e9f4bb22062f5fab6afd1eb.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">Küferweg</p>
          <a href="/products/weisswein-bordeaux-blanc-demeter-7-5-dl-19631">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Bordeaux Blanc Demeter, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jZP34zwC1Ggvmk_Gt_WpfN7Yu2lEEmTPNAlIh_C2KNZhS0VpPy5O8ALs_kAEhEIUuk8wAABzoRTr4YYSCrLCJA" />
    <input value="19631" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/weisswein-le-blanc-bio-5-dl-19632">
          <img alt="Weisswein le Blanc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10109/file/small-30867b232c5be77fde348e0206bd40e8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10109/file/medium-917572f615f8ef07561b124061116fbd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10109/file/large-870dd57b640bf9f94d7d6599720407c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10109/file/medium-917572f615f8ef07561b124061116fbd.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">Küferweg</p>
          <a href="/products/weisswein-le-blanc-bio-5-dl-19632">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein le Blanc Bio, 5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="37CIl6wE5OiaFD_RI9Zw2aBjzBMYdc0Q_2o97YbVKGYzaDodryh-cLdijleQp5uxxPRHelwUCMsggvN4fNHClA" />
    <input value="19632" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/schaumwein-moscato-d-asti-san-grod-mario-torelli-bio-7-5-dl-19633">
          <img alt="Schaumwein Moscato d&#39;Asti San Gròd Mario Torelli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10035/file/small-cd42a872ffc36f40ccd509405b09994e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10035/file/medium-92a46576c61d067382f63beec7149f69.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10035/file/large-bd349aa4ae3b01b55122750a61d1cd99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10035/file/medium-92a46576c61d067382f63beec7149f69.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">Küferweg</p>
          <a href="/products/schaumwein-moscato-d-asti-san-grod-mario-torelli-bio-7-5-dl-19633">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schaumwein Moscato d&#39;Asti San Gròd Mario Torelli Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I9IRcMrJNKiOZX5Xp_T6tlHBjrtPhND9OBXeigkcUaTPCqP6yeWuMKMTz9EUhRHeNVYF0gvlFSbn_RAf8xi7Vg" />
    <input value="19633" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/weisswein-neleman-viognier-verdil-bio-7-5-dl-19634">
          <img alt="Weisswein Neleman Viognier Verdil Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10110/file/small-85d00f4b5ed174e62e259134090bc135.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10110/file/medium-a424ae21a34500d86d991f03d1269d2d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10110/file/large-cac1f578645f8209876a0775336bf784.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10110/file/medium-a424ae21a34500d86d991f03d1269d2d.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">Küferweg</p>
          <a href="/products/weisswein-neleman-viognier-verdil-bio-7-5-dl-19634">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Neleman Viognier Verdil Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rd7omnW5VW4O156aHcVuOaj9eY5cRGNMvqmjqd3hY1VBBloQdpXP9iOhLxyutIVRzGry5xglppdhQW08J-WJpw" />
    <input value="19634" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/weisswein-pinot-grigio-tenuta-civranetta-venezia-demeter-7-5-dl-19635">
          <img alt="Weisswein Pinot Grigio Tenuta Civranetta Venezia Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10566/file/small-232178591afdef31878e7c73db77a2e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10566/file/medium-7f8a33deab85549a1552c35eda91a4ed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10566/file/large-9ca6b0804197041279b3f466e60e321a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10566/file/medium-7f8a33deab85549a1552c35eda91a4ed.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">Küferweg</p>
          <a href="/products/weisswein-pinot-grigio-tenuta-civranetta-venezia-demeter-7-5-dl-19635">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Pinot Grigio Tenuta Civranetta Venezia Demeter, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UCn3TWJ14bo75MdVUuH4xXZe23GXd35fbf--nHOfJ6q88UXHYVl7IhaSdtPhkBOtEslQGNMWu4SyF3AJiZvNWA" />
    <input value="19635" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/prosecco-frizzante-demeter-7-5-dl-19636">
          <img alt="Prosecco Frizzante Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10561/file/small-22ee66070725ffa41be066fcc8ddf68f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10561/file/medium-e5c8bbe4914db7125088e18697ab09c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10561/file/large-f16595e05e789a29865d3f83021a77b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10561/file/medium-e5c8bbe4914db7125088e18697ab09c8.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">Küferweg</p>
          <a href="/products/prosecco-frizzante-demeter-7-5-dl-19636">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Prosecco Frizzante Demeter, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iHsPQJDOp6m6OU5npItq5UV2kMl5yt7TtQGPR2gPUeRko73Kk-I9MZdP_-EX-oGNIeEboD2rGwhq6UHSkgu7Fg" />
    <input value="19636" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/weisswein-sogno-bianco-inzolia-bio-7-5-dl-19637">
          <img alt="Weisswein Sogno Bianco Inzolia Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10108/file/small-24b48eb66695f70c3c555a5cdc71076a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10108/file/medium-6225f4a4b1271befeb8728429949fb4a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10108/file/large-9fab8ad8a357dfe48671beee3ab26146.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10108/file/medium-6225f4a4b1271befeb8728429949fb4a.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">Küferweg</p>
          <a href="/products/weisswein-sogno-bianco-inzolia-bio-7-5-dl-19637">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Sogno Bianco Inzolia Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YJnw3Y0dvTKScJVDEuFZVq6cr2FXiijVwatu0XCXHQuMQUJXjjEnqr8GJMWhkLI-ygskCBPr7Q4eQ6BEipP3-Q" />
    <input value="19637" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/weisswein-weisser-lenz-bio-7-5-dl-19638">
          <img alt="Weisswein Weisser Lenz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10570/file/small-9fae1c6098620b65205e17f00d7cf2c2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10570/file/medium-86e185fdb0053419019fdec979d56b41.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10570/file/large-93a17a07cd986bfae7d0828596186de8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10570/file/medium-86e185fdb0053419019fdec979d56b41.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">Küferweg</p>
          <a href="/products/weisswein-weisser-lenz-bio-7-5-dl-19638">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Weisser Lenz Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kFMpT9ezuKO3VPO1KcRO7R_EC_vLnawjwN0VDLxSz9V8i5vF1J8iO5oiQjOataWFe1OAko_8afgfNduZRlYlJw" />
    <input value="19638" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/weisswein-xarel-lo-bio-7-5-dl-19639">
          <img alt="Weisswein Xarel-lo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10853/file/small-f243a4a961a7be8fc2503fe09854bf34.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10853/file/medium-dd205b95f703b855aa723060e3e46c39.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10853/file/large-d28be2b7f85dbcc6fc9000bb5fc26a03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10853/file/medium-dd205b95f703b855aa723060e3e46c39.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">Küferweg</p>
          <a href="/products/weisswein-xarel-lo-bio-7-5-dl-19639">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisswein Xarel-lo Bio, 7.5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rW9lnWHBDGjOM1i11dU0kIsvJWCeUwjK2B1QBIPQDSlBt9cXYu2W8ONF6TNmpN_477iuCdoyzREH9Z6RedTn2w" />
    <input value="19639" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D103">
    <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/hepa-aktiv-kapseln-90-stuck-21c90eaa-9b59-46f6-8702-9a53d01c7b06-19640">
          <img alt="Hepa Aktiv Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10079/file/small-e6df59b592a59035202312d03db20399.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10079/file/medium-42d9b607cf12e5b06f8ac6875859a35d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10079/file/large-e91de20ad0faf48b91cde894af01b51f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10079/file/medium-42d9b607cf12e5b06f8ac6875859a35d.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">Erva Medica AG</p>
          <a href="/products/hepa-aktiv-kapseln-90-stuck-21c90eaa-9b59-46f6-8702-9a53d01c7b06-19640">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hepa Aktiv Kapseln, 90 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.90
            </p>

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

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

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

</template></turbo-stream>