<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%3D61">
    <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/tofu-terrine-graffiti-bio-200-g-11139">
          <img alt="Tofu Terrine Graffiti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5707/file/small-26fcb6678978fdb5983b0799cd1bc7e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5707/file/medium-d4fba729a7e73b03de57db37358a992d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5707/file/large-252639b51c97c0de60828eba2970ef4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5707/file/medium-d4fba729a7e73b03de57db37358a992d.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">Taifun</p>
          <a href="/de/products/tofu-terrine-graffiti-bio-200-g-11139">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Terrine Graffiti Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </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.40 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-11139-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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/completeorganics-white-kimchi-bio-240-g-15891">
          <img alt="completeorganics WHITE KIMCHI Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7297/file/small-824f2e237246c7b0a606e4f6727b435d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7297/file/large-d29a4d69d2de4f03cad83fc2e0e76d37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.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">completeorganics</p>
          <a href="/de/products/completeorganics-white-kimchi-bio-240-g-15891">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">completeorganics WHITE KIMCHI Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </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.83 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15891&quot;],&quot;content_name&quot;:&quot;completeorganics WHITE KIMCHI Bio, 240 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15891&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-eylGUTg0FhaEEO-xMUKW_toZWMQOOhdOSnbO6-IJuR-wcIn6gKGoeJlL8q-zmoG_e7Uc6LG8tTxnzeqbaDLtg" />
    <input value="15891" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/aufschnitt-sucuk-bio-100-g-9542">
          <img alt="Aufschnitt Sucuk Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5361/file/small-f3f25b936fd83170913b2033e44364fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/5361/file/medium-440594f75be7ffc2e7f38f59a4cc45a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5361/file/large-18f500c507cd8bfac4a097f4fd4fefe0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5361/file/medium-440594f75be7ffc2e7f38f59a4cc45a7.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/aufschnitt-sucuk-bio-100-g-9542">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufschnitt Sucuk Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </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.70 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9542&quot;],&quot;content_name&quot;:&quot;Aufschnitt Sucuk Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9542&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tjMKJ4SYRKdg_j_zY9KRy_im7eeJ_nezDFA4jkWxY6ExHm0ZKnoSXtiLU4cZ2fGW_iBc9zsAbTrE5tQfh5mO8w" />
    <input value="9542" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lubecker-marzipan-mit-schokolade-bio-50-g-5989">
          <img alt="Lübecker Marzipan mit Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3432/file/small-c0aa3238cbcf61822a21c78fdc9c1181.webp 600w, https://assets.fabulous.ch/public/variant_asset/3432/file/medium-c15de533d86f84fc34266cbb5676f90f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3432/file/large-0ac0b46b342e3d932ba27bd879463add.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3432/file/medium-c15de533d86f84fc34266cbb5676f90f.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="/de/products/lubecker-marzipan-mit-schokolade-bio-50-g-5989">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lübecker Marzipan mit Schokolade 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-5989-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5989&quot;],&quot;content_name&quot;:&quot;Lübecker Marzipan mit Schokolade Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5989&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E_k2f9POE62Q2f3-bSfT43-ZBy6QgBJs4c1IUQNkZomU1FFBfSxFVCiskYoXLLO-eR-2PiJ-COUpe6TAwUyL2w" />
    <input value="5989" 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%3D61">
    <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="/de/products/truffelpralinen-zartbitter-bio-200-g-21971">
          <img alt="Trüffelpralinen Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11574/file/small-b4ab68abee1461e9c44461c7899419f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11574/file/medium-8639f5b334ace75c6007504ee69e2352.webp 900w, https://assets.fabulous.ch/public/variant_asset/11574/file/large-e68305a73b216e139e57a863a62690ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11574/file/medium-8639f5b334ace75c6007504ee69e2352.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="/de/products/truffelpralinen-zartbitter-bio-200-g-21971">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Trüffelpralinen Zartbitter Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21971&quot;],&quot;content_name&quot;:&quot;Trüffelpralinen Zartbitter Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21971&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YPzWsf_tX7Smt42cyZxY1Em9K_E-i3KCuzAdPBrzWkDn0bGPUQ8JTR7C4eizlziJTzua4Yx1aAtzhvGt2Nu3Eg" />
    <input value="21971" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/spekulatius-gewurz-bio-15-g-8285">
          <img alt="Spekulatius Gewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4858/file/small-ae827cb8b04982585e8a2eef4b192742.webp 600w, https://assets.fabulous.ch/public/variant_asset/4858/file/medium-0983788d372161d594cd6310364f3ff6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4858/file/large-620b70c1724e215761d83078715794d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4858/file/medium-0983788d372161d594cd6310364f3ff6.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/spekulatius-gewurz-bio-15-g-8285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spekulatius Gewürz Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8285&quot;],&quot;content_name&quot;:&quot;Spekulatius Gewürz Bio, 15 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8285&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tPW2UHMJR2JLCb7UUe6BtbuPihifKXAUlVWouIy14Igz2NFu3esRm_N80qAr5eHovQk7CC3Xap1d40QpTp0N2g" />
    <input value="8285" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/schoko-lolly-nikolaus-zartbitter-bio-15-g-1292">
          <img alt="Schoko Lolly Nikolaus Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1106/file/small-063f862b534c30f9dff02130bb88d3b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1106/file/medium-3d8fe0c1a928217c252bbd32880ed8b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1106/file/large-4451c0f6069db19f3c06eebe3a96080a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1106/file/medium-3d8fe0c1a928217c252bbd32880ed8b7.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">Rosengarten</p>
          <a href="/de/products/schoko-lolly-nikolaus-zartbitter-bio-15-g-1292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko Lolly Nikolaus Zartbitter Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1292&quot;],&quot;content_name&quot;:&quot;Schoko Lolly Nikolaus Zartbitter Bio, 15 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1292&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jDN1VZmmrIFRAXhrm2dsl_Ggwmb_ktQ7JfVK4khYdDwLHhJrN0T6eOl0FB_hbAzK9yZzdk1szrLtQ6ZzinCZbg" />
    <input value="1292" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/dinkel-nuss-kipferl-demeter-125-g-942">
          <img alt="Dinkel Nuss-Kipferl Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/823/file/small-7c5dc91c570414ee375dd107dd69a56f.webp 600w, https://assets.fabulous.ch/public/variant_asset/823/file/medium-01969e6dec6677112a67c401e049f009.webp 900w, https://assets.fabulous.ch/public/variant_asset/823/file/large-00224315b1d09ab65a98efda0bc86c93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/823/file/medium-01969e6dec6677112a67c401e049f009.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">Sommer</p>
          <a href="/de/products/dinkel-nuss-kipferl-demeter-125-g-942">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Nuss-Kipferl Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;942&quot;],&quot;content_name&quot;:&quot;Dinkel Nuss-Kipferl Demeter, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;942&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jb-vyKbw4NtY9X-qAae5F0QIJaOZbRzE4bjDNFp5DKaiksj2CBK2IuCAE957rNlKQo6UsyuTBk0pDi-lmFHh9A" />
    <input value="942" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/dinkel-anis-sterne-bio-125-g-11859">
          <img alt="Dinkel Anis-Sterne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6062/file/small-90eaba4f7c628235c6cf031c1b18f1ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6062/file/medium-ecdd99e2e32c67f77a2716b83f94e2d8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6062/file/large-10be1ab9c05c135b4d9f46fb9b028b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6062/file/medium-ecdd99e2e32c67f77a2716b83f94e2d8.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">Sommer</p>
          <a href="/de/products/dinkel-anis-sterne-bio-125-g-11859">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Anis-Sterne Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11859&quot;],&quot;content_name&quot;:&quot;Dinkel Anis-Sterne Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11859&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qH34CflNW_MqZMRxsHPg4bUUe-Gh5l_KnlGJFS-eZeQvUJ83V68NCpIRqAXKeIC8s5LK8RMYRUNW52WE7baItg" />
    <input value="11859" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/winter-pudding-bio-50-g-16469">
          <img alt="Winter Pudding Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7574/file/small-63460cea6366de5b7da6baf94244d5fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7574/file/medium-1a1f2c0ba1704a5b1ee21bc3a88d3b7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7574/file/large-091b8f67ea07bf5d2e373a4e39d48dd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7574/file/medium-1a1f2c0ba1704a5b1ee21bc3a88d3b7c.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">Arche</p>
          <a href="/de/products/winter-pudding-bio-50-g-16469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Winter Pudding Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16469&quot;],&quot;content_name&quot;:&quot;Winter Pudding Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16469&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PlNRrfJVGiaAONiICGIcYKQGvPbRVMx4vE_Hu3bA7Oy5fjaTXLdM3zhNtPxyaXw9ooAN5mOq1vF0-SsqtOgBvg" />
    <input value="16469" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lini-s-bites-spekulatiuscreme-bio-200-g-11860">
          <img alt="Lini&#39;s Bites Spekulatiuscreme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6063/file/small-7169e3e1feae75c0ce9ee66c9f08a476.webp 600w, https://assets.fabulous.ch/public/variant_asset/6063/file/medium-74f3385eca7378f7f06ff59dec8b8749.webp 900w, https://assets.fabulous.ch/public/variant_asset/6063/file/large-29406a2df4fc8fa5c49787a3596a5b39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6063/file/medium-74f3385eca7378f7f06ff59dec8b8749.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">Lini&#39;s Bites</p>
          <a href="/de/products/lini-s-bites-spekulatiuscreme-bio-200-g-11860">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lini&#39;s Bites Spekulatiuscreme Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11860&quot;],&quot;content_name&quot;:&quot;Lini&#39;s Bites Spekulatiuscreme Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11860&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ovlzTX49fx-1_NuawIO5_CukYqpKJebSA0wl7W9RmGUl1BRz0N8p5g2Jt-66iNmhLSLTuvjb_FvL-sl8rXl1Nw" />
    <input value="11860" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/dominosteine-in-zartbitterschokolade-bio-140-g-3739">
          <img alt="Dominosteine in Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2417/file/small-25d4629bcc90c82e756e9c52e89e3119.webp 600w, https://assets.fabulous.ch/public/variant_asset/2417/file/medium-8e0ac3762ab21e003d1aab5ffc0d3099.webp 900w, https://assets.fabulous.ch/public/variant_asset/2417/file/large-b48f48408efa57c66f3a4bcde7d7494e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2417/file/medium-8e0ac3762ab21e003d1aab5ffc0d3099.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hammermühle Organic</p>
          <a href="/de/products/dominosteine-in-zartbitterschokolade-bio-140-g-3739">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dominosteine in Zartbitterschokolade Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3739&quot;],&quot;content_name&quot;:&quot;Dominosteine in Zartbitterschokolade Bio, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3739&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c4FUjaKVTnylU-cEAfoIDmKRI2KT86hSAm1XZfKyS_X0rDOzDHcYhR0mi3B78WhTZBeSciENstvK27v0MJqmpw" />
    <input value="3739" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/dominosteine-in-zartbitterschokolade-bio-140-g-11b8a81a-6753-4af4-a033-66ec143fee91-8486">
          <img alt="Dominosteine in Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11571/file/small-a27104e99299225ee6c40c5750c3a4d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11571/file/medium-869da9384cfdc7a3560a800629ad4cb3.webp 900w, https://assets.fabulous.ch/public/variant_asset/11571/file/large-9c0762866d3f83f62824ea5c7f22cd95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11571/file/medium-869da9384cfdc7a3560a800629ad4cb3.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">Rosengarten</p>
          <a href="/de/products/dominosteine-in-zartbitterschokolade-bio-140-g-11b8a81a-6753-4af4-a033-66ec143fee91-8486">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dominosteine in Zartbitterschokolade Bio, 140 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 4.86 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8486&quot;],&quot;content_name&quot;:&quot;Dominosteine in Zartbitterschokolade Bio, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8486&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vVuvSSW1PEwzK0wzbbsWgrcVWtesd3WQzP3B8s4K4I46dsh3i1dqtYteIEcXsHbfsZPrxx6JbxkESy1jDCIN3A" />
    <input value="8486" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lebkuchenherzen-mit-schwarzem-johannisbeergelee-bio-125-g-16471">
          <img alt="Lebkuchenherzen mit schwarzem Johannisbeergelee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7577/file/small-207c80c99d3c27b423dc6895a62b2e31.webp 600w, https://assets.fabulous.ch/public/variant_asset/7577/file/medium-f2a499ee4986d5b7f0016e9d3990114c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7577/file/large-ac1447eb2632b0a29b2abecf244dcea4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7577/file/medium-f2a499ee4986d5b7f0016e9d3990114c.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">Linea Natura</p>
          <a href="/de/products/lebkuchenherzen-mit-schwarzem-johannisbeergelee-bio-125-g-16471">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lebkuchenherzen mit schwarzem Johannisbeergelee Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16471&quot;],&quot;content_name&quot;:&quot;Lebkuchenherzen mit schwarzem Johannisbeergelee Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16471&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LncCk4GEa6Wfp_ZTnok1tJ6UqGy0KyAI9dymkzRBugCpWmWtL2Y9XCfSmifkglXpmBIZfAbVOoE9akoC9mlXUg" />
    <input value="16471" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lebkuchen-apfeltraum-bio-125-125-g-16488">
          <img alt="Lebkuchen Apfeltraum Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7585/file/small-1072a7b9eba76528b5143afe3275548e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7585/file/medium-305e7c8770adc68c258e346d37a96c78.webp 900w, https://assets.fabulous.ch/public/variant_asset/7585/file/large-17597ae895d0af545a1e7784afdf166c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7585/file/medium-305e7c8770adc68c258e346d37a96c78.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">Linea Natura</p>
          <a href="/de/products/lebkuchen-apfeltraum-bio-125-125-g-16488">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lebkuchen Apfeltraum Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16488&quot;],&quot;content_name&quot;:&quot;Lebkuchen Apfeltraum Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16488&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="HfzVYjQzaJJ8I5gp8L4LMpyq3GnaEC47ZFrUff5ojUaa0bJcmtE-a8RW9F2KtWtvmixteWjuNLKs7DjsPEBgFA" />
    <input value="16488" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/magenbrot-alpenbrot-lebkuchen-bio-125-g-16487">
          <img alt="Magenbrot Alpenbrot Lebkuchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7584/file/small-341f0c0450534b7e3983ad6e38a7cdc9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7584/file/medium-bfd86cca0f24ee5ec24c05b258163537.webp 900w, https://assets.fabulous.ch/public/variant_asset/7584/file/large-bd4b4f172cebf3eec3a0228e2cc384fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7584/file/medium-bfd86cca0f24ee5ec24c05b258163537.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">Linea Natura</p>
          <a href="/de/products/magenbrot-alpenbrot-lebkuchen-bio-125-g-16487">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Magenbrot Alpenbrot Lebkuchen Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16487&quot;],&quot;content_name&quot;:&quot;Magenbrot Alpenbrot Lebkuchen Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16487&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="GqcO-0gp_Y8M3V_G9_ZVrPjyVixjpWDLo7BWpuiQE8GdimnF5surdrSoM7KN_TXx_nTnPNFbekJrBro3Krj-kw" />
    <input value="16487" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/heidelbeere-200-g-19110">
          <img alt="Heidelbeere" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10494/file/small-f6051fecb1184963b379272697294af5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10494/file/medium-fc1828f7cfb29dca098f1ba72df8d87c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10494/file/large-6e706cfee51975abad3e1dc0ebd9d983.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10494/file/medium-fc1828f7cfb29dca098f1ba72df8d87c.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">Sun Snack</p>
          <a href="/de/products/heidelbeere-200-g-19110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Heidelbeere, 200 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 4.95 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19110&quot;],&quot;content_name&quot;:&quot;Heidelbeere, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19110&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1gQWP6OnoQw5xfGwOqOgAX8fbr0TukIqorIYnBFLoqFRKXEBDUX39YGwncRAqMBceZnfraFEWKNqBPQN02NP8w" />
    <input value="19110" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/krunchy-muesli-christmas-lebkuchengewurz-bio-375-g-8062">
          <img alt="Krunchy Müesli Christmas Lebkuchengewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4726/file/small-ac641bed3054469e32f44b74ef7cf144.webp 600w, https://assets.fabulous.ch/public/variant_asset/4726/file/medium-8945b8097fc8b00c769eae0570bd950d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4726/file/large-fd9ec465650697f928b68713701f3329.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4726/file/medium-8945b8097fc8b00c769eae0570bd950d.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">Barnhouse Naturprodukte</p>
          <a href="/de/products/krunchy-muesli-christmas-lebkuchengewurz-bio-375-g-8062">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Krunchy Müesli Christmas Lebkuchengewürz Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8062&quot;],&quot;content_name&quot;:&quot;Krunchy Müesli Christmas Lebkuchengewürz Bio, 375 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8062&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FjcbMuf9SAUuFlggBk8o56jNABIfDC92tEktu2MI-IqRGnwMSR8e_JZjNFR8REi6rkuxAq3yNf98_8EqoSAV2A" />
    <input value="8062" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cookies-tentation-kandierte-orange-zartbitterschokolade-bio-130-g-14446">
          <img alt="Cookies Tentation kandierte Orange Zartbitterschokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6684/file/small-4f9699c599ffdd2e789c174ebcf4bc87.webp 600w, https://assets.fabulous.ch/public/variant_asset/6684/file/medium-d9f0989ad947380772dc596bc5aa71f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6684/file/large-1affcd690c52cfa485bfee865d4ad5bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6684/file/medium-d9f0989ad947380772dc596bc5aa71f7.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">Moulin du Pivert</p>
          <a href="/de/products/cookies-tentation-kandierte-orange-zartbitterschokolade-bio-130-g-14446">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookies Tentation kandierte Orange Zartbitterschokolade Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14446&quot;],&quot;content_name&quot;:&quot;Cookies Tentation kandierte Orange Zartbitterschokolade Bio, 115 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14446&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Mz9I-kwtAlY39yq3VYkIg37_Fpe0B488rRe2PFsAfyO0Ei_E4s9Ur4-CRsMvgmjeeHmnhwb5lbVloVqtmSiScQ" />
    <input value="14446" 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%3D61">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cookies-tentation-zitrone-ingwer-bio-130-g-8286">
          <img alt="Cookies Tentation Zitrone-Ingwer, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11545/file/small-6d204897174da27341280f62df0d14ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/11545/file/medium-64869c8ed92b62b5183e574ee857a30a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11545/file/large-11c33072dce404d96a29eeb2c6a0a469.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11545/file/medium-64869c8ed92b62b5183e574ee857a30a.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">Moulin du Pivert</p>
          <a href="/de/products/cookies-tentation-zitrone-ingwer-bio-130-g-8286">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookies Tentation Zitrone-Ingwer, Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8286&quot;],&quot;content_name&quot;:&quot;Cookies Tentation Zitrone-Ingwer, Bio, 115 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8286&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d93dH7JVm5lLg-rgsuWSVO076tsQpfyjfKqJ3QYnEr7w8LohHLfNYPP2hpTI7vIJ671by6Jb5iq0HGVMxA__7A" />
    <input value="8286" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



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

</template></turbo-stream>