<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/acai-pulver-glutenfrei-bio-80-g-483">
          <img alt="Acai Pulver Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/435/file/small-ffddf9ecbe622253977a1cfc678e10b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/435/file/medium-0aa963ee97169f3d0514af45be3ecae1.webp 900w, https://assets.fabulous.ch/public/variant_asset/435/file/large-35dfb032194b2e12431186ee40ac8455.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/435/file/medium-0aa963ee97169f3d0514af45be3ecae1.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">Raab</p>
          <a href="/de/products/acai-pulver-glutenfrei-bio-80-g-483">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Acai Pulver Glutenfrei Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2VK6b1atJprNKXEztksIsBm64H7Mg-opDX1mQz-thXxVUZCnt5e3z_klcvbpgtLUBDPf1E3cD8KOtSP5gAoYpQ" />
    <input value="483" 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/fruchtgummi-mind-sweets-happy-buddha-bear-bio-75-g-5860">
          <img alt="Fruchtgummi mind sweets Happy Buddha Bear Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3368/file/small-8b32020591d210a0af7c6339488523ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/3368/file/medium-a941bf49813973ae3bc10ce7b22bd5e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3368/file/large-04984b9234aeaeff470e292b5045f5b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3368/file/medium-a941bf49813973ae3bc10ce7b22bd5e4.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">Mind Sweets</p>
          <a href="/de/products/fruchtgummi-mind-sweets-happy-buddha-bear-bio-75-g-5860">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruchtgummi mind sweets Happy Buddha Bear Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6S4WfBC3zbfEZmWw3tc0Q4kcf_tSPvLlLyAX2QANYjNlLTy08Y1c4vBqZnWBHu4nlJVAUdNhFw6s6FJjv6r_6g" />
    <input value="5860" 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/vegane-alternative-zu-aioli-demeter-190-ml-7915">
          <img alt="Vegane Alternative zu Aioli Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4640/file/small-e2d2c35637614e7dd39104ca56b52ec0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4640/file/medium-42c85b928e0b2a16650fd4faae5d1523.webp 900w, https://assets.fabulous.ch/public/variant_asset/4640/file/large-9a914f09e667a80210af7e47cfc88060.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4640/file/medium-42c85b928e0b2a16650fd4faae5d1523.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">Naturata</p>
          <a href="/de/products/vegane-alternative-zu-aioli-demeter-190-ml-7915">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegane Alternative zu Aioli Demeter, 190 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NgP1IQ8kZ3Kbwmqn4_mSHLZNT-i9TnX16NbKFiRCbcG6AN_p7h72J6_OaWK8MEh4q8RwQjwRkB5rHo-sm-XwGA" />
    <input value="7915" 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/vollreiscracker-mit-schwarzem-sesam-und-tamari-bio-60-g-15704">
          <img alt="Vollreiscracker mit schwarzem Sesam und Tamari Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7151/file/small-fc139f856a2338c1e1bea6eadd92a02b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7151/file/medium-856c6dd91e027ef78016e9ea263858b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7151/file/large-b0a9704df461469748e7c8dad823d757.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7151/file/medium-856c6dd91e027ef78016e9ea263858b2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/de/products/vollreiscracker-mit-schwarzem-sesam-und-tamari-bio-60-g-15704">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vollreiscracker mit schwarzem Sesam und Tamari Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pfdy1XG2laxwTTfz1yOL340E-YGV-0a6V1sb5_qjyeKx9FgdkIwE-URBNDaI6lG7kI3GKxSko1HUk15dRQRUOw" />
    <input value="15704" 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/falafel-susskartoffel-bio-240-g-4488">
          <img alt="Falafel Süsskartoffel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2775/file/small-dc0d164ce0141fa8513ae34dbb128f06.webp 600w, https://assets.fabulous.ch/public/variant_asset/2775/file/medium-d9e5e155bd41b649ca04808786c5bd8a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2775/file/large-de58139abe8c8ab3ccaedf2f241d5e5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2775/file/medium-d9e5e155bd41b649ca04808786c5bd8a.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">Florentin</p>
          <a href="/de/products/falafel-susskartoffel-bio-240-g-4488">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Falafel Süsskartoffel Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </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.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DJNCreXc2NoN_zVT0CqvJ66AUEnmkt7_R9HeE8viwa2AkGhlBOZJjznzNpaP43VDswlv42fNOxTEGZupdEVcdA" />
    <input value="4488" 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/dinki-gulasch-an-gewurzmarinade-bio-200-g-1699">
          <img alt="Dinki Gulasch an Gewürzmarinade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1356/file/small-3ae9233c5ab1b82edaeefe172d447a34.webp 600w, https://assets.fabulous.ch/public/variant_asset/1356/file/medium-e80125cf57ccb95fb3cbcca649ccdd04.webp 900w, https://assets.fabulous.ch/public/variant_asset/1356/file/large-9644aa9ab15e191037bab3490cc61c84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1356/file/medium-e80125cf57ccb95fb3cbcca649ccdd04.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/de/products/dinki-gulasch-an-gewurzmarinade-bio-200-g-1699">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinki Gulasch an Gewürzmarinade Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 3.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QYsuzS-yyT0ZuNbMyA9alOUF_pOZBOPaoA4XhZdwN3PNiAQFzohYaC201QmXxoDw-IzBORhbBjEjxlI_KNeqqg" />
    <input value="1699" 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/falafel-mini-gf-bio-150-g-4487">
          <img alt="Falafel Mini GF Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2771/file/small-48eb4b6e91d6faf9cdee4961416ee231.webp 600w, https://assets.fabulous.ch/public/variant_asset/2771/file/medium-025d84e596eda0d486c8393fe2f66f54.webp 900w, https://assets.fabulous.ch/public/variant_asset/2771/file/large-b73679764ca88631c6e7398b6d0a954a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2771/file/medium-025d84e596eda0d486c8393fe2f66f54.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">Florentin</p>
          <a href="/de/products/falafel-mini-gf-bio-150-g-4487">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Falafel Mini GF Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </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 3.10 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zR4plaRrtOYtpa0ASlJ8Y2SFQLg6mruX-xrsiu6fWn5BHQNdRVElsxmprsUVm6YHeQx_ErvFXnx40qkwUTjHpw" />
    <input value="4487" 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/spirulina-vegicaps-kapseln-100-stuck-973">
          <img alt="Spirulina Vegicaps" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/854/file/small-31bb69ffd2a6a1a8389fd1a532db5ba7.webp 600w, https://assets.fabulous.ch/public/variant_asset/854/file/medium-f899f4f65244b5d31fc672c64e46f511.webp 900w, https://assets.fabulous.ch/public/variant_asset/854/file/large-22acb31d5a38895ed0a99f5dd7533a19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/854/file/medium-f899f4f65244b5d31fc672c64e46f511.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">MORGA</p>
          <a href="/de/products/spirulina-vegicaps-kapseln-100-stuck-973">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spirulina Vegicaps, 100 Kapseln</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dy_hha_8T-h-1YJWimcuWcHAC3lI-o3kqHbbOY5LBK-DLMtNTsbevUrZgZPVrvQ93Ek008mlaA8rvp6DMeyZdg" />
    <input value="973" 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/1-l-17719">
          <img alt="Wäsche Olivenwaschmittel flüssig 20°-40° C Wolle/Seide Duftfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8612/file/small-f2ca3b09451a74b32d44a8c5fb2a61ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/8612/file/medium-c8b8d8533a8e97646ca5eea5da10d3aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/8612/file/large-e6b5201b8010d903b7d77ca335d72312.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8612/file/medium-c8b8d8533a8e97646ca5eea5da10d3aa.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">Sonett</p>
          <a href="/de/products/1-l-17719">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wäsche Olivenwaschmittel flüssig 20°-40° C Wolle/Seide Duftfrei, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9UZi3Cs18ZebLFlFUNGN7ctPbkgAYNdGLntqmvPi3sR5RUgUyg9gwq8gWoAPGFeJ1sZR4oE_Mq2tsy8gTEVDHQ" />
    <input value="17719" 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/geschirr-handspulmittel-lemon-1-l-542">
          <img alt="Geschirr Handspülmittel Lemon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/494/file/small-97807b91f59f05e664e11d7684efe51d.webp 600w, https://assets.fabulous.ch/public/variant_asset/494/file/medium-bc7f99f8e8383694407f11cbc719f292.webp 900w, https://assets.fabulous.ch/public/variant_asset/494/file/large-ed0a79cd45c327c195cd37217b0e0575.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/494/file/medium-bc7f99f8e8383694407f11cbc719f292.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">Sonett</p>
          <a href="/de/products/geschirr-handspulmittel-lemon-1-l-542">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Geschirr Handspülmittel Lemon, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b7LaOtDH7azmBTYYNiG0eEiUkB3Ms1Pg9wpobgB1G5PjsfDyMf18-dIJNd1p6G4cVR2vt03stgt0wi3Uv9KGSg" />
    <input value="542" 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/duschgel-pflegedusche-sensitiv-2in1-nachfullbeutel-500-ml-12297">
          <img alt="Duschgel Pflegedusche Sensitiv 2in1 Nachfüllbeutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6182/file/small-c59ed44570799a1457b2c7e712a17cad.webp 600w, https://assets.fabulous.ch/public/variant_asset/6182/file/medium-76926cfe00b3cc1d6a9460554de365bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6182/file/large-58f64ef4fc21179203e4b72cc4938009.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6182/file/medium-76926cfe00b3cc1d6a9460554de365bc.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">Lavera</p>
          <a href="/de/products/duschgel-pflegedusche-sensitiv-2in1-nachfullbeutel-500-ml-12297">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Duschgel Pflegedusche Sensitiv 2in1 Nachfüllbeutel, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oV6lcY1Jrt5HjleXggdqepAQ6wggA5WkNGfcJ40Xga0tXY-5bHM_i3OCVFLdzrAejZnUoqFccE-3r5mdMrAcdA" />
    <input value="12297" 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/pasta-soja-vollkorn-hornli-teigwaren-bio-500-g-4344">
          <img alt="Pasta Soja Vollkorn Hörnli Teigwaren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2707/file/small-50fd2d6560da8730888713c516c3dc48.webp 600w, https://assets.fabulous.ch/public/variant_asset/2707/file/medium-8f360b6f402b4c44bac51402211501b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2707/file/large-d1be76201264fb8ddc6e1c483163342c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2707/file/medium-8f360b6f402b4c44bac51402211501b6.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">MORGA</p>
          <a href="/de/products/pasta-soja-vollkorn-hornli-teigwaren-bio-500-g-4344">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Soja Vollkorn Hörnli Teigwaren Bio, 500 g</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.86 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iIa23hjfXaxG0mlEQagzRhA7N3lvmZW5MHbm9mYO39sEhZwW-eXM-XLeaoEeYekiDbII0-7GcFKzvqNM2alCAg" />
    <input value="4344" 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/gebrannte-mandel-creme-brotaufstrich-bio-250-g-7746">
          <img alt="Gebrannte Mandel Creme Brotaufstrich Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4470/file/small-4f41b8ebefe4118fffc4c9c4f27b7c72.webp 600w, https://assets.fabulous.ch/public/variant_asset/4470/file/medium-9667f10b382bd8df606e818b1517b9f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4470/file/large-15a60ac3a15af39052371290947125ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4470/file/medium-9667f10b382bd8df606e818b1517b9f0.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">Rapunzel</p>
          <a href="/de/products/gebrannte-mandel-creme-brotaufstrich-bio-250-g-7746">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gebrannte Mandel Creme Brotaufstrich Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7o2lt4F474eYGdycnMjegM9gX6MwIP39-NlGNmYp4alijo9_YEJ-0qwV31nDAQTk0ulgCbF_GBZ7EQOM2Y58cA" />
    <input value="7746" 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/dr-antonio-martins-cocojuice-pur-kokosnusssaft-bio-500-ml-7499">
          <img alt="Dr. Antonio Martins CocoJuice Pur Kokosnusssaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4308/file/small-709cb934801d5bdec0fb363c6532e096.webp 600w, https://assets.fabulous.ch/public/variant_asset/4308/file/medium-819828d1632fc0c84e305242ecae45aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/4308/file/large-de444bbb4fd2e16568de60ef4f767b15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4308/file/medium-819828d1632fc0c84e305242ecae45aa.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">Dr. Antonio Martins</p>
          <a href="/de/products/dr-antonio-martins-cocojuice-pur-kokosnusssaft-bio-500-ml-7499">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dr. Antonio Martins CocoJuice Pur Kokosnusssaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tmItmq0N_02xHOqKeSvKG5hewKjkLQIoyfKLI9QrQZo6YQdSTDduGIUQ6U8m4hB_hdf_AmVy58NKOs6Za4zcQw" />
    <input value="7499" 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/hanfsamen-geschalt-rohkostqualitat-bio-1-kg-6778">
          <img alt="Hanfsamen geschält Rohkostqualität Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3916/file/small-cc74f923c9bde018f25a49e79bc22de4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3916/file/medium-bb5f59ca5bb75a0abfc974f293f82d7d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3916/file/large-ea85b3839394eca3d1c6a28b7b3eb7b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3916/file/medium-bb5f59ca5bb75a0abfc974f293f82d7d.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">Hanf&amp;Natur</p>
          <a href="/de/products/hanfsamen-geschalt-rohkostqualitat-bio-1-kg-6778">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hanfsamen geschält Rohkostqualität Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.65
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1qZYoJn4CVvjK0ZtM4fIRMV5g1vR9CgW25W2EcRLtPFapXJoeMKYDtcnRahsThIg2PC88VCrzf1YXfOre-wpKA" />
    <input value="6778" 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/birkenzucker-xylit-beutel-500-g-5602">
          <img alt="Birkenzucker Xylit Beutel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3245/file/small-c4d233215d75f54a39c098039049a567.webp 600w, https://assets.fabulous.ch/public/variant_asset/3245/file/medium-422bb66b672e7626e610cd3515ee8b09.webp 900w, https://assets.fabulous.ch/public/variant_asset/3245/file/large-f4693e1206ecfd6953e38b8407b13357.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3245/file/medium-422bb66b672e7626e610cd3515ee8b09.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">Tautona</p>
          <a href="/de/products/birkenzucker-xylit-beutel-500-g-5602">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Birkenzucker Xylit Beutel, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xp6HKNh6nWdS3GqHwtLMe0524Pe-DBkx8byv9Jr2OWdKna3gOUAMMmbQaUKdGxYfU__fXT9T_NpydOpOJVGkvg" />
    <input value="5602" 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/peak-punk-haferriegel-salted-peanut-bio-60-g-13295">
          <img alt="Peak Punk Haferriegel Salted Peanut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6443/file/small-26e6ac761ab999b129065757a105175a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6443/file/medium-b46a950008177420e0911979bb280972.webp 900w, https://assets.fabulous.ch/public/variant_asset/6443/file/large-50348c1285020a2fc6cfd714a33b1bea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6443/file/medium-b46a950008177420e0911979bb280972.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Peak Punk</p>
          <a href="/de/products/peak-punk-haferriegel-salted-peanut-bio-60-g-13295">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Haferriegel Salted Peanut Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

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

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


  

  <div class="border-gray-200  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/margarine-omega-3-pflanzen-streichfett-bio-250-g-16533">
          <img alt="Margarine Omega 3 Pflanzen-Streichfett Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7624/file/small-cda0c770674701a877db832b4f23930f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7624/file/medium-5d516b6ada52cd3117071844b9b7417d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7624/file/large-3c72c7561e9dcdbbd4f17c3984149826.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7624/file/medium-5d516b6ada52cd3117071844b9b7417d.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">Vitaquell</p>
          <a href="/de/products/margarine-omega-3-pflanzen-streichfett-bio-250-g-16533">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Margarine Omega 3 Pflanzen-Streichfett Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8vsYaS8bbYNjHXD9q6lXxndwvAicRCJtYP8BT0ML9c5--DKhziH81lcRczj0YI2iavmDoh0bx4bjN0T1_KxoFw" />
    <input value="16533" 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/natto-fermentierte-sojabohnen-180-g-5255">
          <img alt="Natto Fermentierte Sojabohnen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3061/file/small-4509320d9ed79de8993356c0d4fe93a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3061/file/medium-651b94a9a4253d7cfa84371be3dc4c7e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3061/file/large-b07a7020f574487dacf3822c2654c5e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3061/file/medium-651b94a9a4253d7cfa84371be3dc4c7e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/de/products/natto-fermentierte-sojabohnen-180-g-5255">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Natto Fermentierte Sojabohnen, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B5V3N7K4exhEBE44dhw8kNxMZdu6TiYb-y317scfdpOLll3_U4LqTXAITf0p1eb0wcVacTsRw_B45bBUeLjrSg" />
    <input value="5255" 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/keimsaat-zwiebel-beutel-bio-50-g-15305">
          <img alt="Keimsaat Zwiebel Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6988/file/small-e1fa48e5d4ec97fb4443352244a10437.webp 600w, https://assets.fabulous.ch/public/variant_asset/6988/file/medium-3ae8fc4035bb53b8ae5f846fabd7f48c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6988/file/large-61532282187466799c379a2d4c77f0e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6988/file/medium-3ae8fc4035bb53b8ae5f846fabd7f48c.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">Germline</p>
          <a href="/de/products/keimsaat-zwiebel-beutel-bio-50-g-15305">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Keimsaat Zwiebel Beutel Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.75
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EY4IDvmzAzztjXdTdfUYAbhr-i5BD6cfeFdSu_03OwedjSLGGImSadmBdJYqPMJlpeLFhMBQQvT7nxcBQpCm3g" />
    <input value="15305" 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">
      960 von 3&#39;185 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/liebhart-s?format=turbo_stream&amp;page=49">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>