<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/morga-weizenkleie-naturrein-bio-knospe-250-g-20182">
          <img alt="Morga Weizenkleie naturrein Bio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10820/file/small-6a45359ad27de8b4aab841d635b45a2a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10820/file/medium-688fcb08e58838d332c388e0e6425bf7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10820/file/large-8689e3abd9cc17f082b28fa0bfef70ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10820/file/medium-688fcb08e58838d332c388e0e6425bf7.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/morga-weizenkleie-naturrein-bio-knospe-250-g-20182">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Weizenkleie naturrein Bio Knospe, 250 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 1.72 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BzSqG9Dx3hctKcDhVOEtVE3Hhf0-IJZU7n5n4LrVQ2lzHSUHaC-go7d_ejHdloSJAWnoEo0boMkxvpEGtm-6ig" />
    <input value="20182" 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/bluefarm-haferdrink-pulver-cappuccino-oat-latte-bio-vegan-24-g-20197">
          <img alt="BlueFarm Haferdrink Pulver Cappuccino Oat Latte Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10834/file/small-34e565b5a07a336e8aed28c94676cb62.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10834/file/medium-494ba492083c944bc138c7819e340047.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10834/file/large-7036349fd3c93b45c729e0e07a4bea47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10834/file/medium-494ba492083c944bc138c7819e340047.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">BlueFarm</p>
          <a href="/products/bluefarm-haferdrink-pulver-cappuccino-oat-latte-bio-vegan-24-g-20197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BlueFarm Haferdrink Pulver Cappuccino Oat Latte Bio vegan, 24 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 11.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5yivF1365FexTpU95Gt_pocYAcwjDermtHdA7tZevACTASAL5SSa4ysYL-1tHNZ7y7ZsI5A23Htrt7YI2uRF4w" />
    <input value="20197" 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/bluefarm-haferdrink-pulver-chai-oat-latte-bio-vegan-24-g-20198">
          <img alt="BlueFarm Haferdrink Pulver Chai Oat Latte Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11265/file/small-c3dd6fb165c4ba9d9313c0ace04380ee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11265/file/medium-52b29f66e213002178dfa0bf31527ff2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11265/file/large-f71e857bd6ebc7047b4a6eedce49ff08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11265/file/medium-52b29f66e213002178dfa0bf31527ff2.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">BlueFarm</p>
          <a href="/products/bluefarm-haferdrink-pulver-chai-oat-latte-bio-vegan-24-g-20198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BlueFarm Haferdrink Pulver Chai Oat Latte Bio vegan, 24 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 10.42 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="njDnqRTO1W-AMvS_PpzqqJnXvqCkx8LcbjLt287xNOjqGWi1rBCr2xpkTm-360N11XnTTxf89EGx8hs9wkvNCw" />
    <input value="20198" 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/morga-mousse-au-chocolat-konventionell-110-g-20200">
          <img alt="Morga Mousse au Chocolat konventionell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10835/file/small-5172e2b367658932d113e684f586bf28.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10835/file/medium-3f82ea16460809bc82e63bc1c835c9d4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10835/file/large-a893efc78d50fb27be379c095a9e88df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10835/file/medium-3f82ea16460809bc82e63bc1c835c9d4.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/morga-mousse-au-chocolat-konventionell-110-g-20200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morga Mousse au Chocolat konventionell, 110 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 4.09 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uyZ70Y2_W82H8Z6n6xTP6UymoRNNAH7gljiPnLbVdcvPD_TNNWEleR2nJHdiY2Y0AAjM_P47SH1J-Hl6um-MKA" />
    <input value="20200" 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/pural-biobis-weizen-vanille-palmolfrei-bio-300-g-20204">
          <img alt="Pural BioBis Weizen Vanille palmölfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10845/file/small-32090b6f123d8081d102d3689fa09bfd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10845/file/medium-70bc4e3abee27ce51f0caf395f389016.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10845/file/large-23a036028be3dfad0c24b384f2acdfe9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10845/file/medium-70bc4e3abee27ce51f0caf395f389016.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/products/pural-biobis-weizen-vanille-palmolfrei-bio-300-g-20204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pural BioBis Weizen Vanille palmölfrei Bio, 300 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 1.63 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2D-avjkwD22kPL1G2tAmNAFQn18wkF41pFgAtole9M6sFhWige5x2T5qB5ZTp4_pTf7ysIOraKh7mPZQheQNLQ" />
    <input value="20204" 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/nabio-pesto-alla-puttanesca-bio-130-g-20216">
          <img alt="Nabio Pesto alla Puttanesca Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10857/file/small-380842c158c1f78e1205eccabb922ff4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10857/file/medium-4fc4457aacc504bdf460293e9cdbf212.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10857/file/large-5b36794556398204f9a8a4010362f439.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10857/file/medium-4fc4457aacc504bdf460293e9cdbf212.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">Nabio</p>
          <a href="/products/nabio-pesto-alla-puttanesca-bio-130-g-20216">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nabio Pesto alla Puttanesca Bio, 130 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.77 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lpZbg43xtmwIRImIYX8mVaev1_ZCAis08JkFPIvN0_ziv9SfNS_I2JISM1joCI-I6wG6GfE5HakvWfPah3cqHw" />
    <input value="20216" 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/nabio-pesto-alla-calabrese-bio-130-g-20217">
          <img alt="Nabio Pesto alla Calabrese Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10858/file/small-21cd3562123ccdb400d4426191bf18ea.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10858/file/medium-1d1b0dc51b1b3d0d055f897e6108ae79.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10858/file/large-29d8e25ad7c463dd2bd651afe52a85df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10858/file/medium-1d1b0dc51b1b3d0d055f897e6108ae79.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">Nabio</p>
          <a href="/products/nabio-pesto-alla-calabrese-bio-130-g-20217">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nabio Pesto alla Calabrese Bio, 130 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.77 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MO58xu3WIoXmWWYmiYU1LoLWYj-EGIsjCnratKCRhvdEx_PaVQhcMXwP3PYA8pzzzngP0Dcjvb7VuixSrCt_FA" />
    <input value="20217" 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/biofarm-haferkorner-chbio-knospe-500-g-20241">
          <img alt="Biofarm Haferkörner CHBio Knospe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10897/file/small-96491e64a2d855d5376a0619bae70326.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10897/file/medium-ba31958b2c6b7bcbc9588fcab7fd3daf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10897/file/large-cfff863e53eb17a1350b9060a9859601.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10897/file/medium-ba31958b2c6b7bcbc9588fcab7fd3daf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/products/biofarm-haferkorner-chbio-knospe-500-g-20241">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Haferkörner CHBio Knospe, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fSu_ulDYe9z_Fh8oXYWVBs1pF87zneH2QhiTSqinusUJAjCm6AYFaGVApfjU8jzbgcd6IUCm12ud2GWspB1DJg" />
    <input value="20241" 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/stadtwachter-dagmar-0-33l-1-stuck-20244">
          <img alt="Stadtwächter Dagmar 0.33l" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10900/file/small-5f843fdd8ae81fb20054f8093f741730.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10900/file/medium-3f361eafd1c239771e9f875ec7a60984.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10900/file/large-6270af5bbf5e0ca7c091bdbaf09c02ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10900/file/medium-3f361eafd1c239771e9f875ec7a60984.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">Stadtwächter</p>
          <a href="/products/stadtwachter-dagmar-0-33l-1-stuck-20244">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stadtwächter Dagmar 0.33l, 1 Stück</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 4.30 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lRQDYJwbqM8s1zcwglgZxY_PFe6dRvBB7kwKqM_njtjhPYx8JMXWe7aBjeALL7AYw2F4AS59xtwxjPxOw113Ow" />
    <input value="20244" 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/stadtwachter-irma-0-33l-1-stuck-20245">
          <img alt="Stadtwächter Irma 0.33l" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11642/file/small-d8581f54cc2eabb4a9c36d4abaa1afc3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11642/file/medium-15352f3ac034347775f6e6ef60157edd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11642/file/large-d50adc60f8469d240cbed8b6597cabcf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11642/file/medium-15352f3ac034347775f6e6ef60157edd.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">Stadtwächter</p>
          <a href="/products/stadtwachter-irma-0-33l-1-stuck-20245">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stadtwächter Irma 0.33l, 1 Stück</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 4.30 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZFcHfBYuHYL6LjiY2RxG9t1M-d8h6x7n6kn5UCQxiHUQfohgrvBjNmB4gkhQa-8rkeKUMJLQKHo1iQ-2KItxlg" />
    <input value="20245" 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/stadtwachter-aareschwumm-0-33l-1-stuck-20246">
          <img alt="Stadtwächter Aareschwumm 0.33l" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10901/file/small-a4a3c5f13e1e8c274f0fd2249ef14d58.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10901/file/medium-1c1d0478079b5f33980403df709808bc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10901/file/large-4ab8b621fc2d6c9de8f1835a56e165f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10901/file/medium-1c1d0478079b5f33980403df709808bc.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">Stadtwächter</p>
          <a href="/products/stadtwachter-aareschwumm-0-33l-1-stuck-20246">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stadtwächter Aareschwumm 0.33l, 1 Stück</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 4.30 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L2hbu1ZLQlKNgV54Yft3FCfwuuO5nVcaeTMAhJLQ4jdbQdSn7pU85hfX5KjojN7Ja17XDAqmYYem8_Zinmob1A" />
    <input value="20246" 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/natracare-slipeinlagen-mini-30-stuck-20250">
          <img alt="Natracare Slipeinlagen mini" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10905/file/small-4f51de672b2b4f4efa82b376812b97a9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10905/file/medium-526c71aef56b4b36260d033485af2603.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10905/file/large-11cbb229642e7fcfdc4bc30e681cabd9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10905/file/medium-526c71aef56b4b36260d033485af2603.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/natracare-slipeinlagen-mini-30-stuck-20250">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natracare 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-20250-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qnlvXs6g2dk3bVdzQdUNMblz65cPmaLkLMOM_zJXqhjeUOBCdn6nba077aPIoqTs9d2GeLyilHnzA3oZPu1T-w" />
    <input value="20250" 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/foodloose-white-delights-pistazie-bio-40-g-20251">
          <img alt="Foodloose White Delights Pistazie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10906/file/small-9e7dde8cf06f740c855b0471bf9ea58e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10906/file/medium-4566edea26ae0d6cedce8b86c575da04.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10906/file/large-babd577874e2ba48222578a3ea014cba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10906/file/medium-4566edea26ae0d6cedce8b86c575da04.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/foodloose-white-delights-pistazie-bio-40-g-20251">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Foodloose 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-20251-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ew7hK_nt9Q9TDvtF-zC8AQiuxWSWY2QiwImSxEt7Dy5nJ243QTOLu8lYQZVyRxXcRACoiyVYUr8fSWQiR8H2zQ" />
    <input value="20251" 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/govinda-goodel-kindernudel-bauernhof-bio-250-g-20254">
          <img alt="Govinda Goodel Kindernudel Bauernhof Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10909/file/small-2a21708b548896316deb34568afe7b21.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10909/file/medium-9aae1d75e11c62c413a6c31e179d3b0b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10909/file/large-f3a32bde537566fce3d78bf4cf4e2636.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10909/file/medium-9aae1d75e11c62c413a6c31e179d3b0b.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/govinda-goodel-kindernudel-bauernhof-bio-250-g-20254">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Govinda 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-20254-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tz7JzxZldFMILWItaaqLuVQlHfWliacgrifZJGkChLU7F0bTrrsK55J72P3g3SJkGItwGhaykb1x5y_CZbh9Vg" />
    <input value="20254" 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/zwergenwiese-aufstrich-natur-bio-135-g-20256">
          <img alt="Zwergenwiese Aufstrich Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10911/file/small-f66d75f6c1ed5334c6c9bf70151e376d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10911/file/medium-742264aece7ae6ee4d9dac0445704879.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10911/file/large-75a6ea6717dc1196e766b2c7120c0441.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10911/file/medium-742264aece7ae6ee4d9dac0445704879.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/zwergenwiese-aufstrich-natur-bio-135-g-20256">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese 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-20256-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HFRQxI-zdLQQD5yBD72D753bafOwfjUbHI3zRatlYiFofd_YN20KAIpZJlGGyioy0XUEHANFA4bDTQWjp9-bwg" />
    <input value="20256" 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/zwergenwiese-aufstrich-smoto-bio-135-g-20257">
          <img alt="Zwergenwiese Aufstrich Smoto Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10912/file/small-161c6422ee42bd30bfc4585fb6461445.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10912/file/medium-2b53d335cc01c546f15bb77a151b2631.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10912/file/large-f0578d4b5aabc22865a6699d51e5b864.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10912/file/medium-2b53d335cc01c546f15bb77a151b2631.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/zwergenwiese-aufstrich-smoto-bio-135-g-20257">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese 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-20257-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5wH-QYhwS6syLGh39Dt8_-CBRWB6KyiOnDqUUvTj4tuTKHFdMK41H6h60qd9TNUirC8oj8kQHhND-mK0-FkbOA" />
    <input value="20257" 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/filippo-filippi-linguine-aglio-e-basilico-250-g-20275">
          <img alt="Filippo Filippi Linguine Aglio e Basilico" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10931/file/small-3c969e0e0c1907b89629e4fada5b0031.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10931/file/medium-6469568c14c4b0a70fa473011a7ba3ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10931/file/large-b5a18efca948676233234623e7454f1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10931/file/medium-6469568c14c4b0a70fa473011a7ba3ea.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">Filippo Filippi</p>
          <a href="/products/filippo-filippi-linguine-aglio-e-basilico-250-g-20275">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Filippo Filippi Linguine Aglio e Basilico, 250 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 1.96 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gc2vNdfJ_uQ3K1MmmxfQIcpJbJabUznQsmlWNAtiy3n15CApbxeAUK196fYSYHn8hucBeShoD01tqaDSB9gymg" />
    <input value="20275" 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/verzaschella-krauter-glasflasche-330-ml-20289">
          <img alt="Verzaschella Kräuter Glasflasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10940/file/small-6e6ff2712d07824df9eba50adeb00c6e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10940/file/medium-c06791f918da8008183862a1c8f742c6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10940/file/large-fb0f1fa59c633019232165123d7f8111.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10940/file/medium-c06791f918da8008183862a1c8f742c6.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">Verzaschella</p>
          <a href="/products/verzaschella-krauter-glasflasche-330-ml-20289">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Verzaschella Kräuter Glasflasche, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-NOHsSosvsqnTqV536_mYRbWDG7XLzaFUVIUnCwQm8qM-gitkvLAfj0YH6lW2E-8WnhhgWQUABiOkuJ6IKpiKQ" />
    <input value="20289" 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/verzaschella-zitrone-glasflasche-330-ml-20290">
          <img alt="Verzaschella Zitrone Glasflasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10941/file/small-ae14779bd0c3754e2b14ac94b5f609c6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10941/file/medium-2d2f103f74aaf7455d3b6aaff4e8fca9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10941/file/large-83364effe333079f18df45d9549fe12f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10941/file/medium-2d2f103f74aaf7455d3b6aaff4e8fca9.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">Verzaschella</p>
          <a href="/products/verzaschella-zitrone-glasflasche-330-ml-20290">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Verzaschella Zitrone Glasflasche, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rIay09lhE5ItEn5U_yoUzHulo95CXDbgWcKcQJvekJbYrz3PYb9tJrdExIR2Xb0RNwvOMfFnAH2GAmqml2RpdQ" />
    <input value="20290" 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/verzaschella-himbeere-glasflasche-330-ml-20291">
          <img alt="Verzaschella Himbeere Glasflasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10942/file/small-61839a439660db6121af1ebb7721c380.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10942/file/medium-113f6d7d51209e3a8828d260280f5387.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10942/file/large-a7bc8940e27a139729b26fb09e48229f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10942/file/medium-113f6d7d51209e3a8828d260280f5387.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">Verzaschella</p>
          <a href="/products/verzaschella-himbeere-glasflasche-330-ml-20291">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Verzaschella Himbeere Glasflasche, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h-OdWOnvGq_tsbmtb1IF3UnT56V-bmvhs8mDBF7arPLzyhJEUTFkG3fnA33mJawABX2KSs1VXXxsCXXiUmBVEQ" />
    <input value="20291" 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 726 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>