<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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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/speise-meersalz-grob-konv-750-g-18716">
          <img alt="Speise Meersalz grob konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9671/file/small-7ed0c4227d2e804c4c009db16b20cad9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9671/file/medium-cf15651b3948b5cfff7ea0bc1519c64c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9671/file/large-2daf58d660c7919633a2bd3ee918e0dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9671/file/medium-cf15651b3948b5cfff7ea0bc1519c64c.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/speise-meersalz-grob-konv-750-g-18716">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Speise Meersalz grob konv, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18716&quot;],&quot;content_name&quot;:&quot;Speise Meersalz grob konv, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18716&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vAtQdr4o0NYoNIyvVC4XgtO2j6IGiyjre4VP9FATh_Va2Y7GP6zM-K4OSJkC09tFYLWjwbPoIyt8oVUjEd-lsw" />
    <input value="18716" 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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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 2.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.39 / 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;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_9pA67UjWfJwPHZhxe5Zi9XgY1bOgi39HnoF7v9TducZCJ5bNKdF3PYGsleTE5VMZuNPNXvhJj0ZXh85vp9UoQ" />
    <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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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/arodor-streuwurze-beutel-bio-80-g-18656">
          <img alt="Arodor Streuwürze Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9636/file/small-8b9bb7156928da30c21a84d50c2142b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/9636/file/medium-a79e2ce25df3ce627d1f26c20536bc83.webp 900w, https://assets.fabulous.ch/public/variant_asset/9636/file/large-c03d2255cbc6aaa0987aeb6e1e52d87b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9636/file/medium-a79e2ce25df3ce627d1f26c20536bc83.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/arodor-streuwurze-beutel-bio-80-g-18656">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Arodor Streuwürze Beutel Bio, 80 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 4.38 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18656&quot;],&quot;content_name&quot;:&quot;Arodor Streuwürze Beutel Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18656&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6rTyuTID_FPW5cXFwU31V47ErZUdja-dSNH26qJMwr0MZiwJs4fgfVDfAfOXsDmQPceB9qjupF1P9ew944Dg-w" />
    <input value="18656" 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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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 6.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.76 / 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;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bME61YjdzqioAVYZ92ZfZWm6ujbyltxs0VR9ocfeVpSKE-RlCVnShi47ki-hm5Oi2rmWVUf116zWcGd2hhJ00g" />
    <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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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-instant-600-g-18674">
          <img alt="Gemüse Bouillon Instant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9650/file/small-ea1793d0a7202af0fd174ae194f95373.webp 600w, https://assets.fabulous.ch/public/variant_asset/9650/file/medium-3eed0b441ef65b547524720cfe034ee8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9650/file/large-0537f710e14de87610187ccba9cb384f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9650/file/medium-3eed0b441ef65b547524720cfe034ee8.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-instant-600-g-18674">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüse Bouillon Instant, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18674&quot;],&quot;content_name&quot;:&quot;Gemüse Bouillon Instant, 600 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18674&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:25.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="caH4eV1WktIrMC-eA7oHPpz8sx0Ag-_Alc2_Z7xDPYyXcybJ3NKO_K0K66hVR8v5L_-ffrXg5ACS6aWw_Y8fyg" />
    <input value="18674" 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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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-instant-150-g-18673">
          <img alt="Gemüse Bouillon Instant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9249/file/small-1d2305bc83f69f25fe914a451d4001e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9249/file/medium-70f2178f7269cf0df928223f26136f36.webp 900w, https://assets.fabulous.ch/public/variant_asset/9249/file/large-8a2f3bd669667c185c7a30a56bdac615.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9249/file/medium-70f2178f7269cf0df928223f26136f36.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-instant-150-g-18673">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemüse Bouillon Instant, 150 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 4.60 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18673&quot;],&quot;content_name&quot;:&quot;Gemüse Bouillon Instant, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18673&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wG33VwNZ7ptZQdYGTVSwVFzuFiTWdLP9OmQ7A1twwpQmvynngt3ytd97EjAbqXyT7-06R2MXuD09QCHUGrzg0g" />
    <input value="18673" 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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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 9.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 9.95 / 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;:9.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fdCoiYupHVkgNAMaOuzNHR45GWYPXdZGhG9vb7FHfAqbAnY5Ci0Bd6YOxyxsEQHarTo1Bbo-3YaDS3W48IteTA" />
    <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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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/backpulver-ohne-phosphat-konv-22-g-18658">
          <img alt="Backpulver ohne Phosphat konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9248/file/small-f3099f2c961f8365d68f85674bbe4ecb.webp 600w, https://assets.fabulous.ch/public/variant_asset/9248/file/medium-b0dddf8af4b210186e9318601123c020.webp 900w, https://assets.fabulous.ch/public/variant_asset/9248/file/large-5e1bb940ef47668f1b174d2372dbbe94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9248/file/medium-b0dddf8af4b210186e9318601123c020.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/backpulver-ohne-phosphat-konv-22-g-18658">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Backpulver ohne Phosphat konv, 22 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18658&quot;],&quot;content_name&quot;:&quot;Backpulver ohne Phosphat konv, 22 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18658&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tKZH7I46kJ7Ace6KCv19UAujeYjoKX3JIZPaH9-1HqdSdJlcD76MsEZLKrxcALGXuKBV611Kdgkmt8DInnk84Q" />
    <input value="18658" 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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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/fruchtzucker-750-g-18672">
          <img alt="Fruchtzucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9647/file/small-dc9b21462351d467f9df068c752c895e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9647/file/medium-9ddd24860ed4070e98387c03bf8a479a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9647/file/large-92bba677f21a0b64c7b40eaf76e4bc4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9647/file/medium-9ddd24860ed4070e98387c03bf8a479a.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/fruchtzucker-750-g-18672">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruchtzucker, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18672&quot;],&quot;content_name&quot;:&quot;Fruchtzucker, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18672&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EJa8y5H1oj2yXjncG4LsCnymgaP23PWS0NbkreR6pjn2RGJ7EHG-EzRk_epNfyDNz6WtwEO__lLX8v56pbaEfw" />
    <input value="18672" 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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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/traubenzucker-500-g-18719">
          <img alt="Traubenzucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9674/file/small-50dfcd32bcc5616845e4166bf54443a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9674/file/medium-ac820305a6ee1e35ae9b9582b23eae5c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9674/file/large-a55f6f27049cec300a1b8b28a286d72c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9674/file/medium-ac820305a6ee1e35ae9b9582b23eae5c.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/traubenzucker-500-g-18719">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Traubenzucker, 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-18719-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18719&quot;],&quot;content_name&quot;:&quot;Traubenzucker, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18719&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="cW6ce83Ij38tJLnWtlCsSJ92BhuDFEXMTQdc_Z01YEOXvELLTEyTUasefeDgrWCPLHUqeDZ3TgxKI0Yq3PlCBQ" />
    <input value="18719" 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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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 6.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.89 / 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;:6.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zMPyzP7ZKnhLBFuU6Yj6mkbW18Hh_aY8LBIaH5-u32AqESx8f102Vs0-n6K_dTZd9dX7olSerfwrNgDI3mL9Jg" />
    <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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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/agar-agar-konv-10-g-18654">
          <img alt="Agar Agar konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9246/file/small-bd9dbba5430a416edbfee9ee7a1723f0.webp 600w, https://assets.fabulous.ch/public/variant_asset/9246/file/medium-e9c3e507e984a010da4e1c1ddebb3f3d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9246/file/large-7fa7013dc3ebb1daa39b5123ddfc023c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9246/file/medium-e9c3e507e984a010da4e1c1ddebb3f3d.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/agar-agar-konv-10-g-18654">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Agar Agar konv, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18654&quot;],&quot;content_name&quot;:&quot;Agar Agar konv, 10 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18654&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C8yZCbl8tz_v4ks_f7AtqSFYMNCig3jbyksDnV0R7TLtHke5OPirEWnYjwkpTeFuklscsxfgcxvNbxlKHN3PdA" />
    <input value="18654" 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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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/vanille-zucker-konv-20-g-19990">
          <img alt="Vanille Zucker konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10682/file/small-d3601ce1a301d6c0ab714f7399ea2ffe.webp 600w, https://assets.fabulous.ch/public/variant_asset/10682/file/medium-2eeefcff1e0a90bbe08a2125ce455ccd.webp 900w, https://assets.fabulous.ch/public/variant_asset/10682/file/large-b708df67b6c5c39e3444022c555d0b4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10682/file/medium-2eeefcff1e0a90bbe08a2125ce455ccd.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/vanille-zucker-konv-20-g-19990">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vanille Zucker konv, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19990&quot;],&quot;content_name&quot;:&quot;Vanille Zucker konv, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19990&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8b8uf_tezNitsIA-w7vSmnM-4nqz1adtsD5MmPGchDkXbfDPetrQ9iuKRAiVRh5dwD3OGQa2rK23GlZPsFCmfw" />
    <input value="19990" 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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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/creme-chocolat-bio-90-g-18665">
          <img alt="Crème Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9627/file/small-97a63bc1eb45f424cf8e361efb0ec796.webp 600w, https://assets.fabulous.ch/public/variant_asset/9627/file/medium-45b86cda08ce28eec321730875e43f6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9627/file/large-d3bbf9411c658a30e90022f2741eb6ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9627/file/medium-45b86cda08ce28eec321730875e43f6b.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/creme-chocolat-bio-90-g-18665">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crème Chocolat Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18665&quot;],&quot;content_name&quot;:&quot;Crème Chocolat Bio, 90 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18665&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b0caGi3iarhCCSqJTO_F4hO2BNAEkR0FMy6IWzKvBk-JlcSqrGZ2lsQz7r8aEgkloLUos7HyFsU0CpKMc2MkCQ" />
    <input value="18665" 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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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/rauna-glas-64-g-19651">
          <img alt="Rauna Randensalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11279/file/small-ad715b23fe2cd6f40530afa82e1b232c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11279/file/medium-38dfeae20e81daeba7fc5a24ed6be68e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11279/file/large-4fd30e5f6c988c7953fec05c549c8c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11279/file/medium-38dfeae20e81daeba7fc5a24ed6be68e.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">Chalira</p>
          <a href="/de/products/rauna-glas-64-g-19651">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rauna Randensalz Bio, 64 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19651&quot;],&quot;content_name&quot;:&quot;Rauna Randensalz Bio, 64 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19651&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kJidUPGfFmDFhOZ89yiUegpjY5UE63XqB-mxCmyFtK12SkPgcBsKTkO-Ikqh1Vi9uWBP9rGIfioAzavdLUmW6w" />
    <input value="19651" 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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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/wilde-krauter-gerebelt-3-g-20175">
          <img alt="Wilde Kräuter gerebelt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11259/file/small-d83ea7dd2c891fb12bb94977af855182.webp 600w, https://assets.fabulous.ch/public/variant_asset/11259/file/medium-20d127f6b033dc98233e49b40b71d3dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11259/file/large-eb66da16f8e0edb825210a8cbbb3cb47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11259/file/medium-20d127f6b033dc98233e49b40b71d3dd.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">Chalira</p>
          <a href="/de/products/wilde-krauter-gerebelt-3-g-20175">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wilde Kräuter gerebelt, 3 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20175&quot;],&quot;content_name&quot;:&quot;Wilde Kräuter gerebelt, 3 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20175&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3U-ZjBilglCaEwRWG_XM0aBUzlmd_CIxE0MgD7BFh4s7nUc8mSGefhwpwGBNCAAWE1fiOiifKfEUZzrY8YmlzQ" />
    <input value="20175" 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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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/valero-krautersalz-glas-47-g-19761">
          <img alt="Valero Kräutersalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11272/file/small-d96baabc16f892fac0f3970790a91b4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11272/file/medium-167cbb076b89f0cf42c2f81811bbbe84.webp 900w, https://assets.fabulous.ch/public/variant_asset/11272/file/large-d2452b42ed918d42cdda84b021fdb2c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11272/file/medium-167cbb076b89f0cf42c2f81811bbbe84.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">Chalira</p>
          <a href="/de/products/valero-krautersalz-glas-47-g-19761">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Valero Kräutersalz Bio, 47 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19761&quot;],&quot;content_name&quot;:&quot;Valero Kräutersalz Bio, 47 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19761&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="chetGqiOZeFfjO2gy7tYTiXL3OHzzz1wCSwhzCaBDgGUxXOqKQp5z9m2KZadRpSJlsjwgkasNrAOCDsbZ00sRw" />
    <input value="19761" 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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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/pfynwald-gewurzzubereitung-nfp-24-g-20290">
          <img alt="Pfynwald Käsewürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11501/file/small-15423192cb76ac35678a76c53f1d8510.webp 600w, https://assets.fabulous.ch/public/variant_asset/11501/file/medium-910c33c1e26e18f42f5998dffbd9f2b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11501/file/large-07cc5b9a81dfa6d5ef7e6330daa6c74a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11501/file/medium-910c33c1e26e18f42f5998dffbd9f2b0.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">Chalira</p>
          <a href="/de/products/pfynwald-gewurzzubereitung-nfp-24-g-20290">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pfynwald Käsewürze Bio, 24 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20290&quot;],&quot;content_name&quot;:&quot;Pfynwald Käsewürze Bio, 24 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20290&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tU0QNrThJ4rMgB1haHM-zYVDaEMPFsxJC-xgKS6gPTpTn86GNWU7pEq62Vc-jvIKNkBEILp1x4kMyHr-b2wffA" />
    <input value="20290" 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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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/nordsalz-nfp-75-ml-20283">
          <img alt="Nordsalz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11491/file/small-abbcd72cca95844d8ff7b51108406fa3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11491/file/medium-e6b2392355f9ee8a9c895b1357542268.webp 900w, https://assets.fabulous.ch/public/variant_asset/11491/file/large-1fcfcccdfeee72c6b831da2f9127cd5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11491/file/medium-e6b2392355f9ee8a9c895b1357542268.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">Chalira</p>
          <a href="/de/products/nordsalz-nfp-75-ml-20283">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nordsalz, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20283&quot;],&quot;content_name&quot;:&quot;Nordsalz, 75 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20283&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R-tIF0faqaXERFoa7Ck79KEOUpoqn9JdIgVhNay_XwuhOZanxl61i0J-niy61PczEg1--Z_82Z0lIXvi7XN9TQ" />
    <input value="20283" 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%2Fguggenloch%3Fformat%3Dturbo_stream%26page%3D34">
    <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/kaori-salatwurze-glas-28-g-20287">
          <img alt="Kaori Salatwürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11497/file/small-cb8c2da509f224ab85c7adf136249838.webp 600w, https://assets.fabulous.ch/public/variant_asset/11497/file/medium-815615e39348a50cd27b11066a348a19.webp 900w, https://assets.fabulous.ch/public/variant_asset/11497/file/large-7e4b9ea26d3128ddf9487e41006728e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11497/file/medium-815615e39348a50cd27b11066a348a19.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">Chalira</p>
          <a href="/de/products/kaori-salatwurze-glas-28-g-20287">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kaori Salatwürze Bio, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20287&quot;],&quot;content_name&quot;:&quot;Kaori Salatwürze Bio, 28 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20287&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0kJOQ9kasxJZn3nOxE88tk-ZvAdcx0B3EfRYvzkfSE80kJDzWJ6vPN-lvfiSsvBx_JqQZOmkS7cW0EJoeNNqCQ" />
    <input value="20287" 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">
      680 von 3&#39;711 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/guggenloch?format=turbo_stream&amp;page=35">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>