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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/dr-grandel-molino-energieriegel-mit-molat-40-g-18393">
          <img alt="Dr. Grandel Molino Energieriegel mit Molat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10348/file/small-eb67e248fc4269c20a4196a940f55bf2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10348/file/medium-4e766feeff2a26348443a59761aaa4a0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10348/file/large-a1b20761703150e0757cf82529d279ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10348/file/medium-4e766feeff2a26348443a59761aaa4a0.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">Dr. Grandel</p>
          <a href="/products/dr-grandel-molino-energieriegel-mit-molat-40-g-18393">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dr. Grandel Molino Energieriegel mit Molat, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/droste-laux-basische-gewurzmischung-30-g-18402">
          <img alt="Droste-Laux Basische Gewürzmischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9117/file/small-5b5d5a89dcd040edc61475a6e8fea264.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9117/file/medium-e3f0f777cb39cffb1b563b16e7e1327e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9117/file/large-63e363a7023a9d5ff0a6a03734ca13ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9117/file/medium-e3f0f777cb39cffb1b563b16e7e1327e.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">Droste-Laux</p>
          <a href="/products/droste-laux-basische-gewurzmischung-30-g-18402">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Droste-Laux Basische Gewürzmischung, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e7oXKU_bXsfyLpaYd1Qv7PZCT1-CY83ZHuvXaeWBXtevJAykQFq4U6cNxjZ69jho3uu-0klZe0MVUvPHnYZ1nQ" />
    <input value="18402" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/emscha-schafmilch-joghurt-bifidus-vanille-biok-125-g-18407">
          <img alt="Emscha Schafmilch Joghurt Bifidus Vanille BioK" 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-f9521e255b4de49238360c1426bce5d9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10254/file/medium-95a8addbcb2762227df7544e5ccdfd07.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10254/file/large-d13986f5e789d324f1092b6363698056.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10254/file/medium-95a8addbcb2762227df7544e5ccdfd07.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">Emscha</p>
          <a href="/products/emscha-schafmilch-joghurt-bifidus-vanille-biok-125-g-18407">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Emscha Schafmilch Joghurt Bifidus Vanille BioK, 125 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 1.52 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/emscha-schafmilch-joghurt-mango-biok-125-g-18408">
          <img alt="Emscha Schafmilch Joghurt Mango BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10253/file/small-e58a58395d0f86f787570894d5cdcd90.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10253/file/medium-3423b6146777743fa8afc21754069b91.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10253/file/large-1ddf66b14c84965dc57062c650e9d2a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10253/file/medium-3423b6146777743fa8afc21754069b91.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">Emscha</p>
          <a href="/products/emscha-schafmilch-joghurt-mango-biok-125-g-18408">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Emscha Schafmilch Joghurt Mango BioK, 125 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 1.52 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/emscha-schafmilch-joghurt-mocca-biok-125-g-18409">
          <img alt="Emscha Schafmilch Joghurt Mocca BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10252/file/small-73bdf83a1442da8b120f4a9be3d0515f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10252/file/medium-4f90262484cf6c6435de5a0eec356d8d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10252/file/large-589fd6c1b23d0681916f853c05b78f4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10252/file/medium-4f90262484cf6c6435de5a0eec356d8d.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">Emscha</p>
          <a href="/products/emscha-schafmilch-joghurt-mocca-biok-125-g-18409">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Emscha Schafmilch Joghurt Mocca BioK, 125 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 1.52 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/emscha-schafmilch-joghurt-schokolade-biok-125-g-18410">
          <img alt="Emscha Schafmilch Joghurt Schokolade BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10256/file/small-1548e10965f736dd83ed0121426a08a5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10256/file/medium-7c43df466d7ff7863d3762eeed2041ec.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10256/file/large-f37854339bdc55dc4c861739880f48de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10256/file/medium-7c43df466d7ff7863d3762eeed2041ec.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">Emscha</p>
          <a href="/products/emscha-schafmilch-joghurt-schokolade-biok-125-g-18410">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Emscha Schafmilch Joghurt Schokolade BioK, 125 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 1.52 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/emscha-schafmilch-quark-nautre-biok-90-g-18411">
          <img alt="Emscha Schafmilch Quark Nautre BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10255/file/small-564ef243be2039db3774644781b84a6f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10255/file/medium-b7ff205282fe99204c455a3e29650592.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10255/file/large-639be132033cdf90d648f6c9e1af0197.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10255/file/medium-b7ff205282fe99204c455a3e29650592.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">Emscha</p>
          <a href="/products/emscha-schafmilch-quark-nautre-biok-90-g-18411">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Emscha Schafmilch Quark Nautre BioK, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eNMIfZtUE1WU4TEUBB7exd6KGjG5xkPIq4LJQIkfVwOsTRPwlNX1wcHCYboJvMlB9iPrvHL89VKgO-3u8Rh8SQ" />
    <input value="18411" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/erdmannhauser-dinkel-knusper-brezel-sesam-demeter-125-g-18412">
          <img alt="Erdmannhauser Dinkel Knusper Brezel Sesam Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9120/file/small-eaff141607614c87aa80c411cba6a838.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9120/file/medium-3c3c103bbda63cf9538569df06ab948a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9120/file/large-9fd71ba233063067ed3b49bfc597b6d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9120/file/medium-3c3c103bbda63cf9538569df06ab948a.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">Erdmannhauser</p>
          <a href="/products/erdmannhauser-dinkel-knusper-brezel-sesam-demeter-125-g-18412">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdmannhauser Dinkel Knusper Brezel Sesam Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </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-18412-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WnfxYGKkq4tsGG5JRsj58TEXxtSKw_6TGI-s-pwNwkyO6ertbSVNHzk7PudLau51Gb43WUH5SAkTNohU5ArpBg" />
    <input value="18412" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/erdmannhauser-dinkel-vollkorn-sticks-demeter-100-g-18413">
          <img alt="Erdmannhauser Dinkel Vollkorn Sticks Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11313/file/small-8f0274bd3b883a4e1046ac3fa064be12.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11313/file/medium-1c114e59cc77a60e377ae3b7f879c60d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11313/file/large-245df182393925e110771c8660410c07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11313/file/medium-1c114e59cc77a60e377ae3b7f879c60d.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">Erdmannhauser</p>
          <a href="/products/erdmannhauser-dinkel-vollkorn-sticks-demeter-100-g-18413">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdmannhauser Dinkel Vollkorn Sticks Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </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-18413-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/felicia-buchweizen-penne-bio-gf-250-g-18421">
          <img alt="Felicia Buchweizen Penne Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9605/file/small-6f3bebf026048d39d06bf860c3f166a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9605/file/medium-516f6f4cd1d8ccc97a156830c6a0726c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9605/file/large-8c352e85e104dbe5f322271304b61f57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9605/file/medium-516f6f4cd1d8ccc97a156830c6a0726c.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">felicia</p>
          <a href="/products/felicia-buchweizen-penne-bio-gf-250-g-18421">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Felicia Buchweizen Penne Bio gf, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bqWKU_-7Efm_Wyuzsv7Cp5BT7xQJEnyy_8dU2x_iMT-6O5He8Dr3bep4ex2_XNUjuPoemcIoyij0fnB1Z-UadQ" />
    <input value="18421" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/florentin-falafel-bio-vegan-gf-240-g-18424">
          <img alt="Florentin Falafel Bio vegan gf" 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-f29d45768e41786ab76ae44c4452a5e1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9608/file/medium-69fdba6ef0048a26c53387e8e02586f5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9608/file/large-9710d6108a744d38aa6271f364a22936.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9608/file/medium-69fdba6ef0048a26c53387e8e02586f5.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">Florentin</p>
          <a href="/products/florentin-falafel-bio-vegan-gf-240-g-18424">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Florentin Falafel Bio vegan gf, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/florentin-hummus-bio-vegan-gf-150-g-18425">
          <img alt="Florentin Hummus Bio vegan gf" 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-2c681295c5fc75e77e5c76ddfdaf118f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9606/file/medium-769b5c5f66056cfb51156efba9c7fd68.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9606/file/large-dba1c3202db527c52ca5bd3b309155e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9606/file/medium-769b5c5f66056cfb51156efba9c7fd68.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">Florentin</p>
          <a href="/products/florentin-hummus-bio-vegan-gf-150-g-18425">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Florentin Hummus Bio vegan gf, 150 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 3.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K9A4zZXNUqnGj3bj4XPcEeBG9msu5xpqsoq-72mHfnn_TiNAmky0PZOsJk3s0cuVyO8H5uXdrPC5M5pBEYBVMw" />
    <input value="18425" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/florentin-hummus-avocado-bio-vegan-gf-150-g-18426">
          <img alt="Florentin Hummus Avocado Bio vegan gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9607/file/small-d5978babc45450bcc0a355869f31a6a3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9607/file/medium-ea708c77b25930280575181c906c5208.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9607/file/large-3dd205976e92f38aa6a8aadfca3b76e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9607/file/medium-ea708c77b25930280575181c906c5208.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">Florentin</p>
          <a href="/products/florentin-hummus-avocado-bio-vegan-gf-150-g-18426">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Florentin Hummus Avocado Bio vegan gf, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kKeEGtdmSirJ2Kjkb_eP2ovd8lbm4LYzwhP0EP5l9sBEOZ-X2Oesvpz7-EpiVZheo3QD2y3aAKnJqtC-hmLdig" />
    <input value="18426" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/florentin-pita-brot-dinkel-bio-vegan-260-g-18427">
          <img alt="Florentin Pita Brot Dinkel Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9609/file/small-1e64b035294cade81bf03c4a0ab4eb89.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9609/file/medium-16a32bdb0c0c6f469662f663846370dd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9609/file/large-c40e6c2744a83f13474191bc60a3c281.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9609/file/medium-16a32bdb0c0c6f469662f663846370dd.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">Florentin</p>
          <a href="/products/florentin-pita-brot-dinkel-bio-vegan-260-g-18427">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Florentin Pita Brot Dinkel Bio vegan, 260 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gautschi-mayonnaise-biok-170-g-18428">
          <img alt="Gautschi Mayonnaise BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10158/file/small-2da69f8287599312758040bb76be9b77.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10158/file/medium-4a6fa356f35a263600c3bed2fa5d5666.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10158/file/large-cf55d24182ea7d18f312b409fbbb8c1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10158/file/medium-4a6fa356f35a263600c3bed2fa5d5666.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">Gautschi</p>
          <a href="/products/gautschi-mayonnaise-biok-170-g-18428">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gautschi Mayonnaise BioK, 170 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.71 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IHZwgHWXCo3-WsbE60STCB08QA4CYvOR1sRmc7g-PGD06GsNehbsGat5lmrm5oSMNZWxg8lYRQvdfULdwDkXKg" />
    <input value="18428" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gautschi-senf-tube-biok-200-g-18429">
          <img alt="Gautschi Senf Tube BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9986/file/small-ef64a2c3a0ca9669bc43ccf703bd66ba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9986/file/medium-d9610ead1c7d10c2b68169beb4ed50fd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9986/file/large-721adae365881a0b389cda942dd166ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9986/file/medium-d9610ead1c7d10c2b68169beb4ed50fd.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">Gautschi</p>
          <a href="/products/gautschi-senf-tube-biok-200-g-18429">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gautschi Senf Tube BioK, 200 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 2.15 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gerber-biscuits-vollkorn-hafer-chocolat-bio-vegan-2-x-80-g-18430">
          <img alt="Gerber Biscuits Vollkorn Hafer Chocolat Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10159/file/small-da34469e8c3b03c525073f66604061be.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10159/file/medium-a00a9479fbdfbc452f92b085fec3acc8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10159/file/large-230462df5689754118470924fd9f6a38.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10159/file/medium-a00a9479fbdfbc452f92b085fec3acc8.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">Gerber</p>
          <a href="/products/gerber-biscuits-vollkorn-hafer-chocolat-bio-vegan-2-x-80-g-18430">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gerber Biscuits Vollkorn Hafer Chocolat Bio vegan, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aQIcLrXzIMkCqc0pL6D0gKjg9Olsh3gJq4-ZmX_O-gS9nAejunLGXVeKnYciAuMEgEkFZKe9zpOgNr03B8nRTg" />
    <input value="18430" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gerber-biscuits-vollkorn-hafer-dinkel-ingwer-bio-vegan-2-x-80-g-18431">
          <img alt="Gerber Biscuits Vollkorn Hafer Dinkel Ingwer Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10161/file/small-d061654a987a0d1aa4b0d70a2a758349.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10161/file/medium-4fc0c1c8a45e63d2b8624eae711831d0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10161/file/large-186ed9411d6dff427d15d33d3f850473.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10161/file/medium-4fc0c1c8a45e63d2b8624eae711831d0.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">Gerber</p>
          <a href="/products/gerber-biscuits-vollkorn-hafer-dinkel-ingwer-bio-vegan-2-x-80-g-18431">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gerber Biscuits Vollkorn Hafer Dinkel Ingwer Bio vegan, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hk169DCyrc9yXa5-GDlotY2nyHvhHoFVaKyA9f0k0-rK02F5PzNLWyd-_tAVm38xpQ459iokN89jFaRbhSP4oA" />
    <input value="18431" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gerber-biscuits-vollkorn-hirse-zitrone-bio-2-x-80-g-18432">
          <img alt="Gerber Biscuits Vollkorn Hirse Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10160/file/small-0faae150383c92a49abda54ead42d230.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10160/file/medium-bbeecb96e58eaa0e4808820bbb639b62.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10160/file/large-459af4051e7ecea3d0407aee40d0d5ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10160/file/medium-bbeecb96e58eaa0e4808820bbb639b62.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">Gerber</p>
          <a href="/products/gerber-biscuits-vollkorn-hirse-zitrone-bio-2-x-80-g-18432">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gerber Biscuits Vollkorn Hirse Zitrone Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Flebensmittel%3Fformat%3Dturbo_stream%26page%3D34">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gesund-leben-flocken-erdmandel-bio-400-g-18433">
          <img alt="Gesund&amp;Leben Flocken Erdmandel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10639/file/small-1b630b582ddc3abc876e2624a4d85edd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10639/file/medium-0534db9edf6846142b84095755273f69.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10639/file/large-d277b743d81d83d0a4fe276d296dae8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10639/file/medium-0534db9edf6846142b84095755273f69.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">Gesund&amp;Leben</p>
          <a href="/products/gesund-leben-flocken-erdmandel-bio-400-g-18433">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesund&amp;Leben Flocken Erdmandel Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OZ7jpd4MmTzr0awF27nlHw_JNpppKUNx1-KfH19Fu1rtAPgo0Y1_qL7y_KvWG_KbJ2DHF6IT9evcW7uxJ0KQEA" />
    <input value="18433" 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 1&#39;583 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel?format=turbo_stream&amp;page=35">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>