<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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/allos-der-klassiker-hildegards-dinkel-musli-bio-vegan-500-g-18166">
          <img alt="Allos Der Klassiker Hildegards Dinkel-Müsli Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10283/file/small-7871150bc0a9c811515c3db0f5789e36.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10283/file/medium-6c1ccddfcdcfd36e44e33e8f3d2311ed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10283/file/large-9d7b8df75c0da73aa999cbf8695b5326.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10283/file/medium-6c1ccddfcdcfd36e44e33e8f3d2311ed.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">Allos</p>
          <a href="/products/allos-der-klassiker-hildegards-dinkel-musli-bio-vegan-500-g-18166">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Der Klassiker Hildegards Dinkel-Müsli Bio vegan, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u4fn3DPwv8CtZDkeO69MSy_1oM3hSqOwZeXvVz2lAKJFkXH-e423KLHVq7S9PYWncHPGVQvztu_OEB7GQfwCiw" />
    <input value="18166" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/allos-mandel-drink-ohne-zucker-bio-vegan-1-l-18167">
          <img alt="Allos Mandel Drink ohne Zucker Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9366/file/small-ab12c8b3c509837f1333df014186b693.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9366/file/medium-d232b49d02843915effbf0aa4789ffd3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9366/file/large-5ff565e441c8aaf0a5e9cb46f965caac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9366/file/medium-d232b49d02843915effbf0aa4789ffd3.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">Allos</p>
          <a href="/products/allos-mandel-drink-ohne-zucker-bio-vegan-1-l-18167">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Mandel Drink ohne Zucker Bio vegan, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ELgp7EYxqRAiIQYItMy8ZYF6B9pl-1kWJKALcS5gTEPurr_ODkyh-D6QlKIyXnWJ3vxhQo9CTEmPVfrgUjlOag" />
    <input value="18167" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/allos-muesli-das-ungesusste-protein-bio-vegan-450-g-18168">
          <img alt="Allos Müesli Das Ungesüsste Protein Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9367/file/small-2ac39df77e4f10f390497ad52db19df4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9367/file/medium-2a2bf8a23bab298db3f4ff6686a201b1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9367/file/large-e143346c3248e55968fe4354e958461a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9367/file/medium-2a2bf8a23bab298db3f4ff6686a201b1.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">Allos</p>
          <a href="/products/allos-muesli-das-ungesusste-protein-bio-vegan-450-g-18168">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Müesli Das Ungesüsste Protein Bio vegan, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hcJxS8oeauJuBNoSuxMSfOKjJNmjUX9vfK2T3GKPg6J71OdpgmNiCnK1SLg9gduQvSVCQUnoajDXWGJNHtaBiw" />
    <input value="18168" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/allos-sojadrink-ungesusst-1-l-18169">
          <img alt="Allos Sojadrink ungesüsst" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9368/file/small-b325d6ff708226cb54cd1c73010affba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9368/file/medium-cb1a55f41702e37c54d7104d5a2fecb3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9368/file/large-417e4db43ba90d6ff9e80d016086e751.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9368/file/medium-cb1a55f41702e37c54d7104d5a2fecb3.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">Allos</p>
          <a href="/products/allos-sojadrink-ungesusst-1-l-18169">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allos Sojadrink ungesüsst, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UwI0Y2kiABxD91lhrf7TDJ9h4F5ZGI4WCELU5n6q5UetFKJBIV8I9F9Gy8srbBrgwOeGxrOhm0mjtyV3AvPnbg" />
    <input value="18169" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/alpenpionier-hanf-nusse-biok-150-g-18170">
          <img alt="AlpenPionier Hanf Nüsse BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9749/file/small-fc0bf0f394dd9dc59c601cb0390eabfe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9749/file/medium-21e6c7606e51d2f5cbbd3d7c6c2db8f8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9749/file/large-23b3de93c1bac7cb000ed3e56a105a79.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9749/file/medium-21e6c7606e51d2f5cbbd3d7c6c2db8f8.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">AlpenPionier</p>
          <a href="/products/alpenpionier-hanf-nusse-biok-150-g-18170">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlpenPionier Hanf Nüsse BioK, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tUDU3hYOmDKBLixnqFPsSJZs6IdNLG3-9m0OUjgvaUpLVkL8XnOQ2p2fvs0uwSWkyeqOH6eVeKFdmP_DRHZrYw" />
    <input value="18170" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/alpinamed-b12-trio-dosierspray-30-ml-18171">
          <img alt="Alpinamed B12 Trio Dosierspray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9698/file/small-376ec700656e4ca5e6e9ffa9ecb59aa0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9698/file/medium-771815be2c6d8adb1b674194153d122e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9698/file/large-7983c68a040b8d4d597f20f1a9aeabe5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9698/file/medium-771815be2c6d8adb1b674194153d122e.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">Alpinamed</p>
          <a href="/products/alpinamed-b12-trio-dosierspray-30-ml-18171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alpinamed B12 Trio Dosierspray, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8d5UsIrk8OevDyTn1jtltyR2HnWoTySnRsRCyQYZRhUPyMKSwpn4D7O-tk1Qqaxbe_B47UL2MfjtMbNYekBEPA" />
    <input value="18171" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/aman-prana-schwarze-knoblauchzehen-60-g-18172">
          <img alt="Aman Prana schwarze Knoblauchzehen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9755/file/small-43d4b3d965edf59d33892868861b7e2d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9755/file/medium-0ae25252a8ba6a7e0ef4357218afd89f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9755/file/large-1396636d9f37f8658f0c355eaa765fdd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9755/file/medium-0ae25252a8ba6a7e0ef4357218afd89f.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">Aman</p>
          <a href="/products/aman-prana-schwarze-knoblauchzehen-60-g-18172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aman Prana schwarze Knoblauchzehen, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NoYv1SRU5k9RcQ9lvrJZkSX0yDPXTzT7TVlaQxRxWpPIkLn3bCnup03Anc84IJB9enKuqz32IaTmrKvSaChYug" />
    <input value="18172" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/amarru-nero-71-extrabitter-schokolade-bio-vegan-100-g-18173">
          <img alt="Amarru Nero 71% extrabitter Schokolade Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9752/file/small-9c17cdcfe520180f6b100c585e8f692d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9752/file/medium-868b4eff140b894196a824ed42006e11.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9752/file/large-aadf91c77dfc7d1634873e69ffff625b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9752/file/medium-868b4eff140b894196a824ed42006e11.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">Amarru</p>
          <a href="/products/amarru-nero-71-extrabitter-schokolade-bio-vegan-100-g-18173">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amarru Nero 71% extrabitter Schokolade Bio vegan, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eW5hTCniSExr1qkPrW2u03b4ma480uYtkFGUz7EeJVKHePduYZ9ApHdnO6Ur_2c_KX7_NtZr83I7pGVezUcnew" />
    <input value="18173" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/appleford-s-zuckerrohr-melasse-bio-680-g-18174">
          <img alt="Appleford&#39;s Zuckerrohr Melasse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9753/file/small-23298e1d3961ec3b214c080c62241b46.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9753/file/medium-01d93667d4bfb4ecdefaa94c239cc197.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9753/file/large-3ba0d1ffae42407bb6759530a404532f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9753/file/medium-01d93667d4bfb4ecdefaa94c239cc197.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">Appleford&#39;s</p>
          <a href="/products/appleford-s-zuckerrohr-melasse-bio-680-g-18174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Appleford&#39;s Zuckerrohr Melasse Bio, 680 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xQjjqlvxf0HPARDVXrvf63J4uJi_Oe6DOEg1TcG0NPU7HnWIE4x3qdOwgn_YKRYHLf7eAFWA-9yTvcTcve023A" />
    <input value="18174" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/aronia-original-aronia-direktsaft-bio-700-ml-18175">
          <img alt="Aronia Original Aronia Direktsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9076/file/small-a414b718c87f138f354a6f27205839a4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9076/file/medium-48e81e9b79024384341fa28608af2cae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9076/file/large-f047a78d9f915f371080958637d72cea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9076/file/medium-48e81e9b79024384341fa28608af2cae.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">AroniaOriginal</p>
          <a href="/products/aronia-original-aronia-direktsaft-bio-700-ml-18175">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aronia Original Aronia Direktsaft Bio, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e9wvKMtkfmlGYB-m3J-OHJ5UvXoakvNuAbWsFRN5o1qFyrkKgxl2gVrRjQxaDUfwwdLb4vAr5jGqQF2EbyChcw" />
    <input value="18175" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/aronia-original-aronia-direktsaft-bio-330-ml-18176">
          <img alt="Aronia Original Aronia Direktsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9587/file/small-aa0c8d88f5075e1d615bb584afbe3514.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9587/file/medium-de31c02ed225b7992866e60c0e87f7e9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9587/file/large-8b12e40a2341f425a85fcb206ff098b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9587/file/medium-de31c02ed225b7992866e60c0e87f7e9.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">AroniaOriginal</p>
          <a href="/products/aronia-original-aronia-direktsaft-bio-330-ml-18176">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aronia Original Aronia Direktsaft Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mvEWWtuJni3USnTWy6YT3P5a946rvl5A0bN9PlfVhfBk54B4k_SWxcj75nxNNNowodyRFkEHSx96RoyvK4yH2Q" />
    <input value="18176" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/basica-vital-granulat-200-g-18177">
          <img alt="Basica Vital Granulat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9371/file/small-bbcc4a9b777ab22dbac971ac6359eaeb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9371/file/medium-fd762e9a10ad4c9d4c329ccf5c165f21.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9371/file/large-3ab67245f00ce1ea42a108156b43a852.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9371/file/medium-fd762e9a10ad4c9d4c329ccf5c165f21.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">Basica</p>
          <a href="/products/basica-vital-granulat-200-g-18177">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basica Vital Granulat, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XVZflkc37E6y0wTWptLAQpQ9NRrKlTCpS1l4IcyvB-ujQMm0D0rkpq5ilnwgQAmuy7tTgiAsJfbgrImwsPYFwg" />
    <input value="18177" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/bauck-backmischung-schneller-obstkuchen-bio-gf-450-g-18178">
          <img alt="Bauck Backmischung schneller Obstkuchen Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11191/file/small-bad45b39754902ac9556e3eb9d82a9ea.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11191/file/medium-55853acb251a8a284015a82ef0702927.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11191/file/large-e7bc24a2dba7fa198f985b526ab4f3cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11191/file/medium-55853acb251a8a284015a82ef0702927.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">Bauck</p>
          <a href="/products/bauck-backmischung-schneller-obstkuchen-bio-gf-450-g-18178">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Backmischung schneller Obstkuchen Bio gf, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OTp2F1Nlw7xGUrNE3yByISRC_FU-jtI9M3xwz36wevTHLOA1GxjLVFrjIe5ZsrvNe8SazdQ3x2KYiYFeAul43Q" />
    <input value="18178" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/bauck-backmischung-schnelle-brotchen-saaten-bio-gf-vegan-500-g-18179">
          <img alt="Bauck Backmischung Schnelle Brötchen Saaten Bio gf vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9372/file/small-74533bdba46e2eb4b5ca153f2d4fa2d2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9372/file/medium-6261822fcc68bcffabb2d8854ffffd3e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9372/file/large-fc2f4a3a80ad2478e52e2fc601349e80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9372/file/medium-6261822fcc68bcffabb2d8854ffffd3e.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">Bauck</p>
          <a href="/products/bauck-backmischung-schnelle-brotchen-saaten-bio-gf-vegan-500-g-18179">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Backmischung Schnelle Brötchen Saaten Bio gf vegan, 500 g</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 1.24 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S1eGmFzOreEzJ4OuzM1uQK_hKdO_1GEdF1ARojIkAK21QRC6FLOlCS-WEQRKX6es8GdPS1VtdEK8peAzTn0ChA" />
    <input value="18179" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/bauck-falafel-mix-bio-gf-160-g-18180">
          <img alt="Bauck Falafel Mix Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9074/file/small-a1425d7411b23ff54f742a211cd9b41f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9074/file/medium-80103ad7a43a96097cfba290a8e86995.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9074/file/large-271dc9cc7df5f9aeb687ff622fda043d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9074/file/medium-80103ad7a43a96097cfba290a8e86995.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">Bauck</p>
          <a href="/products/bauck-falafel-mix-bio-gf-160-g-18180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Falafel Mix Bio gf, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="87Bum1rLNuBmV7sp90D2P70pmkP21zd_K4tuNKNINR4Npvi5ErY-CHrmKYNx0j_T4q_82xxuIiCAfp-l3xE3Nw" />
    <input value="18180" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/bauck-hot-hafer-schoko-demeter-gf-400-g-18181">
          <img alt="Bauck Hot Hafer Schoko Demeter gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9077/file/small-c656b8a58e5fbd08102821c30dd27e2f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9077/file/medium-c4de58118c05ef8154d1fbe4dc915930.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9077/file/large-1b318e0d53b06970118be69fcbf43dbc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9077/file/medium-c4de58118c05ef8154d1fbe4dc915930.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">Bauck</p>
          <a href="/products/bauck-hot-hafer-schoko-demeter-gf-400-g-18181">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Hot Hafer Schoko Demeter gf, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HKcd8500Ik_NYvcWvTiRgO28ftdLpvbyuX2cqw88qJHisYvR1Ukqp9HTZbw7qlhssjoYT6Ef460SiG06c2WquA" />
    <input value="18181" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/bauck-dinkelmehl-hell-type-630-demeter-1-kg-18182">
          <img alt="Bauck Dinkelmehl hell Type 630 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9373/file/small-899a88a6ac38fc1c3a543f7434507463.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9373/file/medium-6c3f484e9a66956b0aea755430593ede.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9373/file/large-76401bc3a05b7bdef429f64caf38e7c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9373/file/medium-6c3f484e9a66956b0aea755430593ede.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">Bauck</p>
          <a href="/products/bauck-dinkelmehl-hell-type-630-demeter-1-kg-18182">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Dinkelmehl hell Type 630 Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l-o2FGqVJ1zdd9xiQeQqqOxBNG4rkMsS87TNwOhB3KFp_KA2IugvtMHGTsjHduNEs8dS9sEp3k1YQTxRlBjeiA" />
    <input value="18182" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/bauck-dinkelmehl-type-1050-demeter-1-kg-18183">
          <img alt="Bauck Dinkelmehl Type 1050 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9374/file/small-04331713cd72c8869707500af0a9f635.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9374/file/medium-5b106ab2c0d65be6582e12c701f3486e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9374/file/large-69bd1a1e73ed1a46b33fb65b9c087c64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9374/file/medium-5b106ab2c0d65be6582e12c701f3486e.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">Bauck</p>
          <a href="/products/bauck-dinkelmehl-type-1050-demeter-1-kg-18183">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Dinkelmehl Type 1050 Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OxuUEBmTBPPNVykQX4POj9C-j0colVLH2_x5q-Yo5SLFDQIyUe4MG9Hmu7rZEQdjjzjp38IsR5hwCYg6mnHnCw" />
    <input value="18183" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/bauck-kastanienmehl-bio-gf-350-g-18184">
          <img alt="Bauck Kastanienmehl Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9078/file/small-f09d73c255593e8d9f54a19da7b24b92.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9078/file/medium-a5bbfe7e581fb657386022f5f89dd803.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9078/file/large-2397ba276185be0d58276bd9ebe99310.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9078/file/medium-a5bbfe7e581fb657386022f5f89dd803.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">Bauck</p>
          <a href="/products/bauck-kastanienmehl-bio-gf-350-g-18184">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Kastanienmehl Bio gf, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uTxf11CPfQKMIlNZMlK8cBsnx9oVNYJLheZuyE_ufGRHKsn1GPJ16pCTwfO0wHWcRKGhQv-MlxQuE59ZM7d-TQ" />
    <input value="18184" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D35">
    <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/bauck-weizenmehl-hell-type-405-demeter-1-kg-18185">
          <img alt="Bauck Weizenmehl hell Type 405 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9370/file/small-3289b6c7568f0bfc335a01e7e558159a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9370/file/medium-695483d438d99ce8bc4495697f9eb669.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9370/file/large-de5e1bc100fbf2183cbd05e8bd0e0022.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9370/file/medium-695483d438d99ce8bc4495697f9eb669.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">Bauck</p>
          <a href="/products/bauck-weizenmehl-hell-type-405-demeter-1-kg-18185">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Weizenmehl hell Type 405 Demeter, 1 kg</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 0.41 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oRarQkbNTXEZUzjz_GAKAa1rok62TR9P_7ynBY2WNYNfAD1gDrBFmQXiqll68sPt8u3E1lz0ChBUSVaU8c83qg" />
    <input value="18185" 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">
      700 von 3&#39;034 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/products?format=turbo_stream&amp;page=36">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>