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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/bauck-muesli-dinkel-beerenzart-demeter-425-g-18186">
          <img alt="Bauck Müesli Dinkel Beerenzart Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9079/file/small-9d3bbdbb983e392c78f7bdc057d388f5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9079/file/medium-79c3b8da42e2aa9784d136112ce7bdf4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9079/file/large-c531d05fa63f72922e2f644151a1f936.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9079/file/medium-79c3b8da42e2aa9784d136112ce7bdf4.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">Bauck</p>
          <a href="/products/bauck-muesli-dinkel-beerenzart-demeter-425-g-18186">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Müesli Dinkel Beerenzart Demeter, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/bauck-muesli-dinkel-knusperzart-demeter-425-g-18187">
          <img alt="Bauck Müesli Dinkel Knusperzart Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9080/file/small-70b28ec2e8c7502780b9e4110bbb90f8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9080/file/medium-51f25b189934dcf73ea8bb3173772067.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9080/file/large-225a9a4b23b28a3dc435127bc3d5b15e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9080/file/medium-51f25b189934dcf73ea8bb3173772067.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">Bauck</p>
          <a href="/products/bauck-muesli-dinkel-knusperzart-demeter-425-g-18187">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Müesli Dinkel Knusperzart Demeter, 425 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 1.34 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XcwFju4gwdey7r-U9dadKfVm-xW4IStFHrXFDAYYGnFX5_jKERWtiCAa4_xcSvX-eQyypFmLMPiOoxqgbCcd6w" />
    <input value="18187" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/bauck-muesli-dinkel-schokozart-demeter-425-g-18188">
          <img alt="Bauck Müesli Dinkel Schokozart Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9375/file/small-8fbca16bf58681e29735c8805cbb2e25.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9375/file/medium-4ce94dfa921f1ce43362700da29371b8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9375/file/large-7391740439994002e21c01f0d8fa8300.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9375/file/medium-4ce94dfa921f1ce43362700da29371b8.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">Bauck</p>
          <a href="/products/bauck-muesli-dinkel-schokozart-demeter-425-g-18188">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Müesli Dinkel Schokozart Demeter, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/bauck-muesli-hafer-mit-beeren-bio-gf-425-g-18189">
          <img alt="Bauck Müesli Hafer mit Beeren Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9081/file/small-39d864841e02dc2610e46a54d33e6fa0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9081/file/medium-95cedd1eb363f9c1172106922897f050.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9081/file/large-ec25f7b73f399e9676bbbfcd7b54d69c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9081/file/medium-95cedd1eb363f9c1172106922897f050.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">Bauck</p>
          <a href="/products/bauck-muesli-hafer-mit-beeren-bio-gf-425-g-18189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Müesli Hafer mit Beeren Bio gf, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/bauck-muesli-hafer-mit-nussen-demeter-gf-425-g-18190">
          <img alt="Bauck Müesli Hafer mit Nüssen Demeter gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10592/file/small-aa288ff02e11cc0f474421b97786ca2c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10592/file/medium-107cc65f636f1816be0ceef3a86aa893.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10592/file/large-b0337e5163ad0c1c06071e678062a22a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10592/file/medium-107cc65f636f1816be0ceef3a86aa893.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">Bauck</p>
          <a href="/products/bauck-muesli-hafer-mit-nussen-demeter-gf-425-g-18190">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Müesli Hafer mit Nüssen Demeter gf, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/bauck-pudding-gries-reis-bio-gf-2-x-65-g-18191">
          <img alt="Bauck Pudding Gries Reis Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9593/file/small-01d0c2e7dcde9bbb20ec4e40095f50a2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9593/file/medium-f0ad6af1b7f9c1bac7d18f94887a835c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9593/file/large-70b907fe469f375a34898d45112e63de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9593/file/medium-f0ad6af1b7f9c1bac7d18f94887a835c.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">Bauck</p>
          <a href="/products/bauck-pudding-gries-reis-bio-gf-2-x-65-g-18191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Pudding Gries Reis Bio gf, 2 x 65 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 2.69 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xRbS_o_DK0tKjmPyyaruipCb9J8AFMlwafmzSw0dzpfPPS-6cPZHFNh6P5pgNoZdHPG9LuG-0s3572znZyLJDQ" />
    <input value="18191" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/bauck-speisestarke-mais-bio-gf-250-g-18192">
          <img alt="Bauck Speisestärke Mais Bio gf" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9082/file/small-fd26f1d381be5e0c6cae844cf147a703.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9082/file/medium-ef8ba7226c91653d725ff6b13307ccf6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9082/file/large-fa840ac8d5b49cb2116a936df885b2cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9082/file/medium-ef8ba7226c91653d725ff6b13307ccf6.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">Bauck</p>
          <a href="/products/bauck-speisestarke-mais-bio-gf-250-g-18192">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Speisestärke Mais Bio gf, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lPExBtTMJ5ra8hZ5Op6HYUgxG2vy-iTL16SI_LUXn6ye2sxCK_lLxUgGShGTAu-2xFtS2hNQP3ZHsldQ3yiYNg" />
    <input value="18192" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/bergerie-schaf-frischkase-50-fett-bio-100-g-18193">
          <img alt="Bergerie Schaf Frischkäse 50% Fett Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9588/file/small-76a7e29a546ef8b2493123ee18921d08.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9588/file/medium-d35ac7f41d21c50a34310a2308763a34.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9588/file/large-09e99ed3f9f4829235ce612fe0dcd969.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9588/file/medium-d35ac7f41d21c50a34310a2308763a34.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">Bergerie</p>
          <a href="/products/bergerie-schaf-frischkase-50-fett-bio-100-g-18193">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bergerie Schaf Frischkäse 50% Fett Bio, 100 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 3.70 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/beutelsbacher-traubensaft-weiss-demeter-700-ml-18194">
          <img alt="Beutelsbacher Traubensaft weiss Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9589/file/small-47020c251632d916e14a50a4f9e0ebc7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9589/file/medium-5f9d3bc71653c1e82bed3e08cd8cf159.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9589/file/large-376f15aca3045e725820a82118d95e35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9589/file/medium-5f9d3bc71653c1e82bed3e08cd8cf159.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">Beutelsbacher</p>
          <a href="/products/beutelsbacher-traubensaft-weiss-demeter-700-ml-18194">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beutelsbacher Traubensaft weiss Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/biedermann-butter-unpasteurisiert-biok-200-g-18195">
          <img alt="Biedermann Butter unpasteurisiert BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10360/file/small-d05e704f55f719f4fd47f49e544f9680.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10360/file/medium-7e88a5725ba2fa09f2035bbca8452958.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10360/file/large-eef8a25e610aa851d55e08e00adad694.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10360/file/medium-7e88a5725ba2fa09f2035bbca8452958.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">Biedermann</p>
          <a href="/products/biedermann-butter-unpasteurisiert-biok-200-g-18195">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biedermann Butter unpasteurisiert BioK, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/biedermann-caffe-latte-cappuccino-bio-230-ml-18196">
          <img alt="Biedermann Caffè Latte Cappuccino Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10701/file/small-afb9af79c5d7c8b3bcc03b3be6621617.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10701/file/medium-dbc7ec1e1cd0bda7b62b99fa601f7a74.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10701/file/large-7b1c7cb1b7b9deccc985bf52fc4db1da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10701/file/medium-dbc7ec1e1cd0bda7b62b99fa601f7a74.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">Biedermann</p>
          <a href="/products/biedermann-caffe-latte-cappuccino-bio-230-ml-18196">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biedermann Caffè Latte Cappuccino Bio, 230 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/biedermann-joghurtalternative-kokos-heidelbeere-bio-vegan-150-g-18197">
          <img alt="Biedermann Joghurtalternative Kokos Heidelbeere Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9470/file/small-1fb0ef11abf8d837ae5c0bce543befa6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9470/file/medium-707e9c54eceb642b2deab7e226ea3f1f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9470/file/large-8cb6ed80ed693380d9b10d1fedc54656.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9470/file/medium-707e9c54eceb642b2deab7e226ea3f1f.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">Biedermann</p>
          <a href="/products/biedermann-joghurtalternative-kokos-heidelbeere-bio-vegan-150-g-18197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biedermann Joghurtalternative Kokos Heidelbeere Bio vegan, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/biedermann-joghurtalternative-kokos-mango-bio-vegan-150-g-18198">
          <img alt="Biedermann Joghurtalternative Kokos Mango Bio vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9471/file/small-b40cbd3f599ec114998f849df8dcd251.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9471/file/medium-7d3647f341c3c35b0c313562fa3fcbcb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9471/file/large-641fada0932d5b4bcae98b25fe7b1117.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9471/file/medium-7d3647f341c3c35b0c313562fa3fcbcb.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">Biedermann</p>
          <a href="/products/biedermann-joghurtalternative-kokos-mango-bio-vegan-150-g-18198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biedermann Joghurtalternative Kokos Mango Bio vegan, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

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

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


  

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


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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UN7WNZEXJ4ro671VeGg-70PeWy8FES-p10B6wT7QF8Za9StxbiJL1Xof4T3R9FY4z7QSnuS7NBRHVqVtVO8QXA" />
    <input value="18199" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/biofarm-golden-light-zucker-bio-1-kg-18200">
          <img alt="Biofarm Golden Light Zucker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9798/file/small-d7e2f236d4d49c3c4c459d2b746e6df4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9798/file/medium-bace2b11015e3d0f26d082e58b3aafc4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9798/file/large-9c23a87989f753f5a99705e690ca7c5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9798/file/medium-bace2b11015e3d0f26d082e58b3aafc4.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">Biofarm</p>
          <a href="/products/biofarm-golden-light-zucker-bio-1-kg-18200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Golden Light Zucker Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/biofarm-haferflocken-fein-biok-500-g-18201">
          <img alt="Biofarm Haferflocken fein BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10341/file/small-75924c1aa2aa8f5b7b896d3fd64ac5d1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10341/file/medium-14620f830d0c6e449f9b540b4cca2678.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10341/file/large-fc4fc1830ea70b08b859d086d0a2be5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10341/file/medium-14620f830d0c6e449f9b540b4cca2678.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">Biofarm</p>
          <a href="/products/biofarm-haferflocken-fein-biok-500-g-18201">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Haferflocken fein BioK, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/biofarm-knuspermuesli-aus-urgetreiden-biok-500-g-18202">
          <img alt="Biofarm Knuspermüesli aus Urgetreiden BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9799/file/small-d153a3a6c8275ee93f858c2814ec4f11.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9799/file/medium-689a5bb5ee1453dc53dc95757d75d332.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9799/file/large-31773fd42023a78c7725a5eb29f072aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9799/file/medium-689a5bb5ee1453dc53dc95757d75d332.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">Biofarm</p>
          <a href="/products/biofarm-knuspermuesli-aus-urgetreiden-biok-500-g-18202">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Knuspermüesli aus Urgetreiden BioK, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/biofarm-knuspermuesli-choco-amaranth-biok-500-g-18203">
          <img alt="Biofarm Knuspermüesli Choco Amaranth BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9801/file/small-636b750eea2a8c43a98a79ade33e6037.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9801/file/medium-019c910835c57241318379f4165fe5ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9801/file/large-6cb87d5bce7fa201ac060ca4a7500438.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9801/file/medium-019c910835c57241318379f4165fe5ea.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">Biofarm</p>
          <a href="/products/biofarm-knuspermuesli-choco-amaranth-biok-500-g-18203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Knuspermüesli Choco Amaranth BioK, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/biofarm-knuspermuesli-classic-biok-500-g-18204">
          <img alt="Biofarm Knuspermüesli Classic BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9800/file/small-b78f522d8c14a12856b6c8fae00fcb30.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9800/file/medium-0d394c4d511db188b19eb30a106e9ab3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9800/file/large-9c1c5ac71388c7c1b1be4bab30ec1628.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9800/file/medium-0d394c4d511db188b19eb30a106e9ab3.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">Biofarm</p>
          <a href="/products/biofarm-knuspermuesli-classic-biok-500-g-18204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Knuspermüesli Classic BioK, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cwnT-bUKykLkrEDrV4Unbbn1mCmT5fyGeeaBf5UDP695Ii69Sj-mHXZYHIP-GU-6NZ_RmHJP5zvp8F7T_zw4NQ" />
    <input value="18204" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D36">
    <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/biofarm-schweizer-dorrbohnen-biok-100-g-18205">
          <img alt="Biofarm Schweizer Dörrbohnen BioK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10560/file/small-a3d53683980adf4564e2d7507977fc0c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10560/file/medium-866d98a2341528c570453015cfff095d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10560/file/large-bf341a40ae29921efaaee884ae45a776.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10560/file/medium-866d98a2341528c570453015cfff095d.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">Biofarm</p>
          <a href="/products/biofarm-schweizer-dorrbohnen-biok-100-g-18205">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biofarm Schweizer Dörrbohnen BioK, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

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

</template></turbo-stream>