<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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/himalaya-kristallsalz-brocken-800-g-19161">
          <img alt="Himalaya Kristallsalz Brocken" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10006/file/small-c66bf3982f59553c9719baae87b9ffcc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10006/file/medium-f8e75850b8ef5d96e8ebb4bbfae6b9e8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10006/file/large-df1cc1c27eef8e4b7514c6a3a1df75ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10006/file/medium-f8e75850b8ef5d96e8ebb4bbfae6b9e8.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">VitaSal</p>
          <a href="/products/himalaya-kristallsalz-brocken-800-g-19161">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Himalaya Kristallsalz Brocken, 800 g</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 2.49 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UdcRuip6rzC5bbHast9Vw1wtzsU1z9AelL8s5Kd65FrzNauSoc8_Rrqq4ZWkEe6S41RgMDrs9NzsKGm6e0DMHA" />
    <input value="19161" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/himalaya-kristallsalz-fein-pe-1-kg-19162">
          <img alt="Himalaya Kristallsalz fein PE" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10007/file/small-4591fb46e49fc27df5578f53d0768030.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10007/file/medium-dcfa51d458d7b79d0c4b817da4249f6e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10007/file/large-6f191109f632a16c8eec2b594d40b0a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10007/file/medium-dcfa51d458d7b79d0c4b817da4249f6e.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">VitaSal</p>
          <a href="/products/himalaya-kristallsalz-fein-pe-1-kg-19162">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Himalaya Kristallsalz fein PE, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0iVL8l41dyCrhlDo5a3fA73GVmqynIC29IHP7aA1PSlwx_Ha1YDnVqhBAKfzY2RSAr_4n72_pHSMFoqzfA8Vbw" />
    <input value="19162" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/himalaya-kristallsalz-fein-streudose-250-g-19163">
          <img alt="Himalaya Kristallsalz fein Streudose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9318/file/small-46ba71f51bcb2270195ada88d7a6701c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9318/file/medium-4074bf40d1bd916e39ed263744b422ef.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9318/file/large-4ad5533963922557ebd3591be0f2ae06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9318/file/medium-4074bf40d1bd916e39ed263744b422ef.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">VitaSal</p>
          <a href="/products/himalaya-kristallsalz-fein-streudose-250-g-19163">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Himalaya Kristallsalz fein Streudose, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eI6IbwKpX_YdIeNrDMfcjDemFTUVt8JyUIMJ8ruH1THabDJHiRzPgB7msyQaCWfdiN-7wBqU5rAoFEysZ739dw" />
    <input value="19163" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/natron-konv-100-g-19164">
          <img alt="Natron konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10008/file/small-ba38015c79e0cc46735468d235c56099.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10008/file/medium-3562fd0f72ae365956d57a5f4ea8a0d5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10008/file/large-e18daf2cb51c61645352d1b3755493c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10008/file/medium-3562fd0f72ae365956d57a5f4ea8a0d5.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">Vitavegan</p>
          <a href="/products/natron-konv-100-g-19164">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natron konv, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="isWGrYuBbU5fInOJGUV-JEtsT4YFH2o_rBujE5TR6_4oJzyFADT9OFzlI8YPi8V19BXhcwo8Tv3UjOZNSOvDuA" />
    <input value="19164" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/kuverture-vollmilch-bio-150-g-19165">
          <img alt="Kuvertüre Vollmilch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9449/file/small-aa5b7458345e05ce1e7ce4ccf64a846e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9449/file/medium-4d1261dc8f98ae2c687426f61f0b2f94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9449/file/large-a2f22877808d5eca62fd8d5bf4baf3ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9449/file/medium-4d1261dc8f98ae2c687426f61f0b2f94.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">Vivani / Ichoc</p>
          <a href="/products/kuverture-vollmilch-bio-150-g-19165">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kuvertüre Vollmilch Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="els_HqTOxJqZsOhftf4HQZxBdozCmZz0O0Ksx_wMGa_YuYU2L3tU7Jp3uBCjMLwQIzjYec26uDZD1emZIDYx6Q" />
    <input value="19165" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/kuverture-weiss-bio-150-g-19166">
          <img alt="Kuvertüre weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9452/file/small-dac8024499c223524f621f318737b34d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9452/file/medium-bbb7d35d6c66bf408fd929d95aba95cb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9452/file/large-c4c3f1d3ac1d34b83c8abbe274faed97.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9452/file/medium-bbb7d35d6c66bf408fd929d95aba95cb.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">Vivani / Ichoc</p>
          <a href="/products/kuverture-weiss-bio-150-g-19166">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kuvertüre weiss Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tsYdaJfgYuJzYIDVA8Wu6eUi0RGdQYAD8Ao-JY-ypAIUJKdAHFXylHCn0JoVCxW4Wlt_5JJipMGInXt7U4iMRA" />
    <input value="19166" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/schokolade-cappuccino-bio-100-g-19167">
          <img alt="Schokolade Cappuccino Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9319/file/small-70878868d44102d6082e8441d2a65818.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9319/file/medium-43072c607d3d840fb9087475a851fc12.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9319/file/large-6b629dec9510a7d60e8483150b6cddd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9319/file/medium-43072c607d3d840fb9087475a851fc12.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">Vivani / Ichoc</p>
          <a href="/products/schokolade-cappuccino-bio-100-g-19167">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Cappuccino Bio, 100 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 4.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LsKUT1EPpVN3s989aeW6hCSObCmFAq1jRDnkTfzlh22MIC5n2ro1JXR0j3J_KwHVm_fC3IohiaE8rqETIN-vKw" />
    <input value="19167" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/schokolade-caramel-inka-salz-bio-80-g-19168">
          <img alt="Schokolade Caramel Inka Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9447/file/small-88adab93e3441d82fd87081aad916d34.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9447/file/medium-6c5385bdfe712a4bb8f789a4688bc64e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9447/file/large-27750d24da5bf92a9ddfed037c2546d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9447/file/medium-6c5385bdfe712a4bb8f789a4688bc64e.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">Vivani / Ichoc</p>
          <a href="/products/schokolade-caramel-inka-salz-bio-80-g-19168">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Caramel Inka Salz Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bjZbZuDmkuEcdkywZZ42xo-U-AQyjAakXRO-iBix8fPM1OFOa1MClx-xHP9zUI2XMO1W8T2vImYlhPvWxIvZtQ" />
    <input value="19168" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/schokolade-dunkle-vm-50-kokosz-bio-80-g-19169">
          <img alt="Schokolade Dunkle VM 50% KokosZ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10995/file/small-fdcf7abb15805b71f5ed336790db39f1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10995/file/medium-b52a58d9d1ce3f27f4fffbbf3ece3868.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10995/file/large-bfe1fabf59bbb000b5bd9a6f48ef905c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10995/file/medium-b52a58d9d1ce3f27f4fffbbf3ece3868.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">Vivani / Ichoc</p>
          <a href="/products/schokolade-dunkle-vm-50-kokosz-bio-80-g-19169">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Dunkle VM 50% KokosZ Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WH3shpfLcD0m6Cp30fdaaWNaJ2pJirnfaTHUNwiZfdH6n1auHH7gSyUvejjHOeE43COJn0apnR0RppFp1KNVlw" />
    <input value="19169" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/schokolade-pfefferminze-bio-100-g-19170">
          <img alt="Schokolade Pfefferminze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9320/file/small-8a23a05ebf005c92efb6a05b72f003cf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9320/file/medium-b4fbcba44e242f611b1d7a465b294873.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9320/file/large-1a5a1f3e59126f409d7f4475f94c2af5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9320/file/medium-b4fbcba44e242f611b1d7a465b294873.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">Vivani / Ichoc</p>
          <a href="/products/schokolade-pfefferminze-bio-100-g-19170">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Pfefferminze Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jqwwUV9tDVs4tKlQJeI3eA6wGJMTQvb4Q7KZyQ9EH_UsTop51NidLTtz-R8zLIwpscm2Zhxh0jo7JdyX0343sw" />
    <input value="19170" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/schokolade-weiss-mit-vanille-bio-80-g-19171">
          <img alt="Schokolade weiss mit Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10876/file/small-c31e4d110030d9d856182384ba3a18d6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10876/file/medium-f8f4f0afcb8b6a94de34db33a22105e3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10876/file/large-57e7384d212c2d8f694e964aa271ed81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10876/file/medium-f8f4f0afcb8b6a94de34db33a22105e3.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">Vivani / Ichoc</p>
          <a href="/products/schokolade-weiss-mit-vanille-bio-80-g-19171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade weiss mit Vanille Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NG5PRgYYH4CQPw997-UawuZmmd_XXA86lOEDNaIQq3WWjPVuja2P9pP4XzL5K6GTWR83Kth_K_jsdkZrfiqDMw" />
    <input value="19171" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/schokolade-feine-bitter-70-orange-bio-80-g-19172">
          <img alt="Schokolade Feine Bitter 70% Orange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9321/file/small-e01e1c5ed11ac828c80750e931075695.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9321/file/medium-fa46ac7c045a6f00738c911e0200f74b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9321/file/large-0305b0e4c8fdcd37144857316a8dcdeb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9321/file/medium-fa46ac7c045a6f00738c911e0200f74b.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">Vivani / Ichoc</p>
          <a href="/products/schokolade-feine-bitter-70-orange-bio-80-g-19172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Feine Bitter 70% Orange Bio, 80 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 6.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ATjlloZ5kpA_IoMt1kEbaVCoD_pbS25UF80CX-RuEoij2l--DcwC5jzl02LAj6A479GhD1RoSpZvWkcBOFQ6zg" />
    <input value="19172" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/schokoriegel-creamy-caramel-bio-40-g-19173">
          <img alt="Schokoriegel Creamy Caramel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9322/file/small-83b63ca6f4f7720136b723cf87557e27.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9322/file/medium-0279701d18fa2e1a3b1b6a3276084426.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9322/file/large-586ffc9ac464bd07c002f052ac762a99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9322/file/medium-0279701d18fa2e1a3b1b6a3276084426.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">Vivani / Ichoc</p>
          <a href="/products/schokoriegel-creamy-caramel-bio-40-g-19173">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokoriegel Creamy Caramel Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cxjRdFCB6ToBSB5Q52qrbrxsT2KaUWp67EN6Ti6RrInR-mtc2zR5TAKPTh_xpBA_AxXhl5VyTriU1D8Q8quEzw" />
    <input value="19173" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/schokoriegel-espresso-biscotti-bio-40-g-19174">
          <img alt="Schokoriegel Espresso Biscotti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9445/file/small-e1a946565d289db66e3dfe467676c233.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9445/file/medium-6430c095293ef5db4cf654e33f8148a6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9445/file/large-47b8374085975e6c689fc61a94f31107.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9445/file/medium-6430c095293ef5db4cf654e33f8148a6.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">Vivani / Ichoc</p>
          <a href="/products/schokoriegel-espresso-biscotti-bio-40-g-19174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokoriegel Espresso Biscotti Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KjtjOyaiuRfbYt8iRyLlP7Ryvx-B8gxyddJDwpoC9EGI2dkTrRcpYdilj21R7F5uCwsR6o7RKLANRQacRjjcBw" />
    <input value="19174" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/schokoriegel-milch-creme-bio-40-g-19175">
          <img alt="Schokoriegel Milch Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9440/file/small-615e801ee49661308668f8a33977e189.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9440/file/medium-f17c1463b98dffcec52564693d9d79c5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9440/file/large-49cb88477d7290bc881fb76d95401031.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9440/file/medium-f17c1463b98dffcec52564693d9d79c5.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">Vivani / Ichoc</p>
          <a href="/products/schokoriegel-milch-creme-bio-40-g-19175">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokoriegel Milch Creme Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZCKCnhhgAFCwXBGO0DcwsuefldAUqJBlUUT9BeoKPcHGwDi2k9WQJrObQcHG-YvjWOY7JRuLtKcp07hbNjAVhw" />
    <input value="19175" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/7-zwerge-saft-original-demeter-700-ml-19176">
          <img alt="7-Zwerge Saft Original Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10572/file/small-f8d5a6ac747773b2b35083a132e967cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10572/file/medium-783b40d28b12848e75b893f9e097851d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10572/file/large-2ab58d02b08175e6b70c6ed1d9003db4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10572/file/medium-783b40d28b12848e75b893f9e097851d.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">Voelkel</p>
          <a href="/products/7-zwerge-saft-original-demeter-700-ml-19176">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">7-Zwerge Saft Original Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lrdCQ3uz8LQRXQ3o51ST2JoL-aik9pTUwTtjRXfL1bM0Vfhr8AZgwhKaXafxmiiJJXJXXavVsBa5rCYbq_H99Q" />
    <input value="19176" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/7-zwerge-kindersaft-original-glas-demeter-200-ml-19177">
          <img alt="7-Zwerge Kindersaft Original Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10436/file/small-ff684950b0e4efe39d7115ce131463ea.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10436/file/medium-a11a5ef24aa28c9fda2b2d620b3c61f6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10436/file/large-76ff795fbaae63a34463d7d4c3c272d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10436/file/medium-a11a5ef24aa28c9fda2b2d620b3c61f6.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">Voelkel</p>
          <a href="/products/7-zwerge-kindersaft-original-glas-demeter-200-ml-19177">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">7-Zwerge Kindersaft Original Glas Demeter, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4kRls0ZuFo67Vog3Dh0jd3ScaZYVcqbtdMpxTiCFKGdApt-bzduG-LiR2HgY05gmy-XHYxpRgi8MXTQQ_L8AIQ" />
    <input value="19177" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/ananassaft-bio-500-ml-577a2c1d-8abb-4af8-b22f-e5585bb78a92-19178">
          <img alt="Ananassaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10782/file/small-7eaa1e8bdb97111e570ea7b69649cbce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10782/file/medium-16c827d1db95f70b3008e3baec53037c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10782/file/large-23fa52b6e67bbd87b0b20bb72f0b428d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10782/file/medium-16c827d1db95f70b3008e3baec53037c.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">Voelkel</p>
          <a href="/products/ananassaft-bio-500-ml-577a2c1d-8abb-4af8-b22f-e5585bb78a92-19178">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ananassaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DPwKv0WTL6jqP3VEFw3IK26dgd6Kw7YR-b805Spm4vuuHrCXzia_3un4JQsBw3N60eQvK4XgktOBKHG79lzKvQ" />
    <input value="19178" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/apfel-mango-saft-demeter-200-ml-19179">
          <img alt="Apfel Mango Saft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10861/file/small-8d2798cd665a54e479c2b7bea5696959.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10861/file/medium-32cf2645e8639551b9d6117b1181daac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10861/file/large-b4e3003ec593891d763c0631fe3b8a88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10861/file/medium-32cf2645e8639551b9d6117b1181daac.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">Voelkel</p>
          <a href="/products/apfel-mango-saft-demeter-200-ml-19179">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfel Mango Saft Demeter, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bUROCdQxZ1YckvyprCnA-plL9FMEiycGj06KU70NN27PpvQhX4T3IB9VrOa653urJjJapguoA8T32c8NYTcfKA" />
    <input value="19179" 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%2Fpommel%3Fformat%3Dturbo_stream%26page%3D80">
    <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/apfel-mango-saft-demeter-700-ml-19180">
          <img alt="Apfel Mango Saft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10862/file/small-9cf7bbd7c152699e5a2f7b8f52839260.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10862/file/medium-60e82bc6dba693a14b5ac6098f78cd10.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10862/file/large-1da8abc7170f10189ae93d0d67c379b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10862/file/medium-60e82bc6dba693a14b5ac6098f78cd10.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">Voelkel</p>
          <a href="/products/apfel-mango-saft-demeter-700-ml-19180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfel Mango Saft Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="823KMYnHupB-c27lGNvCDwped6ZJ9_u-kXiqDcO949pRj3AZAnIq5n20PqoOFXletSfZU0bU33zp7-9TH4fLnA" />
    <input value="19180" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;600 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/pommel?format=turbo_stream&amp;page=81">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>