<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%2Fjooti%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/soya-geschnetzeltes-curry-bio-200-g-19026">
          <img alt="Soya Geschnetzeltes Curry Bio" 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-31785612cb8aa58a5f0ff2e09a83877a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9958/file/medium-b1fbb6f0cf0b31db1d033936361e2acd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9958/file/large-1c98b9c7e8c07512f081889f91fd994e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9958/file/medium-b1fbb6f0cf0b31db1d033936361e2acd.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">Soyana</p>
          <a href="/products/soya-geschnetzeltes-curry-bio-200-g-19026">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soya Geschnetzeltes Curry Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fiYzAWUl098S_V27ksoCS70-RnyN56RVrw4V7Kj0oyw15z985ewLYLeZ9z3l7rp65gBp0zxCrIt-63uX8qxhsQ" />
    <input value="19026" 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%2Fjooti%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/soya-klosse-bio-200-g-19027">
          <img alt="Soya Klösse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9706/file/small-6720e41e6beb28f6c9ffd5038c2b066f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9706/file/medium-542f1d7d7107a13c0d843ead4fbba9c2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9706/file/large-64d5d3f585d292dd40a93f57c42e945d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9706/file/medium-542f1d7d7107a13c0d843ead4fbba9c2.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">Soyana</p>
          <a href="/products/soya-klosse-bio-200-g-19027">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soya Klösse Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-9TYQTYwdV6ylDq12YWfw4hhOvWySgh-Ugp94jLUkYywFdQ8tvmt4RfwkDOuoSfy018VWgPvAKCD7xOZaIxTEQ" />
    <input value="19027" 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%2Fjooti%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-korn-flocken-demeter-500-g-19028">
          <img alt="6-Korn Flocken Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9935/file/small-8a6ef2df9b536aa086f7bcb4d31f4d4e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9935/file/medium-1bc9c10df46e8475c49775f62614c043.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9935/file/large-17bab32aadb4adbdde76bf5c2a9dae6f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9935/file/medium-1bc9c10df46e8475c49775f62614c043.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-korn-flocken-demeter-500-g-19028">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">6-Korn Flocken Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XNWWrO0JisblA7tq5XW0sliXzLaS5b00p24jeo5nJ9UXFJrRbcBSeUBnEeySUQyDA6njGSNAtep2i00B1D_lSA" />
    <input value="19028" 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%2Fjooti%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-19029">
          <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/9944/file/small-1e45a93b47098bf645dbc1c22b567efc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9944/file/medium-10f9c8ddf9418a9405d8c1437b7db85a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9944/file/large-4da3af5e24a30116993fb4a04e6f564d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9944/file/medium-10f9c8ddf9418a9405d8c1437b7db85a.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-19029">
            <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-19029-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TnJ-jjGxtHyb3BL4hkCrS6TTHH1CIxk9T7RprJoozS8Fs3LzsXhswz64uH7xZBN6_-0z0vOGEeOeUQfXwHAPsg" />
    <input value="19029" 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%2Fjooti%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-19030">
          <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/9937/file/small-8414b18dc34773d9249824e0817d6aa6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9937/file/medium-ebdb71e4f8600a2c48d367bb0fe9cb98.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9937/file/large-eec32b4565847f036502687eeee092d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9937/file/medium-ebdb71e4f8600a2c48d367bb0fe9cb98.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-19030">
            <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-19030-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sPX93EZQt7uA4futwVR_mwC2tspsnUlX9hoD3wNvEeH7NPGhxplvBCWFUSu2cMeqW4iZZd04QYkn_22kWTfTfA" />
    <input value="19030" 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%2Fjooti%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-19031">
          <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/9947/file/small-c7459aca418aa203beb1962f7b03b830.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9947/file/medium-3978b347eaef2e6f36cfebdb35a4115e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9947/file/large-299d029c914afa5d75fd8c3b49a45f0b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9947/file/medium-3978b347eaef2e6f36cfebdb35a4115e.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-19031">
            <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-19031-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zK_VjSsseOYq3IjY51HGQVIWqPSL6bKpxeBJx7vL_KKHbtnwq-WgWY-4Il6QdX5wCSiHWzpMuncUBSe84ZM-Pw" />
    <input value="19031" 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%2Fjooti%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-19032">
          <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/9943/file/small-3ce1ca21430aa9e91675d2aa850f716b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9943/file/medium-244c326ed6332e402fa7306441ded531.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9943/file/large-41955ad54b60c1f304a5332e7b2082be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9943/file/medium-244c326ed6332e402fa7306441ded531.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-19032">
            <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-19032-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pDHaPsFksT1RbJv0onkq07WhNDTCWECXERWfh1hz9Urv8NZDQa1pgvQIMXLVXZLi7p8bm3P9SEnA8PH8Ais31w" />
    <input value="19032" 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%2Fjooti%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-19033">
          <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/10085/file/small-f930bde41080ffb701f809a800e04aba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10085/file/medium-b22ec87f2e4ea361a00c8ed4bd9a5c9e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10085/file/large-4bc1611e9500c8fe22413e7648635a0c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10085/file/medium-b22ec87f2e4ea361a00c8ed4bd9a5c9e.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-19033">
            <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-19033-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MQOnRhg842sltm58z_jSpZJbvJq5BDH-nyalGPsVo9V6wqs7mPU71IDSxPq43GqUyWWTNQihOSBOw8tjoU1hSA" />
    <input value="19033" 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%2Fjooti%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-19034">
          <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/9941/file/small-94914b4d69516f9a92fd6eae0c98390b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9941/file/medium-1382f3e0f854b4408f6842f86a32590c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9941/file/large-898c621bd7e340cca4fc8017bbe195ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9941/file/medium-1382f3e0f854b4408f6842f86a32590c.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-19034">
            <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-19034-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k0Oa9It_b42oNVkID3Sp-twv5imiuQmc6dG8kVfviHfYgpaJC7a3Mg1R8454UBHLhxHJhhMcAUI4NNLqDbdK6g" />
    <input value="19034" 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%2Fjooti%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-19035">
          <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/9950/file/small-435db29577d687f1bc8389031dc4f055.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9950/file/medium-c80e6d58ec5929ee4c5357c7d7027096.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9950/file/large-2fbcc4e36fcce02b4bc15acade606dc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9950/file/medium-c80e6d58ec5929ee4c5357c7d7027096.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-19035">
            <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-19035-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aDd4hacZxBQZ8YKD4Vg077pe0ladYYnr5tlcIg0i64kj9nT4J9Acq7yVKAWWfIze4WD9-SzEgTU3PDJZV3opFA" />
    <input value="19035" 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%2Fjooti%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-1e9f6dc4-2a28-4993-bbbb-8d87f6cd39d8-19036">
          <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/10091/file/small-dc3532a2b69147f1822182943ea01caf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10091/file/medium-4c92b272c719681204fbfc5bd8ae1c38.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10091/file/large-549e60377e605eb7a4d37945af04be7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10091/file/medium-4c92b272c719681204fbfc5bd8ae1c38.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-1e9f6dc4-2a28-4993-bbbb-8d87f6cd39d8-19036">
            <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-19036-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="37vz7f33Xl-rlGeUjA8xUl9VUo2nlCAbxOMrDGfa0-CUev-QfT6G4A7wzRL7K4ljBGt9IhYxKMUVBkV3PYIRfQ" />
    <input value="19036" 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%2Fjooti%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-19037">
          <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/9936/file/small-d372889970711bab9e00e8cc96ed1968.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9936/file/medium-5acb8c2f3f8f5b49838a505d225a5ea4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9936/file/large-d86b398053f626dddcb58db2c37b1bdb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9936/file/medium-5acb8c2f3f8f5b49838a505d225a5ea4.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-19037">
            <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-19037-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CraWHOXRUYBJ7e5NWG3ej5SbvKaoFyl5_X_9P115h4xBd5phZRiJP-yJRMsvSWa-z6WTCRmyIacsmpNEByFFEQ" />
    <input value="19037" 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%2Fjooti%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-19038">
          <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/9940/file/small-250d3025041c452b0ce4f2398708ff21.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9940/file/medium-ff9679327c6b5e2728ec539a64909a61.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9940/file/large-e54229d4003c33d1368f1c603923bb38.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9940/file/medium-ff9679327c6b5e2728ec539a64909a61.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-19038">
            <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-19038-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DWirA1U3sYBK5M9clipRpAEOJiTFg63AUVv6SQDgD_tGqad-1f5pP--AZdrhDumVWjAJi3QmpR6AvpQyWrjNZg" />
    <input value="19038" 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%2Fjooti%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-19039">
          <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/9946/file/small-9ee7a811c4a6842fa2f9ab173d24196a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9946/file/medium-962c17c4e007e876d135ccb71420c1c1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9946/file/large-63159861ec210ac350d2d74f2dc6a1b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9946/file/medium-962c17c4e007e876d135ccb71420c1c1.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-19039">
            <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-19039-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LyxdXGVZyCxXhzyricZsb-THKe_hAGRqNel2egZFYthk7VEh5ZAQk_Ljli3-4tRev_kGQFClbLTkDBgBXB2gRQ" />
    <input value="19039" 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%2Fjooti%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-19040">
          <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/9945/file/small-6eb9c985ec315b3295fe9acdaf20e496.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9945/file/medium-bbd81dead69b24e013f8c20dd2f605c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9945/file/large-734c3d64c51696456f13ffece10d62d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9945/file/medium-bbd81dead69b24e013f8c20dd2f605c8.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-19040">
            <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-19040-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xnqjBVLMxRvXi_R0NEZxj--NHms3QgiZ51vTLot-5H-Nu6940gUdpHLvXvJDYsm-tLMxxIbnAEc2vr1V0SYm4g" />
    <input value="19040" 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%2Fjooti%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-19041">
          <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/10696/file/small-686780a80f1486fa65f1833f3d27dd19.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10696/file/medium-008873c329349c3025564539bbc1d85a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10696/file/large-8ecb18bb2be23c279a7ca9cc270d9836.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10696/file/medium-008873c329349c3025564539bbc1d85a.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-19041">
            <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-19041-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TWrsbjmU0Aemt1ZS88svDJB0jAOL-rMBSsuBzIf0nigGq-ATuV0IuAPT_NSE75c9y0qjrDpfu9-bLu-33axctQ" />
    <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 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%2Fjooti%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-19042">
          <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/10697/file/small-d08fe3d4dc6d08ac9c991450ffe55db7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10697/file/medium-db28a5063d8ce54188319321e17f67d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10697/file/large-6d3bdbc98a881c26b3b34341ac16e6f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10697/file/medium-db28a5063d8ce54188319321e17f67d2.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-19042">
            <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-19042-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g-n8mkEntr9KVva9d0pVI1GT9jPY3-D7cBWOcMtqt8TIKPDnwe5uAO8yXDsAbu0SCq3ZnGl66CWh8OALkTJ1WQ" />
    <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  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%2Fjooti%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-19043">
          <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/9951/file/small-8663be281ed898532c3bc3cb0a521545.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9951/file/medium-92dcd49023b3f67045eedf1847e6072a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9951/file/large-cd2bd4878ea498f26e5c5b747fc8a143.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9951/file/medium-92dcd49023b3f67045eedf1847e6072a.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-19043">
            <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-19043-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GCdpc0_o3XrSWkVbIvQluP295gqoGueBwrylHUjDBlNT5mUOzyEFxXc-791V0J2JpoPJpRm_718TWctmEpvEzg" />
    <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 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%2Fjooti%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-19044">
          <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/9938/file/small-ac1ffdd464172b12fc56f08b506a00b1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9938/file/medium-a1a7449f1dd3f20a0a3795221fa096fb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9938/file/large-8b0f9ecab820cc02805ddefc4800d849.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9938/file/medium-a1a7449f1dd3f20a0a3795221fa096fb.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-19044">
            <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-19044-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y3gKEnbL0S4cuZtxu2Yc0x_fXsdXrb5yv38oYusGN3-AuQZv9gIJkbndMffMQqTiROFxaOYItqxumkYZsV714g" />
    <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  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%2Fjooti%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-19045">
          <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/10086/file/small-b17f45bf5b899c1796c8d311b4b91193.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10086/file/medium-c30cdeb8c9eb2cdc1fbca384bba1a00f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10086/file/large-d01c05568ae5056b57305a99def52867.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10086/file/medium-c30cdeb8c9eb2cdc1fbca384bba1a00f.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-19045">
            <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-19045-card">
        

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



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

</template></turbo-stream>