<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%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/schokoladenaufstrich-choco-zartbitter-bio-250-g-339">
          <img alt="Schokoladenaufstrich CHOCO Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/301/file/small-41e859cf7efff5ec80d0042977c6fc4b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/301/file/medium-aa7c06468a2d371fa9902439db026734.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/301/file/large-33a7c0cd0d695cad7aed4c31aea73162.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/301/file/medium-aa7c06468a2d371fa9902439db026734.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">Rapunzel</p>
          <a href="/products/schokoladenaufstrich-choco-zartbitter-bio-250-g-339">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokoladenaufstrich CHOCO Zartbitter Bio, 250 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.24 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nMzqOpvihjWt34auB5MXTN5ThPD-KcE6tV0sbgAoBq1X8mnauy1SrCYPpu0_00XDgOfaReIawAyBzvFzwxue7Q" />
    <input value="339" 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%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/streich-s-drauf-arrabitom-bio-135-g-386">
          <img alt="streich´s drauf Arrabitom Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/337/file/small-3cde48496c20e33cc58a5230c5decddd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/337/file/medium-3ef1640f4014093d7698ac166daa1da5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/337/file/large-2272a757454a3d4591bc663a7cf4bf5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/337/file/medium-3ef1640f4014093d7698ac166daa1da5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/products/streich-s-drauf-arrabitom-bio-135-g-386">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">streich´s drauf Arrabitom Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FeUHC5vtixHUMq0EKbD9W2yUVJyCPgKVIM14fK-Skc3e24TruyJfiF_ijUcR8K_UMiAKKZ4NA6MUXqVhbKEJjQ" />
    <input value="386" 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%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/fruchtgarten-himbeer-bio-225-g-387">
          <img alt="Fruchtgarten Himbeer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/340/file/small-e7f854ffeb1eb00437382b3deea0b6b1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/340/file/medium-b68e02d62f68a6071c986caf9b7df239.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/340/file/large-b75165afd175819d2b91140951aecaea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/340/file/medium-b68e02d62f68a6071c986caf9b7df239.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/products/fruchtgarten-himbeer-bio-225-g-387">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgarten Himbeer Bio, 225 g</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 3.02 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iZcb-dPjH8Zf1DQKbX6JSXuizZwROjZJXwiupGSh5s1CqZgZ8yzLX9QEFElVPtvGJRaTKQ0JN39rm3O5p5J-jQ" />
    <input value="387" 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%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/fruchtgarten-bitterorange-bio-225-g-391">
          <img alt="Fruchtgarten Bitterorange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/342/file/small-6eb07618177191b9702d8a5ffb44b82f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/342/file/medium-2e6e0644d05190e0159c88a50cfb3233.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/342/file/large-47ecbd8467637f94d162b65abfbbf3ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/342/file/medium-2e6e0644d05190e0159c88a50cfb3233.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/products/fruchtgarten-bitterorange-bio-225-g-391">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgarten Bitterorange Bio, 225 g</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 3.02 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="25Eu5iK4ZlsDsSCivr3_10JLw2DKP7oMR_IOCqoL6SAQr60GAneywohhAOGG_a1YHP-d1dYMuzpzYdMXaThxYA" />
    <input value="391" 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%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/aufstrich-krauter-tartex-tube-bio-200-g-2043">
          <img alt="Aufstrich Kräuter Tartex Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/1603/file/small-1ddf0dcdcc788192573b89cb45c79f34.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/1603/file/medium-d3b11e865d7c1483d7c1fbf3010a040e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/1603/file/large-c195bf477cf2e91d7db76a70aa4abfca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/1603/file/medium-d3b11e865d7c1483d7c1fbf3010a040e.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">Tartex</p>
          <a href="/products/aufstrich-krauter-tartex-tube-bio-200-g-2043">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Kräuter Tartex Tube Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </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-2043-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J5nW__64gHOXG29ssFkXrAYo7dmS3aCOQUoBzG0GliHsp1Uf3ndU6hzLTy-IGUUjWJyzbI7uobh12dzRrjUOYQ" />
    <input value="2043" 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%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/mandelmus-weiss-aus-europa-bio-250-g-5663">
          <img alt="Mandelmus weiss  aus Europa Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/3271/file/small-4ab69eee412fadb311e0146cf113dd3a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/3271/file/medium-5729ab4278f9021f7ea80376e6bd5d1d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/3271/file/large-b88bf69ea661a0a4697803c45acd4e36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/3271/file/medium-5729ab4278f9021f7ea80376e6bd5d1d.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">Rapunzel</p>
          <a href="/products/mandelmus-weiss-aus-europa-bio-250-g-5663">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelmus weiss  aus Europa Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xzp1pI49xzDTCvJo6cHcqkKAeSeUxesv70Vq06tX5R-UBPZErvITqVja0ivRgY4lHDQnkoj26hnb1rfOaGR9Xw" />
    <input value="5663" 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%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/creme-de-carob-bio-200-g-6691">
          <img alt="Creme de Carob Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/3868/file/small-43f587b2a740c4e637ef03e322672cd6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/3868/file/medium-411b790e9e53cdd2bc6634583b694cdb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/3868/file/large-d3ce5d7f43e6724fdaebcf3353ec5c4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/3868/file/medium-411b790e9e53cdd2bc6634583b694cdb.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">Naturkostbar</p>
          <a href="/products/creme-de-carob-bio-200-g-6691">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Creme de Carob Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%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/aufstrich-champignons-tartex-tube-bio-200-g-6926">
          <img alt="Aufstrich Champignons Tartex Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/4007/file/small-4bafb11f2a6649d56f9f8d88b225f1ec.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/4007/file/medium-67bcf6f14b9e773356c93ed91e7b302e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/4007/file/large-a76f3b78435f1d8521524b1a53fa4b27.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/4007/file/medium-67bcf6f14b9e773356c93ed91e7b302e.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">Tartex</p>
          <a href="/products/aufstrich-champignons-tartex-tube-bio-200-g-6926">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Champignons Tartex Tube Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="caf7QDwQxpOgOv4GWW8Yxpo2H_5RgqaMHJiF98i28QO6mXigHN8SCivq3kVhL0pJxIJBS02xp7ooC1jqC4VpQw" />
    <input value="6926" 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%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/fruchtgarten-heidelbeere-bio-225-g-7748">
          <img alt="Fruchtgarten Heidelbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/4472/file/small-612f98dde09d01413a46c2b42e619127.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/4472/file/medium-7d6471a2484bd4e0910f5e7d5c14a1d2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/4472/file/large-e6c356cb2a79a7da1cf21c86b44c785e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/4472/file/medium-7d6471a2484bd4e0910f5e7d5c14a1d2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/products/fruchtgarten-heidelbeere-bio-225-g-7748">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgarten Heidelbeere Bio, 225 g</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 3.02 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9RYbW5aZH5htWH_y8_tMsYp_Gr3D7BBf5e1QE8UOIBI-KJi7tlbLAeaIX7HLux4-1MtECN_fEWnRfo0OBj24Ug" />
    <input value="7748" 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%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/fruchtgarten-waldbeere-bio-225-g-7749">
          <img alt="Fruchtgarten Waldbeere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/4473/file/small-9d5ff68ca633fe0ba1637666a8d09d8f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/4473/file/medium-8ad1b67508026472236e54f70ce44ea4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/4473/file/large-57d377c842ee84aa2a3943e1e0351502.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/4473/file/medium-8ad1b67508026472236e54f70ce44ea4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/products/fruchtgarten-waldbeere-bio-225-g-7749">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgarten Waldbeere Bio, 225 g</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 3.02 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_9iv7NfO0DtNi4Y43y-2a7eMxA4J1nE0tuth5sWZ-vk05iwM9wEEosZbpnvnb-Tk6TiauxXlcAKCeLz7BqpiuQ" />
    <input value="7749" 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%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/tahin-sesammus-ohne-salz-bio-500-g-9443">
          <img alt="Tahin (Sesammus) ohne Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/5322/file/small-4c8da9dda5b0e6131b37eac4373cf55d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/5322/file/medium-e4fa3bbc688f3c44da5dfb13947aa81b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/5322/file/large-b345e2796183643f8185682e9753a623.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/5322/file/medium-e4fa3bbc688f3c44da5dfb13947aa81b.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">Rapunzel</p>
          <a href="/products/tahin-sesammus-ohne-salz-bio-500-g-9443">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tahin (Sesammus) ohne Salz Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2OjKpExPmzgjvqQ8k3hPCgbgWxGp6uJuPoobyS1L0bYT1klEbIBPoahuhH-rOB2FWFQFpLXZ41gKGcbU7nhJ9g" />
    <input value="9443" 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%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/bionella-nuss-nougat-creme-bio-400-g-12385">
          <img alt="Bionella Nuss-Nougat Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6209/file/small-6a7ab31e7b1c305a528adb75673e62c2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6209/file/medium-0c397fabf68c3dce7c886c68551ae1af.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6209/file/large-fb71a581e8a14c556ed4bed2c9629f3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6209/file/medium-0c397fabf68c3dce7c886c68551ae1af.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">Rapunzel</p>
          <a href="/products/bionella-nuss-nougat-creme-bio-400-g-12385">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bionella Nuss-Nougat Creme Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OLEfjZAti2Ro64yCr9gcnThpOUo7ud-gEE-Vbe9kE9vzj5xtsOJf_eM7rMGXmE4SZt1n_yeK3pYk3EhwLFeLmw" />
    <input value="12385" 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%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/gebrannte-erdnuss-creme-bio-250-g-12968">
          <img alt="Gebrannte Erdnuss Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6370/file/small-3a88950a993a5a98d74b2609a5fc01a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6370/file/medium-ecf5f756c8c1d6df86b60b98cb5bca51.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6370/file/large-f81b08f7280e5d362c21a493dadbe169.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6370/file/medium-ecf5f756c8c1d6df86b60b98cb5bca51.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">Rapunzel</p>
          <a href="/products/gebrannte-erdnuss-creme-bio-250-g-12968">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gebrannte Erdnuss Creme Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QLvHatPlqAShKvoDB5fyLFoq5t_X4ooi4MVyakyz5qKLhUSK8yp8nSr62kA_16CjBJ64asvRixTUVq93j4B-4g" />
    <input value="12968" 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%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gianduja-chocolate-aufstrich-bio-200-g-13817">
          <img alt="Gianduja Chocolate Aufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6592/file/small-316798b4acdec72cf9318cf0967c8df9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6592/file/medium-375246c29f0a2862f792bc163c760a39.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6592/file/large-6ef58ad875aa1c6e65edd5b346b0ae78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6592/file/medium-375246c29f0a2862f792bc163c760a39.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">Naturkostbar</p>
          <a href="/products/gianduja-chocolate-aufstrich-bio-200-g-13817">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gianduja Chocolate Aufstrich Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.80
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%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/erdnussmus-crunchy-mit-salz-bio-250-g-15200">
          <img alt="Erdnussmus Crunchy mit Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6965/file/small-35a25566f432ee804b9adf283d23934a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6965/file/medium-d19aad35e397dffc71eb905b1cf4bda0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6965/file/large-52b83aae33b9efc4a6321567803a5831.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6965/file/medium-d19aad35e397dffc71eb905b1cf4bda0.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">Rapunzel</p>
          <a href="/products/erdnussmus-crunchy-mit-salz-bio-250-g-15200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdnussmus Crunchy mit Salz Bio, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0lpmxJNzYhPXvaNRn3FGc3LLZQ-9MBV7N_foSJFNZSEZZOUks7y2ilxtgxKnMRT8LH87uqEDFE0DZDVVUn79YQ" />
    <input value="15200" 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%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/erdnussmus-fein-bio-250-g-15202">
          <img alt="Erdnussmus fein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6969/file/small-1658b6d3d887ea03e74bf6eb73d4272f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6969/file/medium-64197d889f797b553e1e0870aa9172af.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6969/file/large-163cf52b65a48eb38c7f264cab738360.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6969/file/medium-64197d889f797b553e1e0870aa9172af.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">Rapunzel</p>
          <a href="/products/erdnussmus-fein-bio-250-g-15202">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdnussmus fein Bio, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NvxtareUVnSXexULFCpzO1bXowm_kuKNbCarnbUUMs39wu6Kl1uC7RyrNUgsaiG0CGP9vKOh47tYtXaAdieqjQ" />
    <input value="15202" 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%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/aufstrich-nature-tartex-tube-bio-200-g-16246">
          <img alt="Aufstrich Nature Tartex Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7485/file/small-434a6869f678d1065162fb3e86f93b62.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7485/file/medium-114d3e08f50afd19ea9aaffff2a678f8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7485/file/large-8a207eed1b9297c71d57028bd6d720e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7485/file/medium-114d3e08f50afd19ea9aaffff2a678f8.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">Tartex</p>
          <a href="/products/aufstrich-nature-tartex-tube-bio-200-g-16246">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Nature Tartex Tube Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RXPSBNXBytinn55UIBUwbaJEIGI8cyt4KUW_wkI45l6OTVHk9Q4eQSxPvhcYVWLi_PB-1yBAKk4d1mLfgQt-Hg" />
    <input value="16246" 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%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/fruchtgarten-pfirsich-maracuja-bio-225-g-17461">
          <img alt="Fruchtgarten Pfirsich Maracuja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/8135/file/small-5f84a15909c000132f54731279b2ea8e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/8135/file/medium-03a1d0eb7191a9ed52dfebdbd1ca37b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/8135/file/large-03c99482406f63c9e0488089ff6dfba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/8135/file/medium-03a1d0eb7191a9ed52dfebdbd1ca37b3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/products/fruchtgarten-pfirsich-maracuja-bio-225-g-17461">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgarten Pfirsich Maracuja Bio, 225 g</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 3.02 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LbhaVD7mxUjRJD2QpNi4kKsSY4HuKEh_9nff_WAaB4_mhtm0HikR0Vr0HdOcmOof9aY9NPIbSUnC5ALgoymfzw" />
    <input value="17461" 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%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/fruchtgarten-hagebutte-bio-225-g-17463">
          <img alt="Fruchtgarten Hagebutte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/8137/file/small-fb5d8c114772aab50a02fabf1a6045c9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/8137/file/medium-ec8caa7a5ecc2c09643ad4c19f77a7fe.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/8137/file/large-8dfc95419e4f5dc570d36646a968895f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/8137/file/medium-ec8caa7a5ecc2c09643ad4c19f77a7fe.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/products/fruchtgarten-hagebutte-bio-225-g-17463">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgarten Hagebutte Bio, 225 g</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 3.02 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ztENlvdtJgyUVGRcFCBg0z2Z5hiyX81YL97-NUNqgxwF745216LylR-ERB8sYDJcYy24ra5szG4bTSMogFkbXA" />
    <input value="17463" 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%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/fruchtgarten-erdbeer-rhabarber-bio-225-g-17464">
          <img alt="Fruchtgarten Erdbeer-Rhabarber Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/8138/file/small-7cd729c6f60738e558e7f5565fff8299.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/8138/file/medium-5360722d7063527e36dfedbe20066b7e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/8138/file/large-422bf960704757f44abe86d12b3546c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/8138/file/medium-5360722d7063527e36dfedbe20066b7e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/products/fruchtgarten-erdbeer-rhabarber-bio-225-g-17464">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtgarten Erdbeer-Rhabarber Bio, 225 g</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 3.02 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Df_LKvpc7weEPbdBRRv-L4CFk9H1DMLAbKoka3L50DDGwUjK2pM7ng_tlwJ9W6yg3jHNZOk_w_ZYOfl2scpIcA" />
    <input value="17464" 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 124 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lebensmittel/aufstriche-musse?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>