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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D4">
    <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="/products/lesirupier-holunderbluten-700-ml-18614">
          <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/10057/file/small-a7e70811521b4a593d5623a61b1e6183.webp 600w, https://assets.fabulous.ch/public/variant_asset/10057/file/medium-4c71e470ebefa4ae983c7caa7bb03bd7.webp 900w, https://assets.fabulous.ch/public/variant_asset/10057/file/large-3e6f69e6592c0764375933f653fcc8bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10057/file/medium-4c71e470ebefa4ae983c7caa7bb03bd7.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="/products/lesirupier-holunderbluten-700-ml-18614">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Holunderblüten, 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-18614-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D4">
    <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="/products/lesirupier-ingwer-apfel-700-ml-18615">
          <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/10058/file/small-7db1821f99a6fb9d9452aa4ed1b1be02.webp 600w, https://assets.fabulous.ch/public/variant_asset/10058/file/medium-56ff76ecd4235115f45ea88612d6c4fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/10058/file/large-45a5e10f7289f255836e83fc65f26dbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10058/file/medium-56ff76ecd4235115f45ea88612d6c4fc.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="/products/lesirupier-ingwer-apfel-700-ml-18615">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Ingwer-Apfel, 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-18615-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/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="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D4">
    <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="/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/10061/file/small-6cbf9b3e68dc356522c150ecc610d30a.webp 600w, https://assets.fabulous.ch/public/variant_asset/10061/file/medium-ea6e9da4eff164914fd8f9a042a43c1f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10061/file/large-e22c87d0398205636db5407c7407f854.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10061/file/medium-ea6e9da4eff164914fd8f9a042a43c1f.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="/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">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D4">
    <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="/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="/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 14.10
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/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="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D4">
    <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="/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/10063/file/small-a0a0606dca0847bb61b1714856cc1c00.webp 600w, https://assets.fabulous.ch/public/variant_asset/10063/file/medium-12b102abff84b834aef67782080950a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/10063/file/large-e2cb15f5ce23f8f9458c8322c27b9119.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10063/file/medium-12b102abff84b834aef67782080950a2.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="/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">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D4">
    <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="/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/10064/file/small-984052053aa53dd1bf0762e0e0fa43a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10064/file/medium-50a01fdc66ed13f6f7f4ebd092093c60.webp 900w, https://assets.fabulous.ch/public/variant_asset/10064/file/large-061cb2fe563ea03c63e553649f4b9d0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10064/file/medium-50a01fdc66ed13f6f7f4ebd092093c60.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="/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">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/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="/signup?return_to=%2Fcategories%2Fgetranke-wein%2Fsafte-sussgetranke%3Fformat%3Dturbo_stream%26page%3D4">
    <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="/products/lesirupier-rhabarber-700-ml-18620">
          <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/10065/file/small-7cc069be789a83e670318b5e63c65343.webp 600w, https://assets.fabulous.ch/public/variant_asset/10065/file/medium-8c0dc6ecfb996262a442b5fa741a1adf.webp 900w, https://assets.fabulous.ch/public/variant_asset/10065/file/large-d425974d3056a09d1076249e98b608dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10065/file/medium-8c0dc6ecfb996262a442b5fa741a1adf.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="/products/lesirupier-rhabarber-700-ml-18620">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Rhabarber, 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-18620-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/quetschi-apfel-blaubeere-banane-demeter-120-g-18648">
          <img alt="Quetschi Apfel Blaubeere Banane Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10913/file/small-ed519ff0ebd76ad7d4532ea9f2fcc468.webp 600w, https://assets.fabulous.ch/public/variant_asset/10913/file/medium-3c6bd1c0629eaaeb2e11ef4fd8ec175f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10913/file/large-b81da02ad1b877ea4f74aad567b640b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10913/file/medium-3c6bd1c0629eaaeb2e11ef4fd8ec175f.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">Mogli Naturkost GmbH</p>
          <a href="/products/quetschi-apfel-blaubeere-banane-demeter-120-g-18648">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quetschi Apfel Blaubeere Banane Demeter, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/quetschi-apfel-erdbeere-banane-demeter-100-g-18649">
          <img alt="Quetschi Apfel Erdbeere Banane Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10906/file/small-646363cf224d44356e8574eed086ebf2.webp 600w, https://assets.fabulous.ch/public/variant_asset/10906/file/medium-cbf2a2858c952ca61d5d5fe13db6d238.webp 900w, https://assets.fabulous.ch/public/variant_asset/10906/file/large-0b9df248eb41bc6f210012714e7f1d1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10906/file/medium-cbf2a2858c952ca61d5d5fe13db6d238.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">Mogli Naturkost GmbH</p>
          <a href="/products/quetschi-apfel-erdbeere-banane-demeter-100-g-18649">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quetschi Apfel Erdbeere Banane Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_-1qHWcg-Pnz_vuw5Z_F8UTOJjuXAHT0-vERUYADcBqlqpU36aEWjsCEaokw3GzXbBgMZiGJLmle9ZkUcC4xHw" />
    <input value="18649" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/quetschi-banane-mango-guave-demeter-100-g-18650">
          <img alt="Quetschi Banane Mango Guave Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10916/file/small-ae88b0c779924f09e1b1df8415609dbb.webp 600w, https://assets.fabulous.ch/public/variant_asset/10916/file/medium-a146f736df6f7f9698ac022b23144261.webp 900w, https://assets.fabulous.ch/public/variant_asset/10916/file/large-db9fd1dd1a2b529faf43d4f4a294b4d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10916/file/medium-a146f736df6f7f9698ac022b23144261.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">Mogli Naturkost GmbH</p>
          <a href="/products/quetschi-banane-mango-guave-demeter-100-g-18650">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quetschi Banane Mango Guave Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aloe-vera-getrank-past-750-ml-18743">
          <img alt="Aloe Vera Getränk past" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9260/file/small-52e9c426d9d3087e98fc3a3cb020f27b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9260/file/medium-b3c104c62da8bcec40e1c2900f6800a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9260/file/large-ec40637f7841e2946c530e5213816259.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9260/file/medium-b3c104c62da8bcec40e1c2900f6800a7.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">NaturKraftWerke</p>
          <a href="/products/aloe-vera-getrank-past-750-ml-18743">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aloe Vera Getränk past, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6tiSa8upwPBe6QuKy4RPFos4DeuTHVjGk1GPXHLzksGwn21BRSguh22TmrMex-Ywo-4ntiWUAls3VQcZgt7TxA" />
    <input value="18743" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aloe-vera-saft-past-330-ml-18744">
          <img alt="Aloe Vera Saft past" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9261/file/small-97822a035120bafbec76f89f0dc8ce88.webp 600w, https://assets.fabulous.ch/public/variant_asset/9261/file/medium-5536882e7457058ac451816225df26f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/9261/file/large-a71f0c66222891e4d2ceb30ac30cc5cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9261/file/medium-5536882e7457058ac451816225df26f1.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">NaturKraftWerke</p>
          <a href="/products/aloe-vera-saft-past-330-ml-18744">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aloe Vera Saft past, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sirup-ingwer-zitronen-flasche-bio-500-ml-18948">
          <img alt="Sirup Ingwer-Zitronen Flasche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10953/file/small-ae7154812ac4b2458e31608e86f46b31.webp 600w, https://assets.fabulous.ch/public/variant_asset/10953/file/medium-706333032d4ec33a8bff56990516b77f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10953/file/large-50884c96ffbaeadd3efd25037420cbd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10953/file/medium-706333032d4ec33a8bff56990516b77f.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">Sonnentor</p>
          <a href="/products/sirup-ingwer-zitronen-flasche-bio-500-ml-18948">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirup Ingwer-Zitronen Flasche Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/7-zwerge-saft-original-demeter-700-ml-19180">
          <img alt="7-Zwerge Saft Original Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10572/file/small-c1a1ef80aa80cedc1009fdc350c2b48e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10572/file/medium-f65c4c146749be0d873d5e7551534af1.webp 900w, https://assets.fabulous.ch/public/variant_asset/10572/file/large-f17986e4b34d41b190e9eaf5d34e40e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10572/file/medium-f65c4c146749be0d873d5e7551534af1.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">Voelkel</p>
          <a href="/products/7-zwerge-saft-original-demeter-700-ml-19180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">7-Zwerge Saft Original Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4tPvlJt1GQ9XLtTnIB0FSWJT-Otn1QifpWZGrGAS75O4lBC-FfT3eGRURd71XqxvSoXSttFcUgIBYs7pkD-ulg" />
    <input value="19180" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/7-zwerge-kindersaft-original-glas-demeter-200-ml-19181">
          <img alt="7-Zwerge Kindersaft Original Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10436/file/small-78158a8c7ce9496299ea672b07a18caa.webp 600w, https://assets.fabulous.ch/public/variant_asset/10436/file/medium-0c3afe87dae68f796c3634158066791c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10436/file/large-70fca9c3e067e68022f040c06664550c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10436/file/medium-0c3afe87dae68f796c3634158066791c.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">Voelkel</p>
          <a href="/products/7-zwerge-kindersaft-original-glas-demeter-200-ml-19181">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">7-Zwerge Kindersaft Original Glas Demeter, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/ananassaft-bio-500-ml-28660a0a-807a-416f-a11d-71fd9837277b-19182">
          <img alt="Ananassaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10780/file/small-a05dcd06f81bf9e99be6572956843a7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10780/file/medium-1b014f7faa96031f566e1a74c68bddd8.webp 900w, https://assets.fabulous.ch/public/variant_asset/10780/file/large-afa637bf0e4a1a3d050cf5df3da4b40f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10780/file/medium-1b014f7faa96031f566e1a74c68bddd8.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">Voelkel</p>
          <a href="/products/ananassaft-bio-500-ml-28660a0a-807a-416f-a11d-71fd9837277b-19182">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ananassaft Bio, 500 ml</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 1.38 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q6GDUJ-3uZ8EIdZdFd4BbLX8KyE-7cpOpXBKlCDaWRjx5nx6ETZX6DdbR2TAnahKnSoBfIhkkNMBdMLR0PcYHQ" />
    <input value="19182" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/apfel-mango-saft-demeter-200-ml-19183">
          <img alt="Apfel Mango Saft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10859/file/small-cdf7e2905c5e14af8c955a5ed443c57b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10859/file/medium-6c5fd78fd435e14ef9ec2d1c9e808847.webp 900w, https://assets.fabulous.ch/public/variant_asset/10859/file/large-91116425feb2ed771984f14dabea3108.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10859/file/medium-6c5fd78fd435e14ef9ec2d1c9e808847.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">Voelkel</p>
          <a href="/products/apfel-mango-saft-demeter-200-ml-19183">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfel Mango Saft Demeter, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/apfel-mango-saft-demeter-700-ml-19184">
          <img alt="Apfel Mango Saft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10860/file/small-fe08a8fd3e2de68f1fc8d9ffb19624b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/10860/file/medium-ba0ff58fe44a79a4f2295970e19ce47c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10860/file/large-265f3ebc093ad0995500fddbcda3f868.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10860/file/medium-ba0ff58fe44a79a4f2295970e19ce47c.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">Voelkel</p>
          <a href="/products/apfel-mango-saft-demeter-700-ml-19184">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfel Mango Saft Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

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

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/fair-to-go-orange-mango-maracuja-demeter-250-ml-19185">
          <img alt="fair to go Orange Mango Maracuja Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10995/file/small-914b15f80a5f6bc173abf6009aae61c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/10995/file/medium-15202fcdd341338237f239cb7739a15b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10995/file/large-7e380187b41bc199e9b6f29acb8e151f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10995/file/medium-15202fcdd341338237f239cb7739a15b.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">Voelkel</p>
          <a href="/products/fair-to-go-orange-mango-maracuja-demeter-250-ml-19185">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">fair to go Orange Mango Maracuja Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v-AJxAd_cZnF5lRhTB8i9-Fa_xqvv-HoqQvmr0W2C1Tlp_buif6f7vacxViZXIvRyYzVRxk2u3UND27qtZtKUQ" />
    <input value="19185" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/fairer-eistee-mate-zitrone-demeter-500-ml-19186">
          <img alt="fairer Eistee Mate Zitrone Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10861/file/small-5b223bbe9fe57136ea59a0ff3db7376b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10861/file/medium-bf6463c02ca518f0cf1a908a9b93bb9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10861/file/large-f46a95766337d6beee678887721845ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10861/file/medium-bf6463c02ca518f0cf1a908a9b93bb9e.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">Voelkel</p>
          <a href="/products/fairer-eistee-mate-zitrone-demeter-500-ml-19186">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">fairer Eistee Mate Zitrone Demeter, 500 ml</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.58 / 100 ml
            </p>
        </div>
      </div>

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

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

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



</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">
      80 von 101 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/getranke-wein/safte-sussgetranke?format=turbo_stream&amp;page=5">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>