<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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/feigen-protoben-bio-500-g-19101">
          <img alt="Feigen Protoben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10451/file/small-f64cc52ea8cb82914a81bfe3f76db31a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10451/file/medium-3c1e101fa84a9c709e5aa1a5378f0ee6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10451/file/large-c74c5b46ebac0213b8de15659991d658.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10451/file/medium-3c1e101fa84a9c709e5aa1a5378f0ee6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/feigen-protoben-bio-500-g-19101">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feigen Protoben Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yaVPho5lln5UhjIl9IuBDLYMogsaHJDtj_M8RUi29MfJZtWGOSAOR5YfGvISFSwW9msNwr8ubm2UEKpb1Kx7-A" />
    <input value="19101" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/goji-beeren-bio-150-g-19102">
          <img alt="Goji Beeren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10447/file/small-e122284903d263e663a6c4b3d4cec466.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10447/file/medium-9944a682414576d14003087eea2553b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10447/file/large-6c476e2fd755f49681a932abf444da79.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10447/file/medium-9944a682414576d14003087eea2553b3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/goji-beeren-bio-150-g-19102">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Goji Beeren Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EdVllz3suuFMzZzqskTvLBz8tGFaZbfEmcUClxZtK1MRFv-Xiqki2I5UtD1U2kI2XJsbqP9XSUSCJpSJinekbA" />
    <input value="19102" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/haselnusse-ganz-bio-225-g-19103">
          <img alt="Haselnüsse ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10464/file/small-2e7f5f5a7396ed01e0ff8f2a6e9ee5dd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10464/file/medium-be910e21b2c1c05b66019909a3a458f4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10464/file/large-a026d80d7b877350bc84b9ea82449a56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10464/file/medium-be910e21b2c1c05b66019909a3a458f4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/haselnusse-ganz-bio-225-g-19103">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haselnüsse ganz Bio, 225 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 6.62 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FJx1OcQOd3AFi4Kl42tpv84j1PP3XMu-OpTYl3yG-iwUX-85c0vvSccSqnIF9cSljkR7OlJuNT4hd06J4Jx1Ew" />
    <input value="19103" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/haselnusse-gemahlen-bio-150-g-19104">
          <img alt="Haselnüsse gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10465/file/small-38ce0ceca51e2cec471c366d34745812.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10465/file/medium-935bb5d22484680436382f71dd0602a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10465/file/large-2f853b125fd4661f5325abc804e8a873.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10465/file/medium-935bb5d22484680436382f71dd0602a8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/haselnusse-gemahlen-bio-150-g-19104">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haselnüsse gemahlen Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IYCqltyrtT8kYc_X1kKiFx6mSK7A_tOsjtt39VPTkGAhQzCWa-4tBub45wAw3A8NXsHnZ2XMLSyVOOHrz8kfXw" />
    <input value="19104" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/haselnusskerne-gerostet-225-g-19105">
          <img alt="Haselnusskerne geröstet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10497/file/small-2f3d3b89c6c0ee4cd411879567b5ec32.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10497/file/medium-1a2afd1c119c155cd46b39f26ce4f0ed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10497/file/large-465fc07f9f86ea52724ebb77c2c9d76e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10497/file/medium-1a2afd1c119c155cd46b39f26ce4f0ed.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/haselnusskerne-gerostet-225-g-19105">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haselnusskerne geröstet, 225 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 6.44 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hy9H9u7ateEfWVEvCtAK9I5474lz03Ybc_eU-lv8aRCH7N32WZ8t2N3AefjsTqfuzh9AQNbhiJtoFALkx-bmLw" />
    <input value="19105" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/heidelbeere-200-g-19106">
          <img alt="Heidelbeere" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10494/file/small-5d8f56941c6a90af5d1da946990b5188.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10494/file/medium-52d8f44ffcea2b2fb7e627166420e4fd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10494/file/large-bc03ef9a38597b42658da19a003f3f15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10494/file/medium-52d8f44ffcea2b2fb7e627166420e4fd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/heidelbeere-200-g-19106">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Heidelbeere, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Oikashwf3BLy1gRIFxynbHsFzvSVxa8a0q1ptVoOE0c66oCyq1pEKzBPLJ_xggp2O2JhPTD3UZrJTv-rxhSceA" />
    <input value="19106" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/ingwer-stangeli-bio-200-g-19107">
          <img alt="Ingwer-Stängeli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10453/file/small-fb78c429dcb5d2dea8d6d17b3df42442.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10453/file/medium-c8e6e6721a72eb1de0ffa26defc9e2ba.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10453/file/large-224a412f1d0cfceb6b87c01b38e090f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10453/file/medium-c8e6e6721a72eb1de0ffa26defc9e2ba.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/ingwer-stangeli-bio-200-g-19107">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ingwer-Stängeli Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PcZtxWJvd-ggehHUScWhfdO5nTTp8X4Nw5bKyyYzhOE9BffF1Srv0eLjOQOvWwxnk94y_UzDgI3YdVzVuikL3g" />
    <input value="19107" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/knusper-mix-bio-250-g-19108">
          <img alt="Knusper-Mix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10482/file/small-95bd2196f2b78cd5c923a118dbe53caa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10482/file/medium-688f91a9c7c0edb9f1f469ced29a681c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10482/file/large-67b66f752e3a58d892e22ac473734cba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10482/file/medium-688f91a9c7c0edb9f1f469ced29a681c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/knusper-mix-bio-250-g-19108">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knusper-Mix Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-HP2Cs4Kzoh7hDvmQFQpJSZqdIMaIFJ2D7ENZoHiE034sGwKeU9WsbkdEzGmyoQ_Zg3bSr8SrPYUUpt4Hficcg" />
    <input value="19108" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/kokos-chips-gerostet-200-g-19109">
          <img alt="Kokos-Chips geröstet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10531/file/small-58f69a54b18e995e458f81fa88bfe32e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10531/file/medium-f37055bbb5546d846fc9eec230f7ede3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10531/file/large-c2190b40f4d9aa9b62c85802f1671bd3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10531/file/medium-f37055bbb5546d846fc9eec230f7ede3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/kokos-chips-gerostet-200-g-19109">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokos-Chips geröstet, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tohY6CQe0L-r5TPVzU0MYe3g97UgQGN1-yrxybQ7k5S2S8Lok1tIhml8GwIr06F7rYdYfIVynfXgyWfXKCEcqw" />
    <input value="19109" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/kokos-schnitze-bio-150-g-19110">
          <img alt="Kokos-Schnitze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10446/file/small-72903399331e7696ec99c828d1c79f44.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10446/file/medium-04a525f56999cd0440da4946bca01b03.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10446/file/large-4883e19e2748e29791f35142c43fcd94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10446/file/medium-04a525f56999cd0440da4946bca01b03.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/kokos-schnitze-bio-150-g-19110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokos-Schnitze Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vOxIYTbNsjIAdhX1feRI1M9zu6QJ-eQByAWG1Uuc82u8L9JhgYgqC8LvPSKbeuXOjxQUbazLGoHT5hDL14Z8VA" />
    <input value="19110" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/korinthen-bio-200-g-19111">
          <img alt="Korinthen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10454/file/small-b3b44e49f3ce3306940dc393adae185f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10454/file/medium-fda12a7a8bac9167b0cb7e27205cd4c0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10454/file/large-587ad14d9def7be48819295de0b95be4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10454/file/medium-fda12a7a8bac9167b0cb7e27205cd4c0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/korinthen-bio-200-g-19111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Korinthen Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DJEPSUFOj6qRReIhWZ_nbQBKYXmZCZJ9jFO-nRz74QQMUpVJ9gsXk1Pcyva_AUp3QC3OsDw7bP2XsCiDgOFuOw" />
    <input value="19111" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/kurbiskerne-bio-250-g-19112">
          <img alt="Kürbiskerne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10468/file/small-71af3af3a787c878521921ab47de77ea.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10468/file/medium-b011bb6e2a5b28ce40f1aa1fb580ab49.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10468/file/large-49e2d9b291aa0b60c23eb41904fed197.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10468/file/medium-b011bb6e2a5b28ce40f1aa1fb580ab49.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/kurbiskerne-bio-250-g-19112">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kürbiskerne Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MNPF0lw8svOMg1jIb7Zh2nUDzZdhw2_02Q7edP3fk7IwEF_S63kqyk4acB-JKMzANWRiXsTxkXTC7UhqYcUcjQ" />
    <input value="19112" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/macadamia-nusse-bio-225-g-19113">
          <img alt="Macadamia- Nüsse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10470/file/small-e1959ed837aa2016dfc5782bcfb96ef4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10470/file/medium-5a9316fa8a4de91ebecd1bcbd2f40f0f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10470/file/large-edcf97335091f0629191e94ba5312748.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10470/file/medium-5a9316fa8a4de91ebecd1bcbd2f40f0f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/macadamia-nusse-bio-225-g-19113">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Macadamia- Nüsse Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KwTEtNuqbNk0_8kHpMl0pQLSpXWzv2wSnLqSnd1jk6grx160bO_04PZm4dBCV9m_QrUKvBaNkpKHWQSDQXkclw" />
    <input value="19113" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/mandeln-braun-kalif-bio-250-g-19114">
          <img alt="Mandeln braun Kalif. Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10471/file/small-99a90bffd7617f260f4ee280f30b037f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10471/file/medium-105dd73ee2296c20802763fd522133c5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10471/file/large-26d2be5576a6a15c77b3b13cdcda3b43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10471/file/medium-105dd73ee2296c20802763fd522133c5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/mandeln-braun-kalif-bio-250-g-19114">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln braun Kalif. Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uGaB26UTkLTURkxAIAbStNmS54Q8O24t5VOpmb5bpuC4pRvbElYIjRbfZJfGmH-umfVITZkJkK3-sD-HIkEp3w" />
    <input value="19114" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/mandeln-braun-kalif-bio-500-g-19115">
          <img alt="Mandeln braun Kalif. Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10472/file/small-94d8c11d06298830e188b062682e518e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10472/file/medium-596100d3ed85a4b796e89ff7e6b9d49f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10472/file/large-f5276427841eeca089093385065c0dde.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10472/file/medium-596100d3ed85a4b796e89ff7e6b9d49f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/mandeln-braun-kalif-bio-500-g-19115">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln braun Kalif. Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CjupalERrKTET2xlwJK1TccHAnfGSxTcBrj1Al6qWxsK-DNq5lQ0nQbWRLImDBhXh2CtvmN56lwdW2McwrDUJA" />
    <input value="19115" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/mandeln-braun-span-bio-250-g-19116">
          <img alt="Mandeln braun Span. Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10473/file/small-a1318a435bc6dc7f9986b5ed871f165a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10473/file/medium-27e665f1b9e4793a93faf262d141cb63.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10473/file/large-4a0b3ff4d9b8d79fd3286e02bf2e5024.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10473/file/medium-27e665f1b9e4793a93faf262d141cb63.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/mandeln-braun-span-bio-250-g-19116">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln braun Span. Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7RzgUpQmKIV1HjPMDRa0oI0mANn4hvIvQ61WdnH6YkTt33pSI2OwvLeHGxvriBm6zUGvEF20DK9YTsBo7eDtew" />
    <input value="19116" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/mandeln-gemahlen-bio-150-g-19117">
          <img alt="Mandeln gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10474/file/small-40f5d94736c97e4ec181586c0952faea.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10474/file/medium-5b21fa50b1b2538f3f4e6a983234f801.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10474/file/large-fb08e82c4b77149a224f4882cbfddb4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10474/file/medium-5b21fa50b1b2538f3f4e6a983234f801.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/mandeln-gemahlen-bio-150-g-19117">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln gemahlen Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MRQQ0M6r1xh2whil-eYp08BvHVnGotbd_GJYotdDChMx14rQee5PIbRbMHIfeITJgAiykGOQKF3ngc68S1mFLA" />
    <input value="19117" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/mandeln-weiss-200-g-19118">
          <img alt="Mandeln weiss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10499/file/small-c5771e61613e080a4d487aba8db821ef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10499/file/medium-c27b0d45718d1eb24114dd919c77ccf3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10499/file/large-c6e1f413723cfb205e4e0b77e3ac617c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10499/file/medium-c27b0d45718d1eb24114dd919c77ccf3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/mandeln-weiss-200-g-19118">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln weiss, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c_eiaZA6DP3e3uLR45E8mr31AcQnygCjYgB4MaxLq8NzNDhpJ3-UxBxHygYFD5GA_ZKuDYL4_iN54-4vMFEk_A" />
    <input value="19118" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/mango-scheiben-bio-150-g-19119">
          <img alt="Mango-Scheiben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10456/file/small-be8ae966a9a5453fa7a4f006a16bdef4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10456/file/medium-de319e2f3ad758e4b110a65d2841ad16.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10456/file/large-71ec148bf7cc6853f027035b53eeeb52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10456/file/medium-de319e2f3ad758e4b110a65d2841ad16.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/mango-scheiben-bio-150-g-19119">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mango-Scheiben Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dApktIh9wimoMcdFHEluwjw89Oq7mu6f2KPvnpvDcUR0yf60PzhaEGqo75L618PYfFtbIx6oEB_DQHmAB9n-ew" />
    <input value="19119" 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=%2Fcategories%2Fprobios%3Fformat%3Dturbo_stream%26page%3D77">
    <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/mango-scheiben-bio-400-g-19120">
          <img alt="Mango-Scheiben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10457/file/small-ebd9cffef99263d536c9c2251b8bca28.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10457/file/medium-c43d94a60ab2997326b64f7065a1eec8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10457/file/large-45319844bd231feeae40c5d005405fcf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10457/file/medium-c43d94a60ab2997326b64f7065a1eec8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sun Snack</p>
          <a href="/products/mango-scheiben-bio-400-g-19120">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mango-Scheiben Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b0o9neLWgklkpWCYcgWU40dGRcWGoiuG0Q2433Ba9u5viaedVZMacKY8SE-Umzn5ByHqDCOQ1QbK7i7B7EB50Q" />
    <input value="19120" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



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

</template></turbo-stream>