<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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/burgrain-bio-alpenhonig-500g-bio-1-stuck-18794">
          <img alt="Burgrain Bio-Alpenhonig 500g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e1087e52e7c15e87d0c26a3862a8d975.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e1087e52e7c15e87d0c26a3862a8d975.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e1087e52e7c15e87d0c26a3862a8d975.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e1087e52e7c15e87d0c26a3862a8d975.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">RegioFair</p>
          <a href="/products/burgrain-bio-alpenhonig-500g-bio-1-stuck-18794">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burgrain Bio-Alpenhonig 500g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DLDQ9OKu5nTSOItGF5cjNKtvAbYwWjAaw36DSEx75G_lShXywHU_TMwLM5kUT3mrVInh-xHbhsw41pFmhdPKPg" />
    <input value="18794" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/zwergenwiese-70-schwarze-johannisbeere-agave-225g-bio-gf-1-stuck-19228">
          <img alt="Zwergenwiese 70% Schwarze Johannisbeere Agave 225g Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/83cebfae80f61fb2d3b44dd939ef343c.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/83cebfae80f61fb2d3b44dd939ef343c.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/83cebfae80f61fb2d3b44dd939ef343c.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/83cebfae80f61fb2d3b44dd939ef343c.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/products/zwergenwiese-70-schwarze-johannisbeere-agave-225g-bio-gf-1-stuck-19228">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zwergenwiese 70% Schwarze Johannisbeere Agave 225g Bio gf, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FkMdMd4_52uwX8Y8ctxjv-LTMqDJ63Mx8ixBy-4EKeP_udg3_OQ-U65sfuNxBDkgHTXS7ehqxecJhFPlJ6wHsg" />
    <input value="19228" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/burgrain-bio-waldhonig-500g-biok-1-stuck-19853">
          <img alt="Burgrain Bio-Waldhonig 500g BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/43d220391601fcbbc43af3f9a8dd9ecb.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/43d220391601fcbbc43af3f9a8dd9ecb.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/43d220391601fcbbc43af3f9a8dd9ecb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/43d220391601fcbbc43af3f9a8dd9ecb.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">Burgrain</p>
          <a href="/products/burgrain-bio-waldhonig-500g-biok-1-stuck-19853">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burgrain Bio-Waldhonig 500g BioK, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LFpUwmFuh-dk6OzIKO4Uaf77gIs1h98Ze8_oTt8sOcXFoJHEQ7Ve33rbVBcrNk72AR1gxhQGac-AZ_pgFoQXlA" />
    <input value="19853" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/hoyer-honig-akazien-500g-bio-1-stuck-20042">
          <img alt="Hoyer Honig Akazien 500g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d1078ce0ae8b57ac0cad053965460955.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d1078ce0ae8b57ac0cad053965460955.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d1078ce0ae8b57ac0cad053965460955.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d1078ce0ae8b57ac0cad053965460955.jpg" />
</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">Hoyer</p>
          <a href="/products/hoyer-honig-akazien-500g-bio-1-stuck-20042">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hoyer Honig Akazien 500g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bWlyfic_T2L_mzcaC0UYjei_1yyHabOphW2PtBXn6oKEk7d4BeSWWuGoj8UInUISF1k3YaboBX9-xZ2a3E_E0w" />
    <input value="20042" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/sonnentor-sanddorn-fruchtaufstrich-250g-bio-1-stuck-20076">
          <img alt="Sonnentor Sanddorn Fruchtaufstrich 250g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2559c29c9bdb326e9c27000173b4fffb.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2559c29c9bdb326e9c27000173b4fffb.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2559c29c9bdb326e9c27000173b4fffb.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2559c29c9bdb326e9c27000173b4fffb.jpg" />
</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">Sonnentor</p>
          <a href="/products/sonnentor-sanddorn-fruchtaufstrich-250g-bio-1-stuck-20076">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnentor Sanddorn Fruchtaufstrich 250g Bio, 1 Stück</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 6.05 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j3pQI2wGwqKvXWRZciNQDG5v5Pjsm0FqbEffI2hUzkxmgJUlTt0bmrFu3IZx-wqTkYkEtc0a97yX780NofzgHQ" />
    <input value="20076" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/rapunzel-zuckerrohr-melasse-300g-bio-1-stuck-20137">
          <img alt="Rapunzel Zuckerrohr-Melasse 300g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f6ca516ecb66bee8a4472aeffc8cf942.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f6ca516ecb66bee8a4472aeffc8cf942.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f6ca516ecb66bee8a4472aeffc8cf942.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f6ca516ecb66bee8a4472aeffc8cf942.jpg" />
</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">Rapunzel</p>
          <a href="/products/rapunzel-zuckerrohr-melasse-300g-bio-1-stuck-20137">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Zuckerrohr-Melasse 300g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l3RXZk16lmZJPYDd1I9oLGC3KZVJ2DRoPEmM8E8M2AR-jpJgb6FPXlcOOALXVzKzn1HJ2GhZgr7H4Z7ehqT2VQ" />
    <input value="20137" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/naturkostbar-mandelmus-braun-200g-bio-vegan-1-stuck-20155">
          <img alt="Naturkostbar Mandelmus braun 200g Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f62f5e2f50290814efcc9edbfa14fbe6.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f62f5e2f50290814efcc9edbfa14fbe6.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f62f5e2f50290814efcc9edbfa14fbe6.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f62f5e2f50290814efcc9edbfa14fbe6.jpg" />
</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">Naturkostbar</p>
          <a href="/products/naturkostbar-mandelmus-braun-200g-bio-vegan-1-stuck-20155">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Mandelmus braun 200g Bio vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ToVK_JmxIKCLlHNA4KgLyaEO1qjJDjIBhvR14EqYFOinf4_6u2r5mJWny5_jcFFWXug25eiPhNd9XGfOgzA6uQ" />
    <input value="20155" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/naturkostbar-mandelmus-weiss-200g-bio-vegan-1-stuck-20156">
          <img alt="Naturkostbar Mandelmus weiss 200g Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fd3e0e36d7754d08d165a2f51c4d4e88.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fd3e0e36d7754d08d165a2f51c4d4e88.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fd3e0e36d7754d08d165a2f51c4d4e88.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fd3e0e36d7754d08d165a2f51c4d4e88.jpg" />
</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">Naturkostbar</p>
          <a href="/products/naturkostbar-mandelmus-weiss-200g-bio-vegan-1-stuck-20156">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Naturkostbar Mandelmus weiss 200g Bio vegan, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PraE5bR098yGr_GzZdK6OKbBljeFc242QyuEIhyzbevXTEHjlq8u9JicSWxmCuCnWSd2eqTy2OC4g5YM1RtDug" />
    <input value="20156" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/swiss-safran-honig-super-negin-safran-150g-1-stuck-20263">
          <img alt="Swiss Safran Honig Super Negin Safran 150g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c2dc03c744d45da309dd85260ba867f7.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c2dc03c744d45da309dd85260ba867f7.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c2dc03c744d45da309dd85260ba867f7.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c2dc03c744d45da309dd85260ba867f7.jpg" />
</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">Swiss Safran</p>
          <a href="/products/swiss-safran-honig-super-negin-safran-150g-1-stuck-20263">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Swiss Safran Honig Super Negin Safran 150g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/alcenero-pistaziencreme-180g-bio-1-stuck-20294">
          <img alt="AlceNero Pistaziencrème 180g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/943ae89a01916845f30e24ca95fac4cd.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/943ae89a01916845f30e24ca95fac4cd.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/943ae89a01916845f30e24ca95fac4cd.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/943ae89a01916845f30e24ca95fac4cd.jpg" />
</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">AlceNero</p>
          <a href="/products/alcenero-pistaziencreme-180g-bio-1-stuck-20294">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AlceNero Pistaziencrème 180g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tP6LSSfBmcFP5t2Fvy1PUF1R0vaHNkzvxfof7UbVo_tdBE5PBRpA-VHVZVq89RXPorcyu6a3-jk-Ug3Dj32Nqg" />
    <input value="20294" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/villiger-blutenhonig-cremig-250g-bio-1-stuck-20329">
          <img alt="Villiger Blütenhonig cremig 250g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3d7563f6d3e981ab11fe0d806ba69834.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3d7563f6d3e981ab11fe0d806ba69834.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3d7563f6d3e981ab11fe0d806ba69834.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3d7563f6d3e981ab11fe0d806ba69834.jpg" />
</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">Villiger</p>
          <a href="/products/villiger-blutenhonig-cremig-250g-bio-1-stuck-20329">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Villiger Blütenhonig cremig 250g Bio, 1 Stück</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 12.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Eht9qQWI3uSVMhkViawdG-omjQeegG_SPDfjD0sOfzj74bivJ1MH3IsBocqKdEeEFcBtSr8B2QTHn_EhgqZRaQ" />
    <input value="20329" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/villiger-blutenhonig-cremig-500g-bio-1-stuck-20330">
          <img alt="Villiger Blütenhonig cremig 500g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/59cefe4625299689b41f0283825a88a5.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/59cefe4625299689b41f0283825a88a5.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/59cefe4625299689b41f0283825a88a5.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/59cefe4625299689b41f0283825a88a5.jpg" />
</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">Villiger</p>
          <a href="/products/villiger-blutenhonig-cremig-500g-bio-1-stuck-20330">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Villiger Blütenhonig cremig 500g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SHl5IXqshiHuOfH0gujUnDwJGzEKe1ySH_1ILk3r27qhg7wnWHdfGfAKSSuBMI4Dw-_7fCv66kTkVVoAhEP16w" />
    <input value="20330" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/villiger-sommerhonig-cremig-250g-bio-1-stuck-20331">
          <img alt="Villiger Sommerhonig cremig 250g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bf20116d0a72b447a9de8c3e9bf68b5c.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bf20116d0a72b447a9de8c3e9bf68b5c.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bf20116d0a72b447a9de8c3e9bf68b5c.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bf20116d0a72b447a9de8c3e9bf68b5c.jpg" />
</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">Villiger</p>
          <a href="/products/villiger-sommerhonig-cremig-250g-bio-1-stuck-20331">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Villiger Sommerhonig cremig 250g Bio, 1 Stück</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 12.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LZVFU6r5jA7FwvkYu3p2w30RxKxTOCg2tcYhJCQW9HPEb4BViCJVNtvxQce4oixcgvck4XK5nuBObjMK7b7aIg" />
    <input value="20331" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/villiger-sommerhonig-cremig-500g-bio-1-stuck-20332">
          <img alt="Villiger Sommerhonig cremig 500g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a776ac4eca28d3604491a034c5df3b27.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a776ac4eca28d3604491a034c5df3b27.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a776ac4eca28d3604491a034c5df3b27.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a776ac4eca28d3604491a034c5df3b27.jpg" />
</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">Villiger</p>
          <a href="/products/villiger-sommerhonig-cremig-500g-bio-1-stuck-20332">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Villiger Sommerhonig cremig 500g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q6uze7uzfxImGt3_em5t6oM5JEKvjKSa-Hs42aY_B-hCUXZ9mWimKjgpZSB5tjd1fN_ED44NEkwD0yr3b5cpuQ" />
    <input value="20332" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/senftopf-haselnuss-schokoaufstrich-200ml-1-stuck-20338">
          <img alt="Senftopf Haselnuss Schokoaufstrich 200ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4e627ac4fe30195959da296461c5a0d7.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4e627ac4fe30195959da296461c5a0d7.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4e627ac4fe30195959da296461c5a0d7.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4e627ac4fe30195959da296461c5a0d7.jpg" />
</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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-haselnuss-schokoaufstrich-200ml-1-stuck-20338">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Haselnuss Schokoaufstrich 200ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="chtqaGlrB3xcVxT4vgxQxK12aY0dZo9-wp_n9sGFlFib4a9uS7DeREJkrCe91ApbUpCJwDznOag5N_XYCC26CQ" />
    <input value="20338" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/senftopf-fruchtaufstrich-erdbeer-200ml-1-stuck-20339">
          <img alt="Senftopf Fruchtaufstrich Erdbeer 200ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/22703c6db8b6c787749a62c0c1760714.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/22703c6db8b6c787749a62c0c1760714.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/22703c6db8b6c787749a62c0c1760714.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/22703c6db8b6c787749a62c0c1760714.jpg" />
</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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-fruchtaufstrich-erdbeer-200ml-1-stuck-20339">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Fruchtaufstrich Erdbeer 200ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9Xlg4MaYuRD50FnWHZ7eB5hVzGDVir8rwBsYU6h9bY4cg6Xm5ENgKOfj4QkeRoSYZ7MsLfQLCf07swp9YdVD3w" />
    <input value="20339" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/senftopf-fruchtaufstrich-aprikose-200ml-1-stuck-20340">
          <img alt="Senftopf Fruchtaufstrich Aprikose 200ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/efbec6c544d1cad1a16d43b7326c10b0.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/efbec6c544d1cad1a16d43b7326c10b0.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/efbec6c544d1cad1a16d43b7326c10b0.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/efbec6c544d1cad1a16d43b7326c10b0.jpg" />
</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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-fruchtaufstrich-aprikose-200ml-1-stuck-20340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Fruchtaufstrich Aprikose 200ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YecXtFBdo-WBwOQ4JHMfd08yHgKsB25XKc0u24Ls2ROIHdKycoZ63Z_zXOcnq0XosNT-T42G2IHSZTz1S0T3Qg" />
    <input value="20340" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/senftopf-fruchtaufstrich-chriesi-200ml-1-stuck-20344">
          <img alt="Senftopf Fruchtaufstrich Chriesi 200ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6476d187492e05e62a52e7c1a406138a.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6476d187492e05e62a52e7c1a406138a.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6476d187492e05e62a52e7c1a406138a.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6476d187492e05e62a52e7c1a406138a.jpg" />
</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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-fruchtaufstrich-chriesi-200ml-1-stuck-20344">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Fruchtaufstrich Chriesi 200ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2fJoDCoKG-LJLNi4KfdUZkqhylJ70qK_I4yKE0Zu43EwCK0KCNHC2tcfYGcqLw75tUcqH1pTFGnYJJg9j8bNIA" />
    <input value="20344" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/senftopf-maronenaufstrich-mit-zimt-200ml-1-stuck-20346">
          <img alt="Senftopf Maronenaufstrich mit Zimt 200ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3d85b0a084963ab4d422a929c8b45db3.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3d85b0a084963ab4d422a929c8b45db3.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3d85b0a084963ab4d422a929c8b45db3.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3d85b0a084963ab4d422a929c8b45db3.jpg" />
</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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-maronenaufstrich-mit-zimt-200ml-1-stuck-20346">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Maronenaufstrich mit Zimt 200ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GF6EXkNbxISS0slNaqrmY4eolr1LLmpMVpV4otSKF_TxpEFYYYAdvIzhcZJpcrz8eE528Gqv3JqtPWqMHSI5pQ" />
    <input value="20346" 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%2Faufstriche-musse%2Fsusse-aufstriche%3Fformat%3Dturbo_stream%26page%3D2">
    <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/senftopf-fruchtaufstrich-zwetschge-200ml-1-stuck-20348">
          <img alt="Senftopf Fruchtaufstrich Zwetschge 200ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e4d0cbd6cbfea914082fb64805953d31.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e4d0cbd6cbfea914082fb64805953d31.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e4d0cbd6cbfea914082fb64805953d31.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e4d0cbd6cbfea914082fb64805953d31.jpg" />
</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">Mönchaltorfer Huusgmachts</p>
          <a href="/products/senftopf-fruchtaufstrich-zwetschge-200ml-1-stuck-20348">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Senftopf Fruchtaufstrich Zwetschge 200ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

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

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



</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">
      40 von 46 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/aufstriche-musse/susse-aufstriche?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>