<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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-orangeat-gewurfelt-bio-100-g-18787">
          <img alt="Rapunzel Orangeat gewürfelt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9626/file/small-8c792bdd9d7af66609b8706386b1d5e4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9626/file/medium-9a9bfe255d82ce7725a4a7a30d793b89.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9626/file/large-11a759da7e968a4348df9f7e70071365.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9626/file/medium-9a9bfe255d82ce7725a4a7a30d793b89.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/rapunzel-orangeat-gewurfelt-bio-100-g-18787">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Orangeat gewürfelt Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T9t0-9Kakycr_wtPYF0aLSstSAU3_JraTaWNdc6fOr1xuPJqvoU_eS8ENsLsu5xEPiJE2LeXKUSU2x_pcouOsw" />
    <input value="18787" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-oxyguard-leinol-nativ-bio-250-ml-18788">
          <img alt="Rapunzel Oxyguard Leinöl nativ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9198/file/small-ca43d2cdec7ca86f403b9d2e624015f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9198/file/medium-b58eb2077a3be3102c2d2d28a8aedb3c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9198/file/large-44fa41daa1f5be82a647aae08139513e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9198/file/medium-b58eb2077a3be3102c2d2d28a8aedb3c.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/rapunzel-oxyguard-leinol-nativ-bio-250-ml-18788">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Oxyguard Leinöl nativ Bio, 250 ml</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 3.80 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0atGO5VGwvkD3_a8XRYcQcdKVQxUuOz3VC3vWCf-laLvyMCq-VlupwckyzHR8Joo0kVZ0dTTX2mNU33Em-ohrA" />
    <input value="18788" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-parboiled-reis-weiss-bio-500-g-18789">
          <img alt="Rapunzel Parboiled Reis 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/9199/file/small-3a654db23a4450d5e459748c3a610ce8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9199/file/medium-9f23886808da77b25f852fc3d486aaa9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9199/file/large-8db8c8b623a0685e29f39f2b6dc2e1fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9199/file/medium-9f23886808da77b25f852fc3d486aaa9.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/rapunzel-parboiled-reis-weiss-bio-500-g-18789">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Parboiled Reis weiss Bio, 500 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 1.24 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hCOU-jsIm_2PL2Xxt_OoYxPZhhdp-hYz7oqJWE-RCU66QBJrVxc3o4vUWHw7FS4KBtaKyumRpa039BvE84W9QA" />
    <input value="18789" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-reismischung-wildreis-bio-500-g-18790">
          <img alt="Rapunzel Reismischung Wildreis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9200/file/small-6e3cc59b379f8981df5d5ba26305cb89.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9200/file/medium-c768453754cc307f972bf4cf04751550.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9200/file/large-8d14f309c9be36298a128cd8ca3bef22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9200/file/medium-c768453754cc307f972bf4cf04751550.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/rapunzel-reismischung-wildreis-bio-500-g-18790">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Reismischung Wildreis Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gQVfZNYQFNAGYBrkdkD_HJftzF0WLc0Bm2P2KBoKw0a_Ztn1ug-4jgKbJ2n6pnl1guLAgJZGfp9CHWS0ph53SA" />
    <input value="18790" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-risotto-spitzenreis-rundkorn-weiss-bio-500-g-18791">
          <img alt="Rapunzel Risotto Spitzenreis Rundkorn 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/9201/file/small-3d302b22bd46ef99234f91c2adc851d6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9201/file/medium-ec510a2ed8c97dec3d6ecbf121428bd8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9201/file/large-90175879aec7024e2573a33974e743e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9201/file/medium-ec510a2ed8c97dec3d6ecbf121428bd8.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/rapunzel-risotto-spitzenreis-rundkorn-weiss-bio-500-g-18791">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Risotto Spitzenreis Rundkorn weiss Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WqfotMBvmSxS6t_ioFPMwoE5-nPsiyJ3hvFqFfsN7sBkxG4lrHA1clYR4m8stUqrlDb2rmzgkelfj_iJRxlazg" />
    <input value="18791" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-rotweinessig-bio-500-ml-18792">
          <img alt="Rapunzel Rotweinessig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11338/file/small-13c7cd05de3e8597756c2fc546e0c8cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11338/file/medium-8efcc2e603f997d7dbd726fc90a7ba26.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11338/file/large-b8d20ed7b6983339af21db713f2a6ec0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11338/file/medium-8efcc2e603f997d7dbd726fc90a7ba26.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/rapunzel-rotweinessig-bio-500-ml-18792">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Rotweinessig Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5BKovNbIcSnynjfzhLtWqBsC7BTUHZoQPegCnkmHoqHacS4tutfdd_ZlCn4IXdDBDg3gyVR2KY7klpAC9ZMWrw" />
    <input value="18792" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-samba-haselnuss-bio-250-g-18793">
          <img alt="Rapunzel Samba Haselnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9202/file/small-00ffca34f17f25280356fed85e053640.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9202/file/medium-359ddae25df7591f893fc98f58f7b684.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9202/file/large-05a887778c4b40f8f802e842359dc647.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9202/file/medium-359ddae25df7591f893fc98f58f7b684.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/rapunzel-samba-haselnuss-bio-250-g-18793">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Samba Haselnuss Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="08qowWGMpVZG-2FPfM5KxS2Illwx4q2B9M6vv82m7VrtqS5QDZMJCEIAXMLwKMysOIeagbGJHh8tsD0jcbJZVA" />
    <input value="18793" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-samba-haselnuss-bio-45-g-18794">
          <img alt="Rapunzel Samba Haselnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9204/file/small-2194fd5f4b17443b2ab71d60038a07b3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9204/file/medium-99925b1002187714cf7f1c111b2d2b3a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9204/file/large-939d6bb2472d245c3fb00f9639bad8e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9204/file/medium-99925b1002187714cf7f1c111b2d2b3a.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/rapunzel-samba-haselnuss-bio-45-g-18794">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Samba Haselnuss Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.65
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-samba-haselnuss-dunkel-bio-45-g-18795">
          <img alt="Rapunzel Samba Haselnuss dunkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9203/file/small-7e892358a71415fa62fa528cf0bec7e5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9203/file/medium-b4b2648d37f7f928d09fba18a7e4637a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9203/file/large-684efd8dca2da97e43feb7beb680013c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9203/file/medium-b4b2648d37f7f928d09fba18a7e4637a.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/rapunzel-samba-haselnuss-dunkel-bio-45-g-18795">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Samba Haselnuss dunkel Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FlOF4J_63VpJDZzZtU7qgEZyPG6Fg5_ICqRSxLOgaLUoMANx8-VxBE32oVQ5qGzpU30wswXoLFbT2sBYD7Tcuw" />
    <input value="18795" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-stick-cocos-creme-bio-22-g-18796">
          <img alt="Rapunzel Stick Cocos Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11364/file/small-f6297a2d45893679205e56f9f8aa5f9b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11364/file/medium-3d314c478478ba5a383afcc0755eb402.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11364/file/large-4f486c609e90131508688616860c13c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11364/file/medium-3d314c478478ba5a383afcc0755eb402.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/rapunzel-stick-cocos-creme-bio-22-g-18796">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Stick Cocos Creme Bio, 22 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ThjgNdUrr8x5TeHNac5zyE4wKWM7sih0zRm2A6AF2n5we2akuTQDkn223EDlKPWhWz8lvrvZm-oUZySfHBFucA" />
    <input value="18796" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-stick-himbeer-joghurt-bio-22-g-18797">
          <img alt="Rapunzel Stick Himbeer Joghurt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11365/file/small-23ddf028a7eecee98061f76b673023b0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11365/file/medium-3a7be6445fabc6321348d0510a8ec86c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11365/file/large-5ea51f4e0e8cb1169071f635d0c678df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11365/file/medium-3a7be6445fabc6321348d0510a8ec86c.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/rapunzel-stick-himbeer-joghurt-bio-22-g-18797">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Stick Himbeer Joghurt Bio, 22 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="akZqrVptSy0qx09vsLOAP86IPEkpjMK35WQ6rAIeILVUJew8NnLncy48cuI8VQZW24cwlKnncSk8GqgwvgqUuw" />
    <input value="18797" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-suppennudeln-buchstaben-bunt-bio-500-g-18798">
          <img alt="Rapunzel Suppennudeln Buchstaben bunt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11198/file/small-e946065a8451f1f45e2fc529e9cbed5a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11198/file/medium-f8bf93bbb8c98240f1d796710172d46d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11198/file/large-d31e9b9814e83d8d5b318c326929e171.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11198/file/medium-f8bf93bbb8c98240f1d796710172d46d.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/rapunzel-suppennudeln-buchstaben-bunt-bio-500-g-18798">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Suppennudeln Buchstaben bunt Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W4nEaDsPTY3dcFvQfqzHftGkb7Ky9KMptNowcMl3L7pl6kL5VxDh09mLZl3ySkEXxKtjbzKfELdtpKLsdWObtA" />
    <input value="18798" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-tafel-schokolade-bitter-85-bio-80-g-18799">
          <img alt="Rapunzel Tafel Schokolade Bitter 85% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11366/file/small-bfde98a1b1fdfb18e1702883e84ebacf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11366/file/medium-60e8b9bf81c7b6b7c1a8b34b0bc80e79.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11366/file/large-7f299d47342a9aed589ded9d9624b5f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11366/file/medium-60e8b9bf81c7b6b7c1a8b34b0bc80e79.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/rapunzel-tafel-schokolade-bitter-85-bio-80-g-18799">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Tafel Schokolade Bitter 85% Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PlchzSBLUKKEGvMTM96yzeynhzamB1Je7T4MTDIyIgMANKdcTFT8_IDhzp6_ODSk-aiL6yZs4cA0QJ7QjiaWDQ" />
    <input value="18799" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-tafel-schokolade-krachnuss-vollmilch-bio-100-g-18800">
          <img alt="Rapunzel Tafel Schokolade Krachnuss Vollmilch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9205/file/small-538390a0d4a434985b8a2e4ab1059437.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9205/file/medium-4123169096763019845f3f8e7bb2ffa6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9205/file/large-088a7f274085bebb631d4dade35155c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9205/file/medium-4123169096763019845f3f8e7bb2ffa6.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/rapunzel-tafel-schokolade-krachnuss-vollmilch-bio-100-g-18800">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Tafel Schokolade Krachnuss Vollmilch Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cedpYE7FDNmKIHzwV8YsK6Md7lnDSmGA8e-LPiHIPbJPhO_xItqgh47bQX3bIKpCthLihEMh0h4okRmindyJvA" />
    <input value="18800" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-tahin-weiss-ohne-salz-bio-250-g-18801">
          <img alt="Rapunzel Tahin weiss ohne Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9206/file/small-9937d7cad38fdca0e6925bb37cde2cad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9206/file/medium-22570be94932a355d2cfc4ecd12a46bf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9206/file/large-86c0aa3edd3738a024b91421b1d0b971.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9206/file/medium-22570be94932a355d2cfc4ecd12a46bf.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/rapunzel-tahin-weiss-ohne-salz-bio-250-g-18801">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Tahin weiss ohne Salz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="co0uNGVrnWvuDFKDWdq7NGjPeCXmgvorsWGQ-ygO7yZM7qilCXQxNer3bw7VPD1dfcB0-GbpSbVoHwJnlBpbKA" />
    <input value="18801" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-tiger-quick-instant-bio-400-g-18802">
          <img alt="Rapunzel Tiger Quick Instant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9207/file/small-17fe034c9ed6271ca818096710bae517.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9207/file/medium-466769630f46ce9c5b8bdae11442c2a5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9207/file/large-6308296335e13015ff5631589a1b023b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9207/file/medium-466769630f46ce9c5b8bdae11442c2a5.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/rapunzel-tiger-quick-instant-bio-400-g-18802">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Tiger Quick Instant Bio, 400 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 2.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="61t3br-ejrP_iU4b4b_-NTgsAYHFP0oeX9Klz5Q5tU3VOPH_04Ei7ftyc5ZtWXhcLSMNXEVU-YCGrDdTKC0BQw" />
    <input value="18802" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-tomaten-getrocknet-in-olivenol-bio-120-g-18803">
          <img alt="Rapunzel Tomaten getrocknet in Olivenöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10030/file/small-dff233dd63ee68f5e6678389bbd48ef3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10030/file/medium-d667a45924817b76cbb009bab54bcabc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10030/file/large-410ebffee1280f439b930ca753084468.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10030/file/medium-d667a45924817b76cbb009bab54bcabc.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/rapunzel-tomaten-getrocknet-in-olivenol-bio-120-g-18803">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Tomaten getrocknet in Olivenöl Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rMJtSgoA88IcU4HtkqV6Cb-ryKVXjodbaWzwtfKQXxWSoevbZh9fnBiovGAeQ_xgqqTEeNflNMWwEmIpToTrGw" />
    <input value="18803" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-weissweinessig-bio-5-dl-18804">
          <img alt="Rapunzel Weissweinessig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9208/file/small-ebf830c6311c4e21cb221cf5c28c80c4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9208/file/medium-23872b3cf647740a3b6cb0799d25fa9a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9208/file/large-e77f8ac25f852609aef2919bb915bd52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9208/file/medium-23872b3cf647740a3b6cb0799d25fa9a.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/rapunzel-weissweinessig-bio-5-dl-18804">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Weissweinessig Bio, 5 dl</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 1.04 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UYD5j6EjyLgRs-8VaFu17B5oeEh-j0pP-hw0JUXL8upv438ezTxk5hVI0pjkvTOFC2d0lf7k-dEjYqa5-d9G5A" />
    <input value="18804" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/rapunzel-wildreis-natur-200-g-18805">
          <img alt="Rapunzel Wildreis Natur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9209/file/small-4edeec7353e5cf33ef52252d4d28204e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9209/file/medium-b70297670a38000aec7c353b931b2ea3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9209/file/large-1ce639aeb0b37341ceb9792ce223bfd7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9209/file/medium-b70297670a38000aec7c353b931b2ea3.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/rapunzel-wildreis-natur-200-g-18805">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Wildreis Natur, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8H_vJROAzS9iJTxpyWR8m93nxve8NpJQFlemO0907FnOHGm0f59hcWbeAeRFgvryyOjKKjxdIc7PKTSn82BYVw" />
    <input value="18805" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D66">
    <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/rawbite-protein-crunchy-bio-45-g-18806">
          <img alt="RawBite Protein Crunchy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10303/file/small-4b2d0cfba68382a8f1309d7fdab1998e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10303/file/medium-f802927133230c3673124be33bd5987f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10303/file/large-c3aafa3e64b09bd23d4a6f52213b540d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10303/file/medium-f802927133230c3673124be33bd5987f.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">RawBite</p>
          <a href="/products/rawbite-protein-crunchy-bio-45-g-18806">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RawBite Protein Crunchy Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mEWqpzpJsS_eGEuHzZQjdAokrsNYamNr04hSv44_J86mJiw2VlYdcdrjdgpBcqUdHyuiHtgB0PUK9sAjMiuTwA" />
    <input value="18806" 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;320 von 3&#39;034 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/products?format=turbo_stream&amp;page=67">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>