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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/haferdrink-pulver-cappuccino-oat-latte-bio-24-g-20256">
          <img alt="Haferdrink Pulver Cappuccino Oat Latte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10907/file/small-d587ad5cdcc385fbf96c1220bb70a635.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10907/file/medium-8c2bfbadaec7f580f609cb3c1a65f1d5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10907/file/large-2d863f307ee2e755b1eadd8ad4cf5d53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10907/file/medium-8c2bfbadaec7f580f609cb3c1a65f1d5.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="/de/products/haferdrink-pulver-cappuccino-oat-latte-bio-24-g-20256">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferdrink Pulver Cappuccino Oat Latte Bio, 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-20256-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lhvDUTR8pVG3RDEzgfQLHXdTi92OYnXhd6UZdtaHimLFIxVBCF7lwANKyCyBcZrEuSIsiR-ZyDUIDk0g8-OjOA" />
    <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="/de/signup?return_to=%2Fde%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="/de/products/haferdrink-pulver-chai-oat-latte-bio-24-g-20257">
          <img alt="Haferdrink Pulver Chai Oat Latte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11334/file/small-556e13ee1ad1a39438894d611f276a62.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11334/file/medium-1d46aa636acaff3e38f1a5dc355f943b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11334/file/large-d4cd11cd3961dafc82d9e310a9cd2b4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11334/file/medium-1d46aa636acaff3e38f1a5dc355f943b.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="/de/products/haferdrink-pulver-chai-oat-latte-bio-24-g-20257">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferdrink Pulver Chai Oat Latte Bio, 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-20257-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JqsYmhgMwnAyl-GFUYb8woXdr1ju5L0uCj-ahMHuKRB1k86KJC6C4YaZGJpRA20bS6wIDH8fAPp1lM7S5IoASg" />
    <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="/de/signup?return_to=%2Fde%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="/de/products/mousse-au-chocolat-konventionell-110-g-20259">
          <img alt="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/10909/file/small-e680dc75195cb927deb988d6bafc68e7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10909/file/medium-c94c0c6921940407c00ead5a4af0735b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10909/file/large-b05a78034bac96aeaab02be03fb3fff5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10909/file/medium-c94c0c6921940407c00ead5a4af0735b.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="/de/products/mousse-au-chocolat-konventionell-110-g-20259">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-20259-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QsjwXghGjlDJO3q4X24StrVDpgMtQDHb_jOSK7J2SI4R8CZONGTOwX01g6df64NvezIBV7y7jA-BmMZ9lxJh1A" />
    <input value="20259" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/biobis-weizen-vanille-palmolfrei-bio-300-g-20263">
          <img alt="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/10918/file/small-0bd397150338b29f1ac1d07d661039cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10918/file/medium-4f92f8b19846f9ddec54a5f34c2ee5e3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10918/file/large-3d461a466636ab385cec5c5462ebc9f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10918/file/medium-4f92f8b19846f9ddec54a5f34c2ee5e3.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="/de/products/biobis-weizen-vanille-palmolfrei-bio-300-g-20263">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-20263-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/pesto-alla-puttanesca-bio-130-g-20275">
          <img alt="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/10930/file/small-067fd7e0d237b4f757845c6cc3a6be95.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10930/file/medium-c16b6ffd3d7f8e5b6f9299b96e173128.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10930/file/large-77a29c3d914e581dd66c12c1196336e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10930/file/medium-c16b6ffd3d7f8e5b6f9299b96e173128.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="/de/products/pesto-alla-puttanesca-bio-130-g-20275">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-20275-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EK9km0i280PXrz3YZK9du7jITYpGWn72Vdq0bPedaFNDl7KLdJSz0mOhxMdkKsxidrnq3tehwyIqceA60vlBCQ" />
    <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="/de/signup?return_to=%2Fde%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="/de/products/pesto-alla-calabrese-bio-130-g-20276">
          <img alt="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/10931/file/small-0dc56dbd2cc434b892f55f76e87a32f1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10931/file/medium-8f878a1c0f10c4f5a778569950f471de.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10931/file/large-7b0524d829a792cffc1f278be8238c08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10931/file/medium-8f878a1c0f10c4f5a778569950f471de.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="/de/products/pesto-alla-calabrese-bio-130-g-20276">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-20276-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="411WS-jalOQrTxwOmCZ6mQeYTuqzSrIPBAQ1w8goQvqwZYBb1PjUdZ9B5RGYo-tAyenpviKxD9t7r2GV7UxroA" />
    <input value="20276" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/haferkorner-chbio-knospe-500-g-20300">
          <img alt="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/10970/file/small-429d3e250be86bd9eb1102c062d9f3dd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10970/file/medium-1c33faa7e747c30a9ebe9161a86ca599.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10970/file/large-3e6324b400729ec9b5930ed524c267d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10970/file/medium-1c33faa7e747c30a9ebe9161a86ca599.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="/de/products/haferkorner-chbio-knospe-500-g-20300">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferkörner CHBio Knospe, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oXPGoc-XBm4lglSN0exwbS0r1jeRO34EzApeZ8V-NIrySxCx87VG_5GMrZLRaeG041pxYwDAw9CzoQox4Bod0A" />
    <input value="20300" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/dagmar-0-33l-1-stuck-20303">
          <img alt="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/10973/file/small-d8b6eeb0d440e5963e080087f3e01131.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10973/file/medium-432c426d063610ce894358321727dedb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10973/file/large-1a9b983f265b1a7f4f08efbde26ee061.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10973/file/medium-432c426d063610ce894358321727dedb.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="/de/products/dagmar-0-33l-1-stuck-20303">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-20303-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CQqA-NCe7b2fSbQ0f8-PajrLXrmsdP-MIt2QY9wEsClaMlbo7LytLCtHTSt_Sh6z9Lr57T2PQlhddsQ1-WCZcw" />
    <input value="20303" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/irma-0-33l-1-stuck-20304">
          <img alt="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/11709/file/small-915e7de05adea800d47e4d9eec79dd04.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11709/file/medium-0d1dcf13318955a3088446c559b31a72.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11709/file/large-01e144d3fb80ddd7f6d048416e396156.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11709/file/medium-0d1dcf13318955a3088446c559b31a72.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="/de/products/irma-0-33l-1-stuck-20304">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-20304-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/aareschwumm-0-33l-1-stuck-20305">
          <img alt="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/10974/file/small-6b14635be42c3859ae14257c120dd519.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10974/file/medium-cb81e4e88ffe21b6e10a5cb86efba843.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10974/file/large-1ef00eb370c4a79a479b786db270a3d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10974/file/medium-cb81e4e88ffe21b6e10a5cb86efba843.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="/de/products/aareschwumm-0-33l-1-stuck-20305">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-20305-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mrxLNCmNglCu2SSXn3JPn2X-Jw1u0SVS5VQBw2_l9bfJhJ0kFa_CwRrX3Yif995Gq4-AWf8qmIaa_1WVSoHc7Q" />
    <input value="20305" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/slipeinlagen-mini-30-stuck-20308">
          <img alt="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/10977/file/small-0381032b7be87e363903eeeef13a80d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10977/file/medium-0929e604c95fd09fb2b541cf0993574d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10977/file/large-cce7cdb4dc3d81042fc351d1a207a62c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10977/file/medium-0929e604c95fd09fb2b541cf0993574d.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="/de/products/slipeinlagen-mini-30-stuck-20308">
            <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-20308-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b_jZddisnXZu85c0XKsD1-nIDmiPIs5lXKfyOX-JCZc8wA9l5I7d59r9bitcLpIOJ7mpPB7Zc7EjDKZvWu0gzQ" />
    <input value="20308" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/white-delights-pistazie-bio-40-g-20309">
          <img alt="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/10978/file/small-3c6da8b162fad5fef22c65c5ad0e36a9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10978/file/medium-a45ade38c0afbde4aa4e57f8dc8e1c52.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10978/file/large-d6be27369cb107cce7eec32adc72cb37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10978/file/medium-a45ade38c0afbde4aa4e57f8dc8e1c52.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="/de/products/white-delights-pistazie-bio-40-g-20309">
            <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-20309-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pfz1fcXcNIIs_JH0XSumS7sCYbJr7uTkZ5d8ONZ5bej2xCNt-f50E5jyaOtdrjeSdXPG5voVWTAYPChu8x1Esg" />
    <input value="20309" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/goodel-kindernudel-bauernhof-bio-250-g-20312">
          <img alt="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/10981/file/small-26c6d04422876deb0443498257c74597.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10981/file/medium-7fd508733f35b23ba5a95d3d64b56326.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10981/file/large-178ed2460f54e5a310bfd4edf8ebcc99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10981/file/medium-7fd508733f35b23ba5a95d3d64b56326.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="/de/products/goodel-kindernudel-bauernhof-bio-250-g-20312">
            <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-20312-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PurIJcvE4BBz6Zu0n_D9O2FcQB7xuNnAECmHxgKE4Kpt0h419-aggcfnYqufdWziry3nSmBDZBRvgtOQJ-DJ8A" />
    <input value="20312" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/aufstrich-natur-bio-135-g-20314">
          <img alt="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/10983/file/small-4edb37cd2f3efde75adad7380997b82b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10983/file/medium-9cd1fb94240ff67f5aa081ca139c492d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10983/file/large-68b6be47a083fe9989dd95f88a36fd16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10983/file/medium-9cd1fb94240ff67f5aa081ca139c492d.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="/de/products/aufstrich-natur-bio-135-g-20314">
            <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-20314-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/aufstrich-smoto-bio-135-g-20315">
          <img alt="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/10984/file/small-adf0b237ae3abf4c03017b1a185429e8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10984/file/medium-1e90e0ee68c443d41c742d8e4062c632.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10984/file/large-850616b957797671315be7db87ff2ffb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10984/file/medium-1e90e0ee68c443d41c742d8e4062c632.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="/de/products/aufstrich-smoto-bio-135-g-20315">
            <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-20315-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/linguine-aglio-e-basilico-250-g-20333">
          <img alt="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/11003/file/small-67b0d1d3bd6b6cd6a199ab32378d5688.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11003/file/medium-0b8073d0609d1c5acf653a5d09175e31.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11003/file/large-fbfe23c1c12b390ed3ddb538b18277d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11003/file/medium-0b8073d0609d1c5acf653a5d09175e31.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="/de/products/linguine-aglio-e-basilico-250-g-20333">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-20333-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/krauter-glasflasche-330-ml-20347">
          <img alt="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/11012/file/small-fcd758bff544e757874775f3f7e2d341.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11012/file/medium-a736c0f6335b10df94da0af689aee3b6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11012/file/large-e583584de9fb11a8e6b6bc2b977a029e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11012/file/medium-a736c0f6335b10df94da0af689aee3b6.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="/de/products/krauter-glasflasche-330-ml-20347">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-20347-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zpxMzTdyAgRluGAf2jrYkAIRSo-v5LBcD0b04LLG7SadpJrdC1BCldG2mQDav0lJzGDt2z4fDYhw7aC2l6LEfA" />
    <input value="20347" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/zitrone-glasflasche-330-ml-20348">
          <img alt="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/11014/file/small-4823afd9816f4843a07aa13464d100cc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11014/file/medium-53b4bdc2b6ffcc59076432a07c01f615.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11014/file/large-2e6bb4750dfd706f2dd77a1a63c57793.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11014/file/medium-53b4bdc2b6ffcc59076432a07c01f615.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="/de/products/zitrone-glasflasche-330-ml-20348">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-20348-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/himbeere-glasflasche-330-ml-20349">
          <img alt="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/11013/file/small-ec381c26ac0d5154295d281f6ab4faa8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11013/file/medium-1f553782f2d15ea549280ba4bde9ff31.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11013/file/large-51103285276c7ba4dd8758b3ff916d3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11013/file/medium-1f553782f2d15ea549280ba4bde9ff31.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="/de/products/himbeere-glasflasche-330-ml-20349">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-20349-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UBEeK0P6C2pC7ymHMDgPNrWI-GMV6FgxFUduuARmd-ADKcg7f9hL-_bh0JgwvZ7ve_lfN4QT5eVq7DruIQJeug" />
    <input value="20349" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%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="/de/products/sport-petflasche-500-ml-20350">
          <img alt="Sport Petflasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11015/file/small-9199a67228e41ea271e490346dea039b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11015/file/medium-c6cd87eee6dfcc417e3713e91dba2480.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11015/file/large-2a361835e96f5ef013c3d9d729972e7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11015/file/medium-c6cd87eee6dfcc417e3713e91dba2480.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="/de/products/sport-petflasche-500-ml-20350">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sport Petflasche, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

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

</template></turbo-stream>