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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gemuse-bouillon-paste-go-clean-bio-400-g-18681">
          <img alt="Gemüse Bouillon Paste go clean Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9653/file/small-defd7e0405a27d8f896f9c1561ed1d4a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9653/file/medium-38fa120924622775637678f8cde79613.webp 900w, https://assets.fabulous.ch/public/variant_asset/9653/file/large-022f35c91ab6011e12f04cb4b0687622.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9653/file/medium-38fa120924622775637678f8cde79613.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">MORGA</p>
          <a href="/de/products/gemuse-bouillon-paste-go-clean-bio-400-g-18681">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüse Bouillon Paste go clean Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18681&quot;],&quot;content_name&quot;:&quot;Gemüse Bouillon Paste go clean Bio, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18681&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="io5mnDhnTjqYPZ1-ozqPnGuYr6hIXouoz0ppmwhUaRIyRcrzjj6M2iGje-Xs00uZ3IEXSavmir3SSTQT-g0FDA" />
    <input value="18681" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hafer-demeter-500-g-18683">
          <img alt="Hafer Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9633/file/small-17461a94d37026ec42a327d2597c3cf4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9633/file/medium-246449b9babe0e9bf9032769ee987753.webp 900w, https://assets.fabulous.ch/public/variant_asset/9633/file/large-cefd1ca1c34e3b368039bd575b4246ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9633/file/medium-246449b9babe0e9bf9032769ee987753.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">MORGA</p>
          <a href="/de/products/hafer-demeter-500-g-18683">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18683&quot;],&quot;content_name&quot;:&quot;Hafer Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18683&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yRWpeliWg_kuRv5twL2qwfhkF-45RlGfGFojovE7CTJx3gUV7s9BGZfYGPaPVG7ET32vD9r-UIoFWX4qA2JlLA" />
    <input value="18683" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hafergrutze-demeter-500-g-18684">
          <img alt="Hafergrütze Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10240/file/small-5d058eadbf32ad6bb2bc158ec592c289.webp 600w, https://assets.fabulous.ch/public/variant_asset/10240/file/medium-0ab95551cb0bd24c9a736ecdcd5dff7d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10240/file/large-82e8e5c108193beb1ea793dd5ccf037c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10240/file/medium-0ab95551cb0bd24c9a736ecdcd5dff7d.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">MORGA</p>
          <a href="/de/products/hafergrutze-demeter-500-g-18684">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafergrütze Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18684&quot;],&quot;content_name&quot;:&quot;Hafergrütze Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18684&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dKf6P04KlbbLJkWLr0Uj2bKxZhxdcP2OS7uw5Ie3aifMbFZQ-FNXVnK4oxDgrOfcBaje_b7I_JtWuO1sde4GOQ" />
    <input value="18684" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haferkleie-demeter-500-g-18685">
          <img alt="Haferkleie Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9251/file/small-813a0378ea5a06a98146aff20a0a2cb5.webp 600w, https://assets.fabulous.ch/public/variant_asset/9251/file/medium-99f802b8ef1030c97e2e7b9e7da79d08.webp 900w, https://assets.fabulous.ch/public/variant_asset/9251/file/large-ce0124b9e204aa91ec4448f338d80974.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9251/file/medium-99f802b8ef1030c97e2e7b9e7da79d08.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">MORGA</p>
          <a href="/de/products/haferkleie-demeter-500-g-18685">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haferkleie Demeter, 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-18685-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18685&quot;],&quot;content_name&quot;:&quot;Haferkleie Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18685&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xsK2I_TU1o63c61FY9GfwrgAdINFAhAUr1n7eYGKNYR-CRpMQo0Ubg7tS94sOFvHDxnMYqa6EQGyWqbxc9NZmg" />
    <input value="18685" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/himalajasalz-krauter-bio-100-g-18686">
          <img alt="Himalajasalz Kräuter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9655/file/small-4aa503a1f5a8a67649777db3c4010fc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/9655/file/medium-a07ef04786a859f23143db83eee2d3fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/9655/file/large-7dfd8ba41ac82ae00d4cb0cdb715c19f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9655/file/medium-a07ef04786a859f23143db83eee2d3fe.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">MORGA</p>
          <a href="/de/products/himalajasalz-krauter-bio-100-g-18686">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Himalajasalz Kräuter Bio, 100 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 6.50 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18686&quot;],&quot;content_name&quot;:&quot;Himalajasalz Kräuter Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18686&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ltm99zE9vWE01TuU29dgFRE8xGqCA7ybND7avt2N588uEhGYh2R_gY1L3Q-UPqQQpiV8i2G7vY4pPYc2L9SL0Q" />
    <input value="18686" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/hirsegriess-demeter-500-g-18687">
          <img alt="Hirsegriess Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9629/file/small-aa19a299e99e7a8ac21d2962f2a6fa04.webp 600w, https://assets.fabulous.ch/public/variant_asset/9629/file/medium-702776a373164522042a2f7a41a80978.webp 900w, https://assets.fabulous.ch/public/variant_asset/9629/file/large-0a018a34c487a43ce85ebe3876601ed9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9629/file/medium-702776a373164522042a2f7a41a80978.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">MORGA</p>
          <a href="/de/products/hirsegriess-demeter-500-g-18687">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hirsegriess Demeter, 500 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.18 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18687&quot;],&quot;content_name&quot;:&quot;Hirsegriess Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18687&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8De2ZwcYQyISnL5FZajKlsyZwRjFnR9Xwodd3HOahLlI_BoIsUGBwqsCWN4qQQ6Te4B5-SYlHkLfhABUgcPopw" />
    <input value="18687" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/idee-kaffee-losl-gold-express-100-g-18690">
          <img alt="Idee-Kaffee lösl. Gold-Express" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9657/file/small-6b8f1f26307e33648577f660bb62383a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9657/file/medium-d61e96a65d13ab2a966301280ddb2170.webp 900w, https://assets.fabulous.ch/public/variant_asset/9657/file/large-92b0d1617761bdc9542e3fbaf0658a19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9657/file/medium-d61e96a65d13ab2a966301280ddb2170.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">MORGA</p>
          <a href="/de/products/idee-kaffee-losl-gold-express-100-g-18690">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Idee-Kaffee lösl. Gold-Express, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18690&quot;],&quot;content_name&quot;:&quot;Idee-Kaffee lösl. Gold-Express, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18690&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tIiJwxofhXRI2IBSFUOS-N2EiWd63q86dVv4x_O-UUoMQyWsrEZHlPFGZslaqlb9ap0xhplmri9oWKVPAec9VA" />
    <input value="18690" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kartoffelmehl-bio-200-g-18691">
          <img alt="Kartoffelmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10639/file/small-25542df4d235308288650b4452e41d03.webp 600w, https://assets.fabulous.ch/public/variant_asset/10639/file/medium-d1d0aa950d0d86633ebfe257df89990c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10639/file/large-f6783a6693789cb907ff7c0ec0d716a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10639/file/medium-d1d0aa950d0d86633ebfe257df89990c.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">MORGA</p>
          <a href="/de/products/kartoffelmehl-bio-200-g-18691">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kartoffelmehl Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18691&quot;],&quot;content_name&quot;:&quot;Kartoffelmehl Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18691&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X5uPjsQM6fHeIqEawEzgT5_GxiulzJZHZFMbigdXfZ3nUCPhclUrEWe8R4GPpSRKKN9-ykZ0l1J5UEYC9Q4Rgw" />
    <input value="18691" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kastanienflocken-100-g-18692">
          <img alt="Kastanienflocken" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9623/file/small-ff030d66bb061ec08000e85de8a53e2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9623/file/medium-9013628c79ce6780b1e4c04a43fd966b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9623/file/large-c343943393cb7c98aaf3b489fac9b2d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9623/file/medium-9013628c79ce6780b1e4c04a43fd966b.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">MORGA</p>
          <a href="/de/products/kastanienflocken-100-g-18692">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kastanienflocken, 100 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 7.60 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18692&quot;],&quot;content_name&quot;:&quot;Kastanienflocken, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18692&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yU4eY8W7O-AmFkp56CsFgRkuyjE6JfanaO57lUj4nwVxhbIMc-L5AJ-IrOKnwsGErjdy0Nmd97J17SYduqHzGw" />
    <input value="18692" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kastanienmehl-bio-300-g-18693">
          <img alt="Kastanienmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9252/file/small-28019dd245ce144ea6c8f0798e1d24bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/9252/file/medium-8003bd711f952360892fca1cd430e70f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9252/file/large-44032d92eecbeea214cfe189bbfeb4a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9252/file/medium-8003bd711f952360892fca1cd430e70f.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">MORGA</p>
          <a href="/de/products/kastanienmehl-bio-300-g-18693">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kastanienmehl Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18693&quot;],&quot;content_name&quot;:&quot;Kastanienmehl Bio, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18693&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WZLF_FYqRmgNXvDfZ7U9SP_Pn3z_PUUORSgSxGqc73jhWWmT4HOEiLTAFkQoXPlNSNYnnRyFRBtYK09MmMWDZg" />
    <input value="18693" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/leinmehl-bio-300-g-18695">
          <img alt="Leinmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9254/file/small-13ca5983020972e6af4aaa395a60efb5.webp 600w, https://assets.fabulous.ch/public/variant_asset/9254/file/medium-03f0b305cfcc8cbc89efaf89bde30f4a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9254/file/large-8fd7fff3abad4e36c345b6e23f345c4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9254/file/medium-03f0b305cfcc8cbc89efaf89bde30f4a.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">MORGA</p>
          <a href="/de/products/leinmehl-bio-300-g-18695">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Leinmehl Bio, 300 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 2.07 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18695&quot;],&quot;content_name&quot;:&quot;Leinmehl Bio, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18695&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A6qFhWE03J19gWkLAaFZP8NNpGyVYM8dm27UCTHqqfy7YSnq120efcQfj5BOSJ06dFQcjXbYzgiGbYmBw7PF4g" />
    <input value="18695" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/malzextrakt-aus-gerste-konv-250-g-18696">
          <img alt="Malzextrakt aus Gerste konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9658/file/small-7f6a20861f579fe2d3d14ea21a08353e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9658/file/medium-7c8fb4c5ef9e67a44644ca7c085dd021.webp 900w, https://assets.fabulous.ch/public/variant_asset/9658/file/large-d5aade46ada95783de190948db08db8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9658/file/medium-7c8fb4c5ef9e67a44644ca7c085dd021.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">MORGA</p>
          <a href="/de/products/malzextrakt-aus-gerste-konv-250-g-18696">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Malzextrakt aus Gerste konv, 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-18696-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18696&quot;],&quot;content_name&quot;:&quot;Malzextrakt aus Gerste konv, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18696&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CAQ6rNLxKJMS7mUTtbhxJwj0VDnY84Z4ULKelQvAwE2wz5bDZKjqc6twg4j6UbUiv-3s2DtLh21NscMd-ZmsUw" />
    <input value="18696" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mandelmehl-konv-500-g-18697">
          <img alt="Mandelmehl konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9255/file/small-57612dd660b9fed34a4d89062503064b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9255/file/medium-a838fa887e8b4a3eb4422dd2ab2e77f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/9255/file/large-0f34ff0bb9e8d9232a2b192620d44cd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9255/file/medium-a838fa887e8b4a3eb4422dd2ab2e77f2.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">MORGA</p>
          <a href="/de/products/mandelmehl-konv-500-g-18697">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelmehl konv, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18697&quot;],&quot;content_name&quot;:&quot;Mandelmehl konv, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18697&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BH2xjuJ7fAdwpRzklw-wAGaZAxvPvi-KiWE0vhNZujm8th3hVCK-58k7-n_Y5nQF0YC7-iwGLp-UYmk24QDWJw" />
    <input value="18697" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/meersalz-fein-konv-750-g-18698">
          <img alt="Meersalz fein konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9659/file/small-b6d89bb6f12ccbde3c552ea37d392170.webp 600w, https://assets.fabulous.ch/public/variant_asset/9659/file/medium-5bf4607fcd81b8758b2f2f56203ea0d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/9659/file/large-09562ad34d5b83480b7d5dcf16f7a2ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9659/file/medium-5bf4607fcd81b8758b2f2f56203ea0d1.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">MORGA</p>
          <a href="/de/products/meersalz-fein-konv-750-g-18698">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Meersalz fein konv, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18698&quot;],&quot;content_name&quot;:&quot;Meersalz fein konv, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18698&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S9xZEoYrcDqwf6BTBxZWc98k_3jD0fiz42LLVqjL50_zF_V9MHKy2gnhRshI_5J2aD1HmSBp-ab-YZbeWpKLUQ" />
    <input value="18698" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/muesli-vollwertmischung-demeter-500-g-18700">
          <img alt="Müesli Vollwertmischung Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9663/file/small-999b98570d1cac7607844212124744ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/9663/file/medium-32b833d11af2dbedb8530cb45f9e8165.webp 900w, https://assets.fabulous.ch/public/variant_asset/9663/file/large-1dcaeb6573fda485463765bc0b23677d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9663/file/medium-32b833d11af2dbedb8530cb45f9e8165.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">MORGA</p>
          <a href="/de/products/muesli-vollwertmischung-demeter-500-g-18700">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli Vollwertmischung Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18700&quot;],&quot;content_name&quot;:&quot;Müesli Vollwertmischung Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18700&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UstyPDxqDBkuO8AnS7B9PCoY7jPGdzyV2dSOsEaR89nqAN5TijPO-ZelJrwEWbk5nQFW0iXPPYDE19M4tMifxw" />
    <input value="18700" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/roggen-demeter-500-g-18706">
          <img alt="Roggen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9634/file/small-acde27b1563b8c0d4f8b0b3a92c12bfe.webp 600w, https://assets.fabulous.ch/public/variant_asset/9634/file/medium-4882fe39615f89de96b9e89ee9b971b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9634/file/large-0ee68afc6ea539b7fca6238fdd7a60ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9634/file/medium-4882fe39615f89de96b9e89ee9b971b3.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">MORGA</p>
          <a href="/de/products/roggen-demeter-500-g-18706">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roggen Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18706&quot;],&quot;content_name&quot;:&quot;Roggen Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18706&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7UHH4clk49_tqZ8DxfnTlPnmDmlilcURe4bZvDosLpJVimuOfz0hP1Q3eZiKEBeRTv-2iIEtxARmhYQ0yHVCjA" />
    <input value="18706" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/rohrohrzucker-750-g-18707">
          <img alt="Rohrohrzucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9628/file/small-50c6eeca350a0d28b5fb64f9df4b4bbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/9628/file/medium-c079b7d3600175cafd8ca1b44ac0f3c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/9628/file/large-f071bd861363eeb1333f09510323544d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9628/file/medium-c079b7d3600175cafd8ca1b44ac0f3c9.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">MORGA</p>
          <a href="/de/products/rohrohrzucker-750-g-18707">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rohrohrzucker, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18707&quot;],&quot;content_name&quot;:&quot;Rohrohrzucker, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18707&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MCyL613MMqlqhGXY5pe9BxihHfOJo9bdAgQ1OfOrhlCI5yeE65XwSdMag0OpfnkCr7ilEmob18gfB2ixAfLqTg" />
    <input value="18707" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/salatkrauter-gefriergetrocknet-konv-25-g-18708">
          <img alt="Salatkräuter gefriergetrocknet konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9669/file/small-f4eedd1fe285935b12bebd088c4378c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9669/file/medium-0a3ad5cc0b6c39fcddc4af4433c71927.webp 900w, https://assets.fabulous.ch/public/variant_asset/9669/file/large-d695dc37f69adc7c9dbd17c3d88e0ea9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9669/file/medium-0a3ad5cc0b6c39fcddc4af4433c71927.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">MORGA</p>
          <a href="/de/products/salatkrauter-gefriergetrocknet-konv-25-g-18708">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salatkräuter gefriergetrocknet konv, 25 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 23.60 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18708&quot;],&quot;content_name&quot;:&quot;Salatkräuter gefriergetrocknet konv, 25 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18708&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gn7V-LxocbwX3l97jiioFIcT3ZY4iKcNscYiXs8Lq846tXmXCjGzXK5AueDBwWwRMApld9swphisxX_WPVLH0A" />
    <input value="18708" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/sesamol-bio-500-ml-18710">
          <img alt="Sesamöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9661/file/small-f4a7b4ab9377a764f404ec13e2eb3fad.webp 600w, https://assets.fabulous.ch/public/variant_asset/9661/file/medium-8fa934580afddb97c635791381bda561.webp 900w, https://assets.fabulous.ch/public/variant_asset/9661/file/large-f0cd8cdc9047837d72c6823412b330ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9661/file/medium-8fa934580afddb97c635791381bda561.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">MORGA</p>
          <a href="/de/products/sesamol-bio-500-ml-18710">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesamöl Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18710&quot;],&quot;content_name&quot;:&quot;Sesamöl Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18710&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V6KP3GvqcMbP3NJ_E7uV-PzS6uxY8D5Niu5Mgyc0d0LvaSOz3bOyJnZCNORcUlH9S8tSDbtIP1iX7REL1W0bXA" />
    <input value="18710" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/de/signup?return_to=%2Fde%2Fcategories%2Fkruut%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/soja-nudeln-breit-bio-250-g-18711">
          <img alt="Soja Nudeln breit Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9256/file/small-1c93f2228a5e8a4689b22790f2474b02.webp 600w, https://assets.fabulous.ch/public/variant_asset/9256/file/medium-83ff1ca86935142545b378814da46a11.webp 900w, https://assets.fabulous.ch/public/variant_asset/9256/file/large-7bd2490d390f15c5e42effef20eedb15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9256/file/medium-83ff1ca86935142545b378814da46a11.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">MORGA</p>
          <a href="/de/products/soja-nudeln-breit-bio-250-g-18711">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Nudeln breit Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18711&quot;],&quot;content_name&quot;:&quot;Soja Nudeln breit Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18711&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b_9Zcw965paS67aLbo7pwOUgCfKjA9JKMLVRWOAb8mfXNPUcuSMkdit1UBAhZy3FUjmxE0C7018ttgzQEkKeeQ" />
    <input value="18711" 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">
      3&#39;360 von 3&#39;573 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/kruut?format=turbo_stream&amp;page=169">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>