<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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/caprese-kugel-auf-mandelbasis-150-g-16903">
          <img alt="Caprese Kugel auf Mandelbasis" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7879/file/small-9930d304d6ff581e47b8372712a15e5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7879/file/medium-192d418b1852ba9a126c5bb3edee3a46.webp 900w, https://assets.fabulous.ch/public/variant_asset/7879/file/large-861ee9941000fdde539c67196b43fa10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7879/file/medium-192d418b1852ba9a126c5bb3edee3a46.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">Simply V</p>
          <a href="/de/products/caprese-kugel-auf-mandelbasis-150-g-16903">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Caprese Kugel auf Mandelbasis, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.35
            </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 2.90 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/oliven-bratol-bio-1-l-20267">
          <img alt="Oliven-Bratöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11439/file/small-b4f46090c2876397821d27bedc9fe5ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/11439/file/medium-787b1857f42589f861811815d8e1f651.webp 900w, https://assets.fabulous.ch/public/variant_asset/11439/file/large-462fab7edad7eb8f74aa6b6b6e09489e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11439/file/medium-787b1857f42589f861811815d8e1f651.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">Bio Planète</p>
          <a href="/de/products/oliven-bratol-bio-1-l-20267">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oliven-Bratöl Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20267&quot;],&quot;content_name&quot;:&quot;Oliven-Bratöl Bio, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20267&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PjwZah74ZHQ3bq0HUWhX9HupexmY6LUPLxGl3EGPy1zbUg3tE-HTKdl11dVqVz7PnRI3s_WzmWoH2T1jI1SBHg" />
    <input value="20267" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/spatzle-dinkel-hell-demeter-500-g-17319">
          <img alt="Spätzle Dinkel hell Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8087/file/small-58a5b438df2c5ce54250a25522b01da4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8087/file/medium-7da6b2944496d38c789e0a2059c777d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8087/file/large-185f223fb38c30abba0f23f722888c58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8087/file/medium-7da6b2944496d38c789e0a2059c777d6.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="/de/products/spatzle-dinkel-hell-demeter-500-g-17319">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spätzle Dinkel hell Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17319&quot;],&quot;content_name&quot;:&quot;Spätzle Dinkel hell Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17319&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FIaBrRE4EEZMSUbrEwy9AGCFAkC-t3OFkUvC4ZqQOpnx6JUqHCGnG6JSPjkoM9Q7hj5O6tPsX-C5g1pe-Etw2w" />
    <input value="17319" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/backmischung-meine-cinnamon-rolls-bio-450-g-11135">
          <img alt="Backmischung Meine Cinnamon Rolls Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5703/file/small-803e44db050bc87f68fc746a4c3d8fa1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5703/file/medium-45cdd861ffd70d48a2ec01ab02df2fcb.webp 900w, https://assets.fabulous.ch/public/variant_asset/5703/file/large-42b096c2ecfa2090bc71b587e08b025c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5703/file/medium-45cdd861ffd70d48a2ec01ab02df2fcb.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">Biovegan</p>
          <a href="/de/products/backmischung-meine-cinnamon-rolls-bio-450-g-11135">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Backmischung Meine Cinnamon Rolls Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11135&quot;],&quot;content_name&quot;:&quot;Backmischung Meine Cinnamon Rolls Bio, 450 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11135&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Atl7-OO3wL_gtiTg2_QFqHRgHHvn9CFOchq1ut2_vfznt29_7q534g6tXDLgy2yTkttQ0YqvDSta0i0Fv2T3vg" />
    <input value="11135" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/cuisine-mandel-ohne-zucker-bio-200-ml-3844">
          <img alt="Cuisine Mandel Ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2482/file/small-afae5c90ccb08308b44ce05f6f1a96f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2482/file/medium-bf889531fc9e59a333f35cda1275f925.webp 900w, https://assets.fabulous.ch/public/variant_asset/2482/file/large-54df7a11ff5fc735676ed2573af32e72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2482/file/medium-bf889531fc9e59a333f35cda1275f925.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">Ecomil</p>
          <a href="/de/products/cuisine-mandel-ohne-zucker-bio-200-ml-3844">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cuisine Mandel Ohne Zucker Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3844&quot;],&quot;content_name&quot;:&quot;Cuisine Mandel Ohne Zucker Bio, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3844&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZLEeE60NB1i0h5n6EKa3Hn59qXMkjUWbFAIWCXtrpqCB3wqUoBSwBVqc4Sgrmd4lmMbl2UnWaf48yo62GbDs4g" />
    <input value="3844" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/pilze-shiitake-getrocknet-bio-20-g-2579">
          <img alt="Pilze Shiitake getrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1872/file/small-04786c94d550daee67c280f5b9391f6f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1872/file/medium-13857f9e0b77017eaf4aa92fa385000d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1872/file/large-c878f7f751620e1993511170b3e2ae03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1872/file/medium-13857f9e0b77017eaf4aa92fa385000d.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="/de/products/pilze-shiitake-getrocknet-bio-20-g-2579">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pilze Shiitake getrocknet Bio, 20 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 22.50 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2579&quot;],&quot;content_name&quot;:&quot;Pilze Shiitake getrocknet Bio, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2579&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O4UGiH_YkhCEQ91a8n4MKlFP3JsNgqBjKU5xerVTk_ve6xIPcsElTWpYpYjJQWURt_SQMWDZjAYBhunF14jZuQ" />
    <input value="2579" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/tee-happiness-lebensfeuer-bio-18-beutel-18985">
          <img alt="Tee Happiness Lebensfeuer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10971/file/small-40bdae96172de586110e44fd5c00feea.webp 600w, https://assets.fabulous.ch/public/variant_asset/10971/file/medium-8af4ca7aa47332442e14d80342c47b57.webp 900w, https://assets.fabulous.ch/public/variant_asset/10971/file/large-9cbfca9a05f239ef5f5a76c5902812ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10971/file/medium-8af4ca7aa47332442e14d80342c47b57.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">Sonnentor</p>
          <a href="/de/products/tee-happiness-lebensfeuer-bio-18-beutel-18985">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Happiness Lebensfeuer Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.32 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18985&quot;],&quot;content_name&quot;:&quot;Tee Happiness Lebensfeuer Bio, 18 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18985&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ljvZXLjwXkUBJahxWJN7UZYNsVcDBA8iSTPdtLIfq_1zVc3btenpGO8-0KNjrBJqcLb9_W5fI0dh-0UL0MThvw" />
    <input value="18985" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/erdnussmus-fein-bio-500-g-46c5ceaf-4ffd-4c6f-af39-2eca8344d70c-19154">
          <img alt="Erdnussmus fein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9471/file/small-cb9305b64660a35ba4c4636cd8876902.webp 600w, https://assets.fabulous.ch/public/variant_asset/9471/file/medium-6dda2c37215452da67a2222e66226d33.webp 900w, https://assets.fabulous.ch/public/variant_asset/9471/file/large-5c2db55b578261647d97505987f1669e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9471/file/medium-6dda2c37215452da67a2222e66226d33.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">Terrasana</p>
          <a href="/de/products/erdnussmus-fein-bio-500-g-46c5ceaf-4ffd-4c6f-af39-2eca8344d70c-19154">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdnussmus fein Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19154&quot;],&quot;content_name&quot;:&quot;Erdnussmus fein Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19154&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rlnbd3Ry1XsRPM7UOvFYsABBrCF5VVG2Up1Zfl4OqUSjN8_weWtiJv8ntgYBzjGL5vrgixQOfdN6VcHBPNXjBg" />
    <input value="19154" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/cornichons-ohne-zucker-glas-bio-370-ml-7636">
          <img alt="Cornichons ohne Zucker Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4422/file/small-35c1e314f440c422aa2c7f39ff187a19.webp 600w, https://assets.fabulous.ch/public/variant_asset/4422/file/medium-09b9e80e4b1022420af3534fe45be630.webp 900w, https://assets.fabulous.ch/public/variant_asset/4422/file/large-489bdc554d50d9e670851823efaf33a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4422/file/medium-09b9e80e4b1022420af3534fe45be630.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">Marschland Naturkost</p>
          <a href="/de/products/cornichons-ohne-zucker-glas-bio-370-ml-7636">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cornichons ohne Zucker Glas Bio, 370 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7636&quot;],&quot;content_name&quot;:&quot;Cornichons ohne Zucker Glas Bio, 370 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7636&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YR3QVlgE7KmsJr9QcRZ5meBvL1y2Am9ibihRSWrE4umEc8TRVR1b9EI9x4JKKRCiBtRj9ttZQwdG4Mn2CB-oqw" />
    <input value="7636" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/rote-bete-randen-pulver-bio-250-g-4812">
          <img alt="Rote Bete / Randen Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2884/file/small-711722c02e2f791aed88bfabf75e34e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2884/file/medium-0cdcc8297f8b58313e8cc3b687fd0bcf.webp 900w, https://assets.fabulous.ch/public/variant_asset/2884/file/large-71966bd90352cca57aa185b42550edac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2884/file/medium-0cdcc8297f8b58313e8cc3b687fd0bcf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Raab</p>
          <a href="/de/products/rote-bete-randen-pulver-bio-250-g-4812">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rote Bete / Randen Pulver Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4812&quot;],&quot;content_name&quot;:&quot;Rote Bete / Randen Pulver Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4812&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ju_rv2dPKeGyZT43lzlTvADEkWqQC217pFQPsWfUrfjDgf84alaevFx-RuWsBjqH5n_dwP1QQR6MnJcOBQ_nug" />
    <input value="4812" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/agavendicksaft-agave-syrup-bio-725-ml-8930">
          <img alt="Agavendicksaft Agave Syrup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5168/file/small-85ddfdd68ec42bc818d1322322eb58c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5168/file/medium-895a2e5d38987b250fc8b6b136f0ffab.webp 900w, https://assets.fabulous.ch/public/variant_asset/5168/file/large-fb48be7cabb72ad6e82b5e2423f27523.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5168/file/medium-895a2e5d38987b250fc8b6b136f0ffab.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="/de/products/agavendicksaft-agave-syrup-bio-725-ml-8930">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Agavendicksaft Agave Syrup Bio, 725 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8930&quot;],&quot;content_name&quot;:&quot;Agavendicksaft Agave Syrup Bio, 725 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8930&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GOZjJsQxRArUYWj52E7CMlgbIIsUgq9UVf1iKry4zgb9iHehySjzVzp6ECvjcasJvqBsIXnZgzF9NfqV3mOERA" />
    <input value="8930" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/auf-s-brot-toskana-bio-140-g-18285">
          <img alt="Auf&#39;s Brot Toskana Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9724/file/small-0c21830475ac6ff9ea39276400bcdf38.webp 600w, https://assets.fabulous.ch/public/variant_asset/9724/file/medium-10b63a08404c79a9d5808bd37108f079.webp 900w, https://assets.fabulous.ch/public/variant_asset/9724/file/large-4acd95473372c3e2c380abd4a755e369.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9724/file/medium-10b63a08404c79a9d5808bd37108f079.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="/de/products/auf-s-brot-toskana-bio-140-g-18285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Auf&#39;s Brot Toskana Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18285&quot;],&quot;content_name&quot;:&quot;Auf&#39;s Brot Toskana Bio, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18285&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bC3h9rRohwzEynWyfXNxCkUVNdMryt0b5OML8HvvZK-JQ_VxuXEwUSrRDWBGTBgxo655eUaR8X7MK5NPGTQu7Q" />
    <input value="18285" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/baby-kinder-waschlotion-shampoo-200-ml-15733">
          <img alt="Baby &amp; Kinder Waschlotion &amp; Shampoo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7168/file/small-05dbe453c45dacc9611ded547f7cd058.webp 600w, https://assets.fabulous.ch/public/variant_asset/7168/file/medium-a4c990f4c94a1fe3597b8d36e0149555.webp 900w, https://assets.fabulous.ch/public/variant_asset/7168/file/large-8769d1a8d70e68893ea2f0ec89ad0c88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7168/file/medium-a4c990f4c94a1fe3597b8d36e0149555.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">Lavera</p>
          <a href="/de/products/baby-kinder-waschlotion-shampoo-200-ml-15733">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baby &amp; Kinder Waschlotion &amp; Shampoo, 200 ml</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 3.95 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15733&quot;],&quot;content_name&quot;:&quot;Baby \u0026 Kinder Waschlotion \u0026 Shampoo, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15733&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dprUSh0lmxhKOtDKDerhWf0qryRHBWnJpj04gzlTJ72T9MDNEDwsRaQhqBg21YhiG5HjjipeRayO9aA8W4ht_w" />
    <input value="15733" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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-lazzaretti-rote-linsen-teigwaren-bio-250-g-686">
          <img alt="Pasta Lazzaretti Rote Linsen Teigwaren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/641/file/small-03e80cee9855636698878f12671a9022.webp 600w, https://assets.fabulous.ch/public/variant_asset/641/file/medium-59b15d21753f640f3feaa4a53d20abea.webp 900w, https://assets.fabulous.ch/public/variant_asset/641/file/large-f181e6e2fa0b4b2e518755acf90aa126.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/641/file/medium-59b15d21753f640f3feaa4a53d20abea.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/pasta-lazzaretti-rote-linsen-teigwaren-bio-250-g-686">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Lazzaretti Rote Linsen Teigwaren Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;686&quot;],&quot;content_name&quot;:&quot;Pasta Lazzaretti Rote Linsen Teigwaren Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;686&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KZPh0ufH0KFlLrl3Urm24cm3qRcYJFLO_XYB-P-flJLM_fVV6t5n_Is1waVpht_aLwzlvXV_fqvVvplHnUTe0A" />
    <input value="686" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/tortenguss-klar-ohne-zucker-bio-6-g-2080">
          <img alt="Tortenguss Klar ohne Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1624/file/small-3238aeb219a838275f939252d811122e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1624/file/medium-58ed659336e1a10d72b8f1050e7a4a6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1624/file/large-58a11d3303ec2f5b23ab93a865085c44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1624/file/medium-58ed659336e1a10d72b8f1050e7a4a6b.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">Biovegan</p>
          <a href="/de/products/tortenguss-klar-ohne-zucker-bio-6-g-2080">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tortenguss Klar ohne Zucker Bio, 2 x 6 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2080&quot;],&quot;content_name&quot;:&quot;Tortenguss Klar ohne Zucker Bio, 2 x 6 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2080&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lDbSQcvq_8OkkBzqo0bFy0rz5bB1MxOUFCvpELCpcP9xWMbGxvNInkqLZDiYeazwrEipGhhoP_E843Gv0nI6vQ" />
    <input value="2080" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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-frisch-tortelloni-spinat-bio-250-g-9541">
          <img alt="Pasta Frisch Tortelloni Spinat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5360/file/small-0d4e6ef48b4aa2b653dbca91b7ee6516.webp 600w, https://assets.fabulous.ch/public/variant_asset/5360/file/medium-e00dd2b5c9b805c167a8ba765e5307ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/5360/file/large-ad82585b314c8f9b2c6bebf2a621c480.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5360/file/medium-e00dd2b5c9b805c167a8ba765e5307ab.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="/de/products/pasta-frisch-tortelloni-spinat-bio-250-g-9541">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Frisch Tortelloni Spinat Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </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 1.76 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9541&quot;],&quot;content_name&quot;:&quot;Pasta Frisch Tortelloni Spinat Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9541&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OwcdLEVe8HqwsdGssHM33jHfT_ovSpXZjmgYFX_Rrc_eaQmrSEdHJ16qqX6LTF7l12QDUEIRubymoICqHQrnjQ" />
    <input value="9541" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/vegane-bauern-knacker-bio-150-g-680">
          <img alt="Vegane Bauern-Knacker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/624/file/small-8a4ff09a7b7032693b42a03de32cd23d.webp 600w, https://assets.fabulous.ch/public/variant_asset/624/file/medium-41cd30e5ae1e896637165fb7286265bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/624/file/large-0d1b06cf37797a3fed84e19dbe685f35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/624/file/medium-41cd30e5ae1e896637165fb7286265bf.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="/de/products/vegane-bauern-knacker-bio-150-g-680">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Bauern-Knacker Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </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.37 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;680&quot;],&quot;content_name&quot;:&quot;Vegane Bauern-Knacker Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;680&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dXCdQ50ArIS-Z1NM3hvmKe6kHFIfu2Ktu6rA0uai3RqQHonEkBkb2VB8K57lJI8SCB9Q-HLgTsiTYlhthHmXWA" />
    <input value="680" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/fondue-samses-vegane-alternative-zu-kasefondue-special-500-g-7544">
          <img alt="Fondue Samses Vegane Alternative zu Käsefondue Special" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4343/file/small-9fb26c9da29f16fa4e301ff27f682142.webp 600w, https://assets.fabulous.ch/public/variant_asset/4343/file/medium-7931eb28c1414c14953ff733f5e9c582.webp 900w, https://assets.fabulous.ch/public/variant_asset/4343/file/large-b5328ebe3ca45421183892bbcee17933.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4343/file/medium-7931eb28c1414c14953ff733f5e9c582.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">Samses</p>
          <a href="/de/products/fondue-samses-vegane-alternative-zu-kasefondue-special-500-g-7544">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fondue Samses Vegane Alternative zu Käsefondue Special, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </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 2.98 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7544&quot;],&quot;content_name&quot;:&quot;Fondue Samses Vegane Alternative zu Käsefondue Special, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7544&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uw_hTmXuOO4SdRYVhy1IAOENmSupBu_w-C3XqlUWCVq2YfXJaPePs_xubse8EiE7B7bVgcRdw5XQ5U8VN81DGA" />
    <input value="7544" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/proteinscheiben-pflanzliche-alternative-zu-cheddar-kase-150-g-16974">
          <img alt="Proteinscheiben - pflanzliche Alternative zu Cheddar-Käse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7940/file/small-e5064f98714d46ffcd9adb09e854f4dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7940/file/medium-0da01020341f5b7041252a64b7064bb4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7940/file/large-a2e3b1e33f1b11cc3f82945fa4138c13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7940/file/medium-0da01020341f5b7041252a64b7064bb4.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">Vegü</p>
          <a href="/de/products/proteinscheiben-pflanzliche-alternative-zu-cheddar-kase-150-g-16974">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Proteinscheiben - pflanzliche Alternative zu Cheddar-Käse, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </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 2.63 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16974&quot;],&quot;content_name&quot;:&quot;Proteinscheiben - pflanzliche Alternative zu Cheddar-Käse, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16974&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AL2tYml5tHPDTl7rHg_YaGteRmH8Hr1KQNKhbfxYHAzl07nlZGADLi1VJjklMLFTjeUKy5FFkS9oGjnSnoNWTg" />
    <input value="16974" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D57">
    <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/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="/de/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="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qEngoFLWNwNDeYRe1WflZouG79ZDqeX2Uxe_lj2JM39NJ_QnX8-AXq1i_IzuWIxdbT2jfC7yyZN73ycpX1J5PQ" />
    <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>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;140 von 4&#39;129 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/natura?format=turbo_stream&amp;page=58">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>