<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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/soto-burger-gemuse-rote-linse-2-x-80-g-18998">
          <img alt="Soto Burger Gemüse rote Linse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9517/file/small-99dbc63293d8950060092fbca9f318c1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9517/file/medium-3a20dc02008a0195de9b5672ac292e49.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9517/file/large-546238b8f378af71fa0e37c4f26998e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9517/file/medium-3a20dc02008a0195de9b5672ac292e49.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">Soto</p>
          <a href="/products/soto-burger-gemuse-rote-linse-2-x-80-g-18998">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soto Burger Gemüse rote Linse, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9kWHexJFdS_Zl19-QAVvHfaylr5MASEuqSun5jz5d6LZw4qFFnpOW-4ufSo0qJEABMD1JiRX8Xl27yhINNEONg" />
    <input value="18998" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/soto-fruhlingsrollen-mini-china-bio-vegan-4-x-50-g-18999">
          <img alt="Soto Frühlingsrollen Mini China Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9516/file/small-3884f1f2842e9960db1e6e3fc6fb12f0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9516/file/medium-1505451f249fe0fe1ea6db3160d84d78.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9516/file/large-18880d57624f0f76a77755957b8fc167.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9516/file/medium-1505451f249fe0fe1ea6db3160d84d78.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">Soto</p>
          <a href="/products/soto-fruhlingsrollen-mini-china-bio-vegan-4-x-50-g-18999">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soto Frühlingsrollen Mini China Bio vegan, 4 x 50 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 2.45 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZXSUdczleNdyjMOIk4UqDSWusRfaZYcXkYsRIHB9WTxK8pmLyNpDo0U14dznKNQQ19zSj7IzV0BOT56OeFUgqA" />
    <input value="18999" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/soyana-dinki-wurst-vegilat-bio-2-x-100-g-19002">
          <img alt="Soyana Dinki Wurst Vegilat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9959/file/small-3448ace8751f00053251dfb506864e5b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9959/file/medium-8ef3f44235074dfd5c28da57bcf62247.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9959/file/large-c5d857f40e4a49d0277b6a9dca2e9839.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9959/file/medium-8ef3f44235074dfd5c28da57bcf62247.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/soyana-dinki-wurst-vegilat-bio-2-x-100-g-19002">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soyana Dinki Wurst Vegilat Bio, 2 x 100 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 3.15 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b_g7ahaYyIke2AZ2cFvRFWCkIpH24ADrvCpa08FJ3V5AfjaUEqfz_SlhJCIE9i8IktZBCZ620Lxj7tV9yWGkyg" />
    <input value="19002" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/soyana-soya-gehacktes-bio-200-g-19007">
          <img alt="Soyana Soya Gehacktes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9731/file/small-44dc2005da212bab558cccb6c97ee163.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9731/file/medium-01824402d35edbb4d5689c7bd8790bd7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9731/file/large-e07389954be1eddda90cefc14a266e5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9731/file/medium-01824402d35edbb4d5689c7bd8790bd7.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/soyana-soya-gehacktes-bio-200-g-19007">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soyana Soya Gehacktes Bio, 200 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 3.45 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8gV0qq8YaTmxEgiUnYjZuI6cs0UjCoYU_CCt21Xi9q3dg3lUqydSTYarKsDpJSelfO7Q3UtcVkMj5CJ1XcqPOQ" />
    <input value="19007" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/soyana-soya-geschnetzeltes-curry-bio-200-g-19008">
          <img alt="Soyana 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/9989/file/small-425d8c91bdaa39625742ba9942e536fc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9989/file/medium-7b866603b696875e4d1267acafd4c991.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9989/file/large-5f197a0b3884c220693b0abbaf9cd5ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9989/file/medium-7b866603b696875e4d1267acafd4c991.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/soyana-soya-geschnetzeltes-curry-bio-200-g-19008">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soyana 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-19008-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b3F6rDqWseIoZTZ_Aj5P4KRbHMo38n7pXKt1fnS-z6tA93dSPqmKlh_cFCt2k7H9Vil_Ul-krr6Db_rQfJa2Pw" />
    <input value="19008" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/soyana-soya-klosse-bio-200-g-19009">
          <img alt="Soyana 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/9730/file/small-7c8ada4e802a4e965a87f17f42cebe2c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9730/file/medium-c7feedea64c655ded01c12d27feeb263.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9730/file/large-6ff941da889cf53479b44b4eec382546.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9730/file/medium-c7feedea64c655ded01c12d27feeb263.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/soyana-soya-klosse-bio-200-g-19009">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soyana 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-19009-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5SQpGfpFgkZP46zBripoQn-SwRmpep4FnYu-H8FSHYbKoiTn_nq5MnhajpXah5ZfjeCigcEsTlJCTzGxyXpkEg" />
    <input value="19009" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/spielberger-6-korn-flocken-demeter-500-g-19010">
          <img alt="Spielberger 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/9967/file/small-68d478119310e54eecbd98e174579e71.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9967/file/medium-7347b061f64e38d299d706adcb5d1f9a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9967/file/large-013670248944719edee919fdefd929e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9967/file/medium-7347b061f64e38d299d706adcb5d1f9a.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</p>
          <a href="/products/spielberger-6-korn-flocken-demeter-500-g-19010">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger 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-19010-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fhoXTv8T0B_RYBYet7chFb0xCRpp6toLw0KuafWO1cJRnBqw-yzra-bZNErDGt8IT0NqggG8ClwchiHH_aasVg" />
    <input value="19010" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/spielberger-6-kornmischung-demeter-1-kg-19011">
          <img alt="Spielberger 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/9975/file/small-7901afb6638027278a33f0837ae4f51e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9975/file/medium-fce587bb2c5de004bc94d18dae03ef38.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9975/file/large-7f87d25e919de950abe4b8adf58166c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9975/file/medium-fce587bb2c5de004bc94d18dae03ef38.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</p>
          <a href="/products/spielberger-6-kornmischung-demeter-1-kg-19011">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger 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-19011-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k7XlW-e-fni2rIb5ejFl_ZQYTvr51sTTiWfwrvD5R528M-il44FFDIEVpK0OnJvgZmotYpGAFIRWo38A-NE-CQ" />
    <input value="19011" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/spielberger-buchweizenflocken-bio-500-g-19012">
          <img alt="Spielberger 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/9968/file/small-c4b2f39f4a802251cd097e4ee615c12e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9968/file/medium-b05ace051c4a3ebae8d6b80a4185baac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9968/file/large-6409adad19637125c0fc712624fe1b0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9968/file/medium-b05ace051c4a3ebae8d6b80a4185baac.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</p>
          <a href="/products/spielberger-buchweizenflocken-bio-500-g-19012">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger 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-19012-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vS2ttm4pbvPF1UQ2fNXNiSw6ilpTbevGritKWb598W6Sq6BIahZVh_JsZmIIeDOU3kjpwjs7O5Fx78X3tlWI-g" />
    <input value="19012" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/spielberger-dinkel-demeter-1-kg-19013">
          <img alt="Spielberger 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/9978/file/small-061e530c858f48225953d436fb6d009f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9978/file/medium-3059ef3c34ef7ef2669f5bf41aa94a0b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9978/file/large-0830e17085274264d86e9033f8d8f065.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9978/file/medium-3059ef3c34ef7ef2669f5bf41aa94a0b.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</p>
          <a href="/products/spielberger-dinkel-demeter-1-kg-19013">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger 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-19013-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6fLkefRMXBgzy-MJCn1jRpqYTIUNSLoBlmhsYsMq-R_GdOmH8HNnbARywV1-0J1baOovHWUealZJrOPMywKAiw" />
    <input value="19013" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/spielberger-dinkel-bulgur-demeter-500-g-19014">
          <img alt="Spielberger 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/9974/file/small-292bccc20f09434b6d5f2325d31e436d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9974/file/medium-6953506c649c89ac11260d2d8c1fcd4c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9974/file/large-30b112bba3513f9aeb76446ba1830727.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9974/file/medium-6953506c649c89ac11260d2d8c1fcd4c.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</p>
          <a href="/products/spielberger-dinkel-bulgur-demeter-500-g-19014">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger 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-19014-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kVBAx29ibwu2an7uLqamfrop2o2nQcI1H4dnmAsu3Ti-1k05a11Uf4HTXLpaC1hjSFu5Fc8XEmLAQ-g2AwakrA" />
    <input value="19014" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/spielberger-dinkelflocken-grossblatt-demeter-500-g-19015">
          <img alt="Spielberger 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/10189/file/small-8e6013753220e0161f18cf6573ce6a20.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10189/file/medium-80994d473b72c905223d77b42473f5b4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10189/file/large-9aafaeaf4fe8c520575f0483d7e3ef76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10189/file/medium-80994d473b72c905223d77b42473f5b4.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</p>
          <a href="/products/spielberger-dinkelflocken-grossblatt-demeter-500-g-19015">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger 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-19015-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N_9i42NKT2SzA12MuzhaH9PRCqV6KCzVXScrgquRghQYeW8dZ3V0EIS6f9jPlaQCIaNpPRJ-_IKC46Qso7n7gA" />
    <input value="19015" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/spielberger-dinkelflocken-kleinblatt-demeter-500-g-19016">
          <img alt="Spielberger 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/9972/file/small-6ba40d59a6b7430723dcea7dafb84592.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9972/file/medium-cd90d62e625cdfec56b1f08d1dd625d5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9972/file/large-db326fb8a90ab800c68402f8901e66ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9972/file/medium-cd90d62e625cdfec56b1f08d1dd625d5.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</p>
          <a href="/products/spielberger-dinkelflocken-kleinblatt-demeter-500-g-19016">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger 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-19016-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="31jvihC3rWgNOl0mCxsSmc1RogroguK0kXzIGft76x3w3uJ0FIiWHDqDf3J_tuyEPyPBkoDUMuNOuEe381OSiQ" />
    <input value="19016" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/spielberger-dinkelgriess-demeter-500-g-19017">
          <img alt="Spielberger 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/9981/file/small-6c411ba1dc1e1635c3e71156e208f8cc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9981/file/medium-23e1f8ed6e677476a25557ac55136c31.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9981/file/large-7e39033705e12117ce030955a9c77bea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9981/file/medium-23e1f8ed6e677476a25557ac55136c31.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</p>
          <a href="/products/spielberger-dinkelgriess-demeter-500-g-19017">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger 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-19017-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DLZRJ2LkY8MNvvZmsm9bSQx8Wp4oLUDJAWtKMJ96kNYjMFzZZttYtzoH1DLGwqVU_g45BkB7kJ7er8Wel1LpQg" />
    <input value="19017" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/spielberger-emmer-demeter-500-g-19018">
          <img alt="Spielberger 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/10193/file/small-e396fb7674ba18e1a270c52bec8d9052.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10193/file/medium-954b030af15ecfec06e0c70233618fb3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10193/file/large-f8ae593d475c32e31522552387caa434.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10193/file/medium-954b030af15ecfec06e0c70233618fb3.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</p>
          <a href="/products/spielberger-emmer-demeter-500-g-19018">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger 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-19018-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hnAT8NLMfFbrDqlbR6n77ywXvl8C1qfdGx4LbhEZmSGp9h4O1vNHIty3iw8zBAXy3mXdx2qAd4rE2oTAGTHgtQ" />
    <input value="19018" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/spielberger-flakes-dinkel-demeter-250-g-19019">
          <img alt="Spielberger 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/9966/file/small-5c51d39f8905065e76eafd6913e65fec.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9966/file/medium-b066a5bfbd3f40a00140fabbdc729dd5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9966/file/large-36b65af673dad3e66d159efa20e48d9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9966/file/medium-b066a5bfbd3f40a00140fabbdc729dd5.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</p>
          <a href="/products/spielberger-flakes-dinkel-demeter-250-g-19019">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger 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-19019-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vT5h0pRLaKcY_4BGomCpd9qjXAthnhMhl3_zQma2UwuSuGwskHRT0y9GohLWzVdqKNE_kwnIw3ZIu3zsbp4qnw" />
    <input value="19019" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/spielberger-gerstenflocken-demeter-500-g-19020">
          <img alt="Spielberger 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/9971/file/small-5ebbfa002c1e1cf40f81130653a0a37a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9971/file/medium-8f8c0ca62f9d2a204d690a2bf601f366.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9971/file/large-0f1bcd62e41401ad7e5f1446fb515bab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9971/file/medium-8f8c0ca62f9d2a204d690a2bf601f366.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</p>
          <a href="/products/spielberger-gerstenflocken-demeter-500-g-19020">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger 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-19020-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0-evGjs--LdHJx8dceow8iE52Nsnjh8v789_l3tNsBX8YaLkPwHDw3CePUkFR87v00u7Q0_Yz3gwC_A5c2XJgQ" />
    <input value="19020" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/spielberger-grunkern-demeter-500-g-19021">
          <img alt="Spielberger 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/9977/file/small-00e0e6392518505bc36b7c8e584938a5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9977/file/medium-0430738782bf4c4c5685abb914a22dd0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9977/file/large-6ae9a8e6bbbc2d78786184e96fd7aa49.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9977/file/medium-0430738782bf4c4c5685abb914a22dd0.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</p>
          <a href="/products/spielberger-grunkern-demeter-500-g-19021">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger 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-19021-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1l9CB9beWrjHICkiF7JJyzvlgZMAkt3qN4bwa6_5HkT52U_50uFhzPCZC3ZjH7fWyZfiC2jEDb3oQn_Fp9Fn0A" />
    <input value="19021" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/spielberger-hafer-geschalt-demeter-1-kg-19022">
          <img alt="Spielberger 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/9976/file/small-9e47fea3b26108dccf8114910ff30478.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9976/file/medium-b10206e30a1ce64aefea5e40f5da85b9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9976/file/large-9e428e2e02f75e10498ff43ae9f3f1cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9976/file/medium-b10206e30a1ce64aefea5e40f5da85b9.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</p>
          <a href="/products/spielberger-hafer-geschalt-demeter-1-kg-19022">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger 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-19022-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WtNAVFA-yWEe8RpnEQO0rLJJxdnSMod1MZN5VvzXk8x1VU2qVAHyFSlIODNlrkqxQDumQbpkVyLuV_b49P_qWA" />
    <input value="19022" 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%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D54">
    <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/spielberger-haferflocken-grossblatt-demeter-500-g-19023">
          <img alt="Spielberger 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/11109/file/small-1f082cafeae88bcd760aa518b0cf8f8a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11109/file/medium-4ebe79f1b15aaef61e92d23bace1152e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11109/file/large-e127ba83954b5bdc5354d5398f83ce1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11109/file/medium-4ebe79f1b15aaef61e92d23bace1152e.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</p>
          <a href="/products/spielberger-haferflocken-grossblatt-demeter-500-g-19023">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spielberger 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-19023-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m6Tv4JrSbVfua5TnyPLDgpmOgx3PpEJsUAOzvRSEBmi0IuIenu1WI9nStrO8Xz2fa_zghafykjuPxzwTHKx__A" />
    <input value="19023" 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;080 von 1&#39;583 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=55">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>