<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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/gohl-geissechasli-vom-spitzebarg-bio-130-g-18506">
          <img alt="Gohl Geissechäsli vom Spitzebärg Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10061/file/small-d78792ab9072d92e515f8786a112d5aa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10061/file/medium-00db64a33f13b7fb079fca6758e24b82.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10061/file/large-25b066bc93c42ece0aab4e5ebe3b511b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10061/file/medium-00db64a33f13b7fb079fca6758e24b82.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">Guggisberg</p>
          <a href="/products/gohl-geissechasli-vom-spitzebarg-bio-130-g-18506">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gohl Geissechäsli vom Spitzebärg Bio, 130 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 5.15 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S8JhtGZiZa2-_gYe0nkf0FDeggF1IsTm1BvLP5sFJxihSw-BaOEa3yxt95uFPcrkniJFQBKndu6aNUJbYWnCjA" />
    <input value="18506" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/chufli-basic-bio-500-g-18507">
          <img alt="Chufli Basic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9206/file/small-67fdd42746e3984cfd2d83cab0d22c1f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9206/file/medium-0e629bda49e3d9d6ae00a7e4f5c703b5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9206/file/large-fcbcdac04b9415a34c3ee72123e63f6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9206/file/medium-0e629bda49e3d9d6ae00a7e4f5c703b5.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">Govinda</p>
          <a href="/products/chufli-basic-bio-500-g-18507">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chufli Basic Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IY5CT4ezHr6VTgRbwyMCTU5kR0CzwIj9lTGGU-TWlV_LByx6iTBhzAfd9d6UZ9d5gJiAAdRFOvXbHw83Hrpwyw" />
    <input value="18507" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/maroni-konfekt-bio-100-g-18508">
          <img alt="Maroni Konfekt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9205/file/small-7226429210bc8229d7235c5cb9cdae3e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9205/file/medium-8b28067f09e1afaae53c39ce09b62e90.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9205/file/large-97e8e13c8261454c115a88b5a2857c42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9205/file/medium-8b28067f09e1afaae53c39ce09b62e90.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">Govinda</p>
          <a href="/products/maroni-konfekt-bio-100-g-18508">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maroni Konfekt Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k1NAXr-ojjQWdT96bC9lFDDyNxr_z1Ek7oBa53pS4k552i5rsSvxRoTmzv87a7Ag_g7wW5hK4yygrtODgD4H2g" />
    <input value="18508" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/dattel-kokos-kugeln-bio-120-g-18509">
          <img alt="Dattel-Kokos Kugeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9207/file/small-37db4df9d7b2bfcc016dc86c8b9e6388.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9207/file/medium-c41c2a7f1fb2f55fe2eac6c735b5986a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9207/file/large-6cfa106c2f4024bf60754d075ee043ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9207/file/medium-c41c2a7f1fb2f55fe2eac6c735b5986a.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">Govinda</p>
          <a href="/products/dattel-kokos-kugeln-bio-120-g-18509">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dattel-Kokos Kugeln Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0GJFQfek5rpsxmNupYpTuCZsxA29csVV7kS7vmq3jOY66yt0-SeZyP5VkuvyzoaM6JADTNr3d12gajLakNtpcg" />
    <input value="18509" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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-magic-kugeln-bio-120-g-18510">
          <img alt="Mandel Magic Kugeln Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9208/file/small-89306c1cc630698f65ae80fc55714a26.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9208/file/medium-b36bba5d95b4fbbfb8443f5364f6de95.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9208/file/large-3dd162b389e2dace986095595a75ac9a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9208/file/medium-b36bba5d95b4fbbfb8443f5364f6de95.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">Govinda</p>
          <a href="/products/mandel-magic-kugeln-bio-120-g-18510">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandel Magic Kugeln Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6k8sJLxq0M9Mqocgj6nmBcoOjAEvkQwfm9VfFW9lqgsAxkIRsumvvd45dqXY7TMxBPJLQEgUvhfV-9ZxlQlPnw" />
    <input value="18510" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/laddu-sesam-bio-120-g-18511">
          <img alt="Laddu Sesam Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9688/file/small-881274cfb8f9ed8b9d458573908f7e04.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9688/file/medium-4d67b645f4c96b576a132b3c917eec2d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9688/file/large-0fe6950f2e1c32c6d986a6f20ceaeb57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9688/file/medium-4d67b645f4c96b576a132b3c917eec2d.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">Govinda</p>
          <a href="/products/laddu-sesam-bio-120-g-18511">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laddu Sesam Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eOEAmxJZSpnTPXRGOF_K06Y6SmLEan0ycB_tN4Ej9ymSaG6uHNo160GuhcNvGx_naMaNI6Pvzzo-MWRTe08SvQ" />
    <input value="18511" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/teff-mehl-bio-450-g-18512">
          <img alt="Teff Mehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9689/file/small-c83cff979069d6182cece72abe9b9ab0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9689/file/medium-89791bb435cc8eb129d7d9d707dce98b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9689/file/large-effa828e3fdb6fe1b82b65c96da180ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9689/file/medium-89791bb435cc8eb129d7d9d707dce98b.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">Govinda</p>
          <a href="/products/teff-mehl-bio-450-g-18512">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Teff Mehl Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VfEHOOHG8qJ7jdlQMP_ESwf9p1TcCXADYsSQZ_qupw-_eGkN70WN0OkeKNVnuxF_yQFgFbuMwgss6hkDAMJCmw" />
    <input value="18512" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/muesli-unser-bestes-konv-1-kg-18513">
          <img alt="Müesli unser Bestes konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10700/file/small-2a83b687fed830745f03907fccd2884b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10700/file/medium-a76a3c5670bed63e9eb23bdb669a9c8f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10700/file/large-f8234dae5fcaaedea2a87592799de6be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10700/file/medium-a76a3c5670bed63e9eb23bdb669a9c8f.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">Granovita</p>
          <a href="/products/muesli-unser-bestes-konv-1-kg-18513">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli unser Bestes konv, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kcwjnD7amztI9qXAmXlcLSklNiEIvNhTaZy0qGBiiO57RU2pMFnkSdplVEXOPYkZ59nxYG85alsnsj3Mmg5teg" />
    <input value="18513" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/muesli-unser-bestes-konv-500-g-18514">
          <img alt="Müesli unser Bestes konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10699/file/small-4275f99a043dccd5bf77d889553f127c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10699/file/medium-aecf3217f601ac38f60d19f55febb983.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10699/file/large-3544b5edf8ce3c0b05b13dce5d14b98f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10699/file/medium-aecf3217f601ac38f60d19f55febb983.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">Granovita</p>
          <a href="/products/muesli-unser-bestes-konv-500-g-18514">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli unser Bestes konv, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PvK4DHIphS3XqGH3Ex4YrMfFqFOTsaxfASh1rXwsGaPUe9Y5fKr6X0U7kHJEWs2YCTlvEvQ0HldPBvzJhkD8Nw" />
    <input value="18514" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/brownie-bio-70-g-18515">
          <img alt="Brownie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10068/file/small-1a0d4ac319c8cf25021b8d782d95269e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10068/file/medium-1e9b9d05315b7b9aca42b031638c752e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10068/file/large-c93c384f170820257a3851f4743bbda2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10068/file/medium-1e9b9d05315b7b9aca42b031638c752e.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">Guggenloch</p>
          <a href="/products/brownie-bio-70-g-18515">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brownie Bio, 70 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 5.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R9R67BRA_K0sN6j3herLgiZVWp27M1s8QEP0T_tQO7mtXRTZGsOD376kWXLSrh626Kmd3Ny26TQObX0rATzeLQ" />
    <input value="18515" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/butterringli-bio-50-g-18516">
          <img alt="Butterringli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10079/file/small-011f67385dfa385669c8d6e93b6e573b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10079/file/medium-0112cea5000a57a43e49cffe74a45752.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10079/file/large-3ba41402e3791a351777e314e04c689a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10079/file/medium-0112cea5000a57a43e49cffe74a45752.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">Guggenloch</p>
          <a href="/products/butterringli-bio-50-g-18516">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Butterringli Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="604UOkj07PP_NrljbL3Ldh5SKHpnGuuCQ53CZlfdvqgBx3oPRneTgW2lSOY7-R5C0K7vOwCfWYoNs0sCrbFbPA" />
    <input value="18516" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/spitzbueb-dinkel-bio-65-g-18517">
          <img alt="Spitzbueb Dinkel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10076/file/small-261203a14667eb4bb4f20fa20afcee24.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10076/file/medium-7600c2f96a70ba12f2216acdf8e85e9b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10076/file/large-05a7a08a810c395e85966cdbf1a9e4fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10076/file/medium-7600c2f96a70ba12f2216acdf8e85e9b.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">Guggenloch</p>
          <a href="/products/spitzbueb-dinkel-bio-65-g-18517">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spitzbueb Dinkel Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2-dLGet2RWXBdTmlIR1i2bEgbu5Q0FTsSt4Bhr6GnMMxbiUs5fU6F1PmyCB2Wbftf9yprzdV5uQE8IjiROp5Vw" />
    <input value="18517" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/haferstange-bio-50-g-18518">
          <img alt="Haferstange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10080/file/small-40e680e9a487f966b49ab1b2bcc745da.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10080/file/medium-008e4d5a076d325c5b2ded6f769d4343.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10080/file/large-f54f1ac6d3033c2dfcee0d2f226834e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10080/file/medium-008e4d5a076d325c5b2ded6f769d4343.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">Guggenloch</p>
          <a href="/products/haferstange-bio-50-g-18518">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferstange Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9l4Mxrly0bKimsXTKkZtMvntSfT43DxuAZBAxJtJKw4c12Lzt_GuwDAJNFZ9ArgGNxGOtZ9ZjmZPvsmgYSXOmg" />
    <input value="18518" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/haselnussschnitte-bio-65-g-18519">
          <img alt="Haselnussschnitte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10067/file/small-d5d34510a3d2d4dcaf95b766b986f334.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10067/file/medium-399fd575c98604037105a64c09e5df9d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10067/file/large-8668bd0c20ba5b9a8b03ac829c911a38.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10067/file/medium-399fd575c98604037105a64c09e5df9d.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">Guggenloch</p>
          <a href="/products/haselnussschnitte-bio-65-g-18519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haselnussschnitte Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ydoltG_erlD8ayIsdHU-tgBbNmxHPPzZYyxo1l45R2YjU0uBYV3RIm7406kjMeuCzqfxLSC5TtEtAuGypFWi8g" />
    <input value="18519" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/spitzbueb-aprikose-bio-70-g-18520">
          <img alt="Spitzbueb Aprikose Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10075/file/small-5321be0a360b0801361dfbdb0d7f2057.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10075/file/medium-d221f4aa9d4442c161b74195dcc46d7d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10075/file/large-47323e98b47885595348d04bd686b210.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10075/file/medium-d221f4aa9d4442c161b74195dcc46d7d.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">Guggenloch</p>
          <a href="/products/spitzbueb-aprikose-bio-70-g-18520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spitzbueb Aprikose Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yLr8o_EZCJDqNBmx_QL6TkvH89G3a5w4W6j7zrwepXAiM5KW_5p34nin6DSqRi96hTs0kNDuLjAVhnKqRnJA5A" />
    <input value="18520" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/spitzbueb-himbeer-bio-70-g-18521">
          <img alt="Spitzbueb Himbeer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10078/file/small-fa54e18285eee411902673de4add566e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10078/file/medium-15b6a95aa4429d15d70f719841d99233.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10078/file/large-f6810470602de35a9c52553c6ffb1135.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10078/file/medium-15b6a95aa4429d15d70f719841d99233.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">Guggenloch</p>
          <a href="/products/spitzbueb-himbeer-bio-70-g-18521">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spitzbueb Himbeer Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZJy6gMnNnbx9N1822c3bCgSs-4DO5FME0_zHkhY3kw6OFdS1x07izu-krrOOiQ4-ylA8walh4Qyd0k727Ft2mg" />
    <input value="18521" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/linzerschnitte-bio-65-g-18522">
          <img alt="Linzerschnitte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10069/file/small-e0430aff1fb3a74ea8d7d48afe7712e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10069/file/medium-8a8cc96ea701fdc1145857b0aa3f346e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10069/file/large-ca66744cb3ef8685427c08ac41214603.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10069/file/medium-8a8cc96ea701fdc1145857b0aa3f346e.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">Guggenloch</p>
          <a href="/products/linzerschnitte-bio-65-g-18522">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Linzerschnitte Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EsEhAbUSKkR5OqT7_0cUYOZis0PZMo6qmkO57mYltAf4SE80u5FVNuupVX6oA8FUKJ50Ar63PKLUbTCKnElRkw" />
    <input value="18522" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/schoggi-jumbo-bio-65-g-18523">
          <img alt="Schoggi Jumbo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10071/file/small-6b0a0ea0ce7a72d8086a90af896e455d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10071/file/medium-392b3aad5f6aae10df9972effa4f9f1f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10071/file/large-7832cf4c63c5d49583f4074c467ea5de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10071/file/medium-392b3aad5f6aae10df9972effa4f9f1f.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">Guggenloch</p>
          <a href="/products/schoggi-jumbo-bio-65-g-18523">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoggi Jumbo Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7iocJ5q5wxFJPIugy1cllADl8CMDazEkwzN9z8-kUu8Eo3ISlDq8Y9uveiWcE_Cgzhk3YmTugyyNHfSrNci3ew" />
    <input value="18523" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/st-galler-klostertortli-bio-75-g-18524">
          <img alt="St. Galler Klostertörtli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10077/file/small-5c5bca05a2aa4eabbb95d0c3efbd5b25.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10077/file/medium-920d1d799f3dd138f1d94b231da56868.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10077/file/large-0ab5403a766200c7e47763b8e5edd5f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10077/file/medium-920d1d799f3dd138f1d94b231da56868.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">Guggenloch</p>
          <a href="/products/st-galler-klostertortli-bio-75-g-18524">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">St. Galler Klostertörtli Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BpP-MJpGlCwqbSI4lFIt6to_7K_LxtSw76PjnfqsNIHsGpAFlMXrXrj-073DFvjeFMMr7qxDZrihjWr5AMDRFQ" />
    <input value="18524" 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%2Fraab%3Fformat%3Dturbo_stream%26page%3D49">
    <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/getreidetaler-mit-chia-bio-45-g-18525">
          <img alt="Getreidetaler mit Chia Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9209/file/small-6fa7c26f4cbbf2f0d96c41297a91a44a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9209/file/medium-294589211950728f7f090c410f270e66.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9209/file/large-542d980a9f7dcee5ebaed840cc45d365.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9209/file/medium-294589211950728f7f090c410f270e66.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">Guggenloch</p>
          <a href="/products/getreidetaler-mit-chia-bio-45-g-18525">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Getreidetaler mit Chia Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9MP6F9DNnk4N0JfLcGfW8m9ra_in_IqlJCtMkw3ofREeSpQi3k7hPJ9DZk4nIwPGoZesucB5OK1qBcX394SYhQ" />
    <input value="18525" 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">
      980 von 3&#39;030 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/raab?format=turbo_stream&amp;page=50">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>