<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="MzfiakPVaTEB9HIWDJuG5nZOOxnSKQmJGDaBvPexDb6t5UrveZBFMKcYbzRAw3v9izyxoptBtoyfLaxXdLvOqQ" />
    <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="Cyi9ytpcM5jBdevyv1g2Uu6rfwQyyXaIjquamY1WxJCV-hVP4BkfmWeZ9tDzAMtJE9n1v3uhyY0JsLdyDlwHhw" />
    <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="_u0A-PTvbdiJ0QZW1GFQBDYyNQHsriHHIWCCWIadS4NgP6h9zqpB2S89G3SYOa0fy0C_uqXGnsKme6-zBZeIlA" />
    <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="UQfykzem1G79OiQtTVlGJ9SjNkFm-YFgkchDUJmm-tnP1VoWDeP4b1vWOQ8BAbs8KdG8-i-RPmUW0267Gqw5zg" />
    <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="vIxx6kyw-1c3TTsjFzexe2pErvnKSA_TrefFDn40NSYiXtlvdvXXVpGhJgFbb0xglzYkQoMgsNYq_Ojl_T72MQ" />
    <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="EIhzjtIy_i8hyHo2Yq_Z-XYRlTI78SyP8I2JTyGwwBeOWtsL6HfSLockZxQu9yTii2MfiXKZk4p3lqSkoroDAA" />
    <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="ZUC3M4BXakAT8qJ5wTgJ_EL0Yu54iOhEkdPrhGeKSDD7kh-2uhJGQbUev1uNYPTnv4boVTHgV0EWyMZv5ICLJw" />
    <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="Dm3hg5mYDkS2z7OPX_UcbKWJe5scNv7eRsTJrnQVsguQv0kGo90iRRAjrq0TreF3WPvxIFVeQdvB3-RF9x9xHA" />
    <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="2Aa7aSfYxF4b5WINI7zlU_4_Pgr_2hAEL8zCR9EwoUFG1BPsHZ3oX70Jfy9v5BhIA020sbayrwGo1--sUjpiVg" />
    <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="68O_RAsaoaAdZ9tkaXBBocvlrBNI8By0ge5fft5kAq51ERfBMV-NobuLxkYlKLy6NpcmqAGYo7EG9XKVXW7BuQ" />
    <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="RJyjQQNiC1JKMKFc25NMhhAyQg9gaiZXs9oyWRSwRm7aTgvEOScnU-zcvH6Xy7Gd7UDItCkCmVI0wR-yl7qFeQ" />
    <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="C8msfT5h9GGSS447AwHQeWQqqAgYz4_Cq9aVqNpvgUSVGwT4BCTYYDSnkxlPWS1imVgis1GnMMcszbhDWWVCUw" />
    <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="4QXvK7QQqHvUffkIjO6Y7loypaw488d7AyVdwyYE3Kh_10eujlWEenKR5CrAtmX1p0AvF3GbeH6EPnAopQ4fvw" />
    <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="zwRydf7XyECmvZrS2ukOKLJQC4zBSeoKNFG51WYot7pR1trwxJLkQQBRh_CWsfMzTyKBN4ghVQ-zSpQ-5SJ0rQ" />
    <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="nKjVyFaF5aBugqcCq9BSWUFgA2Zk9kzzCXhFWJZdOsUCen1NbMDJochuuiDniK9CvBKJ3S2e8_aOY2izFVf50g" />
    <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="ntgdiB5AtDE0vOOV_eiQF2FUQ0NylgtDZvCrfiGIHdgACrUNJAWYMJJQ_rexsG0MnCbJ-Dv-tEbh64aVooLezw" />
    <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="vR1O0LtdRzD8VrZFOBRTYd5O16BVmG774YXmS8mUUqkjz-ZVgRhrMVq6q2d0TK56IzxdGxzw0f5mnsugSp6Rvg" />
    <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="4mfl1L95gSS5P9PIlKgV0lXEpa1eOLKEZVBIKWq5XRJ8tU1RhTytJR_TzurY8OjJqLYvFhdQDYHiS2XC6bOeBQ" />
    <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="FtZrcWQ81wgE7A_8FYrcB6EUcExgwtCsP25Mr1wB9EKIBMP0Xnn7CaIAEt5Z0iEcXGb69ymqb6m4dWFE3ws3VQ" />
    <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="X1hgAbEraVw5M88FsrVgK86glQq6_INM6GNkXhDdMmbBisiEi25FXZ_f0if-7Z0wM9IfsfOUPElveEm1k9fxcQ" />
    <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/biotta?format=turbo_stream&amp;page=7">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>