<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%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D3">
    <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/schafmilch-joghurt-bifidus-vanille-bio-125-g-18526">
          <img alt="Schafmilch Joghurt Bifidus Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10160/file/small-77d2dee77dbc93fc893e7639e28bcb27.webp 600w, https://assets.fabulous.ch/public/variant_asset/10160/file/medium-332a03ff5bb8ee2302f5d1a3edbe48c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/10160/file/large-cdf6db604325ebb2d7251ee66c70bed3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10160/file/medium-332a03ff5bb8ee2302f5d1a3edbe48c5.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">Emscha</p>
          <a href="/products/schafmilch-joghurt-bifidus-vanille-bio-125-g-18526">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Joghurt Bifidus Vanille Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.52 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XyVSg4vEBFBlCWR-pMZ_M-KGw9pbBQSsTnBYKNd3AqBsFHhLyK-qf_Sn9ge_Qfp-BFj_wEogKkdJASiVNXIlMg" />
    <input value="18526" 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%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D3">
    <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/schafmilch-joghurt-mango-bio-125-g-18527">
          <img alt="Schafmilch Joghurt Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10159/file/small-a2589527ff5e0117ad01c2d2531d850d.webp 600w, https://assets.fabulous.ch/public/variant_asset/10159/file/medium-0730be514aee8e0ba51dec60f43f1a04.webp 900w, https://assets.fabulous.ch/public/variant_asset/10159/file/large-b3e8a4c81918b36c2752bd2e0e1a67e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10159/file/medium-0730be514aee8e0ba51dec60f43f1a04.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">Emscha</p>
          <a href="/products/schafmilch-joghurt-mango-bio-125-g-18527">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Joghurt Mango Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.52 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KtxZTY0CA3d26ynpy5uXOp66lHWmgZin9EKUAgPuUD8Z7XOFzmmtWOdFu5DQHBJ3eGSob7ektkzzM-S_4et3rQ" />
    <input value="18527" 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%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D3">
    <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/schafmilch-joghurt-mocca-bio-125-g-18528">
          <img alt="Schafmilch Joghurt Mocca Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10158/file/small-5180310fcdd5280a37c5e573e3ca98e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/10158/file/medium-69849dabbd7b7e06b0979af0279edca1.webp 900w, https://assets.fabulous.ch/public/variant_asset/10158/file/large-a5711411c4f833c2dc8bbf125873fdb5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10158/file/medium-69849dabbd7b7e06b0979af0279edca1.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">Emscha</p>
          <a href="/products/schafmilch-joghurt-mocca-bio-125-g-18528">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Joghurt Mocca Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.52 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U4lfqRR3pZuON8c4Gexp6Y8KhK3i9LXln2HAUXTADK5guHVhVxwLtB-ZVUECa-ykadS4t_PRmw6YELDslsUrPA" />
    <input value="18528" 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%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D3">
    <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/schafmilch-joghurt-schokolade-bio-125-g-18529">
          <img alt="Schafmilch Joghurt Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10162/file/small-96a2882a40aa9f27c1699a6c919da5a5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10162/file/medium-66f38713ce6c21b36b399b78820d61a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/10162/file/large-33c2d34976fe6c1700f40803185956a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10162/file/medium-66f38713ce6c21b36b399b78820d61a5.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">Emscha</p>
          <a href="/products/schafmilch-joghurt-schokolade-bio-125-g-18529">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Joghurt Schokolade Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.52 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TAlGVeEbq9Rgm7A0tfv9q7_kDNq0tT7fRDMt0K9wvZp_OGydonAF-_E1Ik2ufHjmWTowwKWQEDRDQl1tTXWaCA" />
    <input value="18529" 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%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D3">
    <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/schafmilch-quark-nautre-bio-90-g-18530">
          <img alt="Schafmilch Quark Nautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10161/file/small-7afbbc6b11fe3296997e6f89b6c2b489.webp 600w, https://assets.fabulous.ch/public/variant_asset/10161/file/medium-ca4767b1494240f9feba8f58f241061c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10161/file/large-3787a3ca03603217e89d79a4f2b30a2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10161/file/medium-ca4767b1494240f9feba8f58f241061c.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">Emscha</p>
          <a href="/products/schafmilch-quark-nautre-bio-90-g-18530">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Quark Nautre Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BtiifuI6MaNQ61c5FyCBShaXY4vVDIJfp9DWwKyunWY16Yi2oVGfjMFFxUAMpwQH8ElfkcQprLSgoaZ9Tqu69A" />
    <input value="18530" 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%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D3">
    <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/joghurt-vanille-demeter-150-g-19679">
          <img alt="Joghurt Vanille Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10147/file/small-2868b9d11264d1f72191439a2c024fff.webp 600w, https://assets.fabulous.ch/public/variant_asset/10147/file/medium-5e4b836e35a8fcac0c3c1bdc4c860634.webp 900w, https://assets.fabulous.ch/public/variant_asset/10147/file/large-347a4cab70a56d3a27404e1c87d48f1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10147/file/medium-5e4b836e35a8fcac0c3c1bdc4c860634.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">Biomilk</p>
          <a href="/products/joghurt-vanille-demeter-150-g-19679">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joghurt Vanille Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VijUlvoN8BlZZk2nxD_NKrJhkvOEoL_k1csf3dOvhVxlGf5euWZeNsjI397fuEhnVL-u6ZWFkQ_Sum9gMaqizg" />
    <input value="19679" 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%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D3">
    <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/schafmilch-quark-mango-bio-90-g-19777">
          <img alt="Schafmilch Quark Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10243/file/small-a6523112619aa112c43c739404bce3a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/10243/file/medium-82d35dbed07e9d7408f7d9038bb94d5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10243/file/large-2bf17532858348d09d07c90e7d880de8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10243/file/medium-82d35dbed07e9d7408f7d9038bb94d5e.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">Emscha</p>
          <a href="/products/schafmilch-quark-mango-bio-90-g-19777">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Quark Mango Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j7pP1oyT7Mk13BjBnqGZBHMCLbnmP1zfbIu2dciTUQS8i2Uez_hC5qRyiriFJhxJldwRo_cacjRr-sbIKpZ2lg" />
    <input value="19777" 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%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D3">
    <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/schafmilch-joghurt-nature-stichfest-bio-125-g-19778">
          <img alt="Schafmilch Joghurt Nature stichfest Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10244/file/small-06dd65ad7589ea772f9bdad37d91d277.webp 600w, https://assets.fabulous.ch/public/variant_asset/10244/file/medium-9232afe4bfa00ff8e9f6e006c7567a49.webp 900w, https://assets.fabulous.ch/public/variant_asset/10244/file/large-6d979521a5592f1de59104dfa44f6399.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10244/file/medium-9232afe4bfa00ff8e9f6e006c7567a49.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">Emscha</p>
          <a href="/products/schafmilch-joghurt-nature-stichfest-bio-125-g-19778">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Joghurt Nature stichfest Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.52 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cBdnwjZrLQ__dLDdDNcRhk4sUw26VJMhfKwk_86oxKpDJk0KdQCDIG7aIqQXUJTLqPJvF6txvcp73VRCLK3jOA" />
    <input value="19778" 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%2Flebensmittel%2Fjoghurt-quark%3Fformat%3Dturbo_stream%26page%3D3">
    <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/schafmilch-joghurt-nature-bio-500-g-20015">
          <img alt="Schafmilch Joghurt Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10711/file/small-233b14101d5d6dedaaefc6bfff29b83e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10711/file/medium-1c191cab4daee48dbdb258f8a1f85221.webp 900w, https://assets.fabulous.ch/public/variant_asset/10711/file/large-95805c38b6a75ff76805b830044a28d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10711/file/medium-1c191cab4daee48dbdb258f8a1f85221.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">Emscha</p>
          <a href="/products/schafmilch-joghurt-nature-bio-500-g-20015">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schafmilch Joghurt Nature Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.26 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p4g-nGNIYk_MXjes2181Hv46Re_UyeYHO8x48gbq8RiUuRRUICPMYF3wpdXA2LBTGOR59cXsyOw8vQhP5O_Wig" />
    <input value="20015" 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">
      49 von 49 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>