<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%3D24">
    <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/choco-chip-cookies-konv-200-g-18893">
          <img alt="Choco Chip Cookies konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9596/file/small-63ca577fe43e4a675b2b5d6c7fe65cbe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9596/file/medium-71bfd2e3a54a9e18b080af26ade62c71.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9596/file/large-406961b6a20053bc48fa9f42b2cb62e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9596/file/medium-71bfd2e3a54a9e18b080af26ade62c71.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/choco-chip-cookies-konv-200-g-18893">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Choco Chip Cookies konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oEHWsIdOqRP13dhb4pVSkZ2R1K6nUiFJPRZupvEmjqHTIne4J3ILIYAvB_bvYX4hdJol4t_luRMGD9kekYOpXA" />
    <input value="18893" 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%3D24">
    <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/chocolate-o-s-konv-165-g-18894">
          <img alt="Chocolate O’s konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9294/file/small-89935926edd7dad503e047be1247fc13.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9294/file/medium-cbb2c13b1852fff7e05f72aa01774800.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9294/file/large-ccaec3689bf56abe67f56a553e26158b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9294/file/medium-cbb2c13b1852fff7e05f72aa01774800.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/chocolate-o-s-konv-165-g-18894">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chocolate O’s konv, 165 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sAL9HBoOGP15Iu2vpQSvnrl-OIzDXb9RR3Ere6A5pdbDYVwUujK6zwzQMgKo8IMuUHXJwLvqJwt8aJzDwJyCKw" />
    <input value="18894" 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%3D24">
    <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/ciabatta-rustica-konv-4-x-50-g-18895">
          <img alt="Ciabatta Rustica konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9296/file/small-721da5d2c53088d14439bbaa52b9583f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9296/file/medium-1798c6a5e71c0101db8ab8dffdaaede3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9296/file/large-39b413ea4136632efc72caf1446547e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9296/file/medium-1798c6a5e71c0101db8ab8dffdaaede3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/ciabatta-rustica-konv-4-x-50-g-18895">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ciabatta Rustica konv, 4 x 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OIC8EJCKmCCNCwmOnMfZ_oogAAefuHmq87LCxMOH4dNL4x0YMLY6Evj51iORM_VOYyvxS-cP4fDIq3V8oyLGLg" />
    <input value="18895" 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%3D24">
    <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/cornflakes-konv-250-g-18897">
          <img alt="Cornflakes konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9594/file/small-89c54cbbc8ebfabd2d7043b90616bcbf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9594/file/medium-c9516ea01557c3a92d84735a99a16c51.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9594/file/large-a077e637197490bbf4705413a5ed6b74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9594/file/medium-c9516ea01557c3a92d84735a99a16c51.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/cornflakes-konv-250-g-18897">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cornflakes konv, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cf1E4BNzSUuddu-NWYHlSfU6LOTKt_m2PNFdJNetbxQCnuXos0_reeiEMCBUdcn5HDHdqLIAYewHyOqctwhI6Q" />
    <input value="18897" 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%3D24">
    <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/crackers-pocket-konv-3-x-50-g-18899">
          <img alt="Crackers Pocket konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9610/file/small-b3925fe98f60bd2665d36ec230d847b4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9610/file/medium-d04b63278663aa76888eedd82325a9e2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9610/file/large-32f7d230d7222e510ebe0550d5172210.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9610/file/medium-d04b63278663aa76888eedd82325a9e2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/crackers-pocket-konv-3-x-50-g-18899">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crackers Pocket konv, 3 x 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_SPC_Xb975oWjQd1_yimcC5sD9zCY2tlUL305V8sdSmOQGP11sFNqGN_2Njy3IrAx2f-kLrU8z9rpENdP4lS1A" />
    <input value="18899" 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%3D24">
    <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/fusilli-400-g-18903">
          <img alt="Fusilli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9616/file/small-548807ec663e316bd29b7e8221a188ae.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9616/file/medium-c6b2d5cb7edc485abe2d4f42392d9e5a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9616/file/large-240f27cc7fc23d2e933b5ab6488859a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9616/file/medium-c6b2d5cb7edc485abe2d4f42392d9e5a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/fusilli-400-g-18903">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fusilli, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b09313SYBPsP-uAYQlQPsVvNHnsbWm7wqiA-3Obq9TQcLNbf1KSmyXoIP7VPoCMBssbvN2Pt9qqROYlkhk_SyQ" />
    <input value="18903" 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%3D24">
    <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/gris-ciocc-konv-52-g-18904">
          <img alt="Gris Ciocc konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9606/file/small-794330842a44395c7409b4409b2d4c6e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9606/file/medium-bf65dd095847210ac28bf346a508eaba.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9606/file/large-4f21a93627da7d5bee6d9393e15cebfb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9606/file/medium-bf65dd095847210ac28bf346a508eaba.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/gris-ciocc-konv-52-g-18904">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gris Ciocc konv, 52 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XfW352hRGlm8F5penu_XjZVdCfcWrp4NiCfWoO_ilb8ulhbvyG24a8nlRfOTG_s9fFb4u24ZBlezPmEYj0eyQg" />
    <input value="18904" 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%3D24">
    <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/noccioli-snack-3er-pack-konv-63-g-18914">
          <img alt="Noccioli Snack 3er Pack konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9609/file/small-ab7360da60c332ca2d93fbdda3b7cde3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9609/file/medium-d3a3813584a2f62ec9676dc61882bd1a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9609/file/large-e850081757c98b357e32c4ba9e69474e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9609/file/medium-d3a3813584a2f62ec9676dc61882bd1a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/noccioli-snack-3er-pack-konv-63-g-18914">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noccioli Snack 3er Pack konv, 63 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3LfcHFJ6irWaMp39H-J-stHx2MxXhzgesL6WZnPseOyv1H0U8kYoh-_AQlASFlICOPopgC8woESLpyHeE0lfEQ" />
    <input value="18914" 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%3D24">
    <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/orangino-soft-cake-konv-150-g-18915">
          <img alt="Orangino Soft Cake konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9619/file/small-890ad5c7b4bd4aa766dce2d6d1d5d9da.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9619/file/medium-f9687c90d88aeb33b4317aab310c7bbc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9619/file/large-b4bd6efb0529cf402daadb1484f2199a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9619/file/medium-f9687c90d88aeb33b4317aab310c7bbc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/orangino-soft-cake-konv-150-g-18915">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Orangino Soft Cake konv, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iIxXQ4aS3ES-wEEiAXHQNQDFtJYSyuWowG71t_xC-jj77_ZLJq5-dssyno8MhfyF6c5F2mp9ffL7d0IPnOfdxQ" />
    <input value="18915" 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%3D24">
    <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/riegel-cereal-bar-vitamin-konv-25-g-18920">
          <img alt="Riegel Cereal Bar Vitamin konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9595/file/small-782a5bbaa2825dbd6bea4dd6798a51fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9595/file/medium-9b7ed107e1fc38dd92bb3b7bfef32385.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9595/file/large-5e8928c2c359680c34fd78c6557dd442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9595/file/medium-9b7ed107e1fc38dd92bb3b7bfef32385.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/riegel-cereal-bar-vitamin-konv-25-g-18920">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riegel Cereal Bar Vitamin konv, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="prh7XkdK248df291KOr1uDVvsHZ1vT4f_7-hgaAgSHvV29pW53Z5vWiNsNglHtkI3GRBOg0KpkXEphY5wIVvhg" />
    <input value="18920" 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%3D24">
    <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/salinis-konv-60-g-18922">
          <img alt="Salinis konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10254/file/small-2c6b22ca9737abd0332771a7fa75039c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10254/file/medium-577b33fe1738f2b1dd90011c5ddc6f21.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10254/file/large-69f9d1c82d6143e65f515c007265ca1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10254/file/medium-577b33fe1738f2b1dd90011c5ddc6f21.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/salinis-konv-60-g-18922">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salinis konv, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J-R9XqLcn7jzNOGeanp3qBU_sUkQcRqUTLWhi0yLOq5Uh9xWAuA9iobGPjNnjlsY_DRABWjGgs53rBYzLC4dUw" />
    <input value="18922" 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%3D24">
    <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/salti-konv-175-g-18923">
          <img alt="Salti konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9613/file/small-73ddeb0b34f5f00a6e07b5b55396ef19.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9613/file/medium-3d697f31f02705b7e27b78d87204be59.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9613/file/large-87c8e1a8122876d1026778184db5fa2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9613/file/medium-3d697f31f02705b7e27b78d87204be59.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/salti-konv-175-g-18923">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salti konv, 175 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 2.63 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oRZsPhc9mggrNx5YAvId2SIcabvBDX8yV2w_nM2nZkTSdc02twE4Ol7FwfUPBjFpyxeY97m652hsdYgkrQJBuQ" />
    <input value="18923" 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%3D24">
    <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/snack-schokolade-konv-105-g-18926">
          <img alt="Snack Schokolade konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9604/file/small-3a1f8611ed8f3874c459912f68670fb7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9604/file/medium-d51daa93cc0d11071ac7f2b153f6dd95.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9604/file/large-a3d845e4d144eaee8330561dac558100.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9604/file/medium-d51daa93cc0d11071ac7f2b153f6dd95.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/snack-schokolade-konv-105-g-18926">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Snack Schokolade konv, 105 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PU2kHYBaQ8Ng4ylfgJFzuiDhjDZw-AB2-o8Khbyz2QROLgUVIGbh8RUR9vKNZV8Kyep9eghPmCzBlr093Bb--Q" />
    <input value="18926" 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%3D24">
    <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/spaghetti-400-g-18928">
          <img alt="Spaghetti" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9608/file/small-5869ebef99bc5a3ec3f7d9a755bec123.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9608/file/medium-e6c86430cd22e336a4c0753624648d9f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9608/file/large-a0662b7d1a79eda0d4c4d68210b57ef0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9608/file/medium-e6c86430cd22e336a4c0753624648d9f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/spaghetti-400-g-18928">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spaghetti, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iuP4s9Mk9FAD0QlGo5GO6s2W9rXt9kbYybjp0Vr7snX5gFm7cxhWYnYj1uuuZaJaJJ0H-ZVB3oLyoV5pOl6ViA" />
    <input value="18928" 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%3D24">
    <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/super-sandwich-konv-280-g-18929">
          <img alt="Super Sandwich konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9621/file/small-8acc3b1e98c4af3a0761bbf79e5c5a61.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9621/file/medium-111f43c5cc1eb1cf4af654cc38c6b7ff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9621/file/large-6de03f8fe8af64a5ceb1abd1faceb0e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9621/file/medium-111f43c5cc1eb1cf4af654cc38c6b7ff.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/super-sandwich-konv-280-g-18929">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Super Sandwich konv, 280 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.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0K46-7uQut5-eQr-lfmvarwh6fwXAbVGA6gNCYZI6JWjzZvzG6wY7AuL1VOYDYPaVSoYsG-2LRw4sbqx5u3PaA" />
    <input value="18929" 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%3D24">
    <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/twin-bar-snack-schokolade-3x21-5g-konv-1-stuck-18930">
          <img alt="Twin Bar Snack Schokolade 3x21.5g konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11033/file/small-25b04e3dd1796ad1a9b1d13419c0829e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11033/file/medium-b4986b46abde8709a50b7f734557656c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11033/file/large-50fb69c993e1dbef6e095935325d7a50.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11033/file/medium-b4986b46abde8709a50b7f734557656c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Schär</p>
          <a href="/de/products/twin-bar-snack-schokolade-3x21-5g-konv-1-stuck-18930">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Twin Bar Snack Schokolade 3x21.5g konv, 1 Stück</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 4.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9BMI5zZ_VPj94Cq-dajdip1S-LNBWzauU2Tpn7ErAlaHcKnvlkP2yogS9RN4XPE6dFkJ_znsrvRofV4n0Y4lqw" />
    <input value="18930" 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%3D24">
    <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/grissini-sesam-bio-100-g-18931">
          <img alt="Grissini Sesam Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9583/file/small-1c777b415adbb4a537b355822a575e74.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9583/file/medium-b8d4c11addd6f015df37bfa25de41cac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9583/file/large-e685b2d44b48cdcfb88f4bfd9da0dd72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9583/file/medium-b8d4c11addd6f015df37bfa25de41cac.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">Schnitzer</p>
          <a href="/de/products/grissini-sesam-bio-100-g-18931">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grissini Sesam Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5rDCBmuj4jA9Q1-Fe1aRU2-lU6n4BHmBaNiIZa9U4m2V02MOy59AAkixgCh2or3jhq6i5YCz4dtTwT_dz_HFkA" />
    <input value="18931" 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%3D24">
    <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/muffins-blaubeer-bio-140-g-18933">
          <img alt="Muffins Blaubeer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9589/file/small-6cb4bd56c941e9a6c312eeb6b0daa7bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9589/file/medium-e269798011cbcdca72058a983260f8e4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9589/file/large-27ac51d420b83e811cbb12e615984f9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9589/file/medium-e269798011cbcdca72058a983260f8e4.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">Schnitzer</p>
          <a href="/de/products/muffins-blaubeer-bio-140-g-18933">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muffins Blaubeer Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5FoLZi3o4Btz10df8MprEuwxoN1lxXzllNmKCCCHrr2XOapujdRCKQYlmPL9PkeiBTpRkR1y5L-vwD2wQCKJQA" />
    <input value="18933" 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%3D24">
    <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/pizzabase-bio-140-g-18935">
          <img alt="Pizzabase Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9297/file/small-3c8e827fb52673e24fbf6ed512a27f2a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9297/file/medium-c6ad2aa697c1be030a65ad4d1fa38dc3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9297/file/large-6a1487bdee11484cc11de8035cbe55c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9297/file/medium-c6ad2aa697c1be030a65ad4d1fa38dc3.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">Schnitzer</p>
          <a href="/de/products/pizzabase-bio-140-g-18935">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pizzabase Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9r1VZA1beXxhrQ0Me4Ywu27KkbsdQ1Y4lNKQ0P_5WCGF3vRsrWfbThRf0qF2chwLh8Fg92X0zmKvyydon1x_3A" />
    <input value="18935" 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%3D24">
    <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/zaufb-baguette-rustic-bio-320-g-18938">
          <img alt="zAufb Baguette Rustic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9584/file/small-ed06c29247250a2aeb69869e164d92ed.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9584/file/medium-ba58157ffccac9758bec669c2d9aea69.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9584/file/large-fa17600283d8aa347c649d85337b8833.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9584/file/medium-ba58157ffccac9758bec669c2d9aea69.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">Schnitzer</p>
          <a href="/de/products/zaufb-baguette-rustic-bio-320-g-18938">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zAufb Baguette Rustic Bio, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

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

</template></turbo-stream>