<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">
    

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

              <div class="size-8 text-blue-300" title="Kühlung erforderlich">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="InlxexXyrbllcJKF5bHgJFb-bYyFbvocwjSInvlZ_j2H-pOpaTnn0jHlu4dBZYqwj9_wXIlJsFCI9S6DwHNxbQ" />
    <input value="2738" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/holz-toilettenburste-mit-naturborsten-fsc-1-stuck-18067">
          <img alt="Holz-Toilettenbürste mit Naturborsten, FSC" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9031/file/small-4b845ad9369e80671b6d5127e0ec8d77.webp 600w, https://assets.fabulous.ch/public/variant_asset/9031/file/medium-5bfc61c8065ff71a211e3b63a860bfa4.webp 900w, https://assets.fabulous.ch/public/variant_asset/9031/file/large-6c62380733e302fb231886dec7887900.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9031/file/medium-5bfc61c8065ff71a211e3b63a860bfa4.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">memo</p>
          <a href="/de/products/holz-toilettenburste-mit-naturborsten-fsc-1-stuck-18067">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Holz-Toilettenbürste mit Naturborsten, FSC, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-IRcxT0SwJmksAOok08opoIosRNPrBKfuRKZ5sRJpXldB74XQdmK8vAlKqo3m0IyWwksw0OLWNPz0z_7_WMqKQ" />
    <input value="18067" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/haftnotiz-quader-75-x-75-mm-farbig-sortiert-im-recyclingkarton-400-blatter-18068">
          <img alt="Haftnotiz-Quader 75 x 75 mm, farbig sortiert im Recyclingkarton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9032/file/small-ee2afc6c1013f7ffdfff4ecb979aa476.webp 600w, https://assets.fabulous.ch/public/variant_asset/9032/file/medium-4c83718bd5f63ceb8f7da6a323d229fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/9032/file/large-4377be066016b594e3cd63438470ae22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9032/file/medium-4c83718bd5f63ceb8f7da6a323d229fa.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">memo</p>
          <a href="/de/products/haftnotiz-quader-75-x-75-mm-farbig-sortiert-im-recyclingkarton-400-blatter-18068">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haftnotiz-Quader 75 x 75 mm, farbig sortiert im Recyclingkarton, 400 Blätter</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oQl16Rdnxs2Memz4rHYUQc6Uu3USqmJvJB0GOv3g4B4Eipc7a6yMptjvRfoIon7VF7UmpR6NKCNu3KAnxMpvTg" />
    <input value="18068" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/baumwoll-zuziehbeutel-bio-1-beutel-18069">
          <img alt="Baumwoll Zuziehbeutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9035/file/small-da70cd17e90ca08fbabbc6731af4cfbf.webp 600w, https://assets.fabulous.ch/public/variant_asset/9035/file/medium-ecbd6699a970fef27d10b9e6de4c3247.webp 900w, https://assets.fabulous.ch/public/variant_asset/9035/file/large-aec439a0e8b7880e580c5133f5437a33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9035/file/medium-ecbd6699a970fef27d10b9e6de4c3247.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">memo</p>
          <a href="/de/products/baumwoll-zuziehbeutel-bio-1-beutel-18069">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baumwoll Zuziehbeutel Bio, 1 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="evWm-GRjdyS3JNXJYvsvrW_vjJUSawykL5dotviFrCzfdkQqGKg9T-Ox_MvGL0U5ts4RRR5MRuhlVs6rwa8jfA" />
    <input value="18069" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/memo-tragetasche-wir-handeln-fur-eine-nachhaltige-erde-aus-rc-baumwolle-fairtrade-1-stuck-18070">
          <img alt="memo Tragetasche &quot;Wir handeln für eine nachhaltige Erde&quot; aus RC-Baumwolle, Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9038/file/small-d3581ed6540c4a166216708f9f3f2b88.webp 600w, https://assets.fabulous.ch/public/variant_asset/9038/file/medium-3eef5be382d6b7448774e40226f25b3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9038/file/large-854f2382c811c4f53c984ac4003eb362.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9038/file/medium-3eef5be382d6b7448774e40226f25b3e.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">memo</p>
          <a href="/de/products/memo-tragetasche-wir-handeln-fur-eine-nachhaltige-erde-aus-rc-baumwolle-fairtrade-1-stuck-18070">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">memo Tragetasche &quot;Wir handeln für eine nachhaltige Erde&quot; aus RC-Baumwolle, Fairtrade, 1 Stück</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 4.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1mkfSdSeDxpMlzd9-htL64Mnty5WZLgX0UPCAX8OceFz6v2bqFVFcRgCHn9ezyF_WgYq_lpD8lubgmQcRiT-sQ" />
    <input value="18070" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/baumwoll-tragtasche-bio-fairtrade-1-stuck-18071">
          <img alt="Baumwoll Tragtasche Bio Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9039/file/small-475f847b49bd559518a034d6502897ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/9039/file/medium-83d67e3bd93161ff058521d19c48169c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9039/file/large-9612249eb0ff25d8adca13d7b8c30bff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9039/file/medium-83d67e3bd93161ff058521d19c48169c.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">memo</p>
          <a href="/de/products/baumwoll-tragtasche-bio-fairtrade-1-stuck-18071">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baumwoll Tragtasche Bio Fairtrade, 1 Stück</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 4.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6U5ZhCQKcmwDgI1uc8KIIIsjxws-fMxEdgtnW5mGN1xMzbtWWME4B1cVpGzXFuK0UgJa2zJbhgg8ysFGoKy4DA" />
    <input value="18071" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/kosmetiktasche-necessaire-bio-1-stuck-18072">
          <img alt="Kosmetiktasche/Necessaire Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9040/file/small-71e8ef3ad4dbcedaf8e3dd8a6067023a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9040/file/medium-6b700fa2ca7528b34d3db1f2168eccc3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9040/file/large-84dcb8da20a524b015d72661116c4f63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9040/file/medium-6b700fa2ca7528b34d3db1f2168eccc3.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">memo</p>
          <a href="/de/products/kosmetiktasche-necessaire-bio-1-stuck-18072">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kosmetiktasche/Necessaire Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gcJlcmA6ZhI4cSdeWPxct44Hk512YouJwX5oTgR_J6IkQYegHPEseWzkDlz8KDYjVyYOTXpFwcWLv85TPVWo8g" />
    <input value="18072" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/backpapier-zuschnitte-fsc-30-bogen-30-stuck-16588">
          <img alt="Backpapier Zuschnitte FSC" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7645/file/small-27d5061c116f77372340459d4b326eb6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7645/file/medium-cd7b4c71a86c6704f8c05709ad72b0b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7645/file/large-c04eb95e1c68f1ffb7f35b7dcd47bd33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7645/file/medium-cd7b4c71a86c6704f8c05709ad72b0b3.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">memo</p>
          <a href="/de/products/backpapier-zuschnitte-fsc-30-bogen-30-stuck-16588">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Backpapier Zuschnitte FSC, 30 Blätter</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cQXm-7XCH2PQEmtgNeKnL8WB93YVPhEtc0B7r2F6y93UhgQpyQlVCISHQmKRNs27HKBqphkZW2E5gd2yWFBEjQ" />
    <input value="16588" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gerostete-kichererbsen-sweet-sesame-100-g-16395">
          <img alt="Geröstete Kichererbsen Sweet Sesame" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7543/file/small-bcd371a237d7b4f243bdfc5ef5281898.webp 600w, https://assets.fabulous.ch/public/variant_asset/7543/file/medium-f98389d51434d786955f236cdca140b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7543/file/large-2160cf763ca751550f4fd915d197b494.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7543/file/medium-f98389d51434d786955f236cdca140b8.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">Chichery</p>
          <a href="/de/products/gerostete-kichererbsen-sweet-sesame-100-g-16395">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geröstete Kichererbsen Sweet Sesame, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_6pGL61SEVne0dz0I_PJ5l-sgf-S2TZGUiXnnGe3VkNaKaT90ZlbMopE9faHJ6Nyho0cL57-fAoY5EGBXp3ZEw" />
    <input value="16395" 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">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gerostete-kichererbsen-dark-chocolate-100-g-16396">
          <img alt="Geröstete Kichererbsen Dark Chocolate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7544/file/small-dffdac2bae3f2aa2ede467b60a42fd52.webp 600w, https://assets.fabulous.ch/public/variant_asset/7544/file/medium-32626d4d913f7232a12c9b26edf09292.webp 900w, https://assets.fabulous.ch/public/variant_asset/7544/file/large-f73c9dc3d5612d5a02a3b7b81485997e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7544/file/medium-32626d4d913f7232a12c9b26edf09292.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">Chichery</p>
          <a href="/de/products/gerostete-kichererbsen-dark-chocolate-100-g-16396">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geröstete Kichererbsen Dark Chocolate, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vTMheqUCaoiPv86-7UhbvYYvpPtNh0FLmAkA2cFwli8YsMOo2ckg49sq57xJnDEpXw45K0GgCwfSyKbE-FoZfw" />
    <input value="16396" 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">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tipp
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gerostete-kichererbsen-choco-snack-35-g-16397">
          <img alt="Geröstete Kichererbsen Choco Snack" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7545/file/small-6462df2ac0d5f3b980187d9b4785547e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7545/file/medium-b4cc6a8c12d40676d54b8091f6abe1fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/7545/file/large-5402e14ce5d3e7742851564d58e56621.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7545/file/medium-b4cc6a8c12d40676d54b8091f6abe1fa.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">Chichery</p>
          <a href="/de/products/gerostete-kichererbsen-choco-snack-35-g-16397">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geröstete Kichererbsen Choco Snack, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zwULj9QhMJs7kbhSpfoTFjgNyZwiuqaQvFbnG9wJwP5qhuldqOp68G8EkVABLnmC4SxUTC6d7Nz2l0EG5SNPrg" />
    <input value="16397" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gerostete-kichererbsen-dark-chocolate-35-g-16410">
          <img alt="Geröstete Kichererbsen Dark Chocolate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7549/file/small-e2948d85514aeeeb32bc8ed52fbc5bc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7549/file/medium-7c1e5e663a12b2a0000bdc1bf6b25805.webp 900w, https://assets.fabulous.ch/public/variant_asset/7549/file/large-fd98c901bdff8ed8378a7d6238c50b54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7549/file/medium-7c1e5e663a12b2a0000bdc1bf6b25805.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">Chichery</p>
          <a href="/de/products/gerostete-kichererbsen-dark-chocolate-35-g-16410">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geröstete Kichererbsen Dark Chocolate, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a6wOiZhkZL5lDjybOI8aLz6OImWvPXGXjXCk0FEosqfOL-xb5K8u1TGbFZmcW3C756-_taMaO9vHsQLNaAI99w" />
    <input value="16410" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/gerostete-kichererbsen-sweet-sesame-35-g-16409">
          <img alt="Geröstete Kichererbsen Sweet Sesame" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7548/file/small-adbb0daa727447ca28854a5585b4db2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7548/file/medium-111f7b2b70e18639f7f740b30f329332.webp 900w, https://assets.fabulous.ch/public/variant_asset/7548/file/large-7a6d9a7177f51c011b7a53a24c7e7dad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7548/file/medium-111f7b2b70e18639f7f740b30f329332.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">Chichery</p>
          <a href="/de/products/gerostete-kichererbsen-sweet-sesame-35-g-16409">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geröstete Kichererbsen Sweet Sesame, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a4Hx4NAtCUguveXpXefzJ4muGmL_h4uG07iqe0CDuhDOAhMyrOZDI3oozOv5M5mzUI-HsvOgwcqZeQxmeak1QA" />
    <input value="16409" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/liquid-smoke-hickory-flussigrauch-1-89-l-16245">
          <img alt="LIQUID SMOKE Hickory Flüssigrauch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7484/file/small-0ab85794886b4256c9ba50aefebf1c45.webp 600w, https://assets.fabulous.ch/public/variant_asset/7484/file/medium-f7981a70be164c6f261fc45923bbc4b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7484/file/large-5065e28485fc226ddade127f1f856130.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7484/file/medium-f7981a70be164c6f261fc45923bbc4b3.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">Mex-AL</p>
          <a href="/de/products/liquid-smoke-hickory-flussigrauch-1-89-l-16245">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LIQUID SMOKE Hickory Flüssigrauch, 1.89 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YD9U1zxzzlI5oijX9nQTrWJMsoO9ECD7fGqr7quZ6T_FvLYFQLiEOW03AdVSoHk5u20vU7E3arc2qw3zkrNmbw" />
    <input value="16245" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/himbeertortchen-glutenfrei-bio-130-g-6751">
          <img alt="Himbeertörtchen Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3907/file/small-5415d517289cea16b3e532c631ffcde2.webp 600w, https://assets.fabulous.ch/public/variant_asset/3907/file/medium-dddcc5cfe921f74b48c9ac87a12e6bfd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3907/file/large-18fb6cc52334e54bb857cf1a99f678ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3907/file/medium-dddcc5cfe921f74b48c9ac87a12e6bfd.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">Céliane</p>
          <a href="/de/products/himbeertortchen-glutenfrei-bio-130-g-6751">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Himbeertörtchen Glutenfrei Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T7sq27hDuZGsh7UX4rPipufJnmW0LcKayHnp3rHmP9fqOMgJxIjz-vgSnBVGZ4gyPugDtbgKiNaCuE_DiMywhw" />
    <input value="6751" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/chips-mais-paprika-glutenfrei-bio-125-g-572">
          <img alt="Chips Mais Paprika Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/529/file/small-83e49cd87138b65f05ff4a50b2a20caa.webp 600w, https://assets.fabulous.ch/public/variant_asset/529/file/medium-6281905db9fc1b93ff9f15a9f2d24026.webp 900w, https://assets.fabulous.ch/public/variant_asset/529/file/large-47db889adde9479ef9fb997ba0bb1e43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/529/file/medium-6281905db9fc1b93ff9f15a9f2d24026.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">Pural</p>
          <a href="/de/products/chips-mais-paprika-glutenfrei-bio-125-g-572">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Mais Paprika Glutenfrei Bio, 125 g</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 2.16 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j_RhHu6nOwPgnheGe3Q4nFw_Rnl7mBevb5nX6aRXxOwqd4PMkmxxaLQLPoTfoFIIhR7bqXe_XeMlWHH0nX1LvA" />
    <input value="572" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tortilla-wraps-6-st-aus-weizen-bio-240-g-2052">
          <img alt="Tortilla Wraps (6 St.) aus Weizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1610/file/small-82351e047c181e7cafa2bb7c7fe68409.webp 600w, https://assets.fabulous.ch/public/variant_asset/1610/file/medium-76351d29a4d305504f7a2632eb73fc90.webp 900w, https://assets.fabulous.ch/public/variant_asset/1610/file/large-a025e69422589577a118c36bdacf2c0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1610/file/medium-76351d29a4d305504f7a2632eb73fc90.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">Acapulco</p>
          <a href="/de/products/tortilla-wraps-6-st-aus-weizen-bio-240-g-2052">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Wraps (6 St.) aus Weizen Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="epEYTnOln0mrov0Ecz-sOGRb_idHLuzzYUtRP0HjRGPfEvqcD27VIv831AbX68asvXpj90sJpr8rivcieMnLMw" />
    <input value="2052" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/erdmandel-drink-natur-chufa-bio-1-l-11305">
          <img alt="Erdmandel Drink Natur Chufa Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8718/file/small-4d0bae75abde987ca9242610d7ef9da1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8718/file/medium-f8c5838c5466c7f71dba58a875e797c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/8718/file/large-d7f103819c51f1de98a6197719fb1919.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8718/file/medium-f8c5838c5466c7f71dba58a875e797c8.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">Ecomil</p>
          <a href="/de/products/erdmandel-drink-natur-chufa-bio-1-l-11305">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Erdmandel Drink Natur Chufa Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SG1AsLcuZjDzSh5-l6RuFQlD3nPga6_jREmcFLqW9S_t7qJiy-UsW6ffN3wzcASB0GJDo-xM5a8OiDoJg7x6fw" />
    <input value="11305" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/tee-be-happy-krautertee-fairtrade-bio-20-beutel-5163">
          <img alt="Tee Be Happy Kräutertee Fairtrade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3038/file/small-fc3650e9fb33c0fa8033e43b8862247f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3038/file/medium-c34d0f87741916fe4d572a7c6d48957e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3038/file/large-f99662ab04097464c27154d8fb0c1ee3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3038/file/medium-c34d0f87741916fe4d572a7c6d48957e.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">Cupper</p>
          <a href="/de/products/tee-be-happy-krautertee-fairtrade-bio-20-beutel-5163">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee Be Happy Kräutertee Fairtrade Bio, 20 Beutel</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BckkSkpd5m5JNKORxdeD9bo0m59brGZeynnHRgKBpdSgSsaYNpasBR2hipNhA-lhYxUGT1eLLBKAuGFbO6sqhA" />
    <input value="5163" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/vego-crunchy-aufstrich-schoko-haselnuss-bio-350-g-4825">
          <img alt="Vego Crunchy Aufstrich Schoko-Haselnuss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2888/file/small-a86d30ead32d7844292b1a9affd8d9f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2888/file/medium-f07ad00942278dd079cc6e7d1b730ac6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2888/file/large-ce61e93bbfe966b4f0b8efd9dcb210b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2888/file/medium-f07ad00942278dd079cc6e7d1b730ac6.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">Vego Chocolate</p>
          <a href="/de/products/vego-crunchy-aufstrich-schoko-haselnuss-bio-350-g-4825">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vego Crunchy Aufstrich Schoko-Haselnuss Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lt1g-T7e_H9vs6sB2hp77UdjZ1XYuT3JXMAvzZFbNjszXoIrQhW2FDsmggN-zhF5nkL6hdSed4UWAYnQqHG5aw" />
    <input value="4825" 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">
      120 von 3&#39;202 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/mummy-meagz?format=turbo_stream&amp;page=7">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>