<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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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="w_EPT875K3J04NUUXWlJ0UqfC5rX31fm5XJccsZy72k1aUHRxPwsoXQJl3PhDqGV8LqQFY1mbGe0zTfZhnl4NA" />
    <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  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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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="xHdQ-jpKQIsxCdRImI9G9jX0_ua80ypud4iD53a-JWky7x5kME9HWDHgli8k6K6yj9FlaeZqEe8mN-hMNrWyNA" />
    <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 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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-hell-bio-15-g-3375">
          <img alt="Schoko Lolly Nikolaus hell Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2236/file/small-74251f8beb2492c281f3e74f423395a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2236/file/medium-4255033d9502fc5b26d6f1051174848e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2236/file/large-36ff03966c01883161a9988ac212831e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2236/file/medium-4255033d9502fc5b26d6f1051174848e.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-hell-bio-15-g-3375">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko Lolly Nikolaus hell Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3375&quot;],&quot;content_name&quot;:&quot;Schoko Lolly Nikolaus hell Bio, 15 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3375&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kD579lkPQP5xpAZi-EK8y8BqNXk1xjMi3PWrozdaND5mpjVoUwpHLXFNRAVEJVSPek-u9m9_CKONSsAId1GjYw" />
    <input value="3375" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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="BOtN07ix-STtzb7OVjWfqm4JGeoQYM8JEgzbpfugMUDycwNNsrT-9-0k_KnqUnfu1CyCZUrZ9IhDs7AOu6umHQ" />
    <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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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="v4CkCU5jWoqicei8y4DeK0plsKNyisu8JF7VBc5TKr1JGOqXRGZdWaKYqtt35zZv8EArLCgz8D114b6ujli94A" />
    <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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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="kzQzomYGqdDE7dYVP3Wig-0sqMdnaRRLd4fmG3ehmPplrH08bAOuA8QElHKDEkrHVwkzSD3QL8omOI2wN6oPpw" />
    <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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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/mandeln-zimt-schoko-bio-150-g-11864">
          <img alt="Mandeln Zimt Schoko Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11910/file/small-9654fabcb82ea5af140d7e823f9a518d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11910/file/medium-c52ff332924976a4d0f0d1498939e453.webp 900w, https://assets.fabulous.ch/public/variant_asset/11910/file/large-e9806d73acb410eb7675f0353184f42b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11910/file/medium-c52ff332924976a4d0f0d1498939e453.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Landgarten</p>
          <a href="/de/products/mandeln-zimt-schoko-bio-150-g-11864">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln Zimt Schoko Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11864&quot;],&quot;content_name&quot;:&quot;Mandeln Zimt Schoko Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11864&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="4_Uyi1Oa6TFFc8WurI4axUTzUcpIItEyNe6qu_a5ms0VbXwVWZ_u4kWah8kQ6fKB_tbKRRKb6rNkUcEQtrINkA" />
    <input value="11864" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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="FYGtVepeMSAXCRlGDqg7IBrCBfu9tjnq75cqKEaszWzjGePL4Fs28xfgWyGyz9NkoOeedOcPAmu-KEGDBqdaMQ" />
    <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 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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="Bcm-NWIZVbg0TrW7rcMiy0ACeZQaPWoBmTgAa6uwwbDzUfCraBxSazSn99wRpMqP-ifiG0CEUYDIh2vA67tW7Q" />
    <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  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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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="Odnn_YufZqk5snfj-PoFprSXDSI4nNr35sNdEGdstNPPQaljgZphejlbNYREne3iDrKWrWIl4Xa3fDa7J2cjjg" />
    <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 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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="4DvhrxKjiZC8Vv_u6uYeAeQwS_UkkRRtXxtRL3h2hf8Wo68xGKaOQ7y_vYlWgfZFXhXQen4oL-wOpDqEOH0Sog" />
    <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  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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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="WT52uYJ7xzwFrP9XWniFKcdWoIovceivwaJ4SQNd7wavpjgniH7A7wVFvTDmH21tfXM7BXXI0y6QHRPiQ1Z4Ww" />
    <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 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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/datteln-entsteint-konv-200-g-19099">
          <img alt="Datteln entsteint konv." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10081/file/small-0e256caefe0a72c5591fcb97312d4fd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/10081/file/medium-ba0844958a38436908b3e5d327c384f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/10081/file/large-c3e9b7a96253f14ce04c561822ff4678.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10081/file/medium-ba0844958a38436908b3e5d327c384f7.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/datteln-entsteint-konv-200-g-19099">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Datteln entsteint konv., 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19099&quot;],&quot;content_name&quot;:&quot;Datteln entsteint konv., 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19099&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6pd51nsUQfFE52d84hgNeuIgOZZQtxjpZvkoP2_TdB8cDzdIcRFGIkQOJRtef-U-WAWiGQoOI2g3RkOUL9jjQg" />
    <input value="19099" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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="k6kxswuAegbFAQ4SurK7nuhWB5RRZDlJUZRIaGSRI7NlMX8tAYV91cXoTHUG1VPaUnOcGwvdAsgAKyPDJJq07g" />
    <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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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="c3ly-gFQiO8wc6QK6Rt54pa610uOgzNfiMP1fiTh1R6F4TxkC1WPPDCa5m1VfJGmLJ9MxNQ6CN7ZfJ7VZOpCQw" />
    <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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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="kAwu0RY9VPGitfsmTv4_pAAjuhFROuOrbPVO0eM5j7xmlGBPHDhTIqJcuUHymdfgugYhnguD2Co9SiV6ozIY4Q" />
    <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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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="EYtmuWQT0ZguL5cdiFhKP02urGvzgfN3_dadBytkO07nEygnbhbWSy7G1Xo0P6J794s35Kk4yPasafasa2-sEw" />
    <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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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="zrk1BecQmGDERq0F_EiFVcMgFHwLO5VLF7Phl4UC3oA4IXub7RWfs8Sv72JAL20ReQWP81GCrspGDIo8xQlJ3Q" />
    <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>


  

  <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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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/papayastangel-200-g-19133">
          <img alt="Papayastängel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10530/file/small-87d2dbf0e8cb33e9768aa697422904a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/10530/file/medium-3940c2622ec728448d0b52031408ee1a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10530/file/large-616114e6778f6063cd9af1fd9034c65d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10530/file/medium-3940c2622ec728448d0b52031408ee1a.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/papayastangel-200-g-19133">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Papayastängel, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19133&quot;],&quot;content_name&quot;:&quot;Papayastängel, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19133&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kyOj6ArAM470PKY6J8EmYdatKXvc2igzK36C2lqgCDhlu-12AMU0XfTV5F2bps4lbIiy9IZjE7J6welxGqufZQ" />
    <input value="19133" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D36">
    <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/lecker-s-zitronat-bio-100-g-7082">
          <img alt="Lecker&#39;s Zitronat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4069/file/small-8d29d01077bb594529772678c067c225.webp 600w, https://assets.fabulous.ch/public/variant_asset/4069/file/medium-ecdd2d3b04abb45effdd19a9043441fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4069/file/large-84c2c41efdcdcbe8669e7c3fe96bfa59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4069/file/medium-ecdd2d3b04abb45effdd19a9043441fc.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">Lecker&#39;s</p>
          <a href="/de/products/lecker-s-zitronat-bio-100-g-7082">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lecker&#39;s Zitronat Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7082&quot;],&quot;content_name&quot;:&quot;Lecker&#39;s Zitronat Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7082&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VNzX_m9HzgGYME9S3pfAwnjCEC60y8O52qx7mfQHpi-iRJlgZULJ0pjZDTVi8CiGwueLoe5y-DiLExAytAwxcg" />
    <input value="7082" 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">
      720 von 4&#39;017 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/noel?format=turbo_stream&amp;page=37">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>