<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/geschenkbox-truffelpralinen-gemischt-bio-9-x-7-g-21974">
          <img alt="Geschenkbox Trüffelpralinen gemischt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11577/file/small-3841527ef9b5ede220d0c6e70865961d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11577/file/medium-04adc5177903ce7005baddc516b9573e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11577/file/large-484988a2bc3a7d7ed09fea5e03fefcb8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11577/file/medium-04adc5177903ce7005baddc516b9573e.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">Antica Torroneria Piemontese</p>
          <a href="/products/geschenkbox-truffelpralinen-gemischt-bio-9-x-7-g-21974">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschenkbox Trüffelpralinen gemischt Bio, 9 x 7 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21974&quot;],&quot;content_name&quot;:&quot;Geschenkbox Trüffelpralinen gemischt Bio, 9 x 7 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21974&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yQk16xHUpVF7ntkRfqIrD5IkygGGsOqhvAi6PAFzrnCm5yYU1deTcwzx-7VO7Q0ceWmsfQIH04Gy1efWTof-Xw" />
    <input value="21974" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <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/stollen-marzipan-bio-250-g-20271">
          <img alt="Stollen Marzipan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11468/file/small-daa76ae3de4246d797dd99e54340c3aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/11468/file/medium-284104a421b03ba3d6372e043cf473c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11468/file/large-bf162ca445f0a9fb7eb859a49a3b9a49.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11468/file/medium-284104a421b03ba3d6372e043cf473c8.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/stollen-marzipan-bio-250-g-20271">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stollen Marzipan Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20271&quot;],&quot;content_name&quot;:&quot;Stollen Marzipan Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20271&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hm8ZoyuZM2mLB8J7cX_Bl-_55ijlmp0Qf81ZNurcqeXpgQpc75oFS_xo4N9BMOeEBLSAVGEtpDBxEATcpSj5yg" />
    <input value="20271" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <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/stollen-dinkel-bio-250-g-20270">
          <img alt="Stollen Dinkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11467/file/small-d97360204b22b515f8eb24707d57aec3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11467/file/medium-0e35b5761ce2a4df14f4ecf269a0e61b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11467/file/large-947c569bb025876517b09691a2b9a30c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11467/file/medium-0e35b5761ce2a4df14f4ecf269a0e61b.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/stollen-dinkel-bio-250-g-20270">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stollen Dinkel Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20270&quot;],&quot;content_name&quot;:&quot;Stollen Dinkel Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20270&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u84txRGTu-i5r1BZxn-Q6jSC6KT0RgJDz41rpyvE_MfUID461ZCNys7Acv32MLb538-O2HDxO2PBUDZNZDCs6A" />
    <input value="20270" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <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/stollen-classic-bio-250-ml-20268">
          <img alt="Stollen Classic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11465/file/small-5560a49d9a070f86d2c3d8a6ccde1c66.webp 600w, https://assets.fabulous.ch/public/variant_asset/11465/file/medium-aa746f0d49b0f33495e5fd58f6155deb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11465/file/large-f9b2be6477f9d4e050e9714e77590297.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11465/file/medium-aa746f0d49b0f33495e5fd58f6155deb.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/stollen-classic-bio-250-ml-20268">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stollen Classic Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20268&quot;],&quot;content_name&quot;:&quot;Stollen Classic Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20268&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rXlaXjRGrEHe9QcNEXpEiYsR3PXuaOsOjE1TrgNI_dbCl0mh8EWaY6maJakhNWKaYFy6iWrf0i6CkA5ETLyt-Q" />
    <input value="20268" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/lubecker-marzipan-mit-vollmilchschokolade-bio-50-g-21969">
          <img alt="Lübecker Marzipan mit Vollmilchschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11572/file/small-7aa547be403b656d183d06bdbf205fde.webp 600w, https://assets.fabulous.ch/public/variant_asset/11572/file/medium-999858c103b7fc7b3e89c1de7c73f6cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11572/file/large-af92e1b0446a101cceac684829de1e61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11572/file/medium-999858c103b7fc7b3e89c1de7c73f6cc.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">Lubs</p>
          <a href="/products/lubecker-marzipan-mit-vollmilchschokolade-bio-50-g-21969">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lübecker Marzipan mit Vollmilchschokolade Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21969&quot;],&quot;content_name&quot;:&quot;Lübecker Marzipan mit Vollmilchschokolade Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21969&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HHvMK3blGJQTDWb6vWiL97b5bOOWs4q_zfQJjlFw2m5zld_UsuYutmRiRF6NJ63kXbQKnxIEs5_DKVRkHoSKQQ" />
    <input value="21969" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/lubecker-marzipan-mit-zartbitterschokolade-bio-50-g-21970">
          <img alt="Lübecker Marzipan mit Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11573/file/small-81d5873a619224486f7b5eae0e015066.webp 600w, https://assets.fabulous.ch/public/variant_asset/11573/file/medium-4fb81eadbb067770c0c04f9e55a3b153.webp 900w, https://assets.fabulous.ch/public/variant_asset/11573/file/large-58cfc17875d15d7f64f096a0484f5850.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11573/file/medium-4fb81eadbb067770c0c04f9e55a3b153.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">Lubs</p>
          <a href="/products/lubecker-marzipan-mit-zartbitterschokolade-bio-50-g-21970">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lübecker Marzipan mit Zartbitterschokolade Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21970&quot;],&quot;content_name&quot;:&quot;Lübecker Marzipan mit Zartbitterschokolade Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21970&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xKfNdEqTVAZKBdb5V5FStuzGZvUMXVCLWAOZw1cP_ASrSd6LjpBiJD1q9F1n3nSlB4sAiYjqaatW3sQpGPusKw" />
    <input value="21970" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/haselnusse-in-lebkuchen-schokolade-bio-150-g-20332">
          <img alt="Haselnüsse in Lebkuchen-Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11911/file/small-c49c4d32f2f779104e529e6bcb291308.webp 600w, https://assets.fabulous.ch/public/variant_asset/11911/file/medium-12c11ede00c36e4270d9b003d2796aa5.webp 900w, https://assets.fabulous.ch/public/variant_asset/11911/file/large-45bbd5042672ade3e6c4a199fdfb6e0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11911/file/medium-12c11ede00c36e4270d9b003d2796aa5.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">Landgarten</p>
          <a href="/products/haselnusse-in-lebkuchen-schokolade-bio-150-g-20332">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haselnüsse in Lebkuchen-Schokolade Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20332&quot;],&quot;content_name&quot;:&quot;Haselnüsse in Lebkuchen-Schokolade Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20332&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3zWl38AMiPwl_4pGHHSgj4bMzdpmxzrMDVwN6aEaiVqw27YgBA--3lKQqOIsO4acbYGrpuJwA-wDgVAD7u7ZdQ" />
    <input value="20332" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/cranberry-in-orangen-schokolade-bio-100-g-20333">
          <img alt="Cranberry in Orangen-Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11543/file/small-6957d73221a584f149da85fe968e62d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11543/file/medium-fc385f20badb9823ab04cdead8c152ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/11543/file/large-7af41c12c31d826129aa4f283b12c443.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11543/file/medium-fc385f20badb9823ab04cdead8c152ad.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">Landgarten</p>
          <a href="/products/cranberry-in-orangen-schokolade-bio-100-g-20333">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cranberry in Orangen-Schokolade Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20333&quot;],&quot;content_name&quot;:&quot;Cranberry in Orangen-Schokolade Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20333&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sb7BlbfWt_dvWGD1HHHvEIf0mSCfPIc2khwfc8YOMx8mUNJqc9WB1Rg3QlEsPskDbLn_XBuLvhacwUKZifpjMA" />
    <input value="20333" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/herzen-pasta-bio-250-g-20331">
          <img alt="Herzen Pasta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11539/file/small-342a1e5f6a0c9c700d04560ad1ac6a53.webp 600w, https://assets.fabulous.ch/public/variant_asset/11539/file/medium-c4d544a830a39c862598c69d38422dfb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11539/file/large-a5ecbcbaf533385f00d9ee39e56b38c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11539/file/medium-c4d544a830a39c862598c69d38422dfb.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">Alb-Gold</p>
          <a href="/products/herzen-pasta-bio-250-g-20331">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herzen Pasta Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20331&quot;],&quot;content_name&quot;:&quot;Herzen Pasta Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20331&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zr8mU_y0D0UVi5VWwangT7_vw1IZjhChOVSZ6MKurrQJUTWsOLc5Z2Lkt_Lx5sZcVKKlLp05KYE3icQCjVr-mw" />
    <input value="20331" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/glucksschweinchen-pasta-bio-250-g-20330">
          <img alt="Glücksschweinchen Pasta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11536/file/small-17c401577bb1f5456079e9304d6d845d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11536/file/medium-29acc0947027df169a84b167677d3e2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11536/file/large-d2f85a67937134b3080caea94d4da6ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11536/file/medium-29acc0947027df169a84b167677d3e2a.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">Alb-Gold</p>
          <a href="/products/glucksschweinchen-pasta-bio-250-g-20330">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Glücksschweinchen Pasta Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20330&quot;],&quot;content_name&quot;:&quot;Glücksschweinchen Pasta Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20330&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kf7zbnybhhP-iHPqYSFHwaxnLX-Fb2dLqez3bzjTrt7-EOCRuJiwMYnnUU5RbmHSRypLAwHYXmunMaqFdyf-8Q" />
    <input value="20330" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/weihnachtspasta-bunt-bio-250-g-20327">
          <img alt="Weihnachtspasta Bunt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11534/file/small-d31eb862703350cda10a2faafcc9c2c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/11534/file/medium-5312d648bffbd0ddff7f88aa3ce0f2bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11534/file/large-d15f48467f1d4fec99aa394cd2dc13cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11534/file/medium-5312d648bffbd0ddff7f88aa3ce0f2bd.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">Alb-Gold</p>
          <a href="/products/weihnachtspasta-bunt-bio-250-g-20327">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weihnachtspasta Bunt Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20327&quot;],&quot;content_name&quot;:&quot;Weihnachtspasta Bunt Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20327&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aYl5Ad2DT79GHRLg995WzP-b3HYyiPZn6PeL1uDxFxwGZ2r-GYB5nTFyMETHkXDfFNa6CrY_z0fmKtY8rwVHMw" />
    <input value="20327" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <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/vegane-rosmarin-roulade-bio-175-g-20">
          <img alt="Vegane Rosmarin-Roulade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/13/file/small-142c5b7d1bc7a20c22daa6dc60116fd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/13/file/medium-3eeaf17745dd86334a97e945eb245501.webp 900w, https://assets.fabulous.ch/public/variant_asset/13/file/large-ac3d05413f572f9ccc56acbb95d93c89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/13/file/medium-3eeaf17745dd86334a97e945eb245501.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">Wheaty</p>
          <a href="/products/vegane-rosmarin-roulade-bio-175-g-20">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Rosmarin-Roulade Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.49 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20&quot;],&quot;content_name&quot;:&quot;Vegane Rosmarin-Roulade Bio, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-8pGuXc_qu5j1RllYpI4NUDHDAdNcW2km6sXSUekKEqUJFVGszyczBS6O8FS3R4mq4pqe8nGVISVdkqjCFB4ZQ" />
    <input value="20" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <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/spekulatius-kekse-demeter-125-g-20274">
          <img alt="Spekulatius Kekse Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11471/file/small-f23c72e5b59edfa2d8a6caca3e3bdf34.webp 600w, https://assets.fabulous.ch/public/variant_asset/11471/file/medium-8aa0ddf4dcd1ef576605e5b8f93cdd97.webp 900w, https://assets.fabulous.ch/public/variant_asset/11471/file/large-24c86b7864bccfbcb63e55af79f7da7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11471/file/medium-8aa0ddf4dcd1ef576605e5b8f93cdd97.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">Mogli Naturkost GmbH</p>
          <a href="/products/spekulatius-kekse-demeter-125-g-20274">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spekulatius Kekse Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20274&quot;],&quot;content_name&quot;:&quot;Spekulatius Kekse Demeter, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20274&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S4GFzHSsHhr2GfIi8VQiMu9KD-rxuyUvQpXUmcsNAAwkb5YzsK8oOIF20IbBGwQhBAdplnUMHA9MSIlzhPlQIw" />
    <input value="20274" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <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/miso-ramen-cup-classic-bio-85-g-16058">
          <img alt="Miso Ramen Cup Classic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7417/file/small-7ac53e02e3af5d3fe36d89d6ad1aa2b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7417/file/medium-baf685520836739871ce0ddb03f91fd5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7417/file/large-ba571e861ae262e9bea16826755c66f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7417/file/medium-baf685520836739871ce0ddb03f91fd5.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">King Soba</p>
          <a href="/products/miso-ramen-cup-classic-bio-85-g-16058">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miso Ramen Cup Classic Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16058&quot;],&quot;content_name&quot;:&quot;Miso Ramen Cup Classic Bio, 85 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16058&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2cZZUWwxDBSe4Mlyuv_SB3y1KsiSnjScEHl26GaDoCm2KEquqDI6NumP69aKsPQUl_hMtBYpDbwepCsCKXfwBg" />
    <input value="16058" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <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/delikatess-mayonnaise-tube-demeter-185-ml-19805">
          <img alt="Delikatess Mayonnaise Tube Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10368/file/small-660d29a7b4fc4e0e896f12c49fc43919.webp 600w, https://assets.fabulous.ch/public/variant_asset/10368/file/medium-55b4126531ef436c793d43163d69fef3.webp 900w, https://assets.fabulous.ch/public/variant_asset/10368/file/large-0a3040b358fb77ac263f2475261e6023.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10368/file/medium-55b4126531ef436c793d43163d69fef3.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">Naturata</p>
          <a href="/products/delikatess-mayonnaise-tube-demeter-185-ml-19805">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Delikatess Mayonnaise Tube Demeter, 185 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19805&quot;],&quot;content_name&quot;:&quot;Delikatess Mayonnaise Tube Demeter, 185 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19805&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PcrzV601PePNURvF4wlh1oZSHV4UUUAItE87sinLCmxSJOCoaTYLwbo-OWHTRkfFbR97IpDmeSi6kmZYZj9aQw" />
    <input value="19805" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <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/ingwer-in-zartbitter-schokolade-bio-70-g-17289">
          <img alt="Ingwer in Zartbitter-Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8067/file/small-36aa61b85982987a9946c4bcfd6aba7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8067/file/medium-3a6394a26a9b04d8c5c87801aebae068.webp 900w, https://assets.fabulous.ch/public/variant_asset/8067/file/large-fe4838db02cd0be6a41b4a723da3e933.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8067/file/medium-3a6394a26a9b04d8c5c87801aebae068.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">Landgarten</p>
          <a href="/products/ingwer-in-zartbitter-schokolade-bio-70-g-17289">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ingwer in Zartbitter-Schokolade Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17289&quot;],&quot;content_name&quot;:&quot;Ingwer in Zartbitter-Schokolade Bio, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17289&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wJZ7x0YfhAeFc2Ax03zAbE0N1ebJpzdmCdj2kpQSIN6veGg4ghyyJfIcQpXjM-Z_pkCzmk0QDkYHBat42-Zw8Q" />
    <input value="17289" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <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/auf-s-brot-avocado-bio-140-g-19708">
          <img alt="Auf&#39;s Brot Avocado Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10185/file/small-bf353f719348b9152c8a80ba753d6ccb.webp 600w, https://assets.fabulous.ch/public/variant_asset/10185/file/medium-8a96ec99b0e4b3a77d6848861997d3f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/10185/file/large-cbdf4c2295ecaf1185ae5155fe016ff2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10185/file/medium-8a96ec99b0e4b3a77d6848861997d3f9.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">Allos</p>
          <a href="/products/auf-s-brot-avocado-bio-140-g-19708">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Auf&#39;s Brot Avocado Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19708&quot;],&quot;content_name&quot;:&quot;Auf&#39;s Brot Avocado Bio, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19708&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d-M219ANoycCqsCNhSN3UshQHmcqMVIbOXKjGsQq1kkYDSUoFA6VBXXF4im1bFFBIx14G66Gazs3r_7wi96GZg" />
    <input value="19708" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <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/amaranth-crunchy-beeren-bio-400-g-18279">
          <img alt="Amaranth Crunchy Beeren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10192/file/small-7cae7e8c118d4ee17b07d9844ac8c21a.webp 600w, https://assets.fabulous.ch/public/variant_asset/10192/file/medium-1b00e99d6d45ff4ccc7d6e14813c64ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/10192/file/large-62ba2ac91b89f05d1d96bbb887d4bfc9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10192/file/medium-1b00e99d6d45ff4ccc7d6e14813c64ed.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">Allos</p>
          <a href="/products/amaranth-crunchy-beeren-bio-400-g-18279">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amaranth Crunchy Beeren Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18279&quot;],&quot;content_name&quot;:&quot;Amaranth Crunchy Beeren Bio, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18279&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DWmwPFbII1wrtRDJv9jHGrMB3GBQeUALfQbIjwKfJitih6PDkssVflzaMm2Pl-EJWEy6HNTOeStz25VlTWt2BA" />
    <input value="18279" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <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/brotteige-sauerteig-extrakt-bio-15-g-16593">
          <img alt="Brotteige Sauerteig-Extrakt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7651/file/small-23566c1cb12dde8512313eae8b995f1d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7651/file/medium-b2885356fb9fe7a348f0e9b736e7c068.webp 900w, https://assets.fabulous.ch/public/variant_asset/7651/file/large-a59633bb6362e7486f42307afa6870e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7651/file/medium-b2885356fb9fe7a348f0e9b736e7c068.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">VITAM</p>
          <a href="/products/brotteige-sauerteig-extrakt-bio-15-g-16593">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brotteige Sauerteig-Extrakt Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16593&quot;],&quot;content_name&quot;:&quot;Brotteige Sauerteig-Extrakt Bio, 15 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16593&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:0.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8Xtj8XFSzHfy2ioQSSJ-_zYQ_-CJ-FPtGiqLMclJhIuelXAOtVH6VYW1CLR5bVjs3V2ZnA1Pas0U99bbhr3UpA" />
    <input value="16593" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D9">
    <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/tafel-schokolade-bitter-85-bio-80-g-18848">
          <img alt="Tafel Schokolade Bitter 85% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10940/file/small-1273cb4046d83d404de0b8c2b97b3d30.webp 600w, https://assets.fabulous.ch/public/variant_asset/10940/file/medium-014bfb4a362103ccec177c48c8542962.webp 900w, https://assets.fabulous.ch/public/variant_asset/10940/file/large-0301fc02e3722b1b77ca4cc717dbae47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10940/file/medium-014bfb4a362103ccec177c48c8542962.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/tafel-schokolade-bitter-85-bio-80-g-18848">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tafel Schokolade Bitter 85% Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18848&quot;],&quot;content_name&quot;:&quot;Tafel Schokolade Bitter 85% Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18848&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nq1KNzZbYaEfEBOegOaxltN30Q-cnroCfzikXmW9xurxQ1nI8lhXg2h_MTqwqZeFODq3cxgpgyJx5fm0KkmWxQ" />
    <input value="18848" 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">
      180 von 1&#39;896 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=10">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>