<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/langkorn-spitzenreis-bio-500-g-18802">
          <img alt="Langkorn Spitzenreis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9262/file/small-9e2a7a9a8419fd271d3d9ea33bf53f8e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9262/file/medium-ddba6bdbf429fce4f077d3b75b8cc4a5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9262/file/large-6c3365a66a3e1302c0364144c7d2a5ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9262/file/medium-ddba6bdbf429fce4f077d3b75b8cc4a5.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/langkorn-spitzenreis-bio-500-g-18802">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Langkorn Spitzenreis 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-18802-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zOSN4VVH5MLBRbeFp_-jIqtVstrdOhpFI5D-GiSN98mAWKg6Myj-FK0ucrFJ9MFqv6UxuWt7PIkjI9er961v3w" />
    <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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/linsen-gelb-eu-bio-500-g-18803">
          <img alt="Linsen gelb EU Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9263/file/small-eaf0361c73ef65986811c9fe2f693810.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9263/file/medium-f00617598432f91fee61965a7efc7ffb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9263/file/large-9d7f522aa657050732772cdf7a20428a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9263/file/medium-f00617598432f91fee61965a7efc7ffb.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/linsen-gelb-eu-bio-500-g-18803">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Linsen gelb EU Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.11 / 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="B6_LiLJY5wcK5tt5Ss8KXCjlZz4u2zWcVBjot5IG8ylLE-5T1Df90WaNHk2kxGgUPBXkXZiaE1BUq8EGQSZrPw" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/macadamia-creme-bio-250-g-18804">
          <img alt="Macadamia 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/9264/file/small-1631408654fd483115427f17522ca3b9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9264/file/medium-253d1a76b643648ce8b595fdeb6df59a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9264/file/large-513259fa678fd6ce5e4fdf3f1b027d93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9264/file/medium-253d1a76b643648ce8b595fdeb6df59a.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/macadamia-creme-bio-250-g-18804">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Macadamia Creme Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.25
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.90 / 100 g
            </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="BbBhjRWoKOYFHol-KnqVMRzkfEHpdbr3ANYlXm6X_nVJDERWc8cyMGl1TErEcfd5CBT_Il80nDsAZQzvvbdmYw" />
    <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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/maisgriess-polenta-demeter-500-g-18805">
          <img alt="Maisgriess-Polenta Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10899/file/small-9336ce70850c8d2d6af28512455760a4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10899/file/medium-e2e62e2c82d254dd21c0b389355b6278.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10899/file/large-e1c3405fd6457b523566bce018415ea1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10899/file/medium-e2e62e2c82d254dd21c0b389355b6278.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/maisgriess-polenta-demeter-500-g-18805">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maisgriess-Polenta Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </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-18805-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kf60NsO7qH_a4Pc2BZPTVyhx64w23JrHvzeesWb5b5NlQpHtpdSyqbaLMgLrmLEfPIFo74CdvAu_hLcAtdn3hQ" />
    <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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/mandel-tonka-creme-bio-250-g-18806">
          <img alt="Mandel Tonka 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/9265/file/small-3b08012660a330ccbdd4d0f3128ad784.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9265/file/medium-60393178ce42a9a67ab3b13e99acc6f3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9265/file/large-25ab46037c2d05b473105bd672a51fac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9265/file/medium-60393178ce42a9a67ab3b13e99acc6f3.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/mandel-tonka-creme-bio-250-g-18806">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandel Tonka Creme Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.58 / 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="BlpdLrUFcTU2KT9AyDduCzjhfahN4BCr7oYEXfhlp8NK5nj102pr41pC-nQmPAxDLBH-y_uhNmfuNS3sK0U_1Q" />
    <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>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/mandel-creme-bio-250-g-18807">
          <img alt="Mandel-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/9266/file/small-d138f3516e813a8d714fc7e4342c4c8a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9266/file/medium-5693ec08090eede80b6b8b03d04b2003.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9266/file/large-01d3adef696922a55e475d9e5418d484.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9266/file/medium-5693ec08090eede80b6b8b03d04b2003.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/mandel-creme-bio-250-g-18807">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandel-Creme Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9k4T_SXH0t5JcrZszaaB7e6lUVpFHEguuGfvxkUTA_G68jYmQ6jICCUZc1gjreOl-lXSOfNdbuK41MZ3ljOb5w" />
    <input value="18807" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/mehl-kichererbsen-gerostet-bio-500-g-18808">
          <img alt="Mehl Kichererbsen geröstet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9267/file/small-8648ae749cacc857b2bf93e21396870b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9267/file/medium-12dde7d82281c2aa48fe94f399e19124.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9267/file/large-96dd4bf16bdf610cd3c20a714e856e98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9267/file/medium-12dde7d82281c2aa48fe94f399e19124.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/mehl-kichererbsen-gerostet-bio-500-g-18808">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mehl Kichererbsen geröstet Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </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-18808-card">
        

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/minuten-polenta-maisgriess-bio-500-g-18809">
          <img alt="Minuten Polenta Maisgriess Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10869/file/small-48b48d49d41a5965a37beea6dcb8bb7d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10869/file/medium-043d940cdb63dbe80e51279961ae73b1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10869/file/large-a7d2212362c1ebfad2f1f70426fa6b02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10869/file/medium-043d940cdb63dbe80e51279961ae73b1.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/minuten-polenta-maisgriess-bio-500-g-18809">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Minuten Polenta Maisgriess Bio, 500 g</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 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rYOXp--4wNQGt4P3b-jSKcoLjP47sfiNHQx6dmRD9N_hP7J8idfaAmrcRsOB47Bh3vsPnY3w3kEdv1PHt2NsyQ" />
    <input value="18809" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/mischmus-4-nuts-bio-250-g-18810">
          <img alt="Mischmus 4 Nuts Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9268/file/small-4ad98c8ba9fffbd6f62104345927e267.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9268/file/medium-3ba99ffe64ab48cfea713bc9f0851228.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9268/file/large-3f33166af5b76b7afc8c597f818ca9c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9268/file/medium-3ba99ffe64ab48cfea713bc9f0851228.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/mischmus-4-nuts-bio-250-g-18810">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischmus 4 Nuts Bio, 250 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.60 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/mungbohnen-bio-500-g-18811">
          <img alt="Mungbohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10886/file/small-aa3a5fcff86e22a3fed3ecb1977d96aa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10886/file/medium-b89fdeee85f4baa71b5543a2cc247961.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10886/file/large-a572e446a4c7aba902ecc3c6dc89d7c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10886/file/medium-b89fdeee85f4baa71b5543a2cc247961.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/mungbohnen-bio-500-g-18811">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mungbohnen Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/orangeat-gewurfelt-bio-100-g-18812">
          <img alt="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/9597/file/small-c14afc91961f080d9bba94ac209b8356.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9597/file/medium-d9119b737f589be312d228d63cd107e5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9597/file/large-8cdd782ac78b462fdeab8740ee0752d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9597/file/medium-d9119b737f589be312d228d63cd107e5.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/orangeat-gewurfelt-bio-100-g-18812">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18812-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bHOXCpKnbB0xbEYn-28nSG9cm1SMK6M8KuBoFlIIQr8gz7LR9Mh2y10HgxMVZEUAe6wYNzpqhfAqU0GngSjaqQ" />
    <input value="18812" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/oxyguard-leinol-nativ-bio-250-ml-18813">
          <img alt="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/9269/file/small-b7b12209200c7f928c551f0076629606.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9269/file/medium-f730d8080d106ff8ee1d159bac71ffaa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9269/file/large-cb0f605d87cc7398c0aa0f04e33f9d09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9269/file/medium-f730d8080d106ff8ee1d159bac71ffaa.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/oxyguard-leinol-nativ-bio-250-ml-18813">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18813-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-HHMULjiiQWEGhJwgcKzj1X8YCFBsnfHXU0mKfOvJ-S0zemL3o2T0-hx10RvydHHQQzjQvfzUQtd_g-YII-_8g" />
    <input value="18813" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/parboiled-reis-weiss-bio-500-g-18814">
          <img alt="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/9270/file/small-03368a6f9efbd783bb2811beda5e236b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9270/file/medium-77bc6dbe2f51920701a4c22f737ca62f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9270/file/large-c4d5e20820a5206c5c0a6ce79c8f9293.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9270/file/medium-77bc6dbe2f51920701a4c22f737ca62f.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/parboiled-reis-weiss-bio-500-g-18814">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18814-card">
        

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/reismischung-wildreis-bio-500-g-18815">
          <img alt="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/9271/file/small-32c8e5ed453ea11b9060094ab1aee78c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9271/file/medium-82f77e6288502c1a43c8053960cb6994.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9271/file/large-01d8e9431497b74dead944e945a119f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9271/file/medium-82f77e6288502c1a43c8053960cb6994.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/reismischung-wildreis-bio-500-g-18815">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18815-card">
        

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/risotto-spitzenreis-rundkorn-weiss-bio-500-g-18816">
          <img alt="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/9272/file/small-740fdef5dcc0821854dc12c8743c6a2a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9272/file/medium-29eaa240812c14f1f8eec24b59a68150.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9272/file/large-42ed3e2fc33d97a4b76029e5baa90022.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9272/file/medium-29eaa240812c14f1f8eec24b59a68150.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/risotto-spitzenreis-rundkorn-weiss-bio-500-g-18816">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18816-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d2erCne-WYWqF3ybNeEQb6Av_Idkt-3N8qIiJ_EtUi47247REdFDU8Z8ua_b6nIntN9_5NL2ywHyEQuWIg3KOA" />
    <input value="18816" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/rotweinessig-bio-500-ml-18817">
          <img alt="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/10868/file/small-d60c7bdc51d22d26cc644460e616815e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10868/file/medium-8c80bd3947b59e2ff2a85aed13569362.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10868/file/large-144cfbbc14153598c9a87edc66a05198.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10868/file/medium-8c80bd3947b59e2ff2a85aed13569362.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/rotweinessig-bio-500-ml-18817">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18817-card">
        

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/samba-haselnuss-bio-250-g-18818">
          <img alt="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/10900/file/small-52115a479761718fc7c3b24e5fbc38f7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10900/file/medium-40ab8318f6314cfb9a50457b3949ec0b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10900/file/large-e4766a46af4cee54fee1123c381eb482.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10900/file/medium-40ab8318f6314cfb9a50457b3949ec0b.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/samba-haselnuss-bio-250-g-18818">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18818-card">
        

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/samba-haselnuss-bio-45-g-18819">
          <img alt="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/9273/file/small-6ed877207f824c7c32e763546d5cc829.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9273/file/medium-ac33986a36060b6034149b50abb2ecf1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9273/file/large-cf145a2b9da80eb629584ff0d89ded25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9273/file/medium-ac33986a36060b6034149b50abb2ecf1.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/samba-haselnuss-bio-45-g-18819">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18819-card">
        

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/samba-haselnuss-dunkel-bio-45-g-18820">
          <img alt="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/9274/file/small-1f2db3d46d8eb494d2075cf97a0f6194.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9274/file/medium-b21e20999328f7dd197477da3993221e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9274/file/large-bcbe38699b7e3b06a1f4cae66dacf2ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9274/file/medium-b21e20999328f7dd197477da3993221e.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/samba-haselnuss-dunkel-bio-45-g-18820">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18820-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mdj7pG91CXztReK3DbhYIi49c-Tp-7g55tF-rG9YJs7VZN5_CRoTqoEuJ4PjszpqOs3wh1-6nvXmYlcdvHi-2A" />
    <input value="18820" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fbeutelsbacher%3Fformat%3Dturbo_stream%26page%3D63">
    <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/stick-cocos-creme-bio-22-g-18821">
          <img alt="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/10922/file/small-543ff093750dd2b2fa526606adbd6aa4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10922/file/medium-0d9973321672bbc877c3fa0f2dd37995.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10922/file/large-d6ac0f0a8e26ea480b091897e6bc22ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10922/file/medium-0d9973321672bbc877c3fa0f2dd37995.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/stick-cocos-creme-bio-22-g-18821">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-18821-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p3fkXEeHeG0k8Vb6WBHyvEIeA6k4180slvkFalG4CfTry8GHIehiu0iak862GpD0Vu6Ayo6W6-CWSizbgpiR4g" />
    <input value="18821" 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;260 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/beutelsbacher?format=turbo_stream&amp;page=64">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>