<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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/herbamare-bio-250-g-19186">
          <img alt="Herbamare Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9312/file/small-64fa4db0fae3b9aa7574d2e58974fed6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9312/file/medium-ce4ce781cb947c0ba70db1baea4a62e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9312/file/large-aeb9dbaf1464cf6644403e617232b217.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9312/file/medium-ce4ce781cb947c0ba70db1baea4a62e7.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">Vogel</p>
          <a href="/products/herbamare-bio-250-g-19186">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbamare Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </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-19186-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TlmnIL4XQlcZLqq9KmdTbG68vviKStKPcXul1fDmhD_5pBZcocqIa8DMcZYDFhHAdOmaBltik54p24rGqul_Ow" />
    <input value="19186" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/herbamare-bouillon-bio-1-kg-19187">
          <img alt="Herbamare Bouillon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9998/file/small-a5e949c83912a26837c0f994fab90bd2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9998/file/medium-0c20bd4f734607cb5cdb3aa2872673ec.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9998/file/large-953699271fa7ffed273c6b494858a4c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9998/file/medium-0c20bd4f734607cb5cdb3aa2872673ec.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">Vogel</p>
          <a href="/products/herbamare-bouillon-bio-1-kg-19187">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbamare Bouillon Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YAXVLa3vbe_YiaOIJuGW12_KT89ixo8GhUi1D8WCOo_X-GRRsjKn0wFreKMPkNR7dZ9rMbPuzhfd6Jocn43Biw" />
    <input value="19187" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/kelpamare-500-ml-19188">
          <img alt="Kelpamare" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9435/file/small-583201a313b16f333f28560a33bb790a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9435/file/medium-9b43459220e1fe100fdeeebcf296b6bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9435/file/large-c6d48c18e7330b84d0041f0816cf2135.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9435/file/medium-9b43459220e1fe100fdeeebcf296b6bd.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">Vogel</p>
          <a href="/products/kelpamare-500-ml-19188">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kelpamare, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="40QJJeecmjmtg-RelZ1NPVU_sKqwWJ2sRqd2qJdk6-xUubhZ-EFQBXRhP3W87A-RT2qUVGFw3L0eB1m7zWsQ6A" />
    <input value="19188" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/kelpamare-85-ml-19189">
          <img alt="Kelpamare" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9437/file/small-7b84999d70bead93ab85144a082ed2a2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9437/file/medium-4692aed340433d1a563d79c3fc8c6a6f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9437/file/large-eb1b069b846cd1bff62919edf4ad81b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9437/file/medium-4692aed340433d1a563d79c3fc8c6a6f.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">Vogel</p>
          <a href="/products/kelpamare-85-ml-19189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kelpamare, 85 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6AyoRXHqTppJYdiZVMXBg5UZL3TQ0jJh8mRQ91BU8uVf8Rk5bjeEppCDA7J9tIMvj0wLigH6c3CqxH_kClsJ4Q" />
    <input value="19189" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/molkosan-original-500-ml-19190">
          <img alt="Molkosan Original" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9430/file/small-d92daf53a6e655893d7ac508c79b0a9b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9430/file/medium-d5db80936e64531dcbe62c873c2884b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9430/file/large-ffd74fd32383e875a7f9f1243ba74283.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9430/file/medium-d5db80936e64531dcbe62c873c2884b3.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">Vogel</p>
          <a href="/products/molkosan-original-500-ml-19190">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Molkosan Original, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FrQwYpRH1XG7E4ZRbEKtM9ZN6JcUNtsWmWxxIyVk6p6hSYEei5ofTWLxXXpFM--fzBjMacUemgfBzF4wf2sRmg" />
    <input value="19190" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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-bio-1-kg-19191">
          <img alt="Müesli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9313/file/small-a3f4892cf9dad43e8ac5271a777b8853.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9313/file/medium-b37d487885fa5329b6bd690dac65e69d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9313/file/large-f9c1fc6a765831ace0b917522fbdb42d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9313/file/medium-b37d487885fa5329b6bd690dac65e69d.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">Vogel</p>
          <a href="/products/muesli-bio-1-kg-19191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.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-19191-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IIVSL25fzWA3Rz80znt_yPO_M0nEdB2uE-fk4H8fPY6XeONTcYIHXO6l5B_nCj1k6eoXtxVcXL9LR8vzJRDGig" />
    <input value="19191" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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-bio-500-g-19192">
          <img alt="Müesli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9999/file/small-2fcc27c14ea43a99b7adb22cb578de82.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9999/file/medium-7ba0adbab90cd9a3955558deec9b1c4f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9999/file/large-ebd6c543d225d0c0bf0b6db25a2f3999.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9999/file/medium-7ba0adbab90cd9a3955558deec9b1c4f.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">Vogel</p>
          <a href="/products/muesli-bio-500-g-19192">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RLIo7d-6hWsvUM4RfkPTIlzV4up3SzSUZPjcpOX03OjzT5mRwGdPV_ayFTpXMpGORoDGFKZjdYU8WPO3v_sn7A" />
    <input value="19192" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/braunhirse-flocken-bio-250-g-19193">
          <img alt="Braunhirse Flocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9404/file/small-482f431d65fe0064cf44e0ee6797d4a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9404/file/medium-073a8dd39e138963a97c4340ee64a31d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9404/file/large-9767bdefef7f6ad4fefa2fc5defe252d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9404/file/medium-073a8dd39e138963a97c4340ee64a31d.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">Werz</p>
          <a href="/products/braunhirse-flocken-bio-250-g-19193">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Braunhirse Flocken Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BGMme--DJ07L0yKcgTgsF3V57q3AsUoD5ZONTyVY52-znpcH8F7tchIx-beoSW67byzKUxGZCxK9M6Jcf1ccaw" />
    <input value="19193" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/braunhirsemehl-bio-500-g-19194">
          <img alt="Braunhirsemehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9406/file/small-74aa6ade2ab1050a214c21b257880864.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9406/file/medium-39c2d98c94322728e3ed03679e876918.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9406/file/large-3789fcfa8a0a0d487a5ad0633f0fd99f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9406/file/medium-39c2d98c94322728e3ed03679e876918.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">Werz</p>
          <a href="/products/braunhirsemehl-bio-500-g-19194">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Braunhirsemehl Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="accwJb4jSSMng9gTqvwrGqxWgloPLFx230Xtr3rqgRjeOoFZof6DH_5hAziDjWm2tgOmpN4EHWeH5cK8IOV6HA" />
    <input value="19194" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/buchweizen-gepufft-bio-80-g-19195">
          <img alt="Buchweizen gepufft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9403/file/small-13c9075e61451668ac1058b230fff8e9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9403/file/medium-c2c2fee37eb9473fa8c463386826edbe.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9403/file/large-30f2b5666151e5f67ef7d28c5c2d264d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9403/file/medium-c2c2fee37eb9473fa8c463386826edbe.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">Werz</p>
          <a href="/products/buchweizen-gepufft-bio-80-g-19195">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizen gepufft Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="poa92NX6SIQpzHatsGy2TFYtBkIurILR31M4-X-ZjtYRewykyieCuPAurYaZHfTgTHgivP-Ew8CH8xfqJZZ10g" />
    <input value="19195" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/crunchy-braunhirse-vollkorn-knuspermusli-bio-250-g-19196">
          <img alt="Crunchy Braunhirse Vollkorn Knuspermüsli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9408/file/small-207e705bb5e7435f7b23be45fb96084b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9408/file/medium-1712700f0b93b98cfae46fb29042cbed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9408/file/large-a33a50daf2c4c3fac6311931c7d7ba57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9408/file/medium-1712700f0b93b98cfae46fb29042cbed.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">Werz</p>
          <a href="/products/crunchy-braunhirse-vollkorn-knuspermusli-bio-250-g-19196">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crunchy Braunhirse Vollkorn Knuspermüsli Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CmQzbXWw-ybmXQpOJydkS00M2pYzAzP-fcjdf3EYZXO9mYIRam0xGj-_0WUOVibnV1n-aOIrcu8laPJsKxeedw" />
    <input value="19196" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/buchweizen-crunchy-vollkorn-knuspermusli-bio-200-g-19197">
          <img alt="Buchweizen Crunchy Vollkorn Knuspermüsli Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9399/file/small-562a1373a45d5ec5862ceee9958aa053.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9399/file/medium-af3854aa49e3a5d054ab8c1bbadad23a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9399/file/large-fd9aef971f898cc3e9507aac2226d30a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9399/file/medium-af3854aa49e3a5d054ab8c1bbadad23a.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">Werz</p>
          <a href="/products/buchweizen-crunchy-vollkorn-knuspermusli-bio-200-g-19197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizen Crunchy Vollkorn Knuspermüsli Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6FpL70nf8eG4pEnDj6agiNWMJBcaE_stcKldZhjXNXJfp_qTVgI73WFGkuim1-Ikz9kA6cs7ujwoCXJ1QtjOdg" />
    <input value="19197" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/dinkel-kleine-tierwelt-vollkornkekse-ungesusst-bio-125-g-19198">
          <img alt="Dinkel Kleine Tierwelt Vollkornkekse ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10704/file/small-3774a42c85322ba6f720ef5513abe215.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10704/file/medium-8107cbaef30cc49fc95a150d49423acc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10704/file/large-5dcfa115a584b8353b9cf27aaea302d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10704/file/medium-8107cbaef30cc49fc95a150d49423acc.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">Werz</p>
          <a href="/products/dinkel-kleine-tierwelt-vollkornkekse-ungesusst-bio-125-g-19198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkel Kleine Tierwelt Vollkornkekse ungesüsst Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ya177Il2gNI6sloOtnMfra4zRndCkH4lYQmZuXGu89nWUMqQlqtK7uNQgSWfAl0BtGZiiZO4PzQ5qbaqK6EI3Q" />
    <input value="19198" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/erdmandel-flocken-bio-250-g-19199">
          <img alt="Erdmandel Flocken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9402/file/small-d954cd95c8cc9df0f66f9d76c355f270.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9402/file/medium-6669245998ec6901199073158ceb6c5d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9402/file/large-1032fa3230a45f32b7a27959007e81b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9402/file/medium-6669245998ec6901199073158ceb6c5d.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">Werz</p>
          <a href="/products/erdmandel-flocken-bio-250-g-19199">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdmandel Flocken Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CDrTsvPZ7nQ8w5v-GTdds3-fcZRnhK-SVP8gFU3jmTm_x2LO7AQkSOUhQNUwRh8fZcpVaras7oMMXw8GF-xiPQ" />
    <input value="19199" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/hirse-vollkorn-griess-bio-250-g-19200">
          <img alt="Hirse Vollkorn Griess Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9397/file/small-27a93fe0fa08ba8df25afee9da73b844.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9397/file/medium-b13e12469096a48a7764423cd180d1d7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9397/file/large-31c5a721a1e6779fa9ea8afa2dc4004d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9397/file/medium-b13e12469096a48a7764423cd180d1d7.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">Werz</p>
          <a href="/products/hirse-vollkorn-griess-bio-250-g-19200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirse Vollkorn Griess Bio, 250 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 1.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6EXitjrGy-bY-au3JXwFzFPcW4E8jd-0EpX9l-ICD-tfuFPKJRsB2gEbcJwMDUdgSYl_f-2lnqVKNdKEuA307w" />
    <input value="19200" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/reis-griess-bio-250-g-19201">
          <img alt="Reis Griess Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9407/file/small-3707ce568851ca40242ec85bc50fe18b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9407/file/medium-e37d34f0f5b26919119653e817aaac87.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9407/file/large-4994d03647b7078050bd9ebe8359d31e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9407/file/medium-e37d34f0f5b26919119653e817aaac87.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">Werz</p>
          <a href="/products/reis-griess-bio-250-g-19201">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reis Griess Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gv6qc6MFjRvIHj8KwFt09lccRV5q_2ISb9_wf2VXJrytAxsPvNhHJxH85CHpKjZaTUlhoLvXIwM3f99sP1jduA" />
    <input value="19201" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/hirse-mehl-bio-1-kg-19202">
          <img alt="Hirse 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/9398/file/small-ceff00eba28e7b4250b0443619754f3b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9398/file/medium-11cd7dcf06824d23e6e288e8faf10d7b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9398/file/large-68648564d192bf32fdf06b516e280526.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9398/file/medium-11cd7dcf06824d23e6e288e8faf10d7b.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">Werz</p>
          <a href="/products/hirse-mehl-bio-1-kg-19202">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirse Mehl Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HZbbhFBD_88RTNDy5rHaG-pbdh1KrU4H0A80kHkWwNOqa2r4T54188iuC9nPwJi38A5S45uFDxaIrxuDIxk71w" />
    <input value="19202" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/hirse-gepufft-bio-125-g-19203">
          <img alt="Hirse gepufft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9401/file/small-e90c7c6d6c6267019bbfa77ff9869119.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9401/file/medium-56c3b824d38ec5b8583d2d3020a1b122.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9401/file/large-eba166b75e3a9405a35586f84aa823e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9401/file/medium-56c3b824d38ec5b8583d2d3020a1b122.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">Werz</p>
          <a href="/products/hirse-gepufft-bio-125-g-19203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirse gepufft Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ieom7BWcBZRdRYMBSNOxow3TjdHXaDeqh2-od7IL9hWWF5eQCkHPqISnWCphovMPF4apLwZAdrvfz4dk6AQNEQ" />
    <input value="19203" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/reis-erdmandel-zungen-vollkornkekse-bio-100-g-19204">
          <img alt="Reis Erdmandel Zungen Vollkornkekse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10354/file/small-c8a93841321ae27a45399f5a46c1047b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10354/file/medium-4ee11a1ae1707bfe40ee5d3a434d0556.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10354/file/large-88734a0b79e7f6bb52259accb50c6407.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10354/file/medium-4ee11a1ae1707bfe40ee5d3a434d0556.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">Werz</p>
          <a href="/products/reis-erdmandel-zungen-vollkornkekse-bio-100-g-19204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reis Erdmandel Zungen Vollkornkekse Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nqb2z_fyE9J2Atw215sBIFlSYnBEms9JihcKmwHTQPIpW0ez6C_Z7q_gBx3-6kOMQwdGjpWyjljStyWIW9y79g" />
    <input value="19204" 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%2Fgautschi%3Fformat%3Dturbo_stream%26page%3D82">
    <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/reis-mehl-bio-1-kg-19205">
          <img alt="Reis 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/9400/file/small-57beddab180aa85fabed626f8e30ccb6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9400/file/medium-47e6809769cc9cb9bccb96531df81b2f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9400/file/large-871eb70ef11a2f5504f02a013acac7e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9400/file/medium-47e6809769cc9cb9bccb96531df81b2f.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">Werz</p>
          <a href="/products/reis-mehl-bio-1-kg-19205">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reis Mehl Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

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

</template></turbo-stream>