<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%2Fdr-molke%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/hefe-extrakt-r-rein-konv-80-g-19146">
          <img alt="Hefe-Extrakt-R rein konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9306/file/small-6382f2ea3d066a18622d672b4de3f803.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9306/file/medium-fd28072b4cc8cc6ea387ae9cfdcc441b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9306/file/large-f4113b41b17f733a689a1d887a13016d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9306/file/medium-fd28072b4cc8cc6ea387ae9cfdcc441b.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">VITAM</p>
          <a href="/products/hefe-extrakt-r-rein-konv-80-g-19146">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hefe-Extrakt-R rein konv, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZKnpFRKR1t5k1tfbCwAmMMGKFWbc9aUcxM-V0BALf3rCgZnUYFsW4e4gbGo2-CnCTaWczAg2EH0upQsHorx75Q" />
    <input value="19146" 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%2Fdr-molke%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/hefe-extrakt-rd-krauter-konv-80-g-19147">
          <img alt="Hefe-Extrakt-RD Kräuter konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11122/file/small-90dcac3b2c3c209d56ab3e055e11c3b0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11122/file/medium-74cdb840cf65f22718fc2ad19cbb6ff0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11122/file/large-d1b51a743efd34782e6bb8767125d75e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11122/file/medium-74cdb840cf65f22718fc2ad19cbb6ff0.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">VITAM</p>
          <a href="/products/hefe-extrakt-rd-krauter-konv-80-g-19147">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hefe-Extrakt-RD Kräuter konv, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8cHhXzPgPdZxeEW-qHNP6IaRNndKzAicsgxZqM1dcVtX6ZGeQSr96fuO_g-Vi0AaCr6_3Z4Pvf1YZsd_f-p1xA" />
    <input value="19147" 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%2Fdr-molke%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/hefebouillon-paste-steinpilz-150-g-19148">
          <img alt="Hefebouillon Paste Steinpilz" 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-26075a3930a73326e52b2d65ddfebbef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9452/file/medium-19348e6b3e683794ce19acfe4834b228.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9452/file/large-fb9d171d32ab878de549fa06c362c9b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9452/file/medium-19348e6b3e683794ce19acfe4834b228.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">VITAM</p>
          <a href="/products/hefebouillon-paste-steinpilz-150-g-19148">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hefebouillon Paste Steinpilz, 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-19148-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H7vKKGqqERqlagK88_YjoYxe6QpvIbJbkaRSL5O-ggK5k7rpGGDRJS-cuQ3ODixTAHFgoLviBzp7zsz4IQmGnQ" />
    <input value="19148" 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%2Fdr-molke%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-19149">
          <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/9994/file/small-f28ec03dee08242afe11fc605ec3629b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9994/file/medium-6cd60b858bee3bcbdd3a3b70b8d217e0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9994/file/large-a623558afc8b252c56283323aed9e1ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9994/file/medium-6cd60b858bee3bcbdd3a3b70b8d217e0.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-19149">
            <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-19149-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8VIDz1hW-kAHoYSGL2Qcd6doe40o5E5tLEsBD4OFshZXenMOKpw6f41XPzcSnBOFK0fyJ_wn-wzGIZ_YMTK2iQ" />
    <input value="19149" 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%2Fdr-molke%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-19150">
          <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/9997/file/small-4d50fcaa624421548c257dfdeff2394e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9997/file/medium-891f27c13ac9d69a3cd7b90c6ae00119.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9997/file/large-d08ca1ff841fe7a019d7aea40de2ca15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9997/file/medium-891f27c13ac9d69a3cd7b90c6ae00119.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-19150">
            <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-19150-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BiwjtMs41kRQj8ngg8uY6eGTGKuN3fIG94YWzpMAI9GgBFN1ufIWe9p5clG-M5cbbbyRAVkeR2cd7IgZIbcnTg" />
    <input value="19150" 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%2Fdr-molke%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-19151">
          <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/9308/file/small-2d179d738131be2cb7fbcc37c8e714df.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9308/file/medium-dbe7037457a8b7c8b9a99fd26bd87808.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9308/file/large-65a8e48f539fdc928e008b71ee319194.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9308/file/medium-dbe7037457a8b7c8b9a99fd26bd87808.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-19151">
            <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-19151-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Q5Q9XxCPSiqCEZqVp6IjKX4sVGgK_XSDYToFRbh5eNHJiA0Doj9FyD-_dtrZod-Kdc4-3ToQLPn7nbCpFbhfA" />
    <input value="19151" 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%2Fdr-molke%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-19152">
          <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/9996/file/small-7532c8adfb09f7bfc2d69fe37b3b15d5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9996/file/medium-db139a2131d5576efacb34b01542a905.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9996/file/large-4187ea6e6b4a39e6d6de855839917bcf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9996/file/medium-db139a2131d5576efacb34b01542a905.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-19152">
            <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-19152-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XcwkXblx1oajAesNj6_noJt-o34zxUDaEUx26pylYjX75FScy7sWuSn3ULyyV-hSF1Eq1OcG9bv7Jug9LhJmqg" />
    <input value="19152" 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%2Fdr-molke%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-19153">
          <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/9438/file/small-d117552f2054f47bd277a3124256f80a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9438/file/medium-4f641c23136ce01397d21224beac82fa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9438/file/large-e4004ea7b8049628f2ff39fcbe4f659c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9438/file/medium-4f641c23136ce01397d21224beac82fa.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-19153">
            <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-19153-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BNa_oaprNPuKdAnu4Bl_dgejA-l-ZX-zlPtl8443vgOi_s9g2KH0xACCsl_d4XCEi4yKQ6qmytJ-kfskPIC6nA" />
    <input value="19153" 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%2Fdr-molke%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-19154">
          <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/9441/file/small-fa2462c5de4cb30430978ea689bcf790.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9441/file/medium-0df3ac6a67278e7b533eb6f634d9ccd1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9441/file/large-0cae53aad9a5dc24be0e86ce32af0ed9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9441/file/medium-0df3ac6a67278e7b533eb6f634d9ccd1.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-19154">
            <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-19154-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="StszQov3Ktgi0blqkavV1_QTA__wsVuu44vv3o1tzz7s80OD-T3q56gnAtusU9oleDyKVSRy7s8J4XEJP9rLoQ" />
    <input value="19154" 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%2Fdr-molke%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-19155">
          <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/9307/file/small-32caa85ca4ebbd3fba97cb92c2d9ee38.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9307/file/medium-32ae684f620157977c6c59151b730101.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9307/file/large-61b407cccc028c8f32aeee5a529319c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9307/file/medium-32ae684f620157977c6c59151b730101.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-19155">
            <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-19155-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FmS7Wr2it1cck09c4hFmX7VdVgqeK1B6vFCnavkJNYOwTMubz2h3aJZl9O3f6WmtOXLfoEro5RtWOjm9S74xHA" />
    <input value="19155" 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%2Fdr-molke%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-19156">
          <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/9436/file/small-3060c5a53be00c32fb18290921fe0c86.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9436/file/medium-e0efb9c49b5d2aadf1e8d903a0b1b3c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9436/file/large-783d48c48e3837daf4f84667303bf777.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9436/file/medium-e0efb9c49b5d2aadf1e8d903a0b1b3c8.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-19156">
            <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-19156-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B9QHVML0750hd0ZirDvwAhHGdAV0X_t2KEuD0_G2bYuh_HeVsD4voquB_dORw__wnen9r6CcThfCIR0EQwFpFA" />
    <input value="19156" 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%2Fdr-molke%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-19157">
          <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/10984/file/small-e98509548dcc80dcafbd5b1bd1fa2c21.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10984/file/medium-ba8c007fb82471db8b2db594c7f5f82e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10984/file/large-23c715060b5d9c9a51d4d5a05fc99f48.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10984/file/medium-ba8c007fb82471db8b2db594c7f5f82e.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-19157">
            <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-19157-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zBAfAUnYq-zRK9UgS1_WjcbBXpf6WQhp3C4FfvcXnAdqOG_AOxJr01vdbpF2p9l_Su7XPS6avQg2RJupRaCYmA" />
    <input value="19157" 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%2Fdr-molke%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-19158">
          <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/9309/file/small-6ac51532547f7cc6780d6471afa93927.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9309/file/medium-44216e6c9fc4c32faf8592c2db9581b9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9309/file/large-1b4ecfac7653d56970316b8217ac93c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9309/file/medium-44216e6c9fc4c32faf8592c2db9581b9.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-19158">
            <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-19158-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3xV_v86Tb0uW3KO_yf0cePMaHF7HhAkxXCQH8MpPhAN5PQ9-vFmvdBwqGA70BROKfzWV9BNHvFC2TpknePiAnA" />
    <input value="19158" 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%2Fdr-molke%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-19159">
          <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/10865/file/small-7fc763adf0c54ed764e7b1bc662be653.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10865/file/medium-286ae3130d42e4bac97b34091612be31.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10865/file/large-aba3ef81bfa1cb6602c0cb119deed307.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10865/file/medium-286ae3130d42e4bac97b34091612be31.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-19159">
            <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-19159-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7XddOxVjy-W-boltsodw0sstRSR2rVd0ci0ck6MI2YxLXy36Z6kL2jSYMtyPf38gRwLMjqJu4hWYR4JEEb_dEw" />
    <input value="19159" 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%2Fdr-molke%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-19160">
          <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/9310/file/small-ed15dc76efd5e84e4f0c08d1d8f32043.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9310/file/medium-bdbfea79d7eb2372eaae9e9e0c8a8f12.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9310/file/large-b3ee50fab0b0836a8394dad00c570988.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9310/file/medium-bdbfea79d7eb2372eaae9e9e0c8a8f12.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-19160">
            <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-19160-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I4F1oDUjVE4oXJkzwec1_M2D5_yKWKfqgUYG-_gORf2FqQVhR-mUcaKqIoL8HzoOQaxuVl6bEotrLJgsSrlBYg" />
    <input value="19160" 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%2Fdr-molke%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-19161">
          <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/9311/file/small-2ddc208848760eef4b3ff6ea43008133.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9311/file/medium-263f8bc61d8c23531f8ff1f3c8e6aaf4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9311/file/large-08ca03866e1ba3cda7b40dffc75ca7d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9311/file/medium-263f8bc61d8c23531f8ff1f3c8e6aaf4.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-19161">
            <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-19161-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-lFgliNDAzD8UyqetMKFiwkEFJYCaVUhw7jMepsVx6hceRBXUYnDD3alkS-JOop5hSudPNaq4EAp0lKtKaLDNw" />
    <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 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%2Fdr-molke%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-19162">
          <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/9434/file/small-7c2e0ecd851301af2c29a3d26923aba7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9434/file/medium-1c44edfd79a13d09d9d4e3ee036da328.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9434/file/large-4fcf165fb47b75693e7958b3a609ee7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9434/file/medium-1c44edfd79a13d09d9d4e3ee036da328.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-19162">
            <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-19162-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g4e4u5Vi1lYHfCWZONupeUQv_MWy9J0zO4oP3vlEwWQlr8h656gWaY2KnigFI6aLyAB1b2Y3KFLR4JEJS_PF-w" />
    <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  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%2Fdr-molke%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-19163">
          <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/9429/file/small-af614c94f03f61c9977f9ef614dffb72.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9429/file/medium-b58dc112fe55485119ba44c05566db47.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9429/file/large-4c87a9e87847b4d5baeb5820db20ccfe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9429/file/medium-b58dc112fe55485119ba44c05566db47.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-19163">
            <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-19163-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J8T-4IdTztJX2o80-BfT1LhBpYIBppGUATGEEeluhwWB7I4h9ZkO7d0sNIXF79wmNG4sKNVlJPXrWxrGW9mDmg" />
    <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 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%2Fdr-molke%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-19164">
          <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/10561/file/small-1567baabae25856040284cb1bb49535a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10561/file/medium-da3d3139603a44180355f185e2fc29d3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10561/file/large-911e36dec01ec7a77dfb915c89443d6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10561/file/medium-da3d3139603a44180355f185e2fc29d3.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-19164">
            <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-19164-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="31qdd9d6tPYlA1pGdpiOxL2xl7mObznJaOa82W4hy5B5cu22pbB0ya_14fdLYIE2MZ4eE1qsjKiCjCIO3JbPDw" />
    <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  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%2Fdr-molke%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-19165">
          <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/10425/file/small-d86ef4fe10fb20b2880a64ea3535ed8a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10425/file/medium-caf61c099c8d896fe5b14b70f5abf85e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10425/file/large-6d6e415d13a9a27dda286a5e1a9eb250.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10425/file/medium-caf61c099c8d896fe5b14b70f5abf85e.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-19165">
            <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-19165-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ls84MgrStYNPupvSYaQDe1yTVQ-b_89LX_FRcfqMm2aI50jzeBh1vMVMIGNcXAyJ0LzcpU88eiq1m8-mSDuf-Q" />
    <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>



</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;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/dr-molke?format=turbo_stream&amp;page=81">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>