<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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/6-kornmischung-demeter-1-kg-19041">
          <img alt="6-Kornmischung Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9955/file/small-bec2510d7867b5db16bd6779bd2566d9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9955/file/medium-7da5eb89100f177f070f8871645ca528.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9955/file/large-5cd93ff81489eaedd6bf7543586a973d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9955/file/medium-7da5eb89100f177f070f8871645ca528.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">Spielberger Mühle</p>
          <a href="/products/6-kornmischung-demeter-1-kg-19041">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">6-Kornmischung Demeter, 1 kg</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 0.61 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IX-HGSwyXaxwmzV-v1DoZTjEZjObfXdvo2-T_6sB0YNrx3tQ_TlY7KQa_sinycNN9btjyOvm6y5oJb-6H4mm7A" />
    <input value="19041" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/buchweizenflocken-bio-500-g-19042">
          <img alt="Buchweizenflocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9948/file/small-2dcc4bceba73e73e5bbd8e2f249b280b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9948/file/medium-be5a41f247317c28ce815c9919ba48a4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9948/file/large-cb9c396f5fcbec767bb34aad4b019778.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9948/file/medium-be5a41f247317c28ce815c9919ba48a4.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">Spielberger Mühle</p>
          <a href="/products/buchweizenflocken-bio-500-g-19042">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizenflocken Bio, 500 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 1.78 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fRXA1xqewLEjVKbDQVPASBoo4JwQci7H06Wdc5ZR-GA3rTyey5XF8ffVbXVZyutg11flZ2DpsoYY77E2ItmPDw" />
    <input value="19042" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/dinkel-demeter-1-kg-19043">
          <img alt="Dinkel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9958/file/small-1479006407de524211bf14127e020329.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9958/file/medium-4fae772b9fd0130a71efee74e0988835.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9958/file/large-31887f86f9c22a666d170cded966b55b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9958/file/medium-4fae772b9fd0130a71efee74e0988835.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">Spielberger Mühle</p>
          <a href="/products/dinkel-demeter-1-kg-19043">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pnVOXefgKPvDcc6bJ_YtNzMAABXWSw6pbg4dSC_9DX7szbIUNustuxfwBS0_bwYf_n8F7qbQkuilRDENm3V6EQ" />
    <input value="19043" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/dinkel-bulgur-demeter-500-g-19044">
          <img alt="Dinkel-Bulgur Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9954/file/small-ec6051e8647e8641ad147b398d7d870c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9954/file/medium-375a74437c6e1cb271e41d2a3dcbfe48.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9954/file/large-ae7c5bacc7ea115f3d64799fa1219ac5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9954/file/medium-375a74437c6e1cb271e41d2a3dcbfe48.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">Spielberger Mühle</p>
          <a href="/products/dinkel-bulgur-demeter-500-g-19044">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel-Bulgur Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3JdISukkRsDWBN802IrQvsNcPoD7CwFjiKHToHjMJlqWL7QDOC9DgAKFFILAE_uWDiM7e4uQnSJD6__lzERRNQ" />
    <input value="19044" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/dinkelflocken-grossblatt-demeter-500-g-19045">
          <img alt="Dinkelflocken Grossblatt Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10096/file/small-9d0e6108e44bb895ba9ae5baa87f5274.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10096/file/medium-2434b0759edc4b5fd996a02447557eca.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10096/file/large-2dad7cbba53e8be6890856b4ce795b31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10096/file/medium-2434b0759edc4b5fd996a02447557eca.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">Spielberger Mühle</p>
          <a href="/products/dinkelflocken-grossblatt-demeter-500-g-19045">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkelflocken Grossblatt Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r5pX_KPS53_JnVzB6HC3_mmujP5IBPPKj8CRL7S8afnlIqu1ctniPx0cl3fw6ZzWpNGJBTifb4tEir1qADQelg" />
    <input value="19045" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/dinkelflocken-kleinblatt-demeter-500-g-19046">
          <img alt="Dinkelflocken Kleinblatt Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9951/file/small-3fbf9d03798f38234cabfb676d139227.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9951/file/medium-277f4016fadaff740889cd06ee7f4968.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9951/file/large-0ec5355a9dce90f6ecb19d164826846b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9951/file/medium-277f4016fadaff740889cd06ee7f4968.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">Spielberger Mühle</p>
          <a href="/products/dinkelflocken-kleinblatt-demeter-500-g-19046">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkelflocken Kleinblatt Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S7Py6cEsgGonx5eJzR4cvCh1TMSrKvT70OracgSwF5sBCw6gECeFKvNGXD_VhzeU5QpJP9uxaLoboPY3sDhg9A" />
    <input value="19046" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/dinkelgriess-demeter-500-g-19047">
          <img alt="Dinkelgriess Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9961/file/small-487b4f2230ea6897075606e3d5eb0c25.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9961/file/medium-fad3bdf8c8b53a14063bc8f5865623d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9961/file/large-04cee5b513bbd0c7825995d9d1bed47a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9961/file/medium-fad3bdf8c8b53a14063bc8f5865623d9.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">Spielberger Mühle</p>
          <a href="/products/dinkelgriess-demeter-500-g-19047">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkelgriess Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pILM0QfaBDVhn99sec2fqzeqzHc-QwSv8fmeDdUzRQPuOjCY1tEBdbUeFNphVLSD-tXJjE7YmO46s7JIYbsybA" />
    <input value="19047" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/emmer-demeter-500-g-6bd62415-b0cc-41cb-9fca-7b891b28a396-19048">
          <img alt="Emmer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10101/file/small-44268c1bf5c7a641a6dc11c6f1dbfcd4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10101/file/medium-136047a8d8247e6264b67cea836744b0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10101/file/large-94e7d201558793fb95ee721420c3b06d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10101/file/medium-136047a8d8247e6264b67cea836744b0.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">Spielberger Mühle</p>
          <a href="/products/emmer-demeter-500-g-6bd62415-b0cc-41cb-9fca-7b891b28a396-19048">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Emmer Demeter, 500 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 0.98 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-zyzHJHwN-t9ga6YOZugXH0v_hOce_Ezje_62LWbhOexhE9VQPsyq6kAZS4hAot0sFD76OzgbXJGpdadARPziA" />
    <input value="19048" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/flakes-dinkel-demeter-250-g-19049">
          <img alt="Flakes Dinkel Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9946/file/small-79b91e04d59a427e055980e9399d8f09.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9946/file/medium-1e8087a99b5f43c6148b690897fc22ee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9946/file/large-d5d8f86ddda88ba08d6d3a0456868134.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9946/file/medium-1e8087a99b5f43c6148b690897fc22ee.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">Spielberger Mühle</p>
          <a href="/products/flakes-dinkel-demeter-250-g-19049">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flakes Dinkel Demeter, 250 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 2.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PG8ZyqR-KMogWR_UpMcOgGc_4uNHzekPHC_nJBcvtXl21-WDdXUtivTY1GK8XiWoqkDnGDdWdU7XZctho6fCFg" />
    <input value="19049" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/gerstenflocken-demeter-500-g-19050">
          <img alt="Gerstenflocken Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9952/file/small-7544e6a0b37305a67caea488651b70c1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9952/file/medium-c92fb3526d7aa3e033486de68381afa1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9952/file/large-f3ac59969bb69e784dd88c94343fb4e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9952/file/medium-c92fb3526d7aa3e033486de68381afa1.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">Spielberger Mühle</p>
          <a href="/products/gerstenflocken-demeter-500-g-19050">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gerstenflocken Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y4ROIRwXS1tNN4US05Qw74Pya5Z0VxYHI6EkdpW71YeBPLJozRxOG5m2TqTLDRvHTo1ubQTMikbo6wgzITOi6A" />
    <input value="19050" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/grunkern-demeter-500-g-19051">
          <img alt="Grünkern Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9957/file/small-0372d1bfd41736f1f8b9a5ee050feae9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9957/file/medium-f63caf4ddc025c318806b7b30296de9a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9957/file/large-eb6962d199f36b85773dd8ff4cb443c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9957/file/medium-f63caf4ddc025c318806b7b30296de9a.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">Spielberger Mühle</p>
          <a href="/products/grunkern-demeter-500-g-19051">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grünkern Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ivjhBG3F8SNiwUQm4ZjxQEZNmuw-tKcAcoG_EXjF_KXAQB1NvM70Y7ZAj5D5AdpoizKfF04vO0G5y5NUzE2Lyg" />
    <input value="19051" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/hafer-geschalt-demeter-1-kg-19052">
          <img alt="Hafer geschält Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9956/file/small-5220560e5bda3627048a5a50801cfbe4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9956/file/medium-2f111aa2964d5e934147a088922675c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9956/file/large-f325a780c74218dba12034bde32ffa22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9956/file/medium-2f111aa2964d5e934147a088922675c8.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">Spielberger Mühle</p>
          <a href="/products/hafer-geschalt-demeter-1-kg-19052">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer geschält 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-19052-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vqH11b4Wl2M5U2I1Ighw7LAw6tnGhI5MQulZwAcPUEX0GQmcbx2SI-3SqYM6kVvEfU_vIrYfEg2Jo3WFs4cnKg" />
    <input value="19052" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/haferflocken-grossblatt-demeter-500-g-19053">
          <img alt="Haferflocken Grossblatt Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10707/file/small-b22ef72d15bbb999057fa43243828101.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10707/file/medium-13187eeae9204ac3eab6f3f5620ae726.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10707/file/large-973c9ccdf577b77718de317e00326adb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10707/file/medium-13187eeae9204ac3eab6f3f5620ae726.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">Spielberger Mühle</p>
          <a href="/products/haferflocken-grossblatt-demeter-500-g-19053">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferflocken Grossblatt Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="veFzIfq62INcI0UVlOtq9DCkIc74ggcmygU3Gojb_eH3WY9oK7Hdw4iijqOMckHc_dskNYgZm2cBTxtfPFOKjg" />
    <input value="19053" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/haferflocken-kleinblatt-demeter-500-g-19054">
          <img alt="Haferflocken Kleinblatt Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10708/file/small-da534e757d8c137023f8fc0a43632558.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10708/file/medium-e796108f68b8975c31099ea1b2132cd6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10708/file/large-aeda9d6a2f432261a547802286eab3d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10708/file/medium-e796108f68b8975c31099ea1b2132cd6.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">Spielberger Mühle</p>
          <a href="/products/haferflocken-kleinblatt-demeter-500-g-19054">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferflocken Kleinblatt Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9BnfYzvCdd3iRCx5C0mWcRNXNzZes-vUGvBPg0O7x_u-oSMq6slwnTbF588T0L1Z3igyzS4od5XRumPG9zOwlA" />
    <input value="19054" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/hartweizengriess-demeter-500-g-19055">
          <img alt="Hartweizengriess Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9962/file/small-77703da45252ccee04b9655b728df789.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9962/file/medium-5087e0509c81dba5629c0ce6e9f9cb7e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9962/file/large-19e389116b7ba76a8c68ab300742e164.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9962/file/medium-5087e0509c81dba5629c0ce6e9f9cb7e.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">Spielberger Mühle</p>
          <a href="/products/hartweizengriess-demeter-500-g-19055">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hartweizengriess Demeter, 500 g</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.78 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m2XrbGxnWAKuMUvbiS8BuqXEIEllyCsz9WPMud2gr2fR3RclvWxdQnqwgG2RtiqSaLslshVTt3I-KeD8aSjYCA" />
    <input value="19055" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/hirseflocken-bio-500-g-19056">
          <img alt="Hirseflocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9949/file/small-ea934e84243231c7361e7b14d37d5b18.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9949/file/medium-8daeed171e90cf8b1f1c8f1ec1c3601d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9949/file/large-207429449ad49c19bf683d183040c18d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9949/file/medium-8daeed171e90cf8b1f1c8f1ec1c3601d.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">Spielberger Mühle</p>
          <a href="/products/hirseflocken-bio-500-g-19056">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirseflocken Bio, 500 g</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 1.26 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LFu7CoNvBia8Sj7_wrGPOC2iGwUPyWEENysBinMj57Nm40dDUmQDZmjL9UnaKKQQ4N0e_n9S_UX8YS3Px6uQ3A" />
    <input value="19056" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/hirseflocken-vollkorn-bio-250-g-19057">
          <img alt="Hirseflocken Vollkorn Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10097/file/small-ce35bbe6b415b05dd9d003f2a09fb225.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10097/file/medium-93053be716b7f12d19d0fa011d49578a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10097/file/large-8bcd473abd244cc80d13372bcc06b106.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10097/file/medium-93053be716b7f12d19d0fa011d49578a.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">Spielberger Mühle</p>
          <a href="/products/hirseflocken-vollkorn-bio-250-g-19057">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirseflocken Vollkorn Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ly20TEz__LaViVulx6zQ0ky6__38bH7DwwMtExexHerdlUgFnfT59kEIkBPfNfv6gcX6Boz34oIISQFWozlqhQ" />
    <input value="19057" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/mais-couscous-bio-500-g-19058">
          <img alt="Mais Couscous Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10102/file/small-f225c8d9d1ef9d7c15d5fd354fa00b6d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10102/file/medium-41d04017fa3337b7bd53f1efdccc1132.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10102/file/large-a9d97e180aa42d5ed4b88e45fc351df5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10102/file/medium-41d04017fa3337b7bd53f1efdccc1132.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">Spielberger Mühle</p>
          <a href="/products/mais-couscous-bio-500-g-19058">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mais Couscous Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JQAkHga_OuStLfEem7t4eluSPaX0h24iuIH7nDFMS1VvuNhX17Q_pHmsOqiDIlNSlu04XoQc8mNzy9fZhcQ8Og" />
    <input value="19058" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/mehl-emmer-vollkorn-demeter-500-g-19059">
          <img alt="Mehl Emmer Vollkorn Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10843/file/small-ff27c7b4c47400a5fc8b5be5ce7676af.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10843/file/medium-fd0e8996c28bb99b9dd08227cb133c3a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10843/file/large-50e70ad6dd2331135f8779de196fd08b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10843/file/medium-fd0e8996c28bb99b9dd08227cb133c3a.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">Spielberger Mühle</p>
          <a href="/products/mehl-emmer-vollkorn-demeter-500-g-19059">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mehl Emmer Vollkorn Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EwsEzLvtaJGWlFETJ-ZaXZGAFH9oc6VakA4DUZc2qF9Zs_iFauZt0UIVmqU_f3F1XP8RhBjoORtbRC8UI77fMA" />
    <input value="19059" 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%2Fspeick%3Fformat%3Dturbo_stream%26page%3D74">
    <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/mehl-roggen-type-1150-demeter-1-kg-19060">
          <img alt="Mehl Roggen Type 1150 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10844/file/small-637c92b77000b80021c631d32c652d9b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10844/file/medium-caa88a18894872c44cd24babd2837a01.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10844/file/large-6de475b259dd6e16ee7c8c73b262f4c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10844/file/medium-caa88a18894872c44cd24babd2837a01.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">Spielberger Mühle</p>
          <a href="/products/mehl-roggen-type-1150-demeter-1-kg-19060">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mehl Roggen Type 1150 Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L6pni0dKVolDjiX_rmEZz1B5TQ_eVIB0TTqCYhztZrhlEpvClkFTyZcP7km2-DLnnQZI9K7PHDWGcK4nqGUR1w" />
    <input value="19060" 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;480 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/speick?format=turbo_stream&amp;page=75">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>