<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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/baumwoll-zuziehbeutel-bio-1-beutel-0adad697-c3ca-41ca-881f-6b3687a60ad5-18084">
          <img alt="Baumwoll Zuziehbeutel 25x30cm Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9045/file/small-9593daf72facd9ed4f761bab13adae9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9045/file/medium-4eaa13df2118f0eb93cc606403772de3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9045/file/large-7a3bb7677f194013a43dc6d73aa96062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9045/file/medium-4eaa13df2118f0eb93cc606403772de3.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">memo</p>
          <a href="/de/products/baumwoll-zuziehbeutel-bio-1-beutel-0adad697-c3ca-41ca-881f-6b3687a60ad5-18084">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baumwoll Zuziehbeutel 25x30cm Bio, 1 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18084&quot;],&quot;content_name&quot;:&quot;Baumwoll Zuziehbeutel 25x30cm Bio, 1 Beutel&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18084&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B7fhYR1foH6QzIwXgHYipf9Gfp2kej4iG_tXfbc4wv6T1N1QfkIGUevZX4hukr4Qf7en0vQy_alB0d4P-BRVlA" />
    <input value="18084" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/rohkostriegel-kakao-nibs-mandeln-bio-30-g-15822">
          <img alt="Rohkostriegel Kakao Nibs &amp; Mandeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7220/file/small-6cebbdf9a06ffba7718f48ab95b89d90.webp 600w, https://assets.fabulous.ch/public/variant_asset/7220/file/medium-dadcab41cf9a76da1c5fecabf8acccfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7220/file/large-e0f34227bf44dd955a1709f463fbd284.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7220/file/medium-dadcab41cf9a76da1c5fecabf8acccfc.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">Roo&#39;Bar</p>
          <a href="/de/products/rohkostriegel-kakao-nibs-mandeln-bio-30-g-15822">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rohkostriegel Kakao Nibs &amp; Mandeln Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15822&quot;],&quot;content_name&quot;:&quot;Rohkostriegel Kakao Nibs \u0026 Mandeln Bio, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15822&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V7l-G_ESV-X-dwlsVJlb8E1TirC2RyXBcUHTKVrmnD_D2kIqkg_xyoVi2vO6fcdFzaJT_-YP5kora1pbFcoLVQ" />
    <input value="15822" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/meine-vegane-sauce-hollandaise-bio-28-g-1757">
          <img alt="Meine vegane Sauce Hollandaise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1394/file/small-aab93e32d4df0e87ccb90b6a399ce6e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1394/file/medium-646f659664bf06671ec0714973ebe29b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1394/file/large-e0a678ce62e6486798dd9ae91c7ddcf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1394/file/medium-646f659664bf06671ec0714973ebe29b.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">Biovegan</p>
          <a href="/de/products/meine-vegane-sauce-hollandaise-bio-28-g-1757">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meine vegane Sauce Hollandaise Bio, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1757&quot;],&quot;content_name&quot;:&quot;Meine vegane Sauce Hollandaise Bio, 28 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1757&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HxZIM83hp57yXUaQEcCr1Hz9WeBwTWXY1oe6QcsFz0KLdXQCrvwBsYlIlQ__JDdh_AyAryAFplOMrTMzhClYKA" />
    <input value="1757" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/suppe-instant-misosuppe-mit-fruhlingszwiebeln-bio-10-g-3730">
          <img alt="Suppe Instant Misosuppe mit Frühlingszwiebeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2418/file/small-739f0eb02cc50cd1b10809671349317b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2418/file/medium-7d952139067f5b48f1ea46ee460dbb3b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2418/file/large-92f4610d85d6b7d0b7c4e6a2cf00cbac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2418/file/medium-7d952139067f5b48f1ea46ee460dbb3b.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">Arche</p>
          <a href="/de/products/suppe-instant-misosuppe-mit-fruhlingszwiebeln-bio-10-g-3730">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Suppe Instant Misosuppe mit Frühlingszwiebeln Bio, 4 x 10 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 16.75 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3730&quot;],&quot;content_name&quot;:&quot;Suppe Instant Misosuppe mit Frühlingszwiebeln Bio, 4 x 10 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3730&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="toEMv4jlMUYMBlpqR7u54hIWphMqPY9wMNZ_Q4XfNrwi4jCO6_iXaXcTifWpXyVXkud_XHp1TPtq_PYxyvOh1g" />
    <input value="3730" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/spargel-weiss-im-glas-bio-280-g-6143">
          <img alt="Spargel Weiss im Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3523/file/small-cfe599d33f5e0c2a02e1a226a26e9a66.webp 600w, https://assets.fabulous.ch/public/variant_asset/3523/file/medium-b9cdeb09f3c7d29b438ca6cc9e06fc0b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3523/file/large-4ca8e9f4fe0e8b1ddc0c40061bb3b93f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3523/file/medium-b9cdeb09f3c7d29b438ca6cc9e06fc0b.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">Naturata</p>
          <a href="/de/products/spargel-weiss-im-glas-bio-280-g-6143">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spargel Weiss im Glas Bio, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6143&quot;],&quot;content_name&quot;:&quot;Spargel Weiss im Glas Bio, 280 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6143&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vJxuAl6MhejgAqslgAQbZkwBTs_ypGGmqE4PuT_hswIo_1IzPZEjx5sXeLpu4IfTzPCXgKLsoi3yZIbLcM0kaA" />
    <input value="6143" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/suppe-instant-misosuppe-mit-meeresgemuse-bio-15-g-3729">
          <img alt="Suppe Instant Misosuppe mit Meeresgemüse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2415/file/small-837635c6a3954a70a5b3f7f8b62849c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2415/file/medium-27187d1c6d98f0c18548a567a0c3a36b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2415/file/large-01f1f635207cc18ef60ef134e3fba201.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2415/file/medium-27187d1c6d98f0c18548a567a0c3a36b.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">Arche</p>
          <a href="/de/products/suppe-instant-misosuppe-mit-meeresgemuse-bio-15-g-3729">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Suppe Instant Misosuppe mit Meeresgemüse Bio, 4 x 15 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 11.17 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3729&quot;],&quot;content_name&quot;:&quot;Suppe Instant Misosuppe mit Meeresgemüse Bio, 4 x 15 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3729&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m4V3mGrcOm6jj4UnluNXOFg15Hcl2vu7cJPfGf557a8P5kupCcGcQdiaVrh4B8uN2MQ9OHWSODAquVZrsVV6xQ" />
    <input value="3729" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/seife-milde-pflegeseife-flussigseife-basis-sensitiv-250-ml-6907">
          <img alt="Seife Milde Pflegeseife Flüssigseife Basis Sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3999/file/small-22cafa12a071ea67bffcf2a94b58fb61.webp 600w, https://assets.fabulous.ch/public/variant_asset/3999/file/medium-3ef8776ea067194d81c84446d359f2a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3999/file/large-dd174a16b33fba7287dbf8fbefe4d4ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3999/file/medium-3ef8776ea067194d81c84446d359f2a4.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">Lavera</p>
          <a href="/de/products/seife-milde-pflegeseife-flussigseife-basis-sensitiv-250-ml-6907">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Milde Pflegeseife Flüssigseife Basis Sensitiv, 250 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 1.92 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6907&quot;],&quot;content_name&quot;:&quot;Seife Milde Pflegeseife Flüssigseife Basis Sensitiv, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6907&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bmdqtMuv6_cgGj9E63b5CzxXa0fFuy-UJlKSY6kvhTf6BFaFqLJN2FsP7NsFkmW-vKayCJXz7B98eBsR5gMSXQ" />
    <input value="6907" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/sugo-arrabiata-demeter-330-g-20060">
          <img alt="Sugo Arrabiata Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10768/file/small-c217bc4d80b32602d4c26d1cb24c576d.webp 600w, https://assets.fabulous.ch/public/variant_asset/10768/file/medium-9100fe17ce6217f2561a3084dd4663c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/10768/file/large-4d3be3130f3632b601aed4d3db4c5935.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10768/file/medium-9100fe17ce6217f2561a3084dd4663c6.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">Giancarlo Ceci</p>
          <a href="/de/products/sugo-arrabiata-demeter-330-g-20060">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sugo Arrabiata Demeter, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20060&quot;],&quot;content_name&quot;:&quot;Sugo Arrabiata Demeter, 330 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20060&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z5AUxajuyeO4rxK1fRjX4WT4nUNIoCGx1uQK3F_FCvTz8yj0y_NvzMO6wSqT_EtU5AlEDBjo4jqMzoOuEOmdng" />
    <input value="20060" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/sugo-al-basilico-demeter-330-g-20059">
          <img alt="Sugo al Basilico Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10767/file/small-27d2c9a2fbecd91641b972180479a604.webp 600w, https://assets.fabulous.ch/public/variant_asset/10767/file/medium-393d4cacf928a4017cea93b1e40f3f07.webp 900w, https://assets.fabulous.ch/public/variant_asset/10767/file/large-200bdd5164398792f695485b0eca5358.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10767/file/medium-393d4cacf928a4017cea93b1e40f3f07.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">Giancarlo Ceci</p>
          <a href="/de/products/sugo-al-basilico-demeter-330-g-20059">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sugo al Basilico Demeter, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20059&quot;],&quot;content_name&quot;:&quot;Sugo al Basilico Demeter, 330 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20059&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DFreQZUPVM_wxua2Mmd3EBrVxKfXYkOAu-siJdqnRJSYOeJw9hLy4IvTNSncg-ulmiQd6IcqgAvhwatXlYvT_g" />
    <input value="20059" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/sugo-pizzaiola-demeter-330-g-20061">
          <img alt="Sugo Pizzaiola Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10769/file/small-db69d7cdb05462dceac37aed108979c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10769/file/medium-d3bf20009ea7394aa805d5128718bdcf.webp 900w, https://assets.fabulous.ch/public/variant_asset/10769/file/large-7521ca47866bc1e0ac05601edc7f669f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10769/file/medium-d3bf20009ea7394aa805d5128718bdcf.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">Giancarlo Ceci</p>
          <a href="/de/products/sugo-pizzaiola-demeter-330-g-20061">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sugo Pizzaiola Demeter, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20061&quot;],&quot;content_name&quot;:&quot;Sugo Pizzaiola Demeter, 330 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20061&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NBugh2Z9ySQj-AP3_ZAtJBybewg1TcxzqPjdGLp4ciugeJy2BWBvC1jt0GgTdLGRnGqiR2UFD_jy0lRq9VTlQQ" />
    <input value="20061" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/pomodori-pelati-in-salsa-demeter-530-g-20058">
          <img alt="Pomodori Pelati in Salsa Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10766/file/small-566d370d598a08e2517fcde28bf0d0b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10766/file/medium-9e39418299486e2304042e2da407bb72.webp 900w, https://assets.fabulous.ch/public/variant_asset/10766/file/large-c1618e711621afea835ab6b683acd65e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10766/file/medium-9e39418299486e2304042e2da407bb72.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">Giancarlo Ceci</p>
          <a href="/de/products/pomodori-pelati-in-salsa-demeter-530-g-20058">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pomodori Pelati in Salsa Demeter, 530 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20058&quot;],&quot;content_name&quot;:&quot;Pomodori Pelati in Salsa Demeter, 530 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20058&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gH43PJgA8LtZY5CbKG2UBb29_sUh2nuyfyU0f5B3yk0UHQsN-x1WlCJ2QwTGiQiwPUwninGSuDklD70N31tdJw" />
    <input value="20058" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/polpa-di-pomodoro-demeter-690-g-20056">
          <img alt="Polpa di Pomodoro Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10764/file/small-e3127417a8ccc4636142c619503e4560.webp 600w, https://assets.fabulous.ch/public/variant_asset/10764/file/medium-28904dd057f9781a6d99702d6acbb436.webp 900w, https://assets.fabulous.ch/public/variant_asset/10764/file/large-e57bab1e3d79eb11315535d1d7048779.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10764/file/medium-28904dd057f9781a6d99702d6acbb436.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">Giancarlo Ceci</p>
          <a href="/de/products/polpa-di-pomodoro-demeter-690-g-20056">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Polpa di Pomodoro Demeter, 690 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20056&quot;],&quot;content_name&quot;:&quot;Polpa di Pomodoro Demeter, 690 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20056&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z6xvp22nlhmE9wUDeJZJ4Ix9TaqV1t5odeSeVqnmpMZbz1OWDrowNv_i1pyWctVVDIyU5cWeHeMvzhck5sozrA" />
    <input value="20056" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/passata-di-pomodoro-demeter-690-g-20057">
          <img alt="Passata di Pomodoro Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10765/file/small-d933b6eec2f4cff03d573314e448cd6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10765/file/medium-b47808e31b6d706a869c04c3fea7fe12.webp 900w, https://assets.fabulous.ch/public/variant_asset/10765/file/large-0690f08f27c353f8fb52010fb60fef42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10765/file/medium-b47808e31b6d706a869c04c3fea7fe12.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">Giancarlo Ceci</p>
          <a href="/de/products/passata-di-pomodoro-demeter-690-g-20057">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Passata di Pomodoro Demeter, 690 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20057&quot;],&quot;content_name&quot;:&quot;Passata di Pomodoro Demeter, 690 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20057&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G2omY1FnxX6GcmwibXxMPMW6weVt_zwn_42gkLNWnkCPCRpSMnpjUf1nv72DmNCJRUsYqj23_6ylpyni_HoJKg" />
    <input value="20057" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vantastic-foods-buttons-weisse-schakalode-500-g-369">
          <img alt="Vantastic Foods Buttons Weisse Schakalode" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/324/file/small-c456c811ed80ca8d3cb7433b98d71cc9.webp 600w, https://assets.fabulous.ch/public/variant_asset/324/file/medium-23e1579b27d1a63f4048c416fd869090.webp 900w, https://assets.fabulous.ch/public/variant_asset/324/file/large-fa3b4954aea857ac567d3fdba7580fbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/324/file/medium-23e1579b27d1a63f4048c416fd869090.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">Vantastic</p>
          <a href="/de/products/vantastic-foods-buttons-weisse-schakalode-500-g-369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vantastic Foods Buttons Weisse Schakalode, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;369&quot;],&quot;content_name&quot;:&quot;Vantastic Foods Buttons Weisse Schakalode, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;369&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w8cvuvm6VdHjbCQKCwlF5h1sM1WJv5PNg_mV_mrppCpXpBOLmqfz_ph595Xl7dlTnZ3qGtn3UEbZ0xyMJcUzQA" />
    <input value="369" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/granulat-soja-15-kg-17738">
          <img alt="Granulat Soja" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8658/file/small-15f0697dda1a25131d58f6704ccd5a68.webp 600w, https://assets.fabulous.ch/public/variant_asset/8658/file/medium-62862362a9cbe36b9d779b519a2f5978.webp 900w, https://assets.fabulous.ch/public/variant_asset/8658/file/large-e3971db511be6e88f5c5149089101b84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8658/file/medium-62862362a9cbe36b9d779b519a2f5978.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">Vantastic</p>
          <a href="/de/products/granulat-soja-15-kg-17738">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Granulat Soja, 15 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 120.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17738&quot;],&quot;content_name&quot;:&quot;Granulat Soja, 15 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17738&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:120.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b4mDIY88eUwO-ub_Gw8Ukei1zu8g4FceqswMPtXTqy_76r8Q7CHfY3XvNWD164gkaEQXoHColJXw5oVMmv88RQ" />
    <input value="17738" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soja-medaillons-big-500-g-17736">
          <img alt="Soja Medaillons BIG" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8653/file/small-28b98198f8581a4edc7af7e6c1f985d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/8653/file/medium-88ab6e85b22796c94a9441db3d6eda61.webp 900w, https://assets.fabulous.ch/public/variant_asset/8653/file/large-90c243fec85ba36eec3018018d0f0ce2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8653/file/medium-88ab6e85b22796c94a9441db3d6eda61.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">Vantastic</p>
          <a href="/de/products/soja-medaillons-big-500-g-17736">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Medaillons BIG, 500 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 2.10 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17736&quot;],&quot;content_name&quot;:&quot;Soja Medaillons BIG, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17736&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A5285lHp2ZlqP2_Fk84_QfcdANAuViZkGbp1tW8KjGqX_oDXMvR_thEqvFp9KqP0d-zZn34e5e9DkPzHICYbAA" />
    <input value="17736" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/soja-wurfel-250-g-5172">
          <img alt="Soja Würfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3044/file/small-0ed881142a6bc1acd406a6595cc6bf2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3044/file/medium-9350701eed378cf779cbcfa17fde6054.webp 900w, https://assets.fabulous.ch/public/variant_asset/3044/file/large-530fe15cbda27cd2be19d71c1d3e5d2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3044/file/medium-9350701eed378cf779cbcfa17fde6054.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">Vantastic</p>
          <a href="/de/products/soja-wurfel-250-g-5172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Würfel, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5172&quot;],&quot;content_name&quot;:&quot;Soja Würfel, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5172&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0cpQb-UjfL3Ii56eu7yop9kW1cZvjVb3MUReHe5_YFdFqWxehj7akrOeTQFVWDQSWecMiT_FlXxrbtdvoVP3PQ" />
    <input value="5172" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/soja-medaillons-glutenfrei-200-g-6232">
          <img alt="Soja Medaillons" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3591/file/small-6c4fa93cdc7c84a3704c41d75d49f59a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3591/file/medium-b0e4bf6dfc034f5ca5054ab292d12554.webp 900w, https://assets.fabulous.ch/public/variant_asset/3591/file/large-0e5ac748a65463ca58efa5221cf9b259.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3591/file/medium-b0e4bf6dfc034f5ca5054ab292d12554.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">Vantastic</p>
          <a href="/de/products/soja-medaillons-glutenfrei-200-g-6232">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Medaillons, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6232&quot;],&quot;content_name&quot;:&quot;Soja Medaillons, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6232&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xSjQPEzZdJFloY79WXrPYIgqbkACX1VaTuklGgbcW6NRS-wNL8TSvh60XWK3nlPVCNu3D1IXltEUw6xoSfDMyQ" />
    <input value="6232" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/soja-schnetzel-glutenfrei-250-g-6233">
          <img alt="Soja Schnetzel Glutenfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3592/file/small-d56133214325f9a44cbd4337e10dbeb7.webp 600w, https://assets.fabulous.ch/public/variant_asset/3592/file/medium-c65f62f16e3c876b5e4d867bf2043868.webp 900w, https://assets.fabulous.ch/public/variant_asset/3592/file/large-cd4c4715b366967ab5be5ed259533668.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3592/file/medium-c65f62f16e3c876b5e4d867bf2043868.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">Vantastic</p>
          <a href="/de/products/soja-schnetzel-glutenfrei-250-g-6233">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Schnetzel Glutenfrei, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6233&quot;],&quot;content_name&quot;:&quot;Soja Schnetzel Glutenfrei, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6233&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QHsfS91MhR79TtYdwnTcNugWmreqFOSesYhlnDcbbeHUGCN6vlEjMYZbBYIskECDaOdD-PpcJxXrouzueDf6iw" />
    <input value="6233" 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="/de/signup?return_to=%2Fde%2Fcategories%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D58">
    <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="/de/products/minced-lentils-linsentexturat-1-kg-17731">
          <img alt="Minced Lentils (Linsentexturat)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8646/file/small-3c1055f74a4fbea639ff9ae9641b8ed1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8646/file/medium-b27b6ab649d7e5ab1c799234092bf882.webp 900w, https://assets.fabulous.ch/public/variant_asset/8646/file/large-8c5715b0cf013604d4e43ba50ae65eb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8646/file/medium-b27b6ab649d7e5ab1c799234092bf882.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">Vantastic</p>
          <a href="/de/products/minced-lentils-linsentexturat-1-kg-17731">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Minced Lentils (Linsentexturat), 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17731&quot;],&quot;content_name&quot;:&quot;Minced Lentils (Linsentexturat), 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17731&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jc_dHA1Vzz1QmOfiP-8URPGQ5WhxSyw0yYUz1rQ8sJ6xrOEtbkhpEiuNNH3RC4jxcWE8JyED77-Tr7qk-xAn9A" />
    <input value="17731" 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;160 von 3&#39;624 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/rapunzel?format=turbo_stream&amp;page=59">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>