<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/haselnussmus-bio-250-g-335">
          <img alt="Haselnussmus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/299/file/small-a6db52f4fe188ccdc798b12ef80c5d4f.webp 600w, https://assets.fabulous.ch/public/variant_asset/299/file/medium-0e8bf83a5a07fe494fc3c44310374470.webp 900w, https://assets.fabulous.ch/public/variant_asset/299/file/large-bd2657691a080fec04050b7b5005cbac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/299/file/medium-0e8bf83a5a07fe494fc3c44310374470.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/haselnussmus-bio-250-g-335">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haselnussmus Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fYEa0Iov-QeSQC8KrlUK2YiYDOMUzpUnYbCtmceEenhvo-k-nT0BrAg0GIcBblIAuncHssGMD0zdGc5B5_pYMg" />
    <input value="335" 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/mandelpuree-rohkostqualitat-bio-1-kg-1197">
          <img alt="Mandelpüree Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1056/file/small-4d53b5ecd79a70f10649b6101b42a2ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/1056/file/medium-d7aab992b26be27f29304932391c80c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1056/file/large-b864d884bf1ac40b4457527c9ad03d0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1056/file/medium-d7aab992b26be27f29304932391c80c7.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">Soyana</p>
          <a href="/products/mandelpuree-rohkostqualitat-bio-1-kg-1197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelpüree Rohkostqualität Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 54.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z0-XsyIe913eiFKJ1lzZ6pnKaNkmew6SzgTCuY8orKt1bWRdNQwP9kT8ZQR5Z4EzqyVjiPM5lPlyraFhr1aO4Q" />
    <input value="1197" 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/mandelmus-bio-500-g-604">
          <img alt="Mandelmus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/555/file/small-bd95787fdb38a58ce833d8679215d3bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/555/file/medium-72d3115229436b75ac6a46e9e38bf70d.webp 900w, https://assets.fabulous.ch/public/variant_asset/555/file/large-7892d177da07e4a375ee2abbd24cbdb4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/555/file/medium-72d3115229436b75ac6a46e9e38bf70d.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-bio-500-g-604">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelmus Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mnK_0V5spdy5ItNOA28qOQKAd7ZwRlgEphFv2-kcsXiIUEw_SX5ddyNW5MOsVHLgMG9856UEwm8auAwDyWKTMg" />
    <input value="604" 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/kokos-mandelmus-mit-dattel-bio-250-g-5650">
          <img alt="Kokos- &amp; Mandelmus mit Dattel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3262/file/small-59c00d0bdf342d86608ae6015903886f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3262/file/medium-dd9c1060ab5b376ba3f02c1a41686dee.webp 900w, https://assets.fabulous.ch/public/variant_asset/3262/file/large-c43b7df6fbc25cdb06d6ea1cab2219f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3262/file/medium-dd9c1060ab5b376ba3f02c1a41686dee.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/kokos-mandelmus-mit-dattel-bio-250-g-5650">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokos- &amp; Mandelmus mit Dattel Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NWgYghpF92HxMkmmfSr4Ps5hzgB0vdwksMPZMXDADwsnSutsDVcPymtGfivSEaDn_I7FUaH_Rk8MarrpUL4tQQ" />
    <input value="5650" 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/streich-s-drauf-basitom-bio-135-g-385">
          <img alt="streich&#39;s drauf Basitom Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/336/file/small-5fffdac62f801718a942e6002b0c0ccd.webp 600w, https://assets.fabulous.ch/public/variant_asset/336/file/medium-c3da5d8d687d10067c650162bde21843.webp 900w, https://assets.fabulous.ch/public/variant_asset/336/file/large-0e8ee8e49286dcc2a3e306b46a22dddd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/336/file/medium-c3da5d8d687d10067c650162bde21843.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-basitom-bio-135-g-385">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">streich&#39;s drauf Basitom Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CuPMk27MSqZY9FmvZUKx_0VkbtFZTDlsefNvG3HoD6AYwT99ed6yDcKAbiLKeekmd4tlgIwOowfFWgzDUZYt6g" />
    <input value="385" 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-bruschesto-bio-135-g-384">
          <img alt="streich´s drauf Bruschesto Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/335/file/small-218218fd4c4f6954128d609b9bbcc00c.webp 600w, https://assets.fabulous.ch/public/variant_asset/335/file/medium-ef97f987ccb0e07f25ab8f2f3548cfc1.webp 900w, https://assets.fabulous.ch/public/variant_asset/335/file/large-055ea0a83046391686510118c22e6126.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/335/file/medium-ef97f987ccb0e07f25ab8f2f3548cfc1.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-bruschesto-bio-135-g-384">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">streich´s drauf Bruschesto Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QpF-4Gq1If-6FLdcYPmG8lGH09UrSrNiSuBNSxeGlzxQs40OfafZVCBggNHPwt4rY2jYhP4IKQn2SS6TN_i1dg" />
    <input value="384" 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-nature-bio-500-g-15172">
          <img alt="Tahin (Sesammus) Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6951/file/small-e3e85626f01f699def090e19b05519ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/6951/file/medium-006e8bee901fab0c462049eeed5e4503.webp 900w, https://assets.fabulous.ch/public/variant_asset/6951/file/large-14ff97c0bcf952a0c21b70daec6b043d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6951/file/medium-006e8bee901fab0c462049eeed5e4503.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">Lima</p>
          <a href="/products/tahin-sesammus-nature-bio-500-g-15172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tahin (Sesammus) Nature Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LrkGt2HsQVYR66-9tUPxFD-58iVgiZCFor4bujZAQZc8m_VZdv65_YufmDAaeKnNDVb5dLXLCu4eF3hiFj5j3Q" />
    <input value="15172" 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-bio-250-g-336">
          <img alt="Mandelmus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/300/file/small-cf30471b593fd4eebd6311ccb1fef797.webp 600w, https://assets.fabulous.ch/public/variant_asset/300/file/medium-f22cc317f77587749d6034be5be7604f.webp 900w, https://assets.fabulous.ch/public/variant_asset/300/file/large-1aa4481125272a1755a3a8780fbdf7f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/300/file/medium-f22cc317f77587749d6034be5be7604f.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-bio-250-g-336">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelmus Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V1dQVWyir8M47OTtsqmo7giITVpSdWXBbvgV7Ycr6sVFdaO7e7BXaKKY02AdkvA3OmdGC4c3_6rSUXY1p1XIjw" />
    <input value="336" 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-250-g-341">
          <img alt="Tahin (Sesammus) ohne Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/304/file/small-8c341c925b11cf8e8c02914c2a35e311.webp 600w, https://assets.fabulous.ch/public/variant_asset/304/file/medium-751919bea3eedb35162ed4b5e92c573b.webp 900w, https://assets.fabulous.ch/public/variant_asset/304/file/large-1c0ad76ffe9475e8c0b6940de5f25897.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/304/file/medium-751919bea3eedb35162ed4b5e92c573b.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-250-g-341">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tahin (Sesammus) ohne Salz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fC8nipqu_bKiPgl9VHR95TkaXlTKqgkX7xNFQCzjQ3FuDdRkjbwFGThKPvD7TyU8C_VVBR_ok3xTuiaYDJ1hOw" />
    <input value="341" 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/aufstrich-krauter-knoblauch-tartex-tube-bio-200-g-2045">
          <img alt="Aufstrich Kräuter &amp; Knoblauch Tartex Tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1605/file/small-08b29d5a900fe5d9a78227d49db7df54.webp 600w, https://assets.fabulous.ch/public/variant_asset/1605/file/medium-39a8cfe9419412437b47cd6c8421b7bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/1605/file/large-d8e2b5ed1de5f5223a5af0f04fab39b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1605/file/medium-39a8cfe9419412437b47cd6c8421b7bc.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-knoblauch-tartex-tube-bio-200-g-2045">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aufstrich Kräuter &amp; Knoblauch 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-2045-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8Wu_UrFPdEQC7WQfGAtloHAvIzg7YAltVH4vHKizjtnjSUy8pl2M75iZU5K3MD15QsAoae4ikwbo10zEiM2skw" />
    <input value="2045" 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/streich-s-drauf-papayango-bio-160-g-390">
          <img alt="streich´s drauf Papayango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8990/file/small-c432a9e6e1a18f55c3fbe9e305e11a79.webp 600w, https://assets.fabulous.ch/public/variant_asset/8990/file/medium-7982de895f69588cfc37b529c1d25df3.webp 900w, https://assets.fabulous.ch/public/variant_asset/8990/file/large-0b27115d946246e17479e757fcfc99e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8990/file/medium-7982de895f69588cfc37b529c1d25df3.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-papayango-bio-160-g-390">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">streich´s drauf Papayango Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o5zgtq331fiJenuXzsvP0V3aQM3R7jMJn1CSCmXHjz6xvhNYuuUtUxMOTBph8JcIbzVLnASsqWIj-fHSRbmtdA" />
    <input value="390" 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-papucchini-bio-135-g-10321">
          <img alt="streich´s drauf Papucchini Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5551/file/small-9ffd78a7c8381eadbfb03ea59179e983.webp 600w, https://assets.fabulous.ch/public/variant_asset/5551/file/medium-4822a8de8dfca0cc00eb7d1532546e69.webp 900w, https://assets.fabulous.ch/public/variant_asset/5551/file/large-767cda88a28bcac994cbcba0bcb27896.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5551/file/medium-4822a8de8dfca0cc00eb7d1532546e69.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-papucchini-bio-135-g-10321">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">streich´s drauf Papucchini Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kTQW87sXuIzUExFWJeSe-t-31uqA54PmEytDhrZH2JeDFuUdrAVAJ05nJtuK38Yj7Vjdu1WlGY2vgiBeljn63Q" />
    <input value="10321" 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/kokosnussmus-rohkost-bio-200-g-6687">
          <img alt="Kokosnussmus Rohkost Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3862/file/small-5f5d35667e1a72a1ca1cbea6d2d6278e.webp 600w, https://assets.fabulous.ch/public/variant_asset/3862/file/medium-2f5690c49ef95f8895c42e15b1eb7c4f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3862/file/large-54a8692a65b7f6e75ee4502411292c7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3862/file/medium-2f5690c49ef95f8895c42e15b1eb7c4f.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/kokosnussmus-rohkost-bio-200-g-6687">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosnussmus Rohkost Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zsHUvmsBRRUxMoysKYSLYoPzCSvXzHiRbUWZ3cD2Ap7c4ydQfBO9vqtGuyGGv9O7sRwCegKO4vrR7PoF4Igg1A" />
    <input value="6687" 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/meerrettich-im-glas-demeter-125-g-139">
          <img alt="Meerrettich im Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/154/file/small-4ad19b7e421e836fe5fdfd44f74ff302.webp 600w, https://assets.fabulous.ch/public/variant_asset/154/file/medium-596f96eb919fcf4300c50ea9c7a3c2b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/154/file/large-7eb000fe158a946dff02c9082dab3dd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/154/file/medium-596f96eb919fcf4300c50ea9c7a3c2b0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/products/meerrettich-im-glas-demeter-125-g-139">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meerrettich im Glas Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SwQajJX_iHPXO9SjcTrHosnMR66vd0TRHwNFGioXlhJZJuligu1w2E1P4y7eAZ97-yNM_3o13rqjqibCCmm0WA" />
    <input value="139" 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/mandelmus-weiss-bio-250-g-337">
          <img alt="Mandelmus weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/302/file/small-bfa1d0f0d141e9b68c52318f023cc403.webp 600w, https://assets.fabulous.ch/public/variant_asset/302/file/medium-7e5427244596e8ad563175595f797355.webp 900w, https://assets.fabulous.ch/public/variant_asset/302/file/large-072bfdc47922d7b2e3c7293d2ef429af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/302/file/medium-7e5427244596e8ad563175595f797355.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-bio-250-g-337">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelmus weiss Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D9BZhlIVQnOHe84wQVvq26tLM2puVLcW_tgLnSfX9SYd8qpoRQe62B0P-b3uYLICmaQ4O7sWLX1CcWhFB6nXbA" />
    <input value="337" 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/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.fabulous.ch/public/variant_asset/301/file/small-41e859cf7efff5ec80d0042977c6fc4b.webp 600w, https://assets.fabulous.ch/public/variant_asset/301/file/medium-aa7c06468a2d371fa9902439db026734.webp 900w, https://assets.fabulous.ch/public/variant_asset/301/file/large-33a7c0cd0d695cad7aed4c31aea73162.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.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="mNTFJxBYLt_WgoxZsDGq40_pdyTOiTv7YB04OfnOa8yK9jbJB0rWdEz2u9QfCvI6fQZ8dRvLoZDctFvh2bBJhg" />
    <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 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/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.fabulous.ch/public/variant_asset/337/file/small-3cde48496c20e33cc58a5230c5decddd.webp 600w, https://assets.fabulous.ch/public/variant_asset/337/file/medium-3ef1640f4014093d7698ac166daa1da5.webp 900w, https://assets.fabulous.ch/public/variant_asset/337/file/large-2272a757454a3d4591bc663a7cf4bf5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.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="lnbW_W7n3xqQnkosQBizMsi4fDbAAJWoAsEbUf5ZHDmEVCUTefUnsQrqfaHvI-vr-ld3ZxVCD8O-aHiJ3ic-cw" />
    <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  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-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.fabulous.ch/public/variant_asset/1603/file/small-1ddf0dcdcc788192573b89cb45c79f34.webp 600w, https://assets.fabulous.ch/public/variant_asset/1603/file/medium-d3b11e865d7c1483d7c1fbf3010a040e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1603/file/large-c195bf477cf2e91d7db76a70aa4abfca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.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="z3vZ7VY79wMrXAx--LgydntxRf8IhrWxM13OW4kinWXdWSoDQSkPqLEoO_NXg2qvSZ5Ort3EL9qP9K2DqVy_Lw" />
    <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 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/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.fabulous.ch/public/variant_asset/3271/file/small-4ab69eee412fadb311e0146cf113dd3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3271/file/medium-5729ab4278f9021f7ea80376e6bd5d1d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3271/file/large-b88bf69ea661a0a4697803c45acd4e36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.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 14.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.88 / 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="e2FymAMet6X9GvoH2CPmviPDamz3gfsmBuA5iq9EOyRpQ4F2FAxPDmduzYp3GL5nESxhPSLDYU26SVpSjzoZbg" />
    <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  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-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.fabulous.ch/public/variant_asset/4472/file/small-612f98dde09d01413a46c2b42e619127.webp 600w, https://assets.fabulous.ch/public/variant_asset/4472/file/medium-7d6471a2484bd4e0910f5e7d5c14a1d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/4472/file/large-e6c356cb2a79a7da1cf21c86b44c785e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.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="UCMoJ8XADvzwMPpYlSXQU-0bFyGV00g_PzkgaFWEZiVCAdvJ0tL2V2pEzdU6HoiK3_QccECR0lSDkEOwdfpEbw" />
    <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>



</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 103 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>