<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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/pasta-casarecce-glutenfrei-500-g-19974">
          <img alt="Pasta Casarecce glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10553/file/small-8804db0f446e44652e1f38f1efe4fd3f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10553/file/medium-521a3c064437925fce62fe5f9cf0d195.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10553/file/large-65d33bbfe0f911ed4ead0c8819164732.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10553/file/medium-521a3c064437925fce62fe5f9cf0d195.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">La Fabbrica Della Pasta</p>
          <a href="/de/products/pasta-casarecce-glutenfrei-500-g-19974">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Casarecce glutenfrei, 500 g</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 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BxRpKKmJdN7I7TleID9lBoWSQlbGvSCqFT2_IonrCF-QbF6X6cg6smY0zBHKQOP9oISU-Aih4wFXvPYKRF5Sgw" />
    <input value="19974" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/pasta-conchiglioni-glutenfrei-500-g-19975">
          <img alt="Pasta Conchiglioni glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10548/file/small-64eb88854fdd39a07462510f878a7889.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10548/file/medium-11caf4df740dadc467a0a979553bb7ed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10548/file/large-8a488a29d08d10e32262e44c66f456e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10548/file/medium-11caf4df740dadc467a0a979553bb7ed.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">La Fabbrica Della Pasta</p>
          <a href="/de/products/pasta-conchiglioni-glutenfrei-500-g-19975">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Conchiglioni glutenfrei, 500 g</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 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sToYQkkpxD9pa4tKoFXCgR7IJDjSq9ak1Y5F_VzFs0QmQi_9CWiKU8eyfgVKKkR6O97ylhy3FQ-XDwzVkXDpmA" />
    <input value="19975" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/pasta-fettuccine-glutenfrei-500-g-19976">
          <img alt="Pasta Fettuccine glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10549/file/small-5690a243c145596583993f8712af92f0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10549/file/medium-e21af49b1572e236e81666780b50308d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10549/file/large-e1d4f01c0021ae3103e2257b01346126.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10549/file/medium-e21af49b1572e236e81666780b50308d.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">La Fabbrica Della Pasta</p>
          <a href="/de/products/pasta-fettuccine-glutenfrei-500-g-19976">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Fettuccine glutenfrei, 500 g</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 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Wec0PqpeslGecOhi9Ax8usRsnmlgDSsJJ0NHqdVKRrbOnwOB6h_8PTCpHS0ec_pB4XpIx64R6KJlwg6BGP8cag" />
    <input value="19976" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/fidanzati-capresi-500-g-19977">
          <img alt="Fidanzati Capresi" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10619/file/small-89932cfc560eea17be0653f2be5888c5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10619/file/medium-b4e616eac714a2d9d25c7890122873da.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10619/file/large-16bd7823876bf2d31e1dcab448567d45.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10619/file/medium-b4e616eac714a2d9d25c7890122873da.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">La Fabbrica Della Pasta</p>
          <a href="/de/products/fidanzati-capresi-500-g-19977">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fidanzati Capresi, 500 g</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 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0KAh7RSUXK7x5L7SwEKkVDwe5_XjKv1c6b1dAy9kQP9H2BZSVNUSwl89S50qPSKvGQgxWy02PverPBQr4tEaIw" />
    <input value="19977" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/fusili-sorrento-500-g-19978">
          <img alt="Fusili Sorrento" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10618/file/small-f2d947fb8f5394e07ac694655c888a2a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10618/file/medium-fca376a68e27d0f470344da9114ca23c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10618/file/large-5ec95bb2522a4afcb852da2532eeed8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10618/file/medium-fca376a68e27d0f470344da9114ca23c.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">La Fabbrica Della Pasta</p>
          <a href="/de/products/fusili-sorrento-500-g-19978">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fusili Sorrento, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i4Yh-LJAH29f-IdDFLiLRhH--K6yFUugJMZmAMF3z6cc_hZH8gFRA_Ehcgz-xw29NOguAHwJiAtmRy8oDMKVew" />
    <input value="19978" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/pasta-fusiloni-giganti-glutenfrei-500-g-19979">
          <img alt="Pasta Fusiloni giganti glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10551/file/small-a8fae9077f0c4c9b4d4b987f0f5ad6d3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10551/file/medium-b88bbfe30a8cc10a197915b85aeb5ed0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10551/file/large-3efd898f39237998b70ad332631a48bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10551/file/medium-b88bbfe30a8cc10a197915b85aeb5ed0.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">La Fabbrica Della Pasta</p>
          <a href="/de/products/pasta-fusiloni-giganti-glutenfrei-500-g-19979">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Fusiloni giganti glutenfrei, 500 g</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 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MxdNHAwaZKGZPtqmuU05oGvvpzle44ifQTvSoUyB5bKkb3qjTFsqzTfnL-lTMr9bTvlxl5D_SzQDupuJgTS_bg" />
    <input value="19979" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/paccheri-di-gragnano-glatt-500-g-19980">
          <img alt="Paccheri di Gragnano glatt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10617/file/small-a697aab17a6112d8599a807621c5ffd4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10617/file/medium-d0b879c25aa92221dc7b65214221d2aa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10617/file/large-66ee32d0c3098f3c53069d1f76258bdd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10617/file/medium-d0b879c25aa92221dc7b65214221d2aa.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">La Fabbrica Della Pasta</p>
          <a href="/de/products/paccheri-di-gragnano-glatt-500-g-19980">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paccheri di Gragnano glatt, 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-19980-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rJgUywLEQSA5iVYxfFY4ShutT3n9cKu49hrRA649HfY74CN0QoUPTJdQo36WKb6xPruZ1zNsaBO0m5grY4hHKg" />
    <input value="19980" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/pasta-penne-glutenfrei-500-g-19981">
          <img alt="Pasta Penne glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10552/file/small-b921f260edb7fd6efee1ca5b2dfb13ac.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10552/file/medium-36e9b64546272ee05a3f1f3909e55f35.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10552/file/large-8bd8e515c8d23769a62225b0cca31ddd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10552/file/medium-36e9b64546272ee05a3f1f3909e55f35.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">La Fabbrica Della Pasta</p>
          <a href="/de/products/pasta-penne-glutenfrei-500-g-19981">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Penne glutenfrei, 500 g</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 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L_L3yIOM2pi3hn9eg9_8mV4Ph4MCdpHXsnf-2Jc4zM64isB3w82U9BlfihFpoHpiexlRLcxqUnzw9rfwWo2WEg" />
    <input value="19981" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/pasta-spaghetti-unici-glutenfrei-500-g-19983">
          <img alt="Pasta Spaghetti Unici glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10550/file/small-787b346ce0f3f8da856d3fd4f0caf9ca.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10550/file/medium-0458d58642f19a1b5045bc1e3e7542f6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10550/file/large-fcdca4900a27a56261b5a644e9d48c7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10550/file/medium-0458d58642f19a1b5045bc1e3e7542f6.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">La Fabbrica Della Pasta</p>
          <a href="/de/products/pasta-spaghetti-unici-glutenfrei-500-g-19983">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Spaghetti Unici glutenfrei, 500 g</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 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K3PL6uN-g_nik8uruqB1HUa3PorlKHPdySmWCnrdM7u8C_xVoz_NlUxKPuRQ3_PmY6HoJCs0sHaLqN8it2hpZw" />
    <input value="19983" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/crunchy-hafer-schoko-nuss-300-g-19994">
          <img alt="Crunchy Hafer Schoko-Nuss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10388/file/small-dbbe135d162dd7556d4547207e5abdb0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10388/file/medium-f2882e3b8d1a53c15d8f3f71163bff5f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10388/file/large-b1a5f1f0f0f3c40f23f836f2d07f3f64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10388/file/medium-f2882e3b8d1a53c15d8f3f71163bff5f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauck</p>
          <a href="/de/products/crunchy-hafer-schoko-nuss-300-g-19994">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crunchy Hafer Schoko-Nuss, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LJ7UmCOnO8qB8WRyzYXwAZRQGe-oBOqHthlGgAq3MC-75uMnY-Z1pi8okT0n-nb6sUbPQWYYKSz0mA-oxwJq8w" />
    <input value="19994" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/knusper-choco-igel-225-g-19995">
          <img alt="Knusper Choco Igel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10389/file/small-b0cbff5811246409e355ca77a4699920.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10389/file/medium-195597923468a05c48532ae3f6f44830.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10389/file/large-29763730debeb833abba539eb40cf5e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10389/file/medium-195597923468a05c48532ae3f6f44830.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauck</p>
          <a href="/de/products/knusper-choco-igel-225-g-19995">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knusper Choco Igel, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </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-19995-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SOb1uKpuAbQguaqMw0cH3uye4OuRZHcr-IYXTVpAyuPfnsIH6i9P2I5gX8MpOIElyYg2RV94tIC6B15ll_WQPw" />
    <input value="19995" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/hafer-knusper-muesli-mango-himbeere-bio-285-g-20105">
          <img alt="Hafer Knusper Müesli Mango Himbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10519/file/small-db299235c83cafdc4ff74e85c3395d78.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10519/file/medium-bea6414a13d218dec1ca999bf3e05443.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10519/file/large-ede93c15e0020b3334f8bf26c41f9f2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10519/file/medium-bea6414a13d218dec1ca999bf3e05443.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauck</p>
          <a href="/de/products/hafer-knusper-muesli-mango-himbeere-bio-285-g-20105">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Knusper Müesli Mango Himbeere Bio, 285 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NwCZoEo_bMb9bFJhBiFBBTQS4IYcqXgnrmj9sgJGVXCgeK4fCn4iqlO1py7sXsf-EQQ2KNK1u4zs6bSaz_MPrA" />
    <input value="20105" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/couscous-buchweizen-bio-400-g-20136">
          <img alt="Couscous Buchweizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10596/file/small-31ab140ae0c4cd6063192f49773e66cc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10596/file/medium-ebfb7bd8604f45d6ca85025ccdd18622.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10596/file/large-e3dd3c7ba499a0621ac91cede55b2d7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10596/file/medium-ebfb7bd8604f45d6ca85025ccdd18622.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">Lazzaretti</p>
          <a href="/de/products/couscous-buchweizen-bio-400-g-20136">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Couscous Buchweizen Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nstIuaRbqonPRRYr0-tz0PDIgelZuqViwljhL6tgWH8Js38G5Brk5WGc42Q5lPUr1d5XR5emZsmA2agHZtUCow" />
    <input value="20136" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/couscous-kastanien-bio-350-g-20137">
          <img alt="Couscous Kastanien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10597/file/small-a8698cd7d01ea3715f4604c83e740392.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10597/file/medium-0d1e6f3a2bd97ba5049f518eca0c6eae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10597/file/large-96d08c7196c3bdbdb4f1be45ba50c9ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10597/file/medium-0d1e6f3a2bd97ba5049f518eca0c6eae.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">Lazzaretti</p>
          <a href="/de/products/couscous-kastanien-bio-350-g-20137">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Couscous Kastanien Bio, 350 g</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 2.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rqC0AhJtAuTvfo4-3PUQfK5lIVfE198-TpnVP9xNmvg52IO9UixMiEGne3E2ipaHi3P3-QrLHJUMGJwXEfjAJA" />
    <input value="20137" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/borlotti-bohnen-bio-500-g-20162">
          <img alt="Borlotti Bohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10737/file/small-afb6cacb29d6431867578644cd4a83b6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10737/file/medium-62322eba5dcf8d503d5f606f6c26b1a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10737/file/large-256e7845135a7e93589c9a3f6abe865c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10737/file/medium-62322eba5dcf8d503d5f606f6c26b1a8.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">TerraVerde</p>
          <a href="/de/products/borlotti-bohnen-bio-500-g-20162">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Borlotti Bohnen 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-20162-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O8qk2oosjhqajVTwhyTy2lKyOZiKBfv0z7KTG-smdmWsspNlym3AdjRUob9tW3Qhd6TvNkQZOF-NM9ozJpMsuQ" />
    <input value="20162" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/kartoffelpuree-bio-150-g-20176">
          <img alt="Kartoffelpüree BIo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10752/file/small-f5e2aa2fa89e24f8ba12282a8e769d07.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10752/file/medium-1120fbedfda4c3a3aea3704dac485788.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10752/file/large-8625597e3f63120ca16cc7ac82328bad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10752/file/medium-1120fbedfda4c3a3aea3704dac485788.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">MORGA</p>
          <a href="/de/products/kartoffelpuree-bio-150-g-20176">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kartoffelpüree BIo, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qF7RD1Gogrcidl_tWYCIqD3zzGmsKt4e2nubJteonN8_JuawEenM24yvqqKz_w5TGOUax2I2HbWY-tIOGh3GAw" />
    <input value="20176" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/farfalle-mit-kurkuma-und-violetter-karotte-bio-250-g-20187">
          <img alt="Farfalle mit Kurkuma und violetter Karotte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10760/file/small-9545181573ce3539e7840dc248e55672.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10760/file/medium-35d2f7c67eb4d47346ddd3ad23c13647.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10760/file/large-d092c269d2216488644569acf2b9c644.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10760/file/medium-35d2f7c67eb4d47346ddd3ad23c13647.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">L&#39;antica Madia</p>
          <a href="/de/products/farfalle-mit-kurkuma-und-violetter-karotte-bio-250-g-20187">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farfalle mit Kurkuma und violetter Karotte Bio, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0uisAz2TRcTQGYKyudYx-5WtvpsN8Yub0G9A7qvRkspFkJu8fdILqH7Ad_1TqbcAsLtoNcPtSDCS7gnGZmTIFg" />
    <input value="20187" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/beeren-mandel-knusper-musli-bio-300-g-20197">
          <img alt="Beeren Mandel Knusper-Müsli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10780/file/small-a795098b3ca75031b6103a72cf8b6b97.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10780/file/medium-9ae64618b5e3e9192563ad663ec7d094.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10780/file/large-a5624c309e71f5b49090d4ebc1f7a744.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10780/file/medium-9ae64618b5e3e9192563ad663ec7d094.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">Hammermühle</p>
          <a href="/de/products/beeren-mandel-knusper-musli-bio-300-g-20197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beeren Mandel Knusper-Müsli Bio, 300 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 2.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ldi_eyWJch-pHq-KtwDOPWCUNToip9S4vmXF5W_J1hICoIjEZcg8cwfHWsVdf0jGRYLjlOy7FxP85IzNonyMzg" />
    <input value="20197" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/sorghum-hirse-bio-500-g-20207">
          <img alt="Sorghum Hirse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10787/file/small-b81383b91913f22ba2669b0be748790e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10787/file/medium-c0cc3830f09f4cd827d4299510271c41.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10787/file/large-c2626eb675f03b34601fa0ae9984cae2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10787/file/medium-c0cc3830f09f4cd827d4299510271c41.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">Biofarm</p>
          <a href="/de/products/sorghum-hirse-bio-500-g-20207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sorghum Hirse Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vbRVDXBWwidvWKNHxo_nn1m5-gISwhH_yYjCZPEtzrkqzGKyMBeMS8GBVggs8GFkfK8srNze0lSLCYtMPJiUZQ" />
    <input value="20207" 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="/de/signup?return_to=%2Fde%2Fcategories%2Flebensmittel%2Fgrundnahrungsmittel%3Fformat%3Dturbo_stream%26page%3D12">
    <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="/de/products/buchweizen-angekeimt-bio-500-g-20219">
          <img alt="Buchweizen angekeimt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10800/file/small-2e40da0be749c0d32069d7a935a2086f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10800/file/medium-23fa5c92cf2bbff7f6b0d3d0c22f5b56.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10800/file/large-c4deca62d36518372ec4ace44e252824.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10800/file/medium-23fa5c92cf2bbff7f6b0d3d0c22f5b56.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">Naturkostbar</p>
          <a href="/de/products/buchweizen-angekeimt-bio-500-g-20219">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizen angekeimt Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="snc3eaB5qDn4j83aRonTvcqeQlaUgrIYz277tRctkm8lDwDG4DjmVVZWOJWs9lVG74iU-FqecbON77Kd2pjIsw" />
    <input value="20219" 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">
      240 von 278 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/lebensmittel/grundnahrungsmittel?format=turbo_stream&amp;page=13">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>