<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%3D12">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/falafel-mix-original-spinat-randen-180-g-22530">
          <img alt="Falafel Mix (Original, Spinat &amp; Randen)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11954/file/small-4c2e63f1a0edf891890d9e975379d05c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11954/file/medium-a3c07e0ab3bb1779b2a0d63757c479dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11954/file/large-91945af567709a0cb13b20d723737402.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11954/file/medium-a3c07e0ab3bb1779b2a0d63757c479dc.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">Vegetarian Quality</p>
          <a href="/de/products/falafel-mix-original-spinat-randen-180-g-22530">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Mix (Original, Spinat &amp; Randen), 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </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.06 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22530&quot;],&quot;content_name&quot;:&quot;Falafel Mix (Original, Spinat \u0026 Randen), 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22530&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="HPQYwfDrE0TGrCr4JcX2w9c92xL3NJnIlVcy0bm_nr9czxsMc9NjbExmu7hsmZqx2b-SOrq7KBxkokixCJMJwQ" />
    <input value="22530" 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%3D12">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/falafel-kurbis-200-g-22529">
          <img alt="Falafel Kürbis" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11952/file/small-c75fb739d1201ccf7ee8c3a0a09b2ca9.webp 600w, https://assets.fabulous.ch/public/variant_asset/11952/file/medium-d480afbc305bb3e21b1a7eb7868b2c08.webp 900w, https://assets.fabulous.ch/public/variant_asset/11952/file/large-725257ec60af866bcc84c6101173c0b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11952/file/medium-d480afbc305bb3e21b1a7eb7868b2c08.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">Vegetarian Quality</p>
          <a href="/de/products/falafel-kurbis-200-g-22529">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Kürbis, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 2.85 / 100 g
            </p>
        </div>
      </div>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/falafel-susskartoffel-180-g-22524">
          <img alt="Falafel Süsskartoffel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11938/file/small-8df1a7be9e82b7efeec678df88fd6b14.webp 600w, https://assets.fabulous.ch/public/variant_asset/11938/file/medium-f63f859fdd008bb44aef571a650c7afd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11938/file/large-587786d8e9474fbf1ee56cea2581cac0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11938/file/medium-f63f859fdd008bb44aef571a650c7afd.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">Vegetarian Quality</p>
          <a href="/de/products/falafel-susskartoffel-180-g-22524">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Süsskartoffel, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </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.11 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22524&quot;],&quot;content_name&quot;:&quot;Falafel Süsskartoffel, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22524&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yb_8-St6mInHtU2xRaMjDgxulXLi6khK4CspL3afL3QhhP80qELooU1_3PEM_098AuzcWq9l-Z4R3lNPx7O4Cg" />
    <input value="22524" 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%3D12">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/falafel-gemuse-180-g-22522">
          <img alt="Falafel Gemüse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11936/file/small-adb9f6bd42303ab10f6ead656038f8bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/11936/file/medium-e2f39c53ce01a12287605ef331b43dcd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11936/file/large-f98feb833982cc03ba5626131a3f06c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11936/file/medium-e2f39c53ce01a12287605ef331b43dcd.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">Vegetarian Quality</p>
          <a href="/de/products/falafel-gemuse-180-g-22522">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Gemüse, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </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.11 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22522&quot;],&quot;content_name&quot;:&quot;Falafel Gemüse, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22522&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xEhhCatK0Cf-2nP-0FqbEqPb0R4m4yXHXQSzsjHCU0CEc2LEKHKgD3QQ4r6ZBvdgrVmYNmtslBOs8cnSgO7EPg" />
    <input value="22522" 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%3D12">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/falafel-original-180-g-22510">
          <img alt="Falafel Original" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11934/file/small-2b334cb4ab7c30e6491f9514a85e5354.webp 600w, https://assets.fabulous.ch/public/variant_asset/11934/file/medium-28af943ea978e2b68a2437585a975c8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11934/file/large-c19ac1a01b2cc197d7cfe43577cf6c72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11934/file/medium-28af943ea978e2b68a2437585a975c8f.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">Vegetarian Quality</p>
          <a href="/de/products/falafel-original-180-g-22510">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Original, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haferflocken-angekeimt-bio-500-g-19866">
          <img alt="Haferflocken angekeimt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11219/file/small-af97a5c1b7d26016ea2769e22a71d114.webp 600w, https://assets.fabulous.ch/public/variant_asset/11219/file/medium-4c82f456ed15cdf51cd944fd8fb9c468.webp 900w, https://assets.fabulous.ch/public/variant_asset/11219/file/large-8f6eb4bb5c8e1368dcc67517d0a07ab8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11219/file/medium-4c82f456ed15cdf51cd944fd8fb9c468.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/haferflocken-angekeimt-bio-500-g-19866">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferflocken angekeimt Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19866&quot;],&quot;content_name&quot;:&quot;Haferflocken angekeimt Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19866&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dH9F_ECbttdAef6kN8fkiJ9gCYH2amGX4dUxSl9lytQ0REYxw6PG_8qzb-R-m4j6keJAqbvl0EMQIEsq7kldqg" />
    <input value="19866" 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%3D12">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/baumnusse-schweiz-wild-angekeimt-rohkostqualitat-250-g-4428">
          <img alt="Baumnüsse Schweiz Wild angekeimt Rohkostqualität" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2755/file/small-541b0c924f67bc8e5bde5b02c0f7fef9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2755/file/medium-3405e8c1d6b2b11c7004696e78052f33.webp 900w, https://assets.fabulous.ch/public/variant_asset/2755/file/large-bc695dcb10396501174762ee7760e13c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2755/file/medium-3405e8c1d6b2b11c7004696e78052f33.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/baumnusse-schweiz-wild-angekeimt-rohkostqualitat-250-g-4428">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baumnüsse Schweiz Wild angekeimt Rohkostqualität, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4428&quot;],&quot;content_name&quot;:&quot;Baumnüsse Schweiz Wild angekeimt Rohkostqualität, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4428&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DZ_oJXIkPgw3-91hTqQxP5em7kQHF9a_BHU-vN0LgpJNpOvo8RxOJL0xTCEH-F1NmSSnbEqYZ2v1gETcbCcV7A" />
    <input value="4428" 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%3D12">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/buchweizen-angekeimt-bio-500-g-19856">
          <img alt="Buchweizen angekeimt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10423/file/small-439b1f98bcf433a1af0bd39f789a66a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10423/file/medium-7d21fd04b51d8bf4866b1667de0cc5ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/10423/file/large-557c44e30e4892de33bc33cd88259f4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10423/file/medium-7d21fd04b51d8bf4866b1667de0cc5ad.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/buchweizen-angekeimt-bio-500-g-19856">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizen angekeimt Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/baobab-pulver-bio-250-g-19840">
          <img alt="Baobab Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10401/file/small-635ba1f1807ed7c8be803864d6408db4.webp 600w, https://assets.fabulous.ch/public/variant_asset/10401/file/medium-d07402f25545355bc5b6a37ca6bab54d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10401/file/large-ed0da2ee0d6e7db2d82659113ac5acb5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10401/file/medium-d07402f25545355bc5b6a37ca6bab54d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/baobab-pulver-bio-250-g-19840">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baobab Pulver Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.00
            </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-19840-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19840&quot;],&quot;content_name&quot;:&quot;Baobab Pulver Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19840&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EFRRQ-BL9EpTjJQIohoyNur2-WVuMwE2FkvXUv4xIRVQb1KOY3OEYtlGBUjrRl5E5HSwTSO8sOLnvq0yTx22aw" />
    <input value="19840" 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%3D12">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/cashewkerne-gf-bio-500-g-4429">
          <img alt="Cashewkerne GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2754/file/small-d6939199d55cd397614950f3842d3c2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/2754/file/medium-225c54090582757e203f0dfd8b5d0636.webp 900w, https://assets.fabulous.ch/public/variant_asset/2754/file/large-692d91934927d2a450097e333c5a75c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2754/file/medium-225c54090582757e203f0dfd8b5d0636.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/cashewkerne-gf-bio-500-g-4429">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashewkerne GF Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4429&quot;],&quot;content_name&quot;:&quot;Cashewkerne GF Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4429&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KP5_nmoAeNJVWvUalKlpfl2OCOU1iYVTgJyOmjJLr5JoxXxT6TgI-t-QZFrd9QUMUwxBzXgGNIdxafT6g2c47A" />
    <input value="4429" 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%3D12">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/macadamia-nusse-rohkostqualitat-bio-500-g-9628">
          <img alt="Macadamia Nüsse Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5382/file/small-d54d82e924def8bba58a83a7af09d6a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5382/file/medium-85c83fae435a9632d72f4df8b591f052.webp 900w, https://assets.fabulous.ch/public/variant_asset/5382/file/large-aba549d52465bfc3f82bd57f4448218e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5382/file/medium-85c83fae435a9632d72f4df8b591f052.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/macadamia-nusse-rohkostqualitat-bio-500-g-9628">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Macadamia Nüsse Rohkostqualität Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </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-9628-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9628&quot;],&quot;content_name&quot;:&quot;Macadamia Nüsse Rohkostqualität Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9628&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:34.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mW57T2PbZiXN4i8fGknqsJdZMYrC4CifGiDOxiD4NsDZVXiC4OMWDUcovl9TFYbCmdt4oo9vmUvr1bSmkdShvg" />
    <input value="9628" 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%3D12">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haselnusse-piemont-angekeimt-rohkostqualitat-bio-250-g-7488">
          <img alt="Haselnüsse Piemont angekeimt Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4304/file/small-d114bba29794b5d5808277d53db1d14b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4304/file/medium-1f26396d6e10572be8026d529176b198.webp 900w, https://assets.fabulous.ch/public/variant_asset/4304/file/large-689bd4b80c5accf3cb41afafbc36dbf8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4304/file/medium-1f26396d6e10572be8026d529176b198.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/haselnusse-piemont-angekeimt-rohkostqualitat-bio-250-g-7488">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haselnüsse Piemont angekeimt Rohkostqualität Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7488&quot;],&quot;content_name&quot;:&quot;Haselnüsse Piemont angekeimt Rohkostqualität Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7488&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BIFWRuizfAQri-E8rAPxRqvWEcl1aCIQNc8_sQf0l61EulWLa4sMLKFBcHzlX500pVRY4Tjnk8TEOkXRttgA0w" />
    <input value="7488" 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%3D12">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/paranusse-gf-rohkostqualitat-bio-250-g-4390">
          <img alt="Paranüsse GF Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2740/file/small-daa96dad6223be56b1dc838a60f653ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/2740/file/medium-f9464a4b425d416ff32d41472f6c48b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2740/file/large-2fecb7051c147703f12d4f03852482ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2740/file/medium-f9464a4b425d416ff32d41472f6c48b6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/paranusse-gf-rohkostqualitat-bio-250-g-4390">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paranüsse GF Rohkostqualität Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4390&quot;],&quot;content_name&quot;:&quot;Paranüsse GF Rohkostqualität Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4390&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L61t_x3PLe_lC_bLcaOeAak-ynJt2IcFU-2JX3vQctRvlm4ynvddx2_BZ4s4__Jzp7yDWiBXNtGiGPM_yvzlqg" />
    <input value="4390" 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%3D12">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/edelmuesli-wild-berries-rohkostqualitat-bio-250-g-16901">
          <img alt="Edelmüesli Wild Berries Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7877/file/small-57197a8305e188fed13637e63bab3fc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7877/file/medium-7837f81b80a9411995b974f688591882.webp 900w, https://assets.fabulous.ch/public/variant_asset/7877/file/large-6c7ba56f8b330b0928bfcc41bd2c3195.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7877/file/medium-7837f81b80a9411995b974f688591882.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/edelmuesli-wild-berries-rohkostqualitat-bio-250-g-16901">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Edelmüesli Wild Berries Rohkostqualität Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16901&quot;],&quot;content_name&quot;:&quot;Edelmüesli Wild Berries Rohkostqualität Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16901&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qsbfgM8FylVG_ndrsFROD1wxIA4b672SR2aIDaCATkrq_dxNTD26fcw05iv5CCJ9UrNpJlZkDEa2k_JtEazZNA" />
    <input value="16901" 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%3D12">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mandelmus-weiss-bio-200-g-19863">
          <img alt="Mandelmus weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11217/file/small-bbedcca68859de64a1b62b9b9d8ff6ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/11217/file/medium-3090ea5b80289db3909d1b320c28ab63.webp 900w, https://assets.fabulous.ch/public/variant_asset/11217/file/large-c403b9de9f1be0d56d2adb7112e4a6b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11217/file/medium-3090ea5b80289db3909d1b320c28ab63.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/mandelmus-weiss-bio-200-g-19863">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelmus weiss Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gianduja-chocolate-aufstrich-bio-200-g-13817">
          <img alt="Gianduja Chocolate Aufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6592/file/small-316798b4acdec72cf9318cf0967c8df9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6592/file/medium-375246c29f0a2862f792bc163c760a39.webp 900w, https://assets.fabulous.ch/public/variant_asset/6592/file/large-6ef58ad875aa1c6e65edd5b346b0ae78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6592/file/medium-375246c29f0a2862f792bc163c760a39.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/gianduja-chocolate-aufstrich-bio-200-g-13817">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gianduja Chocolate Aufstrich Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/baumnussmus-rohkost-bio-180-g-6685">
          <img alt="Baumnussmus Rohkost Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3861/file/small-6eb2934b3f30dcef5d20df0a2c936b53.webp 600w, https://assets.fabulous.ch/public/variant_asset/3861/file/medium-9feefcd8c477e450f5e1fad04ff8abe1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3861/file/large-6677c29096dcc0350d42d8c177360062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3861/file/medium-9feefcd8c477e450f5e1fad04ff8abe1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/baumnussmus-rohkost-bio-180-g-6685">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baumnussmus Rohkost Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haselnussmus-rohkost-bio-180-g-6688">
          <img alt="Haselnussmus Rohkost Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3863/file/small-07fd85963839c2ee7992a50f91d02f84.webp 600w, https://assets.fabulous.ch/public/variant_asset/3863/file/medium-37c09585b13d2d58a7ff8a366f6de313.webp 900w, https://assets.fabulous.ch/public/variant_asset/3863/file/large-c5c94481bc00b742eef0381c8184ed20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3863/file/medium-37c09585b13d2d58a7ff8a366f6de313.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/haselnussmus-rohkost-bio-180-g-6688">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haselnussmus Rohkost Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6688&quot;],&quot;content_name&quot;:&quot;Haselnussmus Rohkost Bio, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6688&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qqlAPbkyG33-my4ufAfVWE1NAEZcd_AF38SW3BwOocjqkkPwOgprVXRRv241W7kqQ89JbhH4QdEuMey8rSI2tg" />
    <input value="6688" 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%3D12">
    <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/pralinen-himbeer-6er-box-bio-72-g-4215">
          <img alt="Pralinen Himbeer 6er Box Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2648/file/small-4d6bab69ac1245d4548ac40fb88e5b72.webp 600w, https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.webp 900w, https://assets.fabulous.ch/public/variant_asset/2648/file/large-00d7099b4de7044e5af992c28040d1ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/pralinen-himbeer-6er-box-bio-72-g-4215">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralinen Himbeer 6er Box Bio, 88 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4215-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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D12">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/creme-de-carob-bio-200-g-6691">
          <img alt="Creme de Carob Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3868/file/small-43f587b2a740c4e637ef03e322672cd6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3868/file/medium-411b790e9e53cdd2bc6634583b694cdb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3868/file/large-d3ce5d7f43e6724fdaebcf3353ec5c4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3868/file/medium-411b790e9e53cdd2bc6634583b694cdb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/de/products/creme-de-carob-bio-200-g-6691">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Creme de Carob Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6691&quot;],&quot;content_name&quot;:&quot;Creme de Carob Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6691&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UnVK5OajoT8yeGZ-KfOVh6LX3GaOTD-oRbQUSjp_4BkSTkkpZZvRF7iy9z5gr_n1rFWVTsPDjny0QW4qi1N3Zw" />
    <input value="6691" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



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

</template></turbo-stream>