<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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/mandeln-weiss-200-g-19106">
          <img alt="Mandeln weiss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10489/file/small-51780c45e05d205c6ef32ebdae3efa47.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10489/file/medium-63297232e798396331fe8b0737f7718a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10489/file/large-5361fc724299cb648703e428908087bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10489/file/medium-63297232e798396331fe8b0737f7718a.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">Sun Snack</p>
          <a href="/products/mandeln-weiss-200-g-19106">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandeln weiss, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BYp5q4W8DTHmYmuuuIdUsoBfPLqKc1e0dRnr1q7P5xFKJdl2ZaKpeFZTEdC8g_WbJ4TUupNj0Jj2mVPHrUUIfw" />
    <input value="19106" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/mango-scheiben-bio-150-g-19107">
          <img alt="Mango-Scheiben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10443/file/small-285e9ed280ca969343c693719e4c5513.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10443/file/medium-67fbeccf9d0a6fb0911e06ee9b92d433.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10443/file/large-af16c961cbdd7b3486274236a4243960.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10443/file/medium-67fbeccf9d0a6fb0911e06ee9b92d433.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">Sun Snack</p>
          <a href="/products/mango-scheiben-bio-150-g-19107">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mango-Scheiben Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aplo30VvL8rpCgurFU6UK1i6hv48MG9ViDL0AwxyDM0lNsgCpXGLg1k7cdURSjUC_2Fu_iUg6HkLskwSD_jjow" />
    <input value="19107" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/mango-scheiben-bio-400-g-19108">
          <img alt="Mango-Scheiben Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10446/file/small-06a9cd396307487be5176521fa6b3af5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10446/file/medium-a4c20c0c96960e9e729c45643ae1f0e3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10446/file/large-fa784ec35201abc87a0bd333d01b661d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10446/file/medium-a4c20c0c96960e9e729c45643ae1f0e3.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">Sun Snack</p>
          <a href="/products/mango-scheiben-bio-400-g-19108">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mango-Scheiben Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5MniQWVER8eGT1Wrv8kWlS32BoZF6JINiJcGWVddHVirZkKchVrjjjZ-L9W7zbe8ii3uhlz4FSELF75IVNfyNg" />
    <input value="19108" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/mangostreifen-200-g-19109">
          <img alt="Mangostreifen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10480/file/small-909972eb9ba0b3a9dd2872910bb1e311.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10480/file/medium-f565050f188232f9fa550cf646382c94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10480/file/large-d3ad634dc84dcb3b0e142c9c5c430645.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10480/file/medium-f565050f188232f9fa550cf646382c94.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">Sun Snack</p>
          <a href="/products/mangostreifen-200-g-19109">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mangostreifen, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fLQqx_op9--LNOh7NFY1_ib0DVApwzddL9DmoXPBzX0zG4oaGjdTpjsFkgUwUpTXgS_lUDDTsHGsUF6wcEsiEw" />
    <input value="19109" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/maulbeeren-bio-150-g-19110">
          <img alt="Maulbeeren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10447/file/small-57ed46007ec1e0ba92559f8e2309ccdb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10447/file/medium-126ef99b8431411efda49140de02ccfe.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10447/file/large-aadc1c488834cb930c2ecba30539a8cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10447/file/medium-126ef99b8431411efda49140de02ccfe.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">Sun Snack</p>
          <a href="/products/maulbeeren-bio-150-g-19110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maulbeeren Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="egTZkvCL3ShhiUt6nImxMEwFflioKMtdbQ-fv6qzB8M1q3lPEJV5YdG4MQSYjRAZ696WWLE4THHujyeuqTnorQ" />
    <input value="19110" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/mega-mix-fruchte-nusse-joghurt-300-g-19111">
          <img alt="Mega-Mix Früchte+Nüsse Joghurt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10498/file/small-38b1fb59af6934975c88253c05874b9d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10498/file/medium-70675ea08158035bb4e8da53d868a515.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10498/file/large-abb6b9ddbfa01f7b36d4ec2d6a93b2bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10498/file/medium-70675ea08158035bb4e8da53d868a515.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">Sun Snack</p>
          <a href="/products/mega-mix-fruchte-nusse-joghurt-300-g-19111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mega-Mix Früchte+Nüsse Joghurt, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gdu9qCGFcN5ON6XXSC3du-9meNAYQJQy7ZdxCugTAVdWdB11wZvUl_4G36lMKXySSL2Q0AFQEx5uF8kb65nuOQ" />
    <input value="19111" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/mischobst-200-g-19112">
          <img alt="Mischobst" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10494/file/small-29a637f3eecc5b76061462d0a088403c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10494/file/medium-78ad5c9045e85feeb0b665470a8eaa69.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10494/file/large-42b9c332b8d58a4a713163d9785893f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10494/file/medium-78ad5c9045e85feeb0b665470a8eaa69.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">Sun Snack</p>
          <a href="/products/mischobst-200-g-19112">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischobst, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PH7kSGzgfW-ZyUI0CTTne1_Lz9pMNo7mO_23iWvrrvxz0USVjP7ZJin4OEoNMEZS-BAn2lUmCcq4fQ-YaGFBkg" />
    <input value="19112" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/mischobst-450-g-19113">
          <img alt="Mischobst" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10520/file/small-d364e6f58fda701e2340a22809ef20ae.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10520/file/medium-e6abbe63b96d65956e442bc89394f07b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10520/file/large-1d3e4ba617f601e90741dd2055ddcdfd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10520/file/medium-e6abbe63b96d65956e442bc89394f07b.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">Sun Snack</p>
          <a href="/products/mischobst-450-g-19113">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischobst, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pwOEv20SaOUh1KrhUMQdFtRnWSf8i7uqqcuN_0cxPRDorCRijQzMrJHl0J9UwLw_c7yxJ-WbPIYqSzXuRLvSfg" />
    <input value="19113" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/mohnsamen-250-g-19114">
          <img alt="Mohnsamen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10491/file/small-09c4304a1bdbedd12d358771b13aedd3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10491/file/medium-7e45125668780e7f2d168fed29f7436f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10491/file/large-55320ef72d1698dde74ae833fd1b60e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10491/file/medium-7e45125668780e7f2d168fed29f7436f.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">Sun Snack</p>
          <a href="/products/mohnsamen-250-g-19114">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mohnsamen, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </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-19114-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d_sWsGDYwAaiTCB1Qs1eKs_-7YbpVEqTadBKXzHhHXs4VLZtgMZkTxJ9WgtGyf8DaCUFhvBEzb_qUPJOMmvyFQ" />
    <input value="19114" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/nusskerne-halbe-bio-150-g-19115">
          <img alt="Nusskerne halbe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10464/file/small-3203709bc6655c4d484a0af4fb666778.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10464/file/medium-c800c9730ca12b7c13e8e38c3475a62d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10464/file/large-30d1404e601ae37fba3fd37d11e67e15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10464/file/medium-c800c9730ca12b7c13e8e38c3475a62d.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">Sun Snack</p>
          <a href="/products/nusskerne-halbe-bio-150-g-19115">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nusskerne halbe Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="esvsU2LtJeIuFQatsJ7CV4D2J4DbpZiFYv1zCNuDRG41ZEyOgvOBq54kfNO0mmN-Jy3PgMK1H6nhfcsZ2AmrAA" />
    <input value="19115" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/nusskerne-halbe-helle-bio-650-g-19116">
          <img alt="Nusskerne halbe helle Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10466/file/small-18c8a2b1c916a376ef8567f4ff899df2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10466/file/medium-a4874370308075482662e0c914d289c5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10466/file/large-e6368008cf19941529a8ec7c49f8e865.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10466/file/medium-a4874370308075482662e0c914d289c5.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">Sun Snack</p>
          <a href="/products/nusskerne-halbe-helle-bio-650-g-19116">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nusskerne halbe helle Bio, 650 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zOmYt3I0Srzgosmaocw6m6G_fslAvkAnk0FvhavNIuSDRjhqkiru9VCTs-SlyJuyBmSWyVmuxwsQwdeUqEfNig" />
    <input value="19116" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/papayastangel-200-g-19117">
          <img alt="Papayastängel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10519/file/small-c1cced0ea228300c73411d4b65ecfb2e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10519/file/medium-1e751ce8844dafcd7a0f4eedf93dbb15.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10519/file/large-d49fd4c87f5c552d8b955e98b1cdbe17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10519/file/medium-1e751ce8844dafcd7a0f4eedf93dbb15.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">Sun Snack</p>
          <a href="/products/papayastangel-200-g-19117">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Papayastängel, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NiROGpqxV91ytjtiom7SmyzirUpih-OC9v4G0SGR06B5i-7Heq_zlMKHQRymanOyizlFSnuXZK51fr7AIhs8zg" />
    <input value="19117" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/paranusskerne-bio-250-g-19118">
          <img alt="Paranusskerne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10467/file/small-5935a935eae8b059d937e038ea382149.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10467/file/medium-7f368355a0feb1c2f9defbb75eefc50e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10467/file/large-9a49d3ffebea4b94fe16e701de146950.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10467/file/medium-7f368355a0feb1c2f9defbb75eefc50e.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">Sun Snack</p>
          <a href="/products/paranusskerne-bio-250-g-19118">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paranusskerne Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sMPGpndF8b9_4XiIHbZ_BqBwyWc9LUw1KKgfxXcQBQX_bGZ7l1tV9s_QAvYZst4vB6shZyQ9yxmrKKfUdJrqaw" />
    <input value="19118" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/pekan-nusskerne-150-g-19119">
          <img alt="Pekan-Nusskerne" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10492/file/small-4a7141878b1d76b05cc4a615e28a7f95.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10492/file/medium-8e9ed075c69d8eb02643cbbb23825438.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10492/file/large-ace9de7471b63f246223ba8e928822b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10492/file/medium-8e9ed075c69d8eb02643cbbb23825438.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">Sun Snack</p>
          <a href="/products/pekan-nusskerne-150-g-19119">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pekan-Nusskerne, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SSbd3w2WXuuQNMH94kd-IvjbxfaHrRFhxN7vMLOBLK0GiX0C7Yj6oiAFu4PmQ98LXwAt9p69lk1HXlchsAvDww" />
    <input value="19119" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/pflaumen-ohne-stein-bio-225-g-19120">
          <img alt="Pflaumen ohne Stein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10448/file/small-c3a7cd900f76ddc50d2348bafba3641d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10448/file/medium-655891b504a52e5bae2fadb0b81c447d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10448/file/large-af29241b4d9ab3b6d1d797ee71c4d5b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10448/file/medium-655891b504a52e5bae2fadb0b81c447d.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">Sun Snack</p>
          <a href="/products/pflaumen-ohne-stein-bio-225-g-19120">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflaumen ohne Stein Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nrQgWQ_p62T9XmtqGWHbHv22uTN38F8ZbZxQQq07p0zRG4CE7_dPLU1vERQdZXo3Wm1RM27g2DXuHOhTrrFIIg" />
    <input value="19120" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/pflaumen-ohne-stein-bio-500-g-19121">
          <img alt="Pflaumen ohne Stein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10449/file/small-46d95ea11c73b5de6cb1cf119a472e07.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10449/file/medium-577c2da207c2eafce4211c011080ac81.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10449/file/large-2f7c3dad3144451d30ed431279b939a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10449/file/medium-577c2da207c2eafce4211c011080ac81.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">Sun Snack</p>
          <a href="/products/pflaumen-ohne-stein-bio-500-g-19121">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflaumen ohne Stein Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DnOpiow5I5dzqcDMDAxooMQmBjMt1JqP1dXk-6NkqEBB3AlXbCeH3sOYurIICMmJY_3uMzTEHaNWVVzqoO5HLg" />
    <input value="19121" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/pinienkerne-weiss-bio-100-g-19122">
          <img alt="Pinienkerne weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10468/file/small-5827106a08678624ad46b5fc52da0cd8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10468/file/medium-c148a27861dbd771473a7933d44be377.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10468/file/large-0ac196e245b597a11740ad1b0e82ecaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10468/file/medium-c148a27861dbd771473a7933d44be377.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">Sun Snack</p>
          <a href="/products/pinienkerne-weiss-bio-100-g-19122">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pinienkerne weiss Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EoEH7E3G-pdxwXm7rhqck-57l8Zja3b4D8alhnElkTldLqcxrdhe3sHwA8WqHj26SaB_xnp78dSMRh2Xcq9-Vw" />
    <input value="19122" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/pistazien-ganz-gerostet-u-gesalzen-175-g-19123">
          <img alt="Pistazien ganz geröstet u. gesalzen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10493/file/small-517d37eb65407a89f11d0bf3684e965a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10493/file/medium-3fa8921cae287acf5498cf15302a8b32.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10493/file/large-11d37e55bdc2befbb9b403114fa371a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10493/file/medium-3fa8921cae287acf5498cf15302a8b32.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">Sun Snack</p>
          <a href="/products/pistazien-ganz-gerostet-u-gesalzen-175-g-19123">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pistazien ganz geröstet u. gesalzen, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9hjcGaPKLAuZe2j7AeYwqOOLwZOFkWuU6-F019zTvZa5t3zEQ9SIQilKEoUF4pGBRFApk5yB7LhoYczG31lS-A" />
    <input value="19123" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/pistazien-geschalt-100-g-19124">
          <img alt="Pistazien geschält" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10488/file/small-e8760574d855008e9ea1d22a6de2860c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10488/file/medium-a6f387042f43d222986c1619afdef59d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10488/file/large-6176682f0ae87197c8a4648d899df6e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10488/file/medium-a6f387042f43d222986c1619afdef59d.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">Sun Snack</p>
          <a href="/products/pistazien-geschalt-100-g-19124">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pistazien geschält, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jzUL9pj50dRn3u4OLlVbggofurNKuUvwtR_fzsEpHs_AmqsreOd1ndfvlHAqUfqrrcRSs1OpzNw2n2ffwqPxoQ" />
    <input value="19124" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D78">
    <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/salatbouquet-bio-250-g-19125">
          <img alt="Salatbouquet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10475/file/small-3bd57834c890c5add47669f23c5228cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10475/file/medium-ba26b8fd5bf9837c07ccc47637b80fec.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10475/file/large-6766939a81d1c91f973a0e4d6227b305.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10475/file/medium-ba26b8fd5bf9837c07ccc47637b80fec.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">Sun Snack</p>
          <a href="/products/salatbouquet-bio-250-g-19125">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salatbouquet Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mtrFjUCd1cv_inXJeB8Vm9ndHHCt4lctpHAtYtY7Xy3VdWVQoINxgk-7D7d8G7Syfgb0cLTy0AEn8JVz1bGwQw" />
    <input value="19125" 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">
      1&#39;560 von 2&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/rapunzel?format=turbo_stream&amp;page=79">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>