<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%3D34">
    <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/slipeinlagen-mini-30-stuck-19929">
          <img alt="Slipeinlagen mini" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10586/file/small-58a175d3ef8935644343067f9cb10d16.webp 600w, https://assets.fabulous.ch/public/variant_asset/10586/file/medium-feadb3e740f76d59f3f00cdcac8ccac0.webp 900w, https://assets.fabulous.ch/public/variant_asset/10586/file/large-66ba7f10ebc7cef799dae7ef894a65d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10586/file/medium-feadb3e740f76d59f3f00cdcac8ccac0.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">Natracare</p>
          <a href="/products/slipeinlagen-mini-30-stuck-19929">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Slipeinlagen mini, 30 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qev5oC7ee8y9NhPUAR-sWxF2guakGIVSrR1wXearXb5fjgn7pPG36ntH23yuUiwxIf3cZ6cBtmYhmoNmz9bzdw" />
    <input value="19929" 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%3D34">
    <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/white-delights-pistazie-bio-40-g-19930">
          <img alt="White Delights Pistazie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10587/file/small-01d4fa628637f449e2f1e0c046075be3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10587/file/medium-8c36ae13e3e874a0823ba403950b8b34.webp 900w, https://assets.fabulous.ch/public/variant_asset/10587/file/large-1b14d997dfd46699dca55608b31d80fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10587/file/medium-8c36ae13e3e874a0823ba403950b8b34.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">foodloose</p>
          <a href="/products/white-delights-pistazie-bio-40-g-19930">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">White Delights Pistazie Bio, 40 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 11.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rDt9E7y89YdATRu3r56Im8LMXapKuUYSilkDrforO16yXo1INpM5oYY80x8A0wjx8kcDK0mgdSYG3vCW01aVlw" />
    <input value="19930" 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%3D34">
    <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/goodel-kindernudel-bauernhof-bio-250-g-19932">
          <img alt="Goodel Kindernudel Bauernhof Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10589/file/small-c892fe824fb00c0e11ac6fb3c050f305.webp 600w, https://assets.fabulous.ch/public/variant_asset/10589/file/medium-7db97ec780e6039dcdd56524eabf0a86.webp 900w, https://assets.fabulous.ch/public/variant_asset/10589/file/large-68606313c837a56ecafc2dc4c654a6cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10589/file/medium-7db97ec780e6039dcdd56524eabf0a86.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">Govinda</p>
          <a href="/products/goodel-kindernudel-bauernhof-bio-250-g-19932">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Goodel Kindernudel Bauernhof Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XMMjbEoVS_xVQn3q7W6L-5vED4Drc1RC7SEJwJ8e_V9CptM3wDqH2pMztUJCIwuRq09RAehqZ3Zhpvr7tmNTlg" />
    <input value="19932" 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%3D34">
    <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/aufstrich-natur-bio-135-g-19934">
          <img alt="Aufstrich Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10591/file/small-dee2ec0ca41db516e1528f28457b759d.webp 600w, https://assets.fabulous.ch/public/variant_asset/10591/file/medium-03f220b228abe91f9eb15dcdf400445f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10591/file/large-868bd7fc54a5c1425e18a3fc71a6ac78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10591/file/medium-03f220b228abe91f9eb15dcdf400445f.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">Zwergenwiese</p>
          <a href="/products/aufstrich-natur-bio-135-g-19934">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Natur Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oWCGFLxxikOz2i-O6A_3pkWeZrtLmYmR8X8dDf7TfpO_BXZPNl5GZXWr5yZHQnfMdRU4OkiAuqV9-O42167QWg" />
    <input value="19934" 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%3D34">
    <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/aufstrich-smoto-bio-135-g-19935">
          <img alt="Aufstrich Smoto Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10592/file/small-98f55bba10c22590d6535eb4a03f34bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/10592/file/medium-d6c4af3eadce3dde461b82daacc4f8a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/10592/file/large-1a3e6a277f18fa802cf190a3dd95eb27.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10592/file/medium-d6c4af3eadce3dde461b82daacc4f8a8.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">Zwergenwiese</p>
          <a href="/products/aufstrich-smoto-bio-135-g-19935">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Smoto Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D0JzMvDBMFssfGEQCLJXt5w5VfZK_B1ERCdnTBXJAtIRJ4Npeu78feoNqbin_9fdrLILd0nlLnDIoJR3PLSsGw" />
    <input value="19935" 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%3D34">
    <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/snacker-salami-style-bio-30-g-19950">
          <img alt="Snacker Salami Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10607/file/small-2fe70a23e24bd5a9cecc564878f1bc3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/10607/file/medium-893ab3b9b3311e24a4ab4a096be87a15.webp 900w, https://assets.fabulous.ch/public/variant_asset/10607/file/large-cce48439389e0658e775c84d4191585c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10607/file/medium-893ab3b9b3311e24a4ab4a096be87a15.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/products/snacker-salami-style-bio-30-g-19950">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Snacker Salami Style Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </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-19950-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fbPWnXmUlqK2xxZ5CoIn_n3LHbRYM0kuxRFQ5OGN9SVj1ibG87tahHC23tGlz6eUTUBDNVsqehpJlqPfyPBb7A" />
    <input value="19950" 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%3D34">
    <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/aufstrich-currika-bio-135-g-19951">
          <img alt="Aufstrich Currika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10609/file/small-b681080ff27b2b6dce29ba50d538244a.webp 600w, https://assets.fabulous.ch/public/variant_asset/10609/file/medium-a0cd7a476172efff6faffc1d6503a90c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10609/file/large-eadf42dd71a52ab536534905b4c790d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10609/file/medium-a0cd7a476172efff6faffc1d6503a90c.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">Zwergenwiese</p>
          <a href="/products/aufstrich-currika-bio-135-g-19951">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Currika Bio, 135 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 3.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1_QkKJirPk3X3ugqJUTFc1U1Ts4gKbsLH-4TXtnRuubJkdRzEoTyaxGvIIKKCUUZZb4QTyMwiD-TaeBl8KwULw" />
    <input value="19951" 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%3D34">
    <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/aufstrich-tomesan-bio-135-g-19952">
          <img alt="Aufstrich Tomesan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11376/file/small-08a74761254f762a09cd131b1a53e115.webp 600w, https://assets.fabulous.ch/public/variant_asset/11376/file/medium-e6f10258e678ede49b91eac075fed8d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/11376/file/large-bf6fd8fe5cc9d96a9b73b62be64547a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11376/file/medium-e6f10258e678ede49b91eac075fed8d9.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">Zwergenwiese</p>
          <a href="/products/aufstrich-tomesan-bio-135-g-19952">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Tomesan Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tBTkDgiq-0o4k_cfHnIMFuw6P6I5oH6ueADJCVB7V-KqcRRVgoU3bP7iP7exP4x83LFhIzq5TZr0hzoyeQb5Kw" />
    <input value="19952" 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%3D34">
    <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/protein-riegel-cherry-maca-bio-roh-60-g-19955">
          <img alt="Protein Riegel Cherry &amp; Maca Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10644/file/small-94b2963291d0f93b265d081c61030e1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10644/file/medium-82c7c1d6e3da533dc275a4833ca5d15a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10644/file/large-5bf80aaa61047439d1b719123b024bee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10644/file/medium-82c7c1d6e3da533dc275a4833ca5d15a.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">Roo&#39;Bar</p>
          <a href="/products/protein-riegel-cherry-maca-bio-roh-60-g-19955">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Riegel Cherry &amp; Maca Bio roh, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eLvk4Ulv_qMveNxlnu_QIIZgiPXBSPpGF2mNt9mT7S1m3hS6w0AyhekJFM0xolBKtuvWdMJRyXKb7n6M8O5D5A" />
    <input value="19955" 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%3D34">
    <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/cuisine-soja-bio-200-ml-19962">
          <img alt="Cuisine Soja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10651/file/small-35d94b750627ee13a7b0799d33b42829.webp 600w, https://assets.fabulous.ch/public/variant_asset/10651/file/medium-bdd85071e7aa3b4375d184ffdc38140c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10651/file/large-7e288ac16846930785318d5870ef4ac7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10651/file/medium-bdd85071e7aa3b4375d184ffdc38140c.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">Allos</p>
          <a href="/products/cuisine-soja-bio-200-ml-19962">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cuisine Soja Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1xxtqDbU9d4NvOIFauu4kmkAPI4QvXyFjTA5YvQS7EbJeZ3zvPs5-MvNKq3Fpjj4WYtiDxOkT7EBt8pZ3W9Cjw" />
    <input value="19962" 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%3D34">
    <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/cookies-hafer-schoko-haselnuss-bio-125-g-19977">
          <img alt="Cookies Hafer Schoko Haselnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10666/file/small-a5c1599c1bc3ccc25c2b0aa90d127a5d.webp 600w, https://assets.fabulous.ch/public/variant_asset/10666/file/medium-dc52d2704303fe2fa579f2775a79ed3d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10666/file/large-34f983bc887c47453d326c84277e60be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10666/file/medium-dc52d2704303fe2fa579f2775a79ed3d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sommer</p>
          <a href="/products/cookies-hafer-schoko-haselnuss-bio-125-g-19977">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookies Hafer Schoko Haselnuss Bio, 125 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 3.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q6vFmhu2ZRHJ0JXeZKwHgOrlbRK9yNXj6G5U0xTkmE61zjXBkZmpNw-hXXbL4Yfq2m4zk77R5tdk6afoPZk2hw" />
    <input value="19977" 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%3D34">
    <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/sauerkraut-roh-bio-500-g-19986">
          <img alt="Sauerkraut roh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10678/file/small-d351da27b7472fba6ae94572780ef038.webp 600w, https://assets.fabulous.ch/public/variant_asset/10678/file/medium-48f68fec05d45ed5b0106f8c8e2459bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/10678/file/large-2a985dba39255568e6349c27c2b82079.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10678/file/medium-48f68fec05d45ed5b0106f8c8e2459bd.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">Schöni</p>
          <a href="/products/sauerkraut-roh-bio-500-g-19986">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauerkraut roh Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pUS0HOmxAP5E6E1L_eOCVn-Hn3vwymQkyy2Qv3EnIKK7IURHY57M2IKZheNSrgI8TwzB-vPTVxBHqmOEWFqOaw" />
    <input value="19986" 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%3D34">
    <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/sauerkraut-gekocht-bio-250-g-19987">
          <img alt="Sauerkraut gekocht Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10679/file/small-5f0f051c69c05eb2cccbaeba43fb5ca3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10679/file/medium-3b06ca22f1457c45770ad759c3096e41.webp 900w, https://assets.fabulous.ch/public/variant_asset/10679/file/large-6bda915ae9e0e1a8792a1c6d0d66bbc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10679/file/medium-3b06ca22f1457c45770ad759c3096e41.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">Schöni</p>
          <a href="/products/sauerkraut-gekocht-bio-250-g-19987">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauerkraut gekocht Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </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.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n11J9JWasyLhR2eRbimgJRNRKzmq3IzjagnxcUFD5ZqBOLmvH7V_BCc2rznBZCBPI9p1uKnFv9fmjgJKaD5LUw" />
    <input value="19987" 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%3D34">
    <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/salted-caramel-teebeutel-bio-17-stuck-19988">
          <img alt="Salted Caramel Teebeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10680/file/small-07f3734b836cf8c7464375e74dfe685f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10680/file/medium-51ee58c93acf39c4d8f730dbdb39942d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10680/file/large-f3c39903e3c30ecec61bf750430f7848.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10680/file/medium-51ee58c93acf39c4d8f730dbdb39942d.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">Yogi Tee</p>
          <a href="/products/salted-caramel-teebeutel-bio-17-stuck-19988">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salted Caramel Teebeutel Bio, 17 Stück</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 0.26 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DmNndjzR1ZEp4rCBOGi9Cri7LUI33D5L0_6NhFTfzZMQBpcttv4Zt--TeCmXJT1giDBzwzTFDX9feX6_faJjWg" />
    <input value="19988" 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%3D34">
    <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/vanille-zucker-konv-20-g-19990">
          <img alt="Vanille Zucker konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10682/file/small-d3601ce1a301d6c0ab714f7399ea2ffe.webp 600w, https://assets.fabulous.ch/public/variant_asset/10682/file/medium-2eeefcff1e0a90bbe08a2125ce455ccd.webp 900w, https://assets.fabulous.ch/public/variant_asset/10682/file/large-b708df67b6c5c39e3444022c555d0b4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10682/file/medium-2eeefcff1e0a90bbe08a2125ce455ccd.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">MORGA</p>
          <a href="/products/vanille-zucker-konv-20-g-19990">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vanille Zucker konv, 20 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 22.50 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-19990-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%3D34">
    <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/quadritos-konv-40-g-19992">
          <img alt="Quadritos konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10684/file/small-b47a9d19be772eb9242eb776083f6495.webp 600w, https://assets.fabulous.ch/public/variant_asset/10684/file/medium-c14699b22b3155938644d180a93bba02.webp 900w, https://assets.fabulous.ch/public/variant_asset/10684/file/large-af39eb7d109472491bbe49741c3d90db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10684/file/medium-c14699b22b3155938644d180a93bba02.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">Schär</p>
          <a href="/products/quadritos-konv-40-g-19992">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quadritos konv, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-19992-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 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%3D34">
    <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/kakaowaffeln-konv-125-g-19996">
          <img alt="Kakaowaffeln konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10688/file/small-dd3c3f5f2be3c884078a13f3f9ef079a.webp 600w, https://assets.fabulous.ch/public/variant_asset/10688/file/medium-0e5b4a9d3fc50baaa05d5c7c53d35f84.webp 900w, https://assets.fabulous.ch/public/variant_asset/10688/file/large-e2119bd670dad0507cae26389a577400.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10688/file/medium-0e5b4a9d3fc50baaa05d5c7c53d35f84.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">Schär</p>
          <a href="/products/kakaowaffeln-konv-125-g-19996">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kakaowaffeln konv, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-19996-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%3D34">
    <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/high-protein-shake-vanille-5k-bio-30-g-20000">
          <img alt="High Protein Shake Vanille 5K Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10692/file/small-3b6945d5e39d2d508453289102b418a5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10692/file/medium-a905484dadfdae57183ac00656f57816.webp 900w, https://assets.fabulous.ch/public/variant_asset/10692/file/large-07d1bd821ca98704109f1a3a755522c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10692/file/medium-a905484dadfdae57183ac00656f57816.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">PurYa!</p>
          <a href="/products/high-protein-shake-vanille-5k-bio-30-g-20000">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">High Protein Shake Vanille 5K Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rGUisLD0TXgZfgtZMi25zda4mAD3lRP87dbzm5Bt392yANLrOtuBXt8Pw_GdYDmn5jPGgfSMIMhhUQCguRBxFA" />
    <input value="20000" 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%3D34">
    <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/high-protein-shake-kakao-4k-bio-30-g-20001">
          <img alt="High Protein Shake Kakao 4K Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10693/file/small-bf37aad3697d0c1aa506f5bbd558241e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10693/file/medium-8680629f2d81461698de216e48d1f541.webp 900w, https://assets.fabulous.ch/public/variant_asset/10693/file/large-f3636bc47b0eb3623272a38c27053e86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10693/file/medium-8680629f2d81461698de216e48d1f541.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">PurYa!</p>
          <a href="/products/high-protein-shake-kakao-4k-bio-30-g-20001">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">High Protein Shake Kakao 4K Bio, 30 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 8.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S5APD0kCibGNKxreWsIKQlcC__bmru-xhV7Glzpg3KVV9f9Uwy1Fl0ta0nb1j4ooZ4mhd-W33IUJ2TWsEx1ybA" />
    <input value="20001" 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%3D34">
    <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/high-protein-shake-berry-5k-bio-30-g-20002">
          <img alt="High Protein Shake Berry 5K Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10694/file/small-f6a4c58b6aa55672c9c289de314d5656.webp 600w, https://assets.fabulous.ch/public/variant_asset/10694/file/medium-121699acd1cb81e3faf0fd0aef89f6be.webp 900w, https://assets.fabulous.ch/public/variant_asset/10694/file/large-42cd7091012f791db4fb72c83a071e00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10694/file/medium-121699acd1cb81e3faf0fd0aef89f6be.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">PurYa!</p>
          <a href="/products/high-protein-shake-berry-5k-bio-30-g-20002">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">High Protein Shake Berry 5K Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S3xGoXrTWZC73SLG5jJUBNLStwPHuyosCN92ZoS7e2lVGbb68PyVtn2s6m5Jf9Ru4lnpgsSiGRiEWIVdrcbVoA" />
    <input value="20002" 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">
      680 von 705 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/collections/under-5?format=turbo_stream&amp;page=35">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>