<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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/harissa-scharf-demeter-125-g-18762">
          <img alt="Harissa Scharf Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10862/file/small-2b2e2c4247ad2c9140d77238480658aa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10862/file/medium-82d7e28f9f530ff80e61b6662d67611c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10862/file/large-6eccca0b852c3ccb6295ea8ed768dd35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10862/file/medium-82d7e28f9f530ff80e61b6662d67611c.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">Pural</p>
          <a href="/products/harissa-scharf-demeter-125-g-18762">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Harissa Scharf Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6qDD5_yZ0gylrbF0H1zf4TZyiJuv0oL2Eblu_An4Cku6olJ7RMRqq90T7IpqvslmpW5NkJAxgawbJOEPcOcAUg" />
    <input value="18762" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/honigkuchen-bio-400-g-18763">
          <img alt="Honigkuchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9475/file/small-e39e243fd7fb3bf007d7161fc9396ed0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9475/file/medium-29f20684ad934e1905749c5d49dea7eb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9475/file/large-31d286e75ee34879d02a559593e163c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9475/file/medium-29f20684ad934e1905749c5d49dea7eb.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">Pural</p>
          <a href="/products/honigkuchen-bio-400-g-18763">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Honigkuchen Bio, 400 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.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nRc7rXRBVAUt_J7GxIPGtURRvsm-Hg8YcJ9sTJM30zLNFaoxzBzsolVCwzixYdAy1017woH9DEJ6AuO_6ijZKw" />
    <input value="18763" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/knacke-dinkel-demeter-250-g-18764">
          <img alt="Knäcke 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/10149/file/small-295c4a339a90a731a271412c7266e802.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10149/file/medium-687e502fd5dfad86d53b0a3d73850081.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10149/file/large-a336ed0b02b4f4f83a3472b482d72a5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10149/file/medium-687e502fd5dfad86d53b0a3d73850081.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">Pural</p>
          <a href="/products/knacke-dinkel-demeter-250-g-18764">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knäcke Dinkel Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5g0musT9QA1FT29kPnc4PV1_iYhXXuE-5kqrJxDNeqW2D7cmfKD4qj3xMppLlS66zmNMg2i94mTs1yTUadJwvA" />
    <input value="18764" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/maischips-natur-family-bio-200-g-18765">
          <img alt="Maischips Natur Family Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10705/file/small-968a2acce61af005e5dafa81c0bdc8be.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10705/file/medium-3f7e70785b51f171ab930a00ad28bd8f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10705/file/large-977a9db6fed0884ed90e430c31e6cd32.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10705/file/medium-3f7e70785b51f171ab930a00ad28bd8f.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">Pural</p>
          <a href="/products/maischips-natur-family-bio-200-g-18765">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maischips Natur Family Bio, 200 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 1.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kSwEq9SzgnwyAF2qIm29qKZc6dKO8dytiRwcN8LZVxbBLpU3bO4620q-AFRXj6svNUAs2bES3_eDgZPEu8ZdDw" />
    <input value="18765" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/protein-shake-pur-plus-500-g-18766">
          <img alt="Protein Shake Pur Plus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9480/file/small-b38a3c74d446530de43fe5be73515904.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9480/file/medium-a96e894a473b073b044bce8a6b119c87.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9480/file/large-b9c18b732cde3282d524467f6afc8858.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9480/file/medium-a96e894a473b073b044bce8a6b119c87.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">Raab</p>
          <a href="/products/protein-shake-pur-plus-500-g-18766">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Shake Pur Plus, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LmZgd7HDy0HAWmmVIVdeC8GpOs1gu2gvc3Nf_iaaV2V-ZPHrCZ5z5rjkNGtUtUiMUrX_xl9Ya3V57tANX4VdfA" />
    <input value="18766" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/aceto-balsamico-di-modena-bio-500-ml-84dfa343-d863-486b-9c90-33c72012da31-18767">
          <img alt="Aceto Balsamico di Modena Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10912/file/small-02b1b3c9e9d9577c8c9d0d312b95bcee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10912/file/medium-ce54859c204ba1a0bee5fcb931f4110b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10912/file/large-3b069c2a523427712628987d6f51b10f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10912/file/medium-ce54859c204ba1a0bee5fcb931f4110b.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">Rapunzel</p>
          <a href="/products/aceto-balsamico-di-modena-bio-500-ml-84dfa343-d863-486b-9c90-33c72012da31-18767">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aceto Balsamico di Modena Bio, 500 ml</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 1.50 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pKLP9GYvqxCGcNaf7rBI-4Lb2_RLENm38fbCbnJFpHz0oF5o3nITt_7Oi2GbUl58Ecce_3Tz2u37a02dC1quZQ" />
    <input value="18767" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/aceto-balsamico-speciale-flasche-bio-250-ml-18768">
          <img alt="Aceto Balsamico Speciale Flasche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10913/file/small-b46b346b4e14f2633c057abe136f4bce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10913/file/medium-141d44b764cc9138ead825eb551d0faf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10913/file/large-364c0f5e84ba1496953d01e87a836d37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10913/file/medium-141d44b764cc9138ead825eb551d0faf.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">Rapunzel</p>
          <a href="/products/aceto-balsamico-speciale-flasche-bio-250-ml-18768">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aceto Balsamico Speciale Flasche Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DxV0X3I6QJNm2tgpqthMRHNp-TDQXh4UnTsb7XMRcCZfF-XDymf4NB5khdffOlrD4HU8O--9HU6XppQeCg56Pw" />
    <input value="18768" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/basmati-reis-natur-bio-500-g-18769">
          <img alt="Basmati Reis natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9255/file/small-700c1033180b1fa2c96c28f6fa126f4e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9255/file/medium-2a46cdfa08a64a883fde8a7b1c55840a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9255/file/large-7c0e147702477b246aa0edb02ad0bb10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9255/file/medium-2a46cdfa08a64a883fde8a7b1c55840a.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">Rapunzel</p>
          <a href="/products/basmati-reis-natur-bio-500-g-18769">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basmati Reis natur Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OxJsoX05KfBqVyotbKeNVp-Sw2WBBr209C1Aur1K5ZdrEP09xWSRVxLpd9MZRZvRDI4Gbr7lvu7-sM9JxFXvjg" />
    <input value="18769" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/basmati-reis-weiss-bio-500-g-18770">
          <img alt="Basmati Reis weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10083/file/small-d4f885e15339008e3cf1ad9faeeb0990.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10083/file/medium-e83c880c74f238a206bc39527f8128ed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10083/file/large-387f327a8f8858e79f0bf41a1796c9da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10083/file/medium-e83c880c74f238a206bc39527f8128ed.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">Rapunzel</p>
          <a href="/products/basmati-reis-weiss-bio-500-g-18770">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basmati Reis weiss 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-18770-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YLgBTKWTqDMYE8KuvJd8Io79MgaJUsAbrCmvxrBvpdMwupDQHc4QlGCtn1DJdWqlHeH3Dbaxw0GmtCA1yXCvyg" />
    <input value="18770" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/beluga-linsen-schwarz-bio-500-g-18771">
          <img alt="Beluga Linsen schwarz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10877/file/small-da0dcf4c5dc046a9955675a91103426c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10877/file/medium-e516d726c37a05befe1fbfa0d65d6d2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10877/file/large-53e26b88c6c8268f188406c1ccbffef1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10877/file/medium-e516d726c37a05befe1fbfa0d65d6d2b.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">Rapunzel</p>
          <a href="/products/beluga-linsen-schwarz-bio-500-g-18771">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beluga Linsen schwarz Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mlumQH_t22X7-oLh_Ls4jooCQ_CST2xZYDcdIpd5H-7KWTfcx7BjwoNE3x-JWS4JGR6G-62sbwNqqpLR7mYV9w" />
    <input value="18771" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/bio-snacky-alfalfa-200-g-18772">
          <img alt="Bio-Snacky Alfalfa" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10915/file/small-bfa47877759a5aba27a3928a0c49c93f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10915/file/medium-2cc09d9b7d9a851c852b78878426eae6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10915/file/large-e206e89d9946ab4614d1f371fec6b298.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10915/file/medium-2cc09d9b7d9a851c852b78878426eae6.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">Rapunzel</p>
          <a href="/products/bio-snacky-alfalfa-200-g-18772">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Alfalfa, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dM1Kqp94F6Sht1Jlt9tWi6w_Dup6pRm5S0pNtCWYGCgkz9s2JyWvA9kJD5vCOUAMPyPL4UVGGuNB18JHXIcSMQ" />
    <input value="18772" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/bio-snacky-bockshornklee-bio-200-g-18773">
          <img alt="Bio-Snacky Bockshornklee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9600/file/small-f9e56713e89c1f32ce9901e9976b6524.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9600/file/medium-ee00022941ba62c536924ccd9b43ef03.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9600/file/large-b0bb4a71fc3b2018d94031c5f2df30c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9600/file/medium-ee00022941ba62c536924ccd9b43ef03.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">Rapunzel</p>
          <a href="/products/bio-snacky-bockshornklee-bio-200-g-18773">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Bockshornklee Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LSbln6k4tnv9lLZCi6POoahHT03nE-1oSAobGpsTDux9JHQDEWUO3IUq67z-QdgmO1uKRtjw7jJCl5Tp4gwE9Q" />
    <input value="18773" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/bio-snacky-broccoli-bio-30-g-18774">
          <img alt="Bio-Snacky Broccoli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9256/file/small-ecf0a0a48c2a5261521d05900a3a133b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9256/file/medium-c079b58277ff2756477a20e794d3c8c7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9256/file/large-4e3306abd5b761c3d3e12df3821529a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9256/file/medium-c079b58277ff2756477a20e794d3c8c7.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">Rapunzel</p>
          <a href="/products/bio-snacky-broccoli-bio-30-g-18774">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Broccoli Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aysQsgm9UC2bqrqqLjFuAX83kP_ZxAnTsZAPtyaWphQ7KYEuseDoiuMU51Rb03iG7CtV9OYnCom7DYBEX4msDQ" />
    <input value="18774" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/bio-snacky-fitness-mischung-200-g-18775">
          <img alt="Bio-Snacky Fitness Mischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10857/file/small-fb38d6a7b2739e0d308a1b4c3acda232.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10857/file/medium-98169b59152bc1ead214c0feaeac2844.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10857/file/large-59f155336e2c029a45660a2a39e38e5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10857/file/medium-98169b59152bc1ead214c0feaeac2844.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">Rapunzel</p>
          <a href="/products/bio-snacky-fitness-mischung-200-g-18775">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Fitness Mischung, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pt6lhk_MGjd141I7_LNYa2VZtpCbu2JwF6SK5bIznstu3DQa95GikA1dD8WJUU7s9kVzm6RYYSodOQUWyyyU0g" />
    <input value="18775" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/bio-snacky-kresse-200-g-18776">
          <img alt="Bio-Snacky Kresse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10856/file/small-7ec3cd46c466ea16073360bf7e028b62.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10856/file/medium-a83096de77cd2110e99abf30d3afcc0d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10856/file/large-07a38abc9aba3a2de23ef9ccbf2d6840.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10856/file/medium-a83096de77cd2110e99abf30d3afcc0d.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">Rapunzel</p>
          <a href="/products/bio-snacky-kresse-200-g-18776">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Kresse, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m4RXCoprYnWCLV5Mf1PXD4ocvNXlikSeTF_hTyq0Z3vLhsaWMjba0vqTA7IKscGIGQB53tppR8RGwm68U6ttYg" />
    <input value="18776" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/bio-snacky-mischung-mild-aromatisch-bio-40-g-18777">
          <img alt="Bio-Snacky Mischung mild aromatisch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9598/file/small-e91609d3d7cb2674a749860f4bf3fc16.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9598/file/medium-6166a5247232ec40bd55f9520d9b86c6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9598/file/large-beee223bdf8ff5695fcf7123385a86d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9598/file/medium-6166a5247232ec40bd55f9520d9b86c6.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">Rapunzel</p>
          <a href="/products/bio-snacky-mischung-mild-aromatisch-bio-40-g-18777">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Mischung mild aromatisch Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t8tK59ZhxD4kcv8_H934SZ0KWX4YCK71_omJobC4_lDnydt7bjx8mVzMosFqP-7ODhacdSfrra_0FAZSyaf0SQ" />
    <input value="18777" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/bio-snacky-mungobohne-200-g-18778">
          <img alt="Bio-Snacky Mungobohne" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10860/file/small-5261c6494e75347d213f6105079cc630.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10860/file/medium-b7946b1f06dfefe3206b46a24d837a46.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10860/file/large-8253632efdb960e57a641e705f7a279f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10860/file/medium-b7946b1f06dfefe3206b46a24d837a46.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">Rapunzel</p>
          <a href="/products/bio-snacky-mungobohne-200-g-18778">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Mungobohne, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3rgGIYqIaKFESVJFfrGu7Fkr2aq5yG46KgrgCcg_m5mOupe9MtXQBjz3D7sLU7hryjccoYYrbWAgl2_6sSCRgA" />
    <input value="18778" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/bio-snacky-radieschen-40-g-18779">
          <img alt="Bio-Snacky Radieschen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9258/file/small-f99e21f1eb811ec22d08544ddfa79b11.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9258/file/medium-a80e7cb7cf939d71952484f92bd23908.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9258/file/large-d20d1bc0fc5a46db9119651a96755eb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9258/file/medium-a80e7cb7cf939d71952484f92bd23908.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">Rapunzel</p>
          <a href="/products/bio-snacky-radieschen-40-g-18779">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Radieschen, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OmYVUqZwbDmj2S5wcErWhbOqF0yXfHl3-fgp4L0JzYZqZITOHi3Unttnc44FqMACILbSR6ifei3zZaYTxBbHnw" />
    <input value="18779" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/bohnen-weiss-bio-500-g-18780">
          <img alt="Bohnen weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10866/file/small-6fdf3acade61790a2548af9f5303cca9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10866/file/medium-37ae3ac01bd79759fa30c8b4ca654798.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10866/file/large-2ec9c3f4df854f271ef50d1e52e87288.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10866/file/medium-37ae3ac01bd79759fa30c8b4ca654798.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">Rapunzel</p>
          <a href="/products/bohnen-weiss-bio-500-g-18780">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bohnen weiss Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2HH0MZjlxc-gaCfyCCz9bRTBLItceg8BPy9S4a7Yu9KIc2WtILh9aNjWegx9zuvqh93pgGOZDFs1st0S18exyw" />
    <input value="18780" 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%2Fspielberger-muhle%3Fformat%3Dturbo_stream%26page%3D61">
    <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/brei-guten-morgen-ayurveda-bio-500-g-18781">
          <img alt="Brei Guten Morgen Ayurveda Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10233/file/small-d8b3f4d326ca5990259364fe97f8ffcc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10233/file/medium-eb1431053264b4fd9a697a26adb855dc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10233/file/large-a6e7cc9026a9cc23356821963eca7cf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10233/file/medium-eb1431053264b4fd9a697a26adb855dc.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">Rapunzel</p>
          <a href="/products/brei-guten-morgen-ayurveda-bio-500-g-18781">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brei Guten Morgen Ayurveda Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

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

</template></turbo-stream>