<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/kaffeepeeling-the-hungover-minze-220-g-3870">
          <img alt="Kaffeepeeling &quot;The Hungover&quot; Minze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2493/file/small-04bb24f85e4e7b2ddb4073abff1d77b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2493/file/medium-e49b88e2b37f46f2625108d0b6834e35.webp 900w, https://assets.fabulous.ch/public/variant_asset/2493/file/large-4e4013906cddf43953db1cd23bd55159.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2493/file/medium-e49b88e2b37f46f2625108d0b6834e35.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">Optiat</p>
          <a href="/de/products/kaffeepeeling-the-hungover-minze-220-g-3870">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kaffeepeeling &quot;The Hungover&quot; Minze, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6I9jQCUiToPJ05LlOjtSXqYHcIVMDy7JhrI1_d8vJMD38Q34jOo_5bj2IYQdQqi_dDr3-oU4748NYBU-9kYyhQ" />
    <input value="3870" 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/mehl-sojamehl-getoastet-glutenfrei-bio-250-g-3949">
          <img alt="Mehl Sojamehl getoastet glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2506/file/small-183656ae0bfc884612ffa8da8b73b014.webp 600w, https://assets.fabulous.ch/public/variant_asset/2506/file/medium-a4ff609ec4bb648799421f876e0119b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2506/file/large-ce8543f93e16c0a342454bdb8b719ff1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2506/file/medium-a4ff609ec4bb648799421f876e0119b4.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">Bauckhof</p>
          <a href="/de/products/mehl-sojamehl-getoastet-glutenfrei-bio-250-g-3949">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mehl Sojamehl getoastet glutenfrei Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2tUbrtzqj6qPqx_baerlbHhqlqziydnllyggG6HX68PFq3UWdSL-zP6OrLpOkx-NqlcR0yv-GKMc-gDYiL79hg" />
    <input value="3949" 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/reispapier-fur-fruhlingsrollen-glutenfrei-bio-150-g-3957">
          <img alt="Reispapier für Frühlingsrollen Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2508/file/small-96ce3f3e1179a9353c077b7cee16c1f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2508/file/medium-71e1e50eb37b8097dc9a25c5a5b2b9a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2508/file/large-f72774e4f1391c5ed9dc461e270bf056.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2508/file/medium-71e1e50eb37b8097dc9a25c5a5b2b9a6.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">Arche</p>
          <a href="/de/products/reispapier-fur-fruhlingsrollen-glutenfrei-bio-150-g-3957">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Reispapier für Frühlingsrollen Glutenfrei Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="soWQr9961Fdf0-CUuP4qW6em7QWtjNmRQoGJ6bxTg0-t-_4XdrKlMS72U_Wfh9C6dZtqemS7GNfJU6kqlTqVCg" />
    <input value="3957" 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/paste-meerrettich-wasabi-art-bio-50-g-3959">
          <img alt="Paste Meerrettich Wasabi-Art Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2510/file/small-4deec3e033dba0ce93f62f0806f3d2d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2510/file/medium-a023926bc157c260110bf25956d49d1b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2510/file/large-1bd6a9511d1545beaa7f732531c61cbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2510/file/medium-a023926bc157c260110bf25956d49d1b.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">Arche</p>
          <a href="/de/products/paste-meerrettich-wasabi-art-bio-50-g-3959">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paste Meerrettich Wasabi-Art Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WEjEBnVZLVcb0Qr_JLlGLQxuKXfR7AkEskIUXafStNFHNqq-3JFcMWr0uZ4DwLzM3lOuCBjbyEI5kDSejruilA" />
    <input value="3959" 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/bambusmatte-fur-sushi-rollen-1-stuck-3960">
          <img alt="Bambusmatte für Sushi-Rollen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2511/file/small-717683b94ddea82bddaf0e72bf96e5a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2511/file/medium-e7578e8d4afd4d0d673da32ebfcb2034.webp 900w, https://assets.fabulous.ch/public/variant_asset/2511/file/large-c4cff054e8986e45817dd57d378fe696.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2511/file/medium-e7578e8d4afd4d0d673da32ebfcb2034.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">Arche</p>
          <a href="/de/products/bambusmatte-fur-sushi-rollen-1-stuck-3960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambusmatte für Sushi-Rollen, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0d5lC4J_8u-Rj4TyDwcf71rXePgH1YLTHWpTYad_-sPOoAuzK7eDieCqN5MofuUOiOr_h87iQ5WWuHOijhbshg" />
    <input value="3960" 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/wc-reiniger-minze-myrthe-0-75-l-3977">
          <img alt="WC Reiniger Minze-Myrthe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2518/file/small-243152edd821d0d70f74185e198b1bc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/2518/file/medium-ba5c7af254f0aad097ce5f89c702d795.webp 900w, https://assets.fabulous.ch/public/variant_asset/2518/file/large-d4c0d3a4795ba6294244735e20b1a6a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2518/file/medium-ba5c7af254f0aad097ce5f89c702d795.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/wc-reiniger-minze-myrthe-0-75-l-3977">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">WC Reiniger Minze-Myrthe, 0.75 l</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 0.73 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dzxtXnKsyK2H-otI7S8h_589wSjz3e1fVv59-AlWiDloQgPm22S5y_bfOCnKVtseTQBGVzrqLBndLF07ID-efA" />
    <input value="3977" 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/handedesinfektion-pumpenspender-300-ml-3978">
          <img alt="Händedesinfektion Pumpenspender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2519/file/small-86ba64201a3acbd05e88d9cda00e92cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/2519/file/medium-2b8cad8d8040d95871fbf98658f084f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2519/file/large-346a5f4def74d6c1a1723b0d831793b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2519/file/medium-2b8cad8d8040d95871fbf98658f084f6.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/handedesinfektion-pumpenspender-300-ml-3978">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Händedesinfektion Pumpenspender, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.05
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X5Zzo9CEd9eTqaDkNg1d6pDav5Pg2WIVUaFMkJ1GBsZA6B0beUwGseKME4URdKcLQuc47Cnuo1Pac2xTtC8Qgw" />
    <input value="3978" 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/handedesinfektion-nachfullflasche-1-l-3979">
          <img alt="Händedesinfektion Nachfüllflasche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2520/file/small-c38f5b729d2fce060af6c0993b66c93b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2520/file/medium-d4d06c26d9e3325c3e0a0dee225cd554.webp 900w, https://assets.fabulous.ch/public/variant_asset/2520/file/large-9fc8b9d63a49d07ab3c45219eae4ac31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2520/file/medium-d4d06c26d9e3325c3e0a0dee225cd554.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/handedesinfektion-nachfullflasche-1-l-3979">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Händedesinfektion Nachfüllflasche, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uwjQkn78bm7096zvbFT7tL39BeGiGOSyITNESuYyAJykdr4q1zQfCIXSH45LLQFVb8CCnmsvJfSq4WSJz1sW2Q" />
    <input value="3979" 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/desinfizierungsmittel-flachendesinfektion-spray-100-ml-3981">
          <img alt="Desinfizierungsmittel Flächendesinfektion Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2521/file/small-24066c8f809f0df4671e4649cf41f9d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2521/file/medium-c21b52a08b6754826909f36036aa7602.webp 900w, https://assets.fabulous.ch/public/variant_asset/2521/file/large-3d0b026839b7e3ba5bb4c3566ce6e49c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2521/file/medium-c21b52a08b6754826909f36036aa7602.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/desinfizierungsmittel-flachendesinfektion-spray-100-ml-3981">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Desinfizierungsmittel Flächendesinfektion Spray, 100 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 4.70 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="arNsMJH9_4Ef07QSl1BG2i0892z9oUW_blHHBPPjCB11zQKIODWO5272B3OwKbw7_wFwEzSWhPnlg-fH2ooeWA" />
    <input value="3981" 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/sauce-mexiko-salsa-glutenfrei-bio-250-ml-3985">
          <img alt="Sauce Mexiko Salsa Glutenfrei Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2524/file/small-a45d291c934003ee13ca733987989058.webp 600w, https://assets.fabulous.ch/public/variant_asset/2524/file/medium-d90b73c7119691a80b779753229b990c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2524/file/large-4eda3baa88bbd26b97f4a153723c6c75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2524/file/medium-d90b73c7119691a80b779753229b990c.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">Byodo</p>
          <a href="/de/products/sauce-mexiko-salsa-glutenfrei-bio-250-ml-3985">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Mexiko Salsa Glutenfrei Bio, 250 ml</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 2.52 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zC_0PSL91xQ1hs9uPLKstwrkMMc4gFbfgTLYvaX_VgrTUZqFizWmckSjfA8by1ZW2Nm3uPG3l5kK4Ph-jJZATw" />
    <input value="3985" 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/joghurtmaschine-ersatz-innenbehalter-1-stuck-3991">
          <img alt="Joghurtmaschine Ersatz-Innenbehälter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2525/file/small-03349d0133ffad47e6841b209960e528.webp 600w, https://assets.fabulous.ch/public/variant_asset/2525/file/medium-cfb96985e8886e85d8bc52da2c85371f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2525/file/large-e742f14927cc295b4d39bc54c1c658c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2525/file/medium-cfb96985e8886e85d8bc52da2c85371f.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">my.yo</p>
          <a href="/de/products/joghurtmaschine-ersatz-innenbehalter-1-stuck-3991">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Joghurtmaschine Ersatz-Innenbehälter, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.10
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lERhSBP2nqQ2sz051O27HMUaN8B7UajV-F3prZzFiTKLOg_wuj7vwkeWjljzlEH9Fyewv7JmaZNzj8lutayfdw" />
    <input value="3991" 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/apfelmus-im-glas-ungesusst-bio-700-g-3996">
          <img alt="Apfelmus im Glas Ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2531/file/small-4db18fcce3cd3a1c752d7bcdc4a831d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2531/file/medium-70170eb2cd6169e023d19dfb03b00b0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2531/file/large-605d774e620d3838758d3852e8f7ee9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2531/file/medium-70170eb2cd6169e023d19dfb03b00b0f.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">Priméal</p>
          <a href="/de/products/apfelmus-im-glas-ungesusst-bio-700-g-3996">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apfelmus im Glas Ungesüsst Bio, 700 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NWaSYvUaE70hj7o66I3A7CdnoGXEuuvJXTVSHEslcmcqGPzaXNJi21CqCVvP9DoN9VonGg2NKo_W53LfYkxkIg" />
    <input value="3996" 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/tomaten-sonnengetrocknet-bio-100-g-4010">
          <img alt="Tomaten Sonnengetrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2544/file/small-1dffa6ba9939bc5ce15496d97fb6546e.webp 600w, https://assets.fabulous.ch/public/variant_asset/2544/file/medium-3d0378f0f03a25fae9dd36d25a7e59bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/2544/file/large-30e22caf590de824df05c5e176243fe8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2544/file/medium-3d0378f0f03a25fae9dd36d25a7e59bb.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">Terrasana</p>
          <a href="/de/products/tomaten-sonnengetrocknet-bio-100-g-4010">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomaten Sonnengetrocknet Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ftEai0hBbTFC7FLppY7iPZd_8o-Bn2T_TZrlhrIFQEBhr3Qz4YkcVzPJ4YiC9xjcRUJ18EiopbnGSMVFm2xWBQ" />
    <input value="4010" 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/birkengold-xylit-beutel-bio-500-g-4024">
          <img alt="Birkengold Xylit Beutel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2552/file/small-c5fc9880b7e8c624da083b94e5af2063.webp 600w, https://assets.fabulous.ch/public/variant_asset/2552/file/medium-b3d8e431cfd902c4be20a0d9d47770f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/2552/file/large-c87e0d74e400641106c02d6ed64d8870.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2552/file/medium-b3d8e431cfd902c4be20a0d9d47770f1.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">Birkengold</p>
          <a href="/de/products/birkengold-xylit-beutel-bio-500-g-4024">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Birkengold Xylit Beutel Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.80
            </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-4024-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J80NJBSSdnHZZuyVVC7J7mCpdGRzUkt0A66ZgB6KcAA4s2OcvVoHF6hDX_RzVzMPspTzG7plijKIfLlDN-NmRQ" />
    <input value="4024" 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/spirulina-mikroalgen-pulver-bio-150-g-4025">
          <img alt="Spirulina Mikroalgen Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2554/file/small-95fb04e979eabbc96e00867fd8d2d9a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2554/file/medium-f1de807d238ae206fc65da669660cc02.webp 900w, https://assets.fabulous.ch/public/variant_asset/2554/file/large-0b16f8ddea941d611420ec9b5bcefed1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2554/file/medium-f1de807d238ae206fc65da669660cc02.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/spirulina-mikroalgen-pulver-bio-150-g-4025">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spirulina Mikroalgen Pulver Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.45
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cqgG39PgRBu1RIPP-b8hV1yfX_m26kxS88XZwbcSx7Jt1mhneig1fcRhMK7extu2jqLYhn_djRR4F_kCnnvR9w" />
    <input value="4025" 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/chlorella-mikroalgen-pulver-bio-150-g-4026">
          <img alt="Chlorella Mikroalgen Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2553/file/small-f2cced053837aff26fb6a42440d75563.webp 600w, https://assets.fabulous.ch/public/variant_asset/2553/file/medium-e3a018961903288d8885071d77107740.webp 900w, https://assets.fabulous.ch/public/variant_asset/2553/file/large-c81b91f9a9963d628fc81f4ebde2911b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2553/file/medium-e3a018961903288d8885071d77107740.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/chlorella-mikroalgen-pulver-bio-150-g-4026">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chlorella Mikroalgen Pulver Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.40
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uZVFWfs5h0kVHQVJTvSlJGDe4eqmxQ0a6351GOx4Dlem6yvhUvH2L2Q4tihpjV_FsuNmlW_yzFxgrFXbxREYEg" />
    <input value="4026" 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/paste-thai-curry-bio-50-g-4068">
          <img alt="Paste Thai Curry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2577/file/small-a8572c9887ba19a68df5d2301c603083.webp 600w, https://assets.fabulous.ch/public/variant_asset/2577/file/medium-c128aca547b803fc776d2833b9dad960.webp 900w, https://assets.fabulous.ch/public/variant_asset/2577/file/large-e8c619694642b053bf54d69376c13a09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2577/file/medium-c128aca547b803fc776d2833b9dad960.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">Arche</p>
          <a href="/de/products/paste-thai-curry-bio-50-g-4068">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paste Thai Curry Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ok81FPbcoo8TJ4RM7cb3MOl_BqWtTG4_E3_fkFZ-TRIlMVusXxTT6WICNy3Kvw3RO0KB2mR7r3mYrf9TfxdbVw" />
    <input value="4068" 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/kochbuch-mimi-s-veganes-kochbuch-1-stuck-4069">
          <img alt="Kochbuch Mimi&#39;s Veganes Kochbuch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2579/file/small-513a7deadc5697460ffc2b6a9fc570cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2579/file/medium-3abfe5fd1c062fd48846d848c9c7d1cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/2579/file/large-3e22ad420f7d015c34e7297a8a4437e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2579/file/medium-3abfe5fd1c062fd48846d848c9c7d1cf.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">Reedaround</p>
          <a href="/de/products/kochbuch-mimi-s-veganes-kochbuch-1-stuck-4069">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Mimi&#39;s Veganes Kochbuch, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JIK93IZeSSwN4Fzbi2T_cGsfWMw1qmKaLsKOU_DInA07_NNkL5Y4SnzF77qsHQWRuSLfs_ydo9ylEK6Q2aGKSA" />
    <input value="4069" 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/fair-squared-kondome-ultra-thin-kondome-10-stuck-4080">
          <img alt="Fair Squared Kondome Ultra Thin Kondome" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2584/file/small-b720fef980d61de7a78089b60b2936a5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2584/file/medium-523cd0e9534600f1b75789406960d8ef.webp 900w, https://assets.fabulous.ch/public/variant_asset/2584/file/large-7c116c9b27be03d37e12006566d22e52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2584/file/medium-523cd0e9534600f1b75789406960d8ef.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">Fair Squared</p>
          <a href="/de/products/fair-squared-kondome-ultra-thin-kondome-10-stuck-4080">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fair Squared Kondome Ultra Thin Kondome, 10 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lEKYT9uj13dvY56c0bT7ZuUon7086X-qFkqntE82I3aLPPb3cmumER5GLf32zQGHNxUYwvXevuydmId3Zl81Mw" />
    <input value="4080" 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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/fair-squared-kondome-xl-8-stuck-4081">
          <img alt="Fair Squared Kondome XL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2583/file/small-e1b61d31356ad3801fe1c2b6756feefb.webp 600w, https://assets.fabulous.ch/public/variant_asset/2583/file/medium-305f0cd86ad318081175332ff9a70715.webp 900w, https://assets.fabulous.ch/public/variant_asset/2583/file/large-77ecde167e3e061c3b766dbbe7d5b2ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2583/file/medium-305f0cd86ad318081175332ff9a70715.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">Fair Squared</p>
          <a href="/de/products/fair-squared-kondome-xl-8-stuck-4081">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fair Squared Kondome XL, 8 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/de/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;360 von 3&#39;163 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/hemp?format=turbo_stream&amp;page=69">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>