<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%3D62">
    <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/lesirupier-quer-dur-d-hoschtet-700-ml-18617">
          <img alt="LeSirupier Quer dür d&#39;Hoschtet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10062/file/small-aedad15b49260cfd9f2c49203687da33.webp 600w, https://assets.fabulous.ch/public/variant_asset/10062/file/medium-c7220a06e5cec12581c314f3a603d83b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10062/file/large-de18af223dc636df97c987b89162069a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10062/file/medium-c7220a06e5cec12581c314f3a603d83b.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">Le Sirupier de Berne</p>
          <a href="/de/products/lesirupier-quer-dur-d-hoschtet-700-ml-18617">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Quer dür d&#39;Hoschtet, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18617&quot;],&quot;content_name&quot;:&quot;LeSirupier Quer dür d&#39;Hoschtet, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18617&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2c9QMtunSTnjajKuAbHllJNg9UYYHnyx5P4gPCkq3K4UsXVdlsOQBQe5B1KTnv8r-nfXyMNdOseEtTmzSwhTuQ" />
    <input value="18617" 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%3D62">
    <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/lesirupier-besser-als-ystee-350-ml-18607">
          <img alt="LeSirupier Besser als Ystee" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11663/file/small-a9f4e025ad72428d40633d15cf5f9a7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11663/file/medium-1724148d06310e2ce78bca1eec80a705.webp 900w, https://assets.fabulous.ch/public/variant_asset/11663/file/large-9e30b955d56dd3e60bce5d9024ff77b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11663/file/medium-1724148d06310e2ce78bca1eec80a705.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">Le Sirupier de Berne</p>
          <a href="/de/products/lesirupier-besser-als-ystee-350-ml-18607">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Besser als Ystee, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18607&quot;],&quot;content_name&quot;:&quot;LeSirupier Besser als Ystee, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18607&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="86bqpZqbDLvzZ9lUU3Lg8RTWuyr59kGSffDh0L3RA7g-2M_K1__Vhxe07KjBXfpOfcGZpCK1B-Qdu_hf3_OMrw" />
    <input value="18607" 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%3D62">
    <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/lesirupier-bluemli-350-ml-18609">
          <img alt="LeSirupier Blüemli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11664/file/small-ddee7ab0703e5013f44b44c9b678a696.webp 600w, https://assets.fabulous.ch/public/variant_asset/11664/file/medium-a2365fec0e0a6ee3036556c0655607c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/11664/file/large-26605d27bc016773d0cad62f62996853.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11664/file/medium-a2365fec0e0a6ee3036556c0655607c5.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">Le Sirupier de Berne</p>
          <a href="/de/products/lesirupier-bluemli-350-ml-18609">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Blüemli, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18609&quot;],&quot;content_name&quot;:&quot;LeSirupier Blüemli, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18609&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9FQ6D0os9HyaSWUNDBgzMTQAdaaWZhrIRjmFbJM44ik5Kh9gB0gtQH6aUPGeNymOXRdXKE0lXL4mcpzj8RptPg" />
    <input value="18609" 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%3D62">
    <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/lesirupier-troll-350-ml-22098">
          <img alt="LeSirupier Troll" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11659/file/small-3da8f3560b48be421592228f31845cbd.webp 600w, https://assets.fabulous.ch/public/variant_asset/11659/file/medium-f8be073f5daf717614c3f422b15752a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/11659/file/large-1d1a19271f0af7076ed801849a463563.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11659/file/medium-f8be073f5daf717614c3f422b15752a7.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">Le Sirupier de Berne</p>
          <a href="/de/products/lesirupier-troll-350-ml-22098">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Troll, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22098&quot;],&quot;content_name&quot;:&quot;LeSirupier Troll, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22098&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7CxivNU_OMed4IfdplFSmtDis3_aCTSDLHxLkZU6-AchUkfTmFvh-3kzsiE0fkglufWR8QFKcvVMN1Ie9xh3EA" />
    <input value="22098" 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%3D62">
    <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/lesirupier-ingwer-apfel-350-ml-22099">
          <img alt="LeSirupier Ingwer-Apfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11660/file/small-fbee8833945dc204974c58be4bfa959d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11660/file/medium-d38beea5ea3f913b8f00d81a14191814.webp 900w, https://assets.fabulous.ch/public/variant_asset/11660/file/large-b9568fb1d3b6edeeff758231effc9d60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11660/file/medium-d38beea5ea3f913b8f00d81a14191814.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">Le Sirupier de Berne</p>
          <a href="/de/products/lesirupier-ingwer-apfel-350-ml-22099">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Ingwer-Apfel, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22099&quot;],&quot;content_name&quot;:&quot;LeSirupier Ingwer-Apfel, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22099&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_A17KbBOm9q3dgOxHS58VQ_UEqq4xprWC10ISIkTOHkxc15G_SpC5lOlNk2PAWbqZsMwJGOF3KBrFhHH6zG3bg" />
    <input value="22099" 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%3D62">
    <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/lesirupier-elfen-350-ml-22097">
          <img alt="LeSirupier Elfen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11661/file/small-9d8cb5774fca562226fda5810bcd34ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/11661/file/medium-0e2409cf80661c12a7b65ea9776e937f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11661/file/large-77ddffbc14e8de1c41509e34eeb7cbba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11661/file/medium-0e2409cf80661c12a7b65ea9776e937f.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">Le Sirupier de Berne</p>
          <a href="/de/products/lesirupier-elfen-350-ml-22097">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Elfen, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22097&quot;],&quot;content_name&quot;:&quot;LeSirupier Elfen, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22097&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1LqfjD6zuxj1IQu1ELvAwRk9OCK6rEdxS70qQ-eFt1QZxLrjc9diJBHyPkmClNp-cCoarGHvAQcr9jPMhac4Qw" />
    <input value="22097" 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%3D62">
    <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/lesirupier-holunderbluten-350-ml-18613">
          <img alt="LeSirupier Holunderblüten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11666/file/small-555ab4632e3b86738f38c45f9fbfc5b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11666/file/medium-97d011b223bdcbc9e0e99ceb36a38b6a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11666/file/large-da7a0b0beacbfd742b96886bf2584487.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11666/file/medium-97d011b223bdcbc9e0e99ceb36a38b6a.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">Le Sirupier de Berne</p>
          <a href="/de/products/lesirupier-holunderbluten-350-ml-18613">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Holunderblüten, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18613&quot;],&quot;content_name&quot;:&quot;LeSirupier Holunderblüten, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18613&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v3d-10atoBfkjfG5QxVT3Cfl6dNcE0JYOhsIzpepxpVyCVu4C8l5KwBexEXROkljTvLLXYdQBC5aUBFB9YtJgg" />
    <input value="18613" 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%3D62">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lesirupier-granatapfel-350-ml-18611">
          <img alt="LeSirupier Granatapfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11665/file/small-ae188667ff4df9bf2fd4f570db98f2e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11665/file/medium-7f879b7da4ea58fff8fa9344fbf01a99.webp 900w, https://assets.fabulous.ch/public/variant_asset/11665/file/large-4f6b588a54ca75496ad487a0506570b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11665/file/medium-7f879b7da4ea58fff8fa9344fbf01a99.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">Le Sirupier de Berne</p>
          <a href="/de/products/lesirupier-granatapfel-350-ml-18611">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Granatapfel, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%3D62">
    <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/lesirupier-quer-dur-d-hoschtet-350-ml-18616">
          <img alt="LeSirupier Quer dür d&#39;Hoschtet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11662/file/small-701fe8e11248e20834212da9d34df1aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/11662/file/medium-9c491c849934011f2eff471e5948d871.webp 900w, https://assets.fabulous.ch/public/variant_asset/11662/file/large-4afa0324886e00baf9603e05b1af97c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11662/file/medium-9c491c849934011f2eff471e5948d871.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">Le Sirupier de Berne</p>
          <a href="/de/products/lesirupier-quer-dur-d-hoschtet-350-ml-18616">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Quer dür d&#39;Hoschtet, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18616&quot;],&quot;content_name&quot;:&quot;LeSirupier Quer dür d&#39;Hoschtet, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18616&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0c5zo6YOK8dvV20yRjEQaaDUCv1oKyoXvVwcktR5a_wcsFbM62ry-4uEWM7UHgrWycMoc7NobGHdFwUdtlvk6w" />
    <input value="18616" 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%3D62">
    <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/lesirupier-cafe-chai-350-ml-19662">
          <img alt="LeSirupier Cafe Chai" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11671/file/small-ca75f112f3d8203bf0be5ad54e8db660.webp 600w, https://assets.fabulous.ch/public/variant_asset/11671/file/medium-ee8197bc205ad287c59044198929a870.webp 900w, https://assets.fabulous.ch/public/variant_asset/11671/file/large-b195310c7ee3ee72dcf7a1e6b562fc9b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11671/file/medium-ee8197bc205ad287c59044198929a870.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">Le Sirupier de Berne</p>
          <a href="/de/products/lesirupier-cafe-chai-350-ml-19662">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Cafe Chai, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19662&quot;],&quot;content_name&quot;:&quot;LeSirupier Cafe Chai, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19662&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BWGkmE9yLxInVKcaZQPmmf6to06iz8kXzYA2eOFU5i3IH4H3Ahb2LsOHkub3LPwml7qBwHmMj2Gtyy_3g3ZpOg" />
    <input value="19662" 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%3D62">
    <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/lesirupier-rhabarber-350-ml-18619">
          <img alt="LeSirupier Rhabarber" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11668/file/small-bad5e9db18eb4ba630d2bffab9fa8b1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11668/file/medium-8fa339c8b8c7f412225e639035713232.webp 900w, https://assets.fabulous.ch/public/variant_asset/11668/file/large-d1d4078fc8c9ad870d8db771e4b63b26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11668/file/medium-8fa339c8b8c7f412225e639035713232.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">Le Sirupier de Berne</p>
          <a href="/de/products/lesirupier-rhabarber-350-ml-18619">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Rhabarber, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18619&quot;],&quot;content_name&quot;:&quot;LeSirupier Rhabarber, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18619&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HLP6-RDZw5MIqffFO7LQkHVNBqB-ug8z2yocnJ9c4trRzd-WXb0ar-x6wjmpncovHFokLqX5SUW7YQUT_X5tzQ" />
    <input value="18619" 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%3D62">
    <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/lesirupier-quitten-350-ml-18618">
          <img alt="LeSirupier Quitten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11667/file/small-84ceb381502c9eba3ed2f2a26148d180.webp 600w, https://assets.fabulous.ch/public/variant_asset/11667/file/medium-3a45ba3f87bbcd9535af59492d2234c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/11667/file/large-19c8d77780dadd7104aa013ed3dd629e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11667/file/medium-3a45ba3f87bbcd9535af59492d2234c7.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">Le Sirupier de Berne</p>
          <a href="/de/products/lesirupier-quitten-350-ml-18618">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Quitten, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18618&quot;],&quot;content_name&quot;:&quot;LeSirupier Quitten, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18618&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZcGsE4JNHQsb28VhcB10OwJHLGAU5CXkDh5q5POuOrOov4l8zynEN_8I8J3iMm6Ea1AO7s-nY5JuVXNrkYy1pA" />
    <input value="18618" 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%3D62">
    <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/lesirupier-zitronengras-350-ml-19680">
          <img alt="LeSirupier Zitronengras" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11669/file/small-c1e38603bc41056a2892878a08fe649e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11669/file/medium-596f4674413be319ce8a573df6518d3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11669/file/large-65993eebd2151099475130e9928796cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11669/file/medium-596f4674413be319ce8a573df6518d3a.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">Le Sirupier de Berne</p>
          <a href="/de/products/lesirupier-zitronengras-350-ml-19680">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Zitronengras, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19680&quot;],&quot;content_name&quot;:&quot;LeSirupier Zitronengras, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19680&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3awg13HRwqoXpERRWlmwhQrUwBu5OvDzEq5vwpAVGYgQ0gW4PLUblvN3ca3Idqo6Y8PilWJ5toVy5XZN8jeWnw" />
    <input value="19680" 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%3D62">
    <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/lesirupier-rosenbluten-350-ml-19681">
          <img alt="LeSirupier Rosenblüten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11670/file/small-24932c6672a21cc6b0e19eaf5a3ac04a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11670/file/medium-b1520fdfa76680730f38825d0196f618.webp 900w, https://assets.fabulous.ch/public/variant_asset/11670/file/large-603b00309fff00ac39cfcebc104be679.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11670/file/medium-b1520fdfa76680730f38825d0196f618.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">Le Sirupier de Berne</p>
          <a href="/de/products/lesirupier-rosenbluten-350-ml-19681">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Rosenblüten, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19681&quot;],&quot;content_name&quot;:&quot;LeSirupier Rosenblüten, 350 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19681&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6nruxVHpa-s1oU654jxnwZGJDxQyR7pWFn5FiAkIUb4nBMuqHI2y19Fye0VwE31--J4tmukE_CB2NVwHayreqQ" />
    <input value="19681" 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%3D62">
    <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/peak-punk-haferriegel-brownie-cashew-bio-60-g-13293">
          <img alt="Peak Punk Haferriegel Brownie Cashew Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6441/file/small-3a839b712f01ca1d9cc1769462d753be.webp 600w, https://assets.fabulous.ch/public/variant_asset/6441/file/medium-414ca80437dab52600e040dca677c61e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6441/file/large-2d645e6684e9a2a3932db9783649f6f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6441/file/medium-414ca80437dab52600e040dca677c61e.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">Peak Punk</p>
          <a href="/de/products/peak-punk-haferriegel-brownie-cashew-bio-60-g-13293">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peak Punk Haferriegel Brownie Cashew Bio, 60 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 4.92 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13293&quot;],&quot;content_name&quot;:&quot;Peak Punk Haferriegel Brownie Cashew Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13293&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="8NMLuGVoDO2ZujmeVBS5fPwIsGtsNP1WKuI-nHmUAQ09rS7XKAzV0X1pDGLGO6PDlR-S5bd3uyBKqScTG7aOGg" />
    <input value="13293" 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%3D62">
    <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/peak-punk-haferriegel-blueberry-muffin-bio-60-g-13292">
          <img alt="Peak Punk Haferriegel Blueberry Muffin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6440/file/small-42d4ccaa0f4e73674c3077c7f33b4b14.webp 600w, https://assets.fabulous.ch/public/variant_asset/6440/file/medium-63b44898e5a678e32910593392e52a87.webp 900w, https://assets.fabulous.ch/public/variant_asset/6440/file/large-bba83cf14466ebf7c9d47c3520342361.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6440/file/medium-63b44898e5a678e32910593392e52a87.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">Peak Punk</p>
          <a href="/de/products/peak-punk-haferriegel-blueberry-muffin-bio-60-g-13292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peak Punk Haferriegel Blueberry Muffin Bio, 60 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 4.92 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13292&quot;],&quot;content_name&quot;:&quot;Peak Punk Haferriegel Blueberry Muffin Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13292&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="a3KCvJ40u24JAOc-FC6E2w-nmVZNl50O5zA_K2bPzvymDKfT01BiUu3T0sKGAZ5kZrC72JbU23iHeyakBO1B6w" />
    <input value="13292" 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%3D62">
    <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/peak-punk-haferriegel-raspberry-white-chocolate-bio-55-g-13297">
          <img alt="Peak Punk Haferriegel Raspberry White Chocolate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6445/file/small-33380bbceecbd7ae3fb4b3634f133bae.webp 600w, https://assets.fabulous.ch/public/variant_asset/6445/file/medium-57d564ab9d0df809a0f53f812d90c24d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6445/file/large-2535a084b772ddeedb5b07f901e57b31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6445/file/medium-57d564ab9d0df809a0f53f812d90c24d.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">Peak Punk</p>
          <a href="/de/products/peak-punk-haferriegel-raspberry-white-chocolate-bio-55-g-13297">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peak Punk Haferriegel Raspberry White Chocolate Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13297&quot;],&quot;content_name&quot;:&quot;Peak Punk Haferriegel Raspberry White Chocolate Bio, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13297&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7nhUxd96XG4TMRf76lYDVQ3rq-pxs5-2b10loKDmVzMjBnGqkh6FUvfiIgd4eRnqZPyJZKrw2cAPFjwvwsTYJA" />
    <input value="13297" 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%3D62">
    <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/peak-punk-haferriegel-salted-peanut-bio-60-g-13295">
          <img alt="Peak Punk Haferriegel Salted Peanut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6443/file/small-26e6ac761ab999b129065757a105175a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6443/file/medium-b46a950008177420e0911979bb280972.webp 900w, https://assets.fabulous.ch/public/variant_asset/6443/file/large-50348c1285020a2fc6cfd714a33b1bea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6443/file/medium-b46a950008177420e0911979bb280972.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">Peak Punk</p>
          <a href="/de/products/peak-punk-haferriegel-salted-peanut-bio-60-g-13295">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peak Punk Haferriegel Salted Peanut Bio, 60 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 4.92 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13295&quot;],&quot;content_name&quot;:&quot;Peak Punk Haferriegel Salted Peanut Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13295&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="X4s8HSPm1PkL-mtBYRBgATXsvps4koYoVkoKyUCCjWaS9RlyboINxe8pXr3zP3q-XPucFePRwF42ARNGIqACcQ" />
    <input value="13295" 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%3D62">
    <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/essenza-gemuse-bouillon-nfp-65-g-ea348c08-2529-4660-8400-f3dfc850f63c-20296">
          <img alt="Essenza Gemüse-Bouillon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11510/file/small-a318140a5fd51f8849a22e301799c5f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11510/file/medium-29914f4991c198f60df50ed20235d5fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11510/file/large-99e714266ceaf3594d8ea223de9779c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11510/file/medium-29914f4991c198f60df50ed20235d5fc.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/essenza-gemuse-bouillon-nfp-65-g-ea348c08-2529-4660-8400-f3dfc850f63c-20296">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Essenza Gemüse-Bouillon Bio, 65 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.38 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20296&quot;],&quot;content_name&quot;:&quot;Essenza Gemüse-Bouillon Bio, 65 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20296&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="1IJDRx01esqEB0Fwxc0Y32yCSm_BuFO4pYh0aTDfSJUZ_GYoUFGj9mDUdIxX4gJgBZVo4Rr7Fc7Fw23mUv3Hgg" />
    <input value="20296" 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%3D62">
    <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/babajaga-eintopfwurze-glas-100-ml-18479">
          <img alt="Babajaga Eintopfwürze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11518/file/small-3ba4f8ac0e6f48de758dd46dd4369a34.webp 600w, https://assets.fabulous.ch/public/variant_asset/11518/file/medium-6543b6cd51ba75134a1a0aa5b3be3810.webp 900w, https://assets.fabulous.ch/public/variant_asset/11518/file/large-cc4ee9dfebfcfd8d1656ac4d45857faa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11518/file/medium-6543b6cd51ba75134a1a0aa5b3be3810.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/babajaga-eintopfwurze-glas-100-ml-18479">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Babajaga Eintopfwürze Bio, 100 ml</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 16.50 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18479&quot;],&quot;content_name&quot;:&quot;Babajaga Eintopfwürze Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18479&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="07MVSGq12eYFHzeYBOseY7WOtj5Wgpsh9iox8aEvfwQezTAnJ9EA2uHMAmSWxATc3JmUsI3B3VeWYSh-ww3wEw" />
    <input value="18479" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;240 von 3&#39;733 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/guggenloch?format=turbo_stream&amp;page=63">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>