<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%2Fgoloy%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="3f5irJmZY1_lDONn3qgzYZ0Zub1n5EFyfZa7amzL0-Jo2d3I-zphRFEXa4W7PnEKXkBJyQ4dn00LNc-EGya72Q" />
    <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%2Fgoloy%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="E9ISX4oeb4Pqa8sASnSJ3TYcWJopHLtcGZeTrgmVGYWm9a076L1tmF5wQ-Iv4su29UWo7kDlZWNvNOdAfnhxvg" />
    <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%2Fgoloy%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="IzOvrOCeBhGqmyOeu9lMQpiJn3altWbjizTAwFar5eCWFBDIgj0ECh6Aq3zeTw4pW9BvAsxMuNz9l7QuIUaN2w" />
    <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%2Fgoloy%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="jncqOEFJp9eR4OKJdsmPB3bs6CnFRBXFBaOE8m2Z5_c7UJVcI-qlzCX7amsTX81stbUYXay9y_pzAPAcGnSPzA" />
    <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%2Fgoloy%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="GwulRI82LnTormiEJZ6_1Fhf05igUORP7Z7KGUGxhZmuLBog7ZUsb1y14GZACP2_mwYj7MmpOnCbPb73Nlztog" />
    <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%2Fgoloy%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="E04Vxrjk8DCviVWh4yA6yUN0hVUpZ26xNd0SXn2BgUamaaqi2kfyKxuS3UOGtniigC11IUCesI5DfmawCmzpfQ" />
    <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%2Fgoloy%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="w_DgTjIjQAZPOU7KCEOOsf_6Y7g57Z_ZFHE7S5_3iDl2118qUIBCHfsixiht1czaPKOTzFAUQeZi0k-l6BrgAg" />
    <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%2Fgoloy%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="irATg-427oiI4gMzr5ZMKlel5-MlrVHKAeDOJiCfWx8_l6znjJXskzz5i9HKAA5BlPwXl0xUj_V3Q7rIV3IzJA" />
    <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%2Fgoloy%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="3kkG1MCJOe8_hSuXsWqJb_TMyNNNiSsfwxb6TUurY9xrbrmwoio79Iueo3XU_MsEN5U4pyRw9SC1tY6jPEYL5w" />
    <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%2Fgoloy%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="CGDP7KF64GYzemGscE9t3OEfxRNdemkpgyZ2FGARybG9R3CIw9nifYdh6U4V2S-3IkY1ZzSDtxb1hQL6F_yhig" />
    <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%2Fgoloy%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="_Yw9osZN38XHhAguLqwzyaJTUcu7BA4m86jAn4NmO2pIq4LGpO7d3nOfgMxLOnGiYQqhv9L90BmFC7Rx9ItTUQ" />
    <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%2Fgoloy%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="33eD9Q-HZJr7yMxV8EqSRUv5QS7hNizi5Z-FJ9GyPs5qUDyRbSRmgU_TRLeV3NAuiKCxWojP8t2TPPHJpl9W9Q" />
    <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%2Fgoloy%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="u0zgZTy3J7GYfqw-SSGJk02u0PPPWYuMtstExIGa0KMOa18BXhQlqixlJNwst8v4jvcgh6agVbPAaDAq9ne4mA" />
    <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%2Fgoloy%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="csWmdjIWUvuoMTDpk3wB5PuOtU1jbrO72p30MjvHgYnH4hkSULVQ4BwquAv26kOPONdFOQqXbYSsPoDcTCrpsg" />
    <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%2Fgoloy%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="IktkC1fIX3Z76EeuqTyZg0tjmU7cIQreDWbSzbz8_dGXbNtvNWtdbc_zz0zMqtvoiDppOrXY1OF7xaYjyxGV6g" />
    <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%2Fgoloy%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="M2S_0ivOkNh_xQnsvzUVhtMxfTxehj-7PfOqv7xw6xGGQwC2SW2Sw8vegQ7ao1ftEGiNSDd_4YRLUN5Ry52DKg" />
    <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%2Fgoloy%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="xFeAyhHpk0P-ikvBvzlBJqhSsekWJGR1iCcoCHb_MCFxcD-uc0qRWEqRwyParwNNawtBnX_dukr-hFzmARJYGg" />
    <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%2Fgoloy%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="cgTfm5d5SNHIbO3peEgws1iSvaBM5H2MH90PV8zwrSHHI2D_9dpKynx3ZQsd3nLYm8tN1CUdo7Npfnu5ux3FGg" />
    <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%2Fgoloy%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="n1yHRfYquTuagz6G09ZRpxN9W4jaE0iryi5zIB1ThnAqezghlIm7IC6YtmS2QBPM0CSr_LPqlpS8jQfOar7uSw" />
    <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%2Fgoloy%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="Q1kwW1WWVZYfvlUBGiLVKlw6NHJx3jG2Nm5igB_eR1f2fo8_NzVXjaul3eN_tJdBn2PEBhgn74lAzRZuaDMvbA" />
    <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/goloy?format=turbo_stream&amp;page=81">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>