<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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/tee-wg-frei-von-der-leber-weg-bio-18-beutel-19006">
          <img alt="Tee WG Frei von der Leber weg Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9459/file/small-2845b17373bc046a4ed70862a7c71c55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9459/file/medium-f4a7a69f3fb324502100e8d1fdbe2089.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9459/file/large-b0660e00cf206993f39440f969abe082.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9459/file/medium-f4a7a69f3fb324502100e8d1fdbe2089.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/tee-wg-frei-von-der-leber-weg-bio-18-beutel-19006">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee WG Frei von der Leber weg Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.32 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P233nqqw03KThjHvsgz1MBdQ60D539gJ_57Y9S3CfFVLUDQkWUv2-Swzkd51YBT3k8EYU1iQH3-Xw-PZRjNATw" />
    <input value="19006" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/tee-wg-furs-bauchgefuhl-a-1-5g-bio-18-beutel-19007">
          <img alt="Tee WG Fürs Bauchgefühl à 1.5g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9544/file/small-390e6a76fe41afc5cbdf5483554ff6f0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9544/file/medium-6a533aead683e2804838e48ae28810c6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9544/file/large-dd27191fe49e77eeca4b49132cf27766.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9544/file/medium-6a533aead683e2804838e48ae28810c6.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/tee-wg-furs-bauchgefuhl-a-1-5g-bio-18-beutel-19007">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee WG Fürs Bauchgefühl à 1.5g Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.32 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6ehcTnfhceUciROE-nt0_penK_QQ1Ljzb09hBJt6zdSd1Z_0hBpUbqM8s7U9F5U5EzbY57Gbf4UHEloo8Ivxzg" />
    <input value="19007" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/tee-wieder-gut-im-wechsel-der-zeit-18-beutel-19008">
          <img alt="Tee Wieder gut Im Wechsel der Zeit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9552/file/small-6fb3d3894adb51e3ef11ef004cd43299.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9552/file/medium-2292ed044593b62ef567ac3d2557cb54.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9552/file/large-82ac0bcaf29f20bc43a714a69ea6e3e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9552/file/medium-2292ed044593b62ef567ac3d2557cb54.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/tee-wieder-gut-im-wechsel-der-zeit-18-beutel-19008">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Wieder gut Im Wechsel der Zeit, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.30 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9fzc-SugjQvPEL_P2wqD0FijAEb-ckeW5wWbaCwk0QyBwR9D2FuogHClH_4cZmIX3DLzVV89gOCPWKBER9XtFg" />
    <input value="19008" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/tee-wild-krauter-50-g-19009">
          <img alt="Tee Wild Kräuter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9558/file/small-73a8f36acaa5e95bdbfa937e96fc8370.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9558/file/medium-3300ae1ae2c48b79e3ed97b1e6ad0910.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9558/file/large-1443a9d5203593d055bca1ddaf91d171.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9558/file/medium-3300ae1ae2c48b79e3ed97b1e6ad0910.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/tee-wild-krauter-50-g-19009">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Wild Kräuter, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KdqMy_XX-2PHX9eGbfJXtGObs4cjixPa5cxP9pjBDild509xBize6Hjqd7eqnrZz5wpAlILE1KyNkXTa8zAyMw" />
    <input value="19009" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/tee-zaubertrank-bio-50-g-19010">
          <img alt="Tee Zaubertrank Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9548/file/small-96baad92294b707c0a6158d8a9f212d9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9548/file/medium-e8f39e1c53dc126112fff8a52ca36d40.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9548/file/large-df52bd763c5dd25b5d3fef62cb2038dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9548/file/medium-e8f39e1c53dc126112fff8a52ca36d40.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/tee-zaubertrank-bio-50-g-19010">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Zaubertrank Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kLr7DdOCPEr97c4-THDLBZcCeHoEAgfdpnn4I7TAgdrkhzi3IHkZwUJYbg-LHCrCE5OLaaVNwKvOJMMP3zG9wA" />
    <input value="19010" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/tee-zitronenmelisse-bio-18-beutel-19011">
          <img alt="Tee Zitronenmelisse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9302/file/small-57126b353fdece9532afb905e21ac06b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9302/file/medium-cbe992388644c569358bd428e8291cb1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9302/file/large-7999c747aecd3f4c02702db65953e2c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9302/file/medium-cbe992388644c569358bd428e8291cb1.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/tee-zitronenmelisse-bio-18-beutel-19011">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Zitronenmelisse Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.28 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g4UrWeR1pSIFhRxVXRvBZvLuutquQ2e_4PwYt8FQV-P3uOjjF46AqbowvGSadyChdn9JyQ8MoMmIoSObqqFr-Q" />
    <input value="19011" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/tee-zitronenmelissen-demeter-50-g-19012">
          <img alt="Tee Zitronenmelissen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10980/file/small-dc9794cff6f669ea9d5ae98bc7afb0bb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10980/file/medium-227c5637db6e7e0ffaa08cc37f5603e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10980/file/large-dc5ad966054063344aeb0bbf47963205.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10980/file/medium-227c5637db6e7e0ffaa08cc37f5603e7.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/tee-zitronenmelissen-demeter-50-g-19012">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Zitronenmelissen Demeter, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yZKlu1cnSHWY8vZCv4DAydU4EH_ExJ12ScrJvQjrUNm9r2YBpNxt_idHVnN47CEOUanjbGWLWgAhl_KRYxpsww" />
    <input value="19012" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/tee-zitronenverbene-bio-18-beutel-19013">
          <img alt="Tee Zitronenverbene Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9304/file/small-ac514dc56af8874054175b44239fea50.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9304/file/medium-8dcb854770ad19d613df7dd4abcdfe17.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9304/file/large-99959acfa16229c3b90e7c51ad8c39ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9304/file/medium-8dcb854770ad19d613df7dd4abcdfe17.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/tee-zitronenverbene-bio-18-beutel-19013">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Zitronenverbene Bio, 18 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.28 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3mgwIm_NZci6JMqG9nS6KVsQs8cOtfPK-PEAp1J9J5yqVfOYnDZAQwWRarcxGFvu34FA1K_6NLyQrDuLOYwbhg" />
    <input value="19013" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/tee-zitronenverbene-bio-30-g-19014">
          <img alt="Tee Zitronenverbene Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10982/file/small-55d2f8d28655d21de6f043ef24eea028.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10982/file/medium-1f661a07d3d4b133b36f0b8e186f7422.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10982/file/large-de0d03eadcd24edb08d05d74294af7da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10982/file/medium-1f661a07d3d4b133b36f0b8e186f7422.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/tee-zitronenverbene-bio-30-g-19014">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tee Zitronenverbene Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="loylem8RKu84TjYMWQLx_VV6oIBdLF-VEfXL0RdtS8visWbAnOoPZIf7lj2ebhA60etTk_xjmON5qPD9fJx30Q" />
    <input value="19014" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/zauberhaftes-kristalsalz-fein-150-g-19015">
          <img alt="Zauberhaftes Kristalsalz fein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9566/file/small-18b1a1f1ce70e824192c14a919889f77.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9566/file/medium-f1009a25cc003025a22273fb42e17ae9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9566/file/large-f03ff7112454965d2d4e7ebde7f0b0dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9566/file/medium-f1009a25cc003025a22273fb42e17ae9.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/zauberhaftes-kristalsalz-fein-150-g-19015">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zauberhaftes Kristalsalz fein, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ElRPhiwumHXE6J9dSPprfiHLN7mzuR6HjeCQ9yxBQixmaYw839W9_ntdP2yPloq5pVrEqhL22fHlvavbR7B-Ng" />
    <input value="19015" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/zauberhaftes-kristalsalz-fein-streudose-120-g-19016">
          <img alt="Zauberhaftes Kristalsalz fein Streudose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9557/file/small-e11fbad75c4cb7ddec1d60411a6c633a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9557/file/medium-e205f5fbbea08b34e52f2d357a1c3e01.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9557/file/large-dd13baae7572cb34bda6dc1ea303f658.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9557/file/medium-e205f5fbbea08b34e52f2d357a1c3e01.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/zauberhaftes-kristalsalz-fein-streudose-120-g-19016">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zauberhaftes Kristalsalz fein Streudose, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4tbX7euutPpSwj7dmJMuq4ZxJYvF6KnqCKLUbrBmJ1-W6xRXGFWRce13nuxf_89sAuDWmGSnbpxg_-9C25cbRQ" />
    <input value="19016" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/burger-gemuse-rote-linse-2-x-80-g-19017">
          <img alt="Burger Gemüse rote Linse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9501/file/small-eeffa276a7fb6b2467661fe0e2bbb555.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9501/file/medium-8387e3250e332b34f42c67b9d667c230.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9501/file/large-02704a8ea360c6caaa11f088d6e6251b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9501/file/medium-8387e3250e332b34f42c67b9d667c230.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">Soto</p>
          <a href="/products/burger-gemuse-rote-linse-2-x-80-g-19017">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burger Gemüse rote Linse, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x5VXgVAkj1PbOIAnv4nckTPzZDGjNn4dxzoDEHxC3RCzqJQ7o9-q2GSNIBZ45T1Wt2KXIgJ5uWuvZzg8F7PhCg" />
    <input value="19017" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/fruhlingsrollen-mini-china-bio-4-x-50-g-19018">
          <img alt="Frühlingsrollen Mini China Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9502/file/small-121daa5515685acea3bfb579fdaaf096.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9502/file/medium-1309c9c4186d559bc3d1402086f862a4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9502/file/large-0396fcb860f3e5b7d0a593949c69b89a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9502/file/medium-1309c9c4186d559bc3d1402086f862a4.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">Soto</p>
          <a href="/products/fruhlingsrollen-mini-china-bio-4-x-50-g-19018">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frühlingsrollen Mini China Bio, 4 x 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s5jdcUyuhmNuJC_NhhjQsD-mH5AUhO8NDY5-f5hcWuXHpR7Lv1Wj6NGRj_xBdDF3uzfsg7XLKHtl00VT861m_w" />
    <input value="19018" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/cereal-drink-hafer-bio-500-ml-19019">
          <img alt="Cereal Drink Hafer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9705/file/small-84b1ed30c8857e35748d707e0e7ca40c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9705/file/medium-938513fd7797d3b31c639442bf303245.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9705/file/large-e672e3278fd34782c3107d555d0c21c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9705/file/medium-938513fd7797d3b31c639442bf303245.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">Soyana</p>
          <a href="/products/cereal-drink-hafer-bio-500-ml-19019">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cereal Drink Hafer Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AQKLvQZi97VSUMZQ1zymlfFcS4QeZOIPiVtuJTkvUFN1P0gH9ZnSPu3lZmEQUEdSdc24l78rJXnhBlUJUt5sSQ" />
    <input value="19019" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/cereal-drink-hafer-plus-calcium-bio-1-l-19020">
          <img alt="Cereal Drink Hafer Plus Calcium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9394/file/small-ad53e531b9021ee7a3d06ecfe1ff43b0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9394/file/medium-2b7de3b9c18dc452694603d5afa3a7b4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9394/file/large-a9b49f7f36ace9a61852eff091cb8ae7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9394/file/medium-2b7de3b9c18dc452694603d5afa3a7b4.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">Soyana</p>
          <a href="/products/cereal-drink-hafer-plus-calcium-bio-1-l-19020">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cereal Drink Hafer Plus Calcium Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o-C6MlIZI1ETIyKJ38V4P5ngGqW26H4s7xeBy4D9-K3X3XmIoeIG2qyWgrgYqZn4HXHpthenuVqHSrrn6wzEtw" />
    <input value="19020" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/dinki-wurst-vegilat-bio-2-x-100-g-19021">
          <img alt="Dinki Wurst Vegilat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9929/file/small-18e0d0c7d5c82090946fa326e281ae1d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9929/file/medium-fc261cf9c235322fcb8fc6a0618f5ccc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9929/file/large-a926cca262ea6aedfec25df97a2ca99a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9929/file/medium-fc261cf9c235322fcb8fc6a0618f5ccc.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">Soyana</p>
          <a href="/products/dinki-wurst-vegilat-bio-2-x-100-g-19021">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinki Wurst Vegilat Bio, 2 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UeBxUntHMLICxcpFe23_o7ObVMiPgJ6L9wot8wW9Oyol3bLoiLwVOb1wanS8AR5kNwqn2y7PWf2fVxbfbkwHMA" />
    <input value="19021" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/hafer-drink-barista-bio-500-ml-19022">
          <img alt="Hafer Drink Barista Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9727/file/small-bb5591df98941995a5e6f4db6bc75d87.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9727/file/medium-c6648be0846ef201568e2589ba240da3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9727/file/large-b7fb6e32bd6b466bbfda6835314f36e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9727/file/medium-c6648be0846ef201568e2589ba240da3.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">Soyana</p>
          <a href="/products/hafer-drink-barista-bio-500-ml-19022">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Drink Barista Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f_-MMsgCVy6c3v7zHHus8O6sxup3W_veNJq8IIteRB8Lwk-IO_lypSNrXsLbF003aj01-dYUPKhcx4cM4K94BQ" />
    <input value="19022" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/hafer-drink-creamy-bio-500-ml-19023">
          <img alt="Hafer Drink Creamy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9725/file/small-193dae1078f2b6e85d615cdcb2535f05.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9725/file/medium-93b362a330eb5b71bf0ceb3e5c647671.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9725/file/large-b66d3a818ed6e7e8009d5f7e63259ce7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9725/file/medium-93b362a330eb5b71bf0ceb3e5c647671.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">Soyana</p>
          <a href="/products/hafer-drink-creamy-bio-500-ml-19023">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hafer Drink Creamy Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zvn_Ei7oxmRQYRmo5grGUdfcN6qXq46NqMi6eQj6u326xDyo3RPj7-_UuZkhZieWU03EuTbkSfvAlYFVYwuHZw" />
    <input value="19023" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/soya-drink-original-bio-500-ml-19024">
          <img alt="Soya Drink Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9957/file/small-b0cdb61a708d655f7122d04af847491f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9957/file/medium-beec663b1d4092045f68c4a3f144bf09.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9957/file/large-0a729bda8403636ec1eb2b6ca6144d03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9957/file/medium-beec663b1d4092045f68c4a3f144bf09.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">Soyana</p>
          <a href="/products/soya-drink-original-bio-500-ml-19024">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soya Drink Original Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZAwT5Tqb-mED-OH8WsBS7BQ7_yVXeFan9grCrPbPXegQMdBfyWDf6rxNQc2drLMrkKoMNvY3kdGeV_mAnT5h8g" />
    <input value="19024" 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%2Fjolu%3Fformat%3Dturbo_stream%26page%3D73">
    <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/soya-gehacktes-bio-200-g-19025">
          <img alt="Soya Gehacktes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9707/file/small-03cf853f61c3092e38557feee0d07bfe.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9707/file/medium-f17c04a5dc9bd2dd9fb08044c8b12398.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9707/file/large-4dad8df72c887ef8d4d1cb4207cd0a95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9707/file/medium-f17c04a5dc9bd2dd9fb08044c8b12398.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">Soyana</p>
          <a href="/products/soya-gehacktes-bio-200-g-19025">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soya Gehacktes Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QGQlAzJ0JYiJXtjLTDPDPXtUHesPAI6oKI4_n2OdllU0Wea5wY8AAzbrePqLXyL6_8Xu-K5PSd5A0wSzCGyqTw" />
    <input value="19025" 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;460 von 2&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/jolu?format=turbo_stream&amp;page=74">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>