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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hummus-jalapeno-bio-170-g-5895">
          <img alt="Hummus Jalapeno Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3382/file/small-d198c7f6bd76254da7565df2c23d0eb9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3382/file/medium-31cd3a7259f321cd390c88f2b705f68e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3382/file/large-0d183a8b9e15bb303fb2de5092457670.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3382/file/medium-31cd3a7259f321cd390c88f2b705f68e.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">Florentin</p>
          <a href="/products/hummus-jalapeno-bio-170-g-5895">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hummus Jalapeno Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.76 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5895&quot;],&quot;content_name&quot;:&quot;Hummus Jalapeno Bio, 170 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5895&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UwLya607PbfNz2MqHH7LjcdBeR-yU4zqPZ1t4YXv-ZTHHo8qOLIBBZjSv2KYdhObwsAOJtsl8wf0_JA5oS3Hgw" />
    <input value="5895" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/frisch-belugalinsen-salat-mit-petersilie-bio-275-g-1483">
          <img alt="Frisch: Belugalinsen-Salat mit Petersilie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1205/file/small-6821437addfbcf13b4a72b8359a21ebd.webp 600w, https://assets.fabulous.ch/public/variant_asset/1205/file/medium-02f1d43cb3e08b71c8b653771e04e1c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/1205/file/large-a318fff7397fbc49253f9517545db0e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1205/file/medium-02f1d43cb3e08b71c8b653771e04e1c6.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">Jooti</p>
          <a href="/products/frisch-belugalinsen-salat-mit-petersilie-bio-275-g-1483">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frisch: Belugalinsen-Salat mit Petersilie Bio, 275 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 1.71 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1483&quot;],&quot;content_name&quot;:&quot;Frisch: Belugalinsen-Salat mit Petersilie Bio, 275 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1483&quot;,&quot;quantity&quot;:2}],&quot;value&quot;:9.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U4EMul9_5eiTxKONAtrIigexlWUq0uj9VsbjwYyvzmTHnXH7yvbZWsbZf8WG0hCcAjDiXEOklxCfpx4ZqG3wcw" />
    <input value="1483" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/erdnussmus-fein-bio-250-g-15202">
          <img alt="Erdnussmus fein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6969/file/small-1658b6d3d887ea03e74bf6eb73d4272f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6969/file/medium-64197d889f797b553e1e0870aa9172af.webp 900w, https://assets.fabulous.ch/public/variant_asset/6969/file/large-163cf52b65a48eb38c7f264cab738360.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6969/file/medium-64197d889f797b553e1e0870aa9172af.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/erdnussmus-fein-bio-250-g-15202">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdnussmus fein Bio, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/erdnussmus-crunchy-mit-salz-bio-250-g-15200">
          <img alt="Erdnussmus Crunchy mit Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6965/file/small-35a25566f432ee804b9adf283d23934a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6965/file/medium-d19aad35e397dffc71eb905b1cf4bda0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6965/file/large-52b83aae33b9efc4a6321567803a5831.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6965/file/medium-d19aad35e397dffc71eb905b1cf4bda0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/erdnussmus-crunchy-mit-salz-bio-250-g-15200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdnussmus Crunchy mit Salz Bio, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15200&quot;],&quot;content_name&quot;:&quot;Erdnussmus Crunchy mit Salz Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15200&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GWz5GwM_mg9JMVSJ3-v7NsTADuGq4fK_CIc787GS2uSNcIRalramvRwsiMFb4yMgwUF52MOXjVLB5sYrlVDk8w" />
    <input value="15200" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sonett-oko-spulschwamm-2er-pack-1-stuck-4040">
          <img alt="Sonett Öko - Spülschwamm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2563/file/small-3752aacd22b38849c01d39ec3e54e025.webp 600w, https://assets.fabulous.ch/public/variant_asset/2563/file/medium-ce0e25dd586b6d0a5323062077b77ad3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2563/file/large-a31fdd1e0791a9650d55d5e75105e74c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2563/file/medium-ce0e25dd586b6d0a5323062077b77ad3.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">Sonett</p>
          <a href="/products/sonett-oko-spulschwamm-2er-pack-1-stuck-4040">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Öko - Spülschwamm, 2 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4040&quot;],&quot;content_name&quot;:&quot;Sonett Öko - Spülschwamm, 2 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4040&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rth50TymD5mAFT5SaKekRageHUjhp9oOwfsBN8pHXTo6xASQqS8zK9UI4hrsr3xTrZ9qcYjRpeMImvzv7oVjLQ" />
    <input value="4040" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/riegel-mit-buchweizen-kakao-bio-35-g-21951">
          <img alt="Riegel mit Buchweizen &amp; Kakao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11564/file/small-a89c4a8fecda0d9ea6581885179165ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/11564/file/medium-3f77a3fc8f899c5c1aec04d6428ad4a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11564/file/large-8388d853623c3c17af5fe2fadf5f25be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11564/file/medium-3f77a3fc8f899c5c1aec04d6428ad4a8.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">NaturKraftWerke</p>
          <a href="/products/riegel-mit-buchweizen-kakao-bio-35-g-21951">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel mit Buchweizen &amp; Kakao Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21951&quot;],&quot;content_name&quot;:&quot;Riegel mit Buchweizen \u0026 Kakao Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21951&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vd7AbVDOh2mUWB2Tvz-1e9sXoCngHFIvgKhrgxvMOUTBwr0sxUe728FFwds7N21t3pbXEIlqLcJJyZZbPw4HUw" />
    <input value="21951" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/riegel-mit-buchweizen-himbeere-bio-35-g-21948">
          <img alt="Riegel mit Buchweizen &amp; Himbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11561/file/small-659876509a59472d301b843ba0392e38.webp 600w, https://assets.fabulous.ch/public/variant_asset/11561/file/medium-7748d84c34a7b741cd8ba66fbe5ca703.webp 900w, https://assets.fabulous.ch/public/variant_asset/11561/file/large-1adb12d1c9e2e94bd3ac2626a8b63bc4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11561/file/medium-7748d84c34a7b741cd8ba66fbe5ca703.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">NaturKraftWerke</p>
          <a href="/products/riegel-mit-buchweizen-himbeere-bio-35-g-21948">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel mit Buchweizen &amp; Himbeere Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21948&quot;],&quot;content_name&quot;:&quot;Riegel mit Buchweizen \u0026 Himbeere Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21948&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QTBD-Kw8WOyJfKiDuV6VPe8ykS5ojTCtj3hfGmODkmPVLD65ObVkXtxhdMs9Vk0r6rPmFwH7T0BGGaLCR0GsdA" />
    <input value="21948" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/riegel-mit-buchweizen-erdnuss-bio-35-g-21950">
          <img alt="Riegel mit Buchweizen &amp; Erdnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11563/file/small-35307ad3ffa848805fe7d6d5b75ab1c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11563/file/medium-360107e54aed8c59ccf3f7e86a3287ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/11563/file/large-378b379d7a87707a54c6f9810f634e59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11563/file/medium-360107e54aed8c59ccf3f7e86a3287ff.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">NaturKraftWerke</p>
          <a href="/products/riegel-mit-buchweizen-erdnuss-bio-35-g-21950">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel mit Buchweizen &amp; Erdnuss Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21950&quot;],&quot;content_name&quot;:&quot;Riegel mit Buchweizen \u0026 Erdnuss Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21950&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="onpGwvfzaN_bE6zil2cex97xCBRgdGmYsUH56clBSNU2ZjuDYnpUbY4OcKoTb8bR23B_LQkCFnV4IAQx7YN2wg" />
    <input value="21950" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/explore-cuisine-edamame-spaghetti-bio-200-g-14662">
          <img alt="Explore Cuisine Edamame Spaghetti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6779/file/small-094ec542404daf9b380c8b94e9c1be4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6779/file/medium-86e8490b31926795f38468f3decffe28.webp 900w, https://assets.fabulous.ch/public/variant_asset/6779/file/large-c4669572a9a9ef07a2345b5d882d2a9a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6779/file/medium-86e8490b31926795f38468f3decffe28.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">Explore Cuisine</p>
          <a href="/products/explore-cuisine-edamame-spaghetti-bio-200-g-14662">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Explore Cuisine Edamame Spaghetti Bio, 200 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 2.25 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14662&quot;],&quot;content_name&quot;:&quot;Explore Cuisine Edamame Spaghetti Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14662&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wkWgBtsxGbWg8CvdbYwK_V83s9oOTCjO92uBGBF421FWWd1HTrglB_Xt95XphNLrWrbE42c6VyM-CnzANbrlRg" />
    <input value="14662" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mandel-drink-ungesusst-bio-200-ml-18525">
          <img alt="Mandel Drink ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9602/file/small-a110d002fdb0dffee1cd304d5b947dd4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9602/file/medium-b778c2ff973ec579d08a5b91a74f11db.webp 900w, https://assets.fabulous.ch/public/variant_asset/9602/file/large-10653637f8fab5a10461d72256dd1cf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9602/file/medium-b778c2ff973ec579d08a5b91a74f11db.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ecomil</p>
          <a href="/products/mandel-drink-ungesusst-bio-200-ml-18525">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandel Drink ungesüsst Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18525&quot;],&quot;content_name&quot;:&quot;Mandel Drink ungesüsst Bio, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18525&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-xFI2RaSJAxOhc_y97RPqrPACmhu80BocvM7LEuxoCZvDTWYgxsYvhuYE7pzvJe8tkF9UQeFP4W7ksb0b3OeMQ" />
    <input value="18525" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <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="/products/mehl-weiss-weizenmehl-hell-550-demeter-1-kg-4596">
          <img alt="Mehl Weiss Weizenmehl hell 550 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2815/file/small-b144eaa554a9e7b41dc23d126068d7b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2815/file/medium-b10aeeb0d1d50a7e68af45d1dbab9b56.webp 900w, https://assets.fabulous.ch/public/variant_asset/2815/file/large-e6eaa12d7d9614d0defb61d2d4dde08d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2815/file/medium-b10aeeb0d1d50a7e68af45d1dbab9b56.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">Bauckhof</p>
          <a href="/products/mehl-weiss-weizenmehl-hell-550-demeter-1-kg-4596">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mehl Weiss Weizenmehl hell 550 Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/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="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/crusty-3-korn-3-saaten-bio-200-g-20017">
          <img alt="Crusty 3 Korn - 3 Saaten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10713/file/small-875b1ff46a6992382f02766bcd381c00.webp 600w, https://assets.fabulous.ch/public/variant_asset/10713/file/medium-509a7399a826e41679de167f38a31d12.webp 900w, https://assets.fabulous.ch/public/variant_asset/10713/file/large-ec33d18d0031d70f2de2220bfcd12b54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10713/file/medium-509a7399a826e41679de167f38a31d12.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/products/crusty-3-korn-3-saaten-bio-200-g-20017">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crusty 3 Korn - 3 Saaten Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20017&quot;],&quot;content_name&quot;:&quot;Crusty 3 Korn - 3 Saaten Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20017&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rL_FFO6cz3s8k0-Nwsfi0t9cXD7f6Z5Co_hMo1YQ-Pc4o7hVexXzyWmOk8VGzzrE2t0rB7af4a9qmbF7ctLG4A" />
    <input value="20017" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sauerkirsch-muttersaft-bio-200-ml-16514">
          <img alt="Sauerkirsch Muttersaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7611/file/small-00d967a135718dd8ebd7afaef692a2f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7611/file/medium-3a5deeac2d077fadf5a92cabe85d1776.webp 900w, https://assets.fabulous.ch/public/variant_asset/7611/file/large-cafdf3a37dee57d140bfd3b8b3b88afc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7611/file/medium-3a5deeac2d077fadf5a92cabe85d1776.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">Beutelsbacher</p>
          <a href="/products/sauerkirsch-muttersaft-bio-200-ml-16514">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauerkirsch Muttersaft Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16514&quot;],&quot;content_name&quot;:&quot;Sauerkirsch Muttersaft Bio, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16514&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ApoV-aXrhTD1rU8jUnMyHlRm9650-38zkOfYGatIMryWhmi4MGK5gqCwk2vWe-oIUeeAlx2NAN5ZhiXBj4oMqw" />
    <input value="16514" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/zimtstangen-ceylon-beutel-bio-18-g-6446">
          <img alt="Zimtstangen Ceylon Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3696/file/small-43627a6e6c703e739669b8511f7aa060.webp 600w, https://assets.fabulous.ch/public/variant_asset/3696/file/medium-911792a4524490a66b629f4b57c5608a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3696/file/large-e9e512773dd1176c97b1c68a0363d5e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3696/file/medium-911792a4524490a66b629f4b57c5608a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/products/zimtstangen-ceylon-beutel-bio-18-g-6446">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimtstangen Ceylon Beutel Bio, 18 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6446&quot;],&quot;content_name&quot;:&quot;Zimtstangen Ceylon Beutel Bio, 18 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6446&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pYypZy3Zlc31pVSLnTXIleedJ-7neRrMtK7I2tRq-vkxkNQmuFCpf6C4iMMZPRCD4hxQ144PZSF9zzUC8KjE7g" />
    <input value="6446" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/leinsamen-ch-bioknospe-200-g-19657">
          <img alt="Leinsamen CH BioKnospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10899/file/small-f80562a1304c685942bdf6354c61b53a.webp 600w, https://assets.fabulous.ch/public/variant_asset/10899/file/medium-ce59dc891965f801bcfec754901171c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/10899/file/large-54e3b59633d9f82fdbca31a9e2967c12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10899/file/medium-ce59dc891965f801bcfec754901171c6.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">Biofarm</p>
          <a href="/products/leinsamen-ch-bioknospe-200-g-19657">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leinsamen CH BioKnospe, 200 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 2.25 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19657&quot;],&quot;content_name&quot;:&quot;Leinsamen CH BioKnospe, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19657&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B9BDoTGqfgGCLt00CJdoBSNftm5ckh0oZYQOizqTD4-TzD7gpCNCs9czAXyMn7ATJt7BVzXkYsWs5fNTHlExmA" />
    <input value="19657" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/apfelmus-demeter-360-g-20101">
          <img alt="Apfelmus Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10832/file/small-712e4e607fa9570f728ee68d1b828166.webp 600w, https://assets.fabulous.ch/public/variant_asset/10832/file/medium-23f5b66799bccef5d8064ad6addbb637.webp 900w, https://assets.fabulous.ch/public/variant_asset/10832/file/large-ae4c7cd5da6f510ffe8aa02f58ea6c49.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10832/file/medium-23f5b66799bccef5d8064ad6addbb637.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">Vanadis</p>
          <a href="/products/apfelmus-demeter-360-g-20101">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfelmus Demeter, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20101&quot;],&quot;content_name&quot;:&quot;Apfelmus Demeter, 360 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20101&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E2jHDE04xMbEuIIaqaPrf-nhslfWikikZZSdS45TW0uHdLpN2LH4dJGlXlItqzNp7GDFbr_8N0ms9WCTqpFlXA" />
    <input value="20101" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/haferkorner-chbio-knospe-500-g-19925">
          <img alt="Haferkörner CHBio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10582/file/small-ffb92bec56b380cc51fa43659a68c951.webp 600w, https://assets.fabulous.ch/public/variant_asset/10582/file/medium-6302fbcf22dd479591e5a43cf03d0f35.webp 900w, https://assets.fabulous.ch/public/variant_asset/10582/file/large-bc5eef5a85ab76f0643402e97ff92088.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10582/file/medium-6302fbcf22dd479591e5a43cf03d0f35.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">Biofarm</p>
          <a href="/products/haferkorner-chbio-knospe-500-g-19925">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferkörner CHBio Knospe, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19925&quot;],&quot;content_name&quot;:&quot;Haferkörner CHBio Knospe, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19925&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AbCxWufA2sGeYyFHiF4_IVv1fpMkPDtEzj7hPvFo5VyVrMwbcknmc8t-_Q8MVuc3XnQJqk1KRKkHXxzm1arbSw" />
    <input value="19925" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sesamini-krokant-bio-27-g-19644">
          <img alt="Sesamini-Krokant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10886/file/small-f249c7c9afdb33d20f05ef96a53561de.webp 600w, https://assets.fabulous.ch/public/variant_asset/10886/file/medium-ca6f06914812ef93de68203474ed00ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/10886/file/large-07adde4bd767baf703338135e674d8fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10886/file/medium-ca6f06914812ef93de68203474ed00ca.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/products/sesamini-krokant-bio-27-g-19644">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesamini-Krokant Bio, 27 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19644&quot;],&quot;content_name&quot;:&quot;Sesamini-Krokant Bio, 27 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19644&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KBb78dbtgPim0jOI4OWR05MSuk0GYUUmltxFPUDbJbO8CoawQ2S8SvPP78Bk7UnFlpPNdG8XOstfvbjlZBkbpA" />
    <input value="19644" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D17">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kookie-cat-chia-lemon-cookie-glutenfrei-bio-50-g-2285">
          <img alt="KOOKIE CAT Chia Lemon Cookie Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1686/file/small-bcb254ec950152618ccb6503a7e50f02.webp 600w, https://assets.fabulous.ch/public/variant_asset/1686/file/medium-cf6466ca35429b4a8ec5695ab407efb8.webp 900w, https://assets.fabulous.ch/public/variant_asset/1686/file/large-a1a68aff2e0707e7b010c012fbf937d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1686/file/medium-cf6466ca35429b4a8ec5695ab407efb8.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">Kookie Cat</p>
          <a href="/products/kookie-cat-chia-lemon-cookie-glutenfrei-bio-50-g-2285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">KOOKIE CAT Chia Lemon Cookie Glutenfrei Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2285&quot;],&quot;content_name&quot;:&quot;KOOKIE CAT Chia Lemon Cookie Glutenfrei Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2285&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zEPVRLs9XMfpmPfMEr23Es0SGFFrwFKya1emM2-W5VpYX6gFLrRgdbyFK4SWtW8EyJNvaAK2LV-iNlvrS1TbTQ" />
    <input value="2285" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/riegel-mit-buchweizen-ananas-bio-35-g-21947">
          <img alt="Riegel mit Buchweizen &amp; Ananas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11560/file/small-a89245992d4e01cab103ce48f71c7a83.webp 600w, https://assets.fabulous.ch/public/variant_asset/11560/file/medium-12fa860f705fc7e495ed9eb5c3b60549.webp 900w, https://assets.fabulous.ch/public/variant_asset/11560/file/large-915ff9e5b39029db4d90e5d8c51d98b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11560/file/medium-12fa860f705fc7e495ed9eb5c3b60549.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">NaturKraftWerke</p>
          <a href="/products/riegel-mit-buchweizen-ananas-bio-35-g-21947">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel mit Buchweizen &amp; Ananas Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21947&quot;],&quot;content_name&quot;:&quot;Riegel mit Buchweizen \u0026 Ananas Bio, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21947&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0vxDVYs2c-i2e-wy3RAYQ10qHgfOauBmvi82FuRxIgdG4D4UHr9PWuNmMHpZGMBVWKtpPqccn4t3TsvOwLMcEA" />
    <input value="21947" 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">
      340 von 818 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/collections/under-5?format=turbo_stream&amp;page=18">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>