{"id":1344,"date":"2025-03-24T14:12:46","date_gmt":"2025-03-24T14:12:46","guid":{"rendered":"https:\/\/soilprom.eu\/?page_id=1344"},"modified":"2025-12-04T09:41:37","modified_gmt":"2025-12-04T09:41:37","slug":"use-cases","status":"publish","type":"page","link":"https:\/\/soilprom.eu\/pl\/use-cases\/","title":{"rendered":"Przypadki u\u017cycia"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; module_id=&#8221;hero-section&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#1d4c44&#8243; background_enable_image=&#8221;off&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; custom_padding=&#8221;||||false|false&#8221; custom_css_main_element=&#8221;display:flex;||align-items:flex-end;&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_text_color=&#8221;#fafaf9&#8243; header_line_height=&#8221;1.2em&#8221; background_color=&#8221;rgba(0,0,0,0)&#8221; global_colors_info=&#8221;{}&#8221;]<h1 id=\"hero-title\">Our use-cases<\/h1>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#fafaf9&#8243; background_color=&#8221;rgba(71,31,0,0)&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<p><span style=\"color: #ffffff; font-size: large;\">All project activities will be closely linked to the 9 use-cases. Chosen from across Europe, the use cases address 13 processes focusing each on a specific problem related to one or more pollutants, posing significant risks to human and ecosystem health..<\/span><\/p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]    <section id=\"world-map\">\r\n        <div class=\"map-container\">\r\n            <div id=\"map\" style=\"width: 100%; height: 550px;\"><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n\r\n        function loadMap() {\r\n            if (document.querySelector('.map-container')) {\r\n                \/\/ Initialize the map\r\n                var map = L.map('map').setView([41.01210615138738, 28.935213968102858], 2.5);\r\n\r\n                \/\/ Add a tile layer\r\n                L.tileLayer('https:\/\/tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\r\n                    attribution: '\u00a9 <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors'\r\n                }).addTo(map);\r\n\r\n                \/\/ Define an array of locations with their details\r\n            \r\n                var locations = [\r\n                                        {\r\n                        coordinates: [52.87515, 6.94855],\r\n                        image: 'https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/04\/Design-sans-titre-31.png',\r\n                        popupContent: 'Valthermond 2',\r\n                        popDescription: 'In the 17th century the Peat Reclamation District (Veenkolonie\u00ebn) canals&hellip;',\r\n                        popButton: 'https:\/\/soilprom.eu\/pl\/case-study\/vathermond-2-the-netherlands\/'\r\n                    },\r\n                                        {\r\n                        coordinates: [54.56399, 18.56449],\r\n                        image: 'https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/03\/AdobeStock_286322153-scaled.jpeg',\r\n                        popupContent: 'Puck bay',\r\n                        popDescription: 'The Puck Bay area, located in northern Poland along the&hellip;',\r\n                        popButton: 'https:\/\/soilprom.eu\/pl\/case-study\/puck-bay\/'\r\n                    },\r\n                                        {\r\n                        coordinates: [60.76212, 10.94093],\r\n                        image: 'https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/03\/SoilProm-NIBIO-use-case-photo-1-credit-NIBIO.png',\r\n                        popupContent: 'Nes',\r\n                        popDescription: 'Phosphorus is a limiting nutrient for freshwater ecosystems. Loss of&hellip;',\r\n                        popButton: 'https:\/\/soilprom.eu\/pl\/case-study\/nes\/'\r\n                    },\r\n                                        {\r\n                        coordinates: [51.06003, 4.36025],\r\n                        image: 'https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/04\/Design-sans-titre-34.png',\r\n                        popupContent: 'Flanders',\r\n                        popDescription: 'VITO and Wageningen Research will investigate PFAS pollution near a&hellip;',\r\n                        popButton: 'https:\/\/soilprom.eu\/pl\/case-study\/flanders\/'\r\n                    },\r\n                                        {\r\n                        coordinates: [37.6253, -0.99722],\r\n                        image: 'https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/03\/Design-sans-titre-35.png',\r\n                        popupContent: 'Cartagena &#8211; La Uni\u00f3n Mining District',\r\n                        popDescription: 'The former metal mining district of La Uni\u00f3n-Sierra de Cartagena&hellip;',\r\n                        popButton: 'https:\/\/soilprom.eu\/pl\/case-study\/cartagena-la-union-mining-district-cartagena\/'\r\n                    },\r\n                                        {\r\n                        coordinates: [50.92242, 6.36391],\r\n                        image: 'https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/03\/Design-sans-titre-29.png',\r\n                        popupContent: 'J\u00fclich Zwischenscholle',\r\n                        popDescription: 'The Zwischenscholle aquifer is located in the Lower Rhine Embayment,&hellip;',\r\n                        popButton: 'https:\/\/soilprom.eu\/pl\/case-study\/julich-zwischenscholle\/'\r\n                    },\r\n                                        {\r\n                        coordinates: [52.87515, 6.94855],\r\n                        image: 'https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/10\/Valthermond_Photo1.jpg',\r\n                        popupContent: 'Valthermond 1',\r\n                        popDescription: 'In the 17th century the Peat Reclamation District (Veenkolonie\u00ebn) canals&hellip;',\r\n                        popButton: 'https:\/\/soilprom.eu\/pl\/case-study\/valthermond\/'\r\n                    },\r\n                                        {\r\n                        coordinates: [51.44272, 6.06087],\r\n                        image: 'https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/04\/Design-sans-titre-33.png',\r\n                        popupContent: 'Limburg',\r\n                        popDescription: 'The study site in Limburg, the Netherlands is an agriculture&hellip;',\r\n                        popButton: 'https:\/\/soilprom.eu\/pl\/case-study\/limburg\/'\r\n                    },\r\n                                        {\r\n                        coordinates: [51.96918, 5.66539],\r\n                        image: 'https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/04\/Design-sans-titre-32.png',\r\n                        popupContent: 'Wageningen',\r\n                        popDescription: 'A field experiment has been set up in Spring 2024&hellip;',\r\n                        popButton: 'https:\/\/soilprom.eu\/pl\/case-study\/wageningen\/'\r\n                    },\r\n                                    ];\r\n\r\n\r\n                \/\/ Loop through the locations and add markers with popups\r\n                locations.forEach(function(location) {\r\n                    var marker = L.marker(location.coordinates).addTo(map);\r\n\r\n                    \/\/ Customize the popup content with an image and link\r\n                    var popupContent = `\r\n                        <img decoding=\"async\" src=\"${location.image}\" alt=\"Location Image\" width=\"100%\">\r\n                        <h2 class=\"location_title\">${location.popupContent.split(' ').slice(0, 2).join(' ').trim()}<\/h2>\r\n                        <p style=\"margin-block:.7rem\">${location.popDescription}<\/p>\r\n                        <a href=\"${location.popButton}\" class=\"location_btn\">Read more<\/a>\r\n                    `;\r\n\r\n                    marker.bindPopup(popupContent);\r\n                });\r\n            }\r\n        }\r\n\r\n        \/\/ Load map after DOM content is fully loaded\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            loadMap();\r\n        });\r\n\r\n    <\/script>\r\n\r\n    <style>\r\n\r\n.map-container{\r\n    background:#02292d;\r\n    overflow:hidden;\r\n  }\r\n#map {\r\n  margin: 0;\r\n  padding: 0;\r\n  max-height:5OOpx;\r\n  \r\n}\r\n\r\n.leaflet-popup-content-wrapper,\r\n .leaflet-popup-tip{\r\n  background-color:#fafaf9 !important;\r\n  border-radius: .3rem !important;\r\n  box-shadow:\r\n  2.8px 2.8px 2.2px rgba(0, 0, 0, -0.003),\r\n  6.7px 6.7px 5.3px rgba(0, 0, 0, -0.004),\r\n  12.5px 12.5px 10px rgba(0, 0, 0, -0.003),\r\n  22.3px 22.3px 17.9px rgba(0, 0, 0, 0.002),\r\n  41.8px 41.8px 33.4px rgba(0, 0, 0, 0.014),\r\n  100px 100px 80px rgba(0, 0, 0, 0.07)\r\n !important;\r\n }\r\n\r\n.leaflet-popup-content {\r\n  width: 200px;\r\n  font-weight: 100 !important; \r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.leaflet-popup-content img {\r\n    margin-bottom: .7rem;\r\n    max-height: 200px;\r\n    object-fit: cover;\r\n}\r\n\r\n.leaflet-container {\r\n  background: transparent !important;\r\n  outline: 0;\r\n}\r\n\r\n.marker-icon {\r\n  background-color: #028E9D;\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 50%;\r\n  border: 2px solid #fff;\r\n  cursor: pointer;\r\n}\r\n\r\n.custom-icon {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.leaflet-container a.leaflet-popup-close-button{\r\n  color: #0a4e56 !important;\r\n  font-weight: 100 !important;\r\n}\r\n\r\n.location_btn{\r\n  background-color: #ad7b4d;\r\n  color: #DFEFF1 !important;\r\n  width: max-content;\r\n  border-radius: 3rem;\r\n  padding: .5rem 1.5rem;\r\n  border: none;\r\n}\r\n\r\n\r\n.leaflet-bar a, .leaflet-bar a:hover{\r\n  background-color: #012428 !important;\r\n  color: #DFEFF1 !important;\r\n  border: none !important;\r\n} \r\n   \r\n    .partner-card {\r\n        position: absolute;\r\n        background: #AD7B4D;\r\n        border-radius: 8px;\r\n        box-shadow: 0 0 70px rgba(0, 0, 0, 0.15);\r\n        padding: 15px;\r\n        color: #FAFAF9;\r\n        z-index: 9999;\r\n        width: 300px;\r\n    }\r\n    .partner-card-content {\r\n        position: relative;\r\n    }\r\n    .partner-card-header {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n    }\r\n    .partner-logo {\r\n        width: 50px;\r\n        height: 50px;\r\n        object-fit: contain;\r\n    }\r\n    .partner-title {\r\n        flex-grow: 1;\r\n        margin-left: 10px;\r\n        color:#FAFAF9 !important;\r\n        padding-bottom: unset !important;\r\n    }\r\n    .close-card {\r\n        background: none;\r\n        border: none;\r\n        color: #fff;\r\n        font-size: 20px;\r\n        cursor: pointer;\r\n        position: absolute;\r\n        top: -0.7rem;\r\n        right: -0.5rem;\r\n    }\r\n    .partner-excerpt {\r\n        margin: 10px 0;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n    }\r\n    .read-more {\r\n        display: inline-block;\r\n        background: #FAFAF9;\r\n        color: #8C582E;\r\n        padding: 5px 10px;\r\n        text-decoration: none;\r\n        border-radius: 50px;\r\n    }\r\n\r\n    .legend {\r\n        margin-top: 20px;\r\n        position: absolute;\r\n        top: 0rem;\r\n        right: 0rem;\r\n       \r\n    }\r\n\r\n    .legend .partner-legend {\r\n        display: flex;\r\n        align-items: center;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .legend .partner-color {\r\n        width: 30px;\r\n        height: 15px;\r\n        display: inline-block;\r\n        margin-right: 10px;\r\n        border-radius: 20px;\r\n    }\r\n    <\/style>\r\n\r\n    [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\r\n    <div class=\"case-studies\">\r\n        <div class=\"tags-container\"><button class=\"active\" data-tags=\"all\">All<\/button><button data-tags=\"agricultural-area\">Agricultural area<\/button>\n<button data-tags=\"air\">Air<\/button>\n<button data-tags=\"atmosphere\">Atmosphere<\/button>\n<button data-tags=\"forest-areas\">Forest areas<\/button>\n<button data-tags=\"groundwater\">Groundwater<\/button>\n<button data-tags=\"industrial-site\">Industrial site<\/button>\n<button data-tags=\"metals\">Metals<\/button>\n<button data-tags=\"microplastics\">Microplastics<\/button>\n<button data-tags=\"nutrients\">Nutrients<\/button>\n<button data-tags=\"pfas\">PFAS<\/button>\n<button data-tags=\"peri-urban-areas\">Peri-urban areas<\/button>\n<button data-tags=\"pesticides\">Pesticides<\/button>\n<button data-tags=\"soil\">Soil<\/button>\n<button data-tags=\"surface-water\">Surface water<\/button>\n<button data-tags=\"water\">Water<\/button><\/div><div class=\"grid-auto-fit grid-auto-fit__small-gap\">                            \r\n                            <div class=\"wageningen card-bg-white event-card card-shadow round-corner flex-col flex-col__medium-gap p4--large  m-bottom__small\"  data-tags=\"agricultural-area,microplastics,soil,water\">\r\n                                <div class=\"case-study-image\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/04\/Design-sans-titre-32.png\" alt=\"Wageningen\">\r\n                                <\/div>\r\n                                <div class=\"text-content text-button\">\r\n                                    <h3 class=\"heading-3\">Wageningen<\/h3>\r\n                                    <p class=\"paragraph m-bottom__medium\"> A field experiment has been set up in Spring 2024 at the Unifarm of Wageningen University to study&hellip;<\/p>\r\n                                <\/div>\r\n                                <div class=\"text-button py--medium hidden-btn\">\r\n                                    <p>The Netherlands<\/p>                                    <a href=\"https:\/\/soilprom.eu\/pl\/case-study\/wageningen\/\" class=\"btn read-more-btn\">Read more<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    \r\n                            <div class=\"limburg card-bg-white event-card card-shadow round-corner flex-col flex-col__medium-gap p4--large  m-bottom__small\"  data-tags=\"agricultural-area,pesticides,soil,surface-water\">\r\n                                <div class=\"case-study-image\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/04\/Design-sans-titre-33.png\" alt=\"Limburg\">\r\n                                <\/div>\r\n                                <div class=\"text-content text-button\">\r\n                                    <h3 class=\"heading-3\">Limburg<\/h3>\r\n                                    <p class=\"paragraph m-bottom__medium\"> The study site in Limburg, the Netherlands is an agriculture catchment with mainly arable land (40 ha), some&hellip;<\/p>\r\n                                <\/div>\r\n                                <div class=\"text-button py--medium hidden-btn\">\r\n                                    <p>The Netherlands<\/p>                                    <a href=\"https:\/\/soilprom.eu\/pl\/case-study\/limburg\/\" class=\"btn read-more-btn\">Read more<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    \r\n                            <div class=\"valthermond-1 card-bg-white event-card card-shadow round-corner flex-col flex-col__medium-gap p4--large  m-bottom__small\"  data-tags=\"agricultural-area,atmosphere,microplastics,soil\">\r\n                                <div class=\"case-study-image\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/10\/Valthermond_Photo1.jpg\" alt=\"Valthermond 1\">\r\n                                <\/div>\r\n                                <div class=\"text-content text-button\">\r\n                                    <h3 class=\"heading-3\">Valthermond 1<\/h3>\r\n                                    <p class=\"paragraph m-bottom__medium\"> In the 17th century the Peat Reclamation District (Veenkolonie\u00ebn) canals were dug to transport the peat and to&hellip;<\/p>\r\n                                <\/div>\r\n                                <div class=\"text-button py--medium hidden-btn\">\r\n                                    <p>The Netherlands<\/p>                                    <a href=\"https:\/\/soilprom.eu\/pl\/case-study\/valthermond\/\" class=\"btn read-more-btn\">Read more<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    \r\n                            <div class=\"julich-zwischenscholle card-bg-white event-card card-shadow round-corner flex-col flex-col__medium-gap p4--large  m-bottom__small\"  data-tags=\"agricultural-area,forest-areas,groundwater,pesticides,soil\">\r\n                                <div class=\"case-study-image\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/03\/Design-sans-titre-29.png\" alt=\"J\u00fclich Zwischenscholle\">\r\n                                <\/div>\r\n                                <div class=\"text-content text-button\">\r\n                                    <h3 class=\"heading-3\">J\u00fclich Zwischenscholle<\/h3>\r\n                                    <p class=\"paragraph m-bottom__medium\"> The Zwischenscholle aquifer is located in the Lower Rhine Embayment, Germany. The underground is made up of unconfined&hellip;<\/p>\r\n                                <\/div>\r\n                                <div class=\"text-button py--medium hidden-btn\">\r\n                                    <p>Germany<\/p>                                    <a href=\"https:\/\/soilprom.eu\/pl\/case-study\/julich-zwischenscholle\/\" class=\"btn read-more-btn\">Read more<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    \r\n                            <div class=\"cartagena-la-union-mining-district card-bg-white event-card card-shadow round-corner flex-col flex-col__medium-gap p4--large  m-bottom__small\"  data-tags=\"agricultural-area,air,forest-areas,metals,peri-urban-areas,soil,water\">\r\n                                <div class=\"case-study-image\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/03\/Design-sans-titre-35.png\" alt=\"Cartagena &#8211; La Uni\u00f3n Mining District\">\r\n                                <\/div>\r\n                                <div class=\"text-content text-button\">\r\n                                    <h3 class=\"heading-3\">Cartagena &#8211; La Uni\u00f3n Mining District<\/h3>\r\n                                    <p class=\"paragraph m-bottom__medium\"> The former metal mining district of La Uni\u00f3n-Sierra de Cartagena is located in SE Spain (Cartagena, Murcia Region)&hellip;<\/p>\r\n                                <\/div>\r\n                                <div class=\"text-button py--medium hidden-btn\">\r\n                                    <p>Spain<\/p>                                    <a href=\"https:\/\/soilprom.eu\/pl\/case-study\/cartagena-la-union-mining-district-cartagena\/\" class=\"btn read-more-btn\">Read more<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    \r\n                            <div class=\"flanders card-bg-white event-card card-shadow round-corner flex-col flex-col__medium-gap p4--large  m-bottom__small\"  data-tags=\"air,industrial-site,pfas,soil\">\r\n                                <div class=\"case-study-image\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/04\/Design-sans-titre-34.png\" alt=\"Flanders\">\r\n                                <\/div>\r\n                                <div class=\"text-content text-button\">\r\n                                    <h3 class=\"heading-3\">Flanders<\/h3>\r\n                                    <p class=\"paragraph m-bottom__medium\"> VITO and Wageningen Research will investigate PFAS pollution near a former paper factory in Willebroek, Belgium. The area&hellip;<\/p>\r\n                                <\/div>\r\n                                <div class=\"text-button py--medium hidden-btn\">\r\n                                    <p>Belgium<\/p>                                    <a href=\"https:\/\/soilprom.eu\/pl\/case-study\/flanders\/\" class=\"btn read-more-btn\">Read more<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    \r\n                            <div class=\"nes card-bg-white event-card card-shadow round-corner flex-col flex-col__medium-gap p4--large  m-bottom__small\"  data-tags=\"agricultural-area,nutrients,soil,water\">\r\n                                <div class=\"case-study-image\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/03\/SoilProm-NIBIO-use-case-photo-1-credit-NIBIO.png\" alt=\"Nes\">\r\n                                <\/div>\r\n                                <div class=\"text-content text-button\">\r\n                                    <h3 class=\"heading-3\">Nes<\/h3>\r\n                                    <p class=\"paragraph m-bottom__medium\"> Phosphorus is a limiting nutrient for freshwater ecosystems. Loss of phosphorus from agricultural land contributes to downstream eutrophication&hellip;<\/p>\r\n                                <\/div>\r\n                                <div class=\"text-button py--medium hidden-btn\">\r\n                                    <p>Norway<\/p>                                    <a href=\"https:\/\/soilprom.eu\/pl\/case-study\/nes\/\" class=\"btn read-more-btn\">Read more<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    \r\n                            <div class=\"puck-bay card-bg-white event-card card-shadow round-corner flex-col flex-col__medium-gap p4--large  m-bottom__small\"  data-tags=\"agricultural-area,forest-areas,groundwater,nutrients,soil,surface-water,water\">\r\n                                <div class=\"case-study-image\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/03\/AdobeStock_286322153-scaled.jpeg\" alt=\"Puck bay\">\r\n                                <\/div>\r\n                                <div class=\"text-content text-button\">\r\n                                    <h3 class=\"heading-3\">Puck bay<\/h3>\r\n                                    <p class=\"paragraph m-bottom__medium\"> The Puck Bay area, located in northern Poland along the southern Baltic Sea coast, is used mostly for&hellip;<\/p>\r\n                                <\/div>\r\n                                <div class=\"text-button py--medium hidden-btn\">\r\n                                    <p>Poland<\/p>                                    <a href=\"https:\/\/soilprom.eu\/pl\/case-study\/puck-bay\/\" class=\"btn read-more-btn\">Read more<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    \r\n                            <div class=\"valthermond-2 card-bg-white event-card card-shadow round-corner flex-col flex-col__medium-gap p4--large  m-bottom__small\"  data-tags=\"agricultural-area,atmosphere,pesticides,soil\">\r\n                                <div class=\"case-study-image\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/soilprom.eu\/wp-content\/uploads\/2025\/04\/Design-sans-titre-31.png\" alt=\"Valthermond 2\">\r\n                                <\/div>\r\n                                <div class=\"text-content text-button\">\r\n                                    <h3 class=\"heading-3\">Valthermond 2<\/h3>\r\n                                    <p class=\"paragraph m-bottom__medium\"> In the 17th century the Peat Reclamation District (Veenkolonie\u00ebn) canals were dug to transport the peat and to&hellip;<\/p>\r\n                                <\/div>\r\n                                <div class=\"text-button py--medium hidden-btn\">\r\n                                    <p>The Netherlands<\/p>                                    <a href=\"https:\/\/soilprom.eu\/pl\/case-study\/vathermond-2-the-netherlands\/\" class=\"btn read-more-btn\">Read more<\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>    <\/div>\r\n\r\n    <style>\r\n        .tags-container {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: .1rem;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .tags-container button {\r\n            padding: .3rem 1rem;\r\n            border: 1px solid;\r\n            border-radius: 2rem;\r\n            color: #ad7b4d;\r\n            background: transparent;\r\n            cursor: pointer;\r\n            transition: background 400ms ease-in-out;\r\n        }\r\n\r\n        .tags-container button:hover {\r\n            color: #fafaf9;\r\n            background-color: #8c582e;\r\n        }\r\n\r\n        .tags-container button.active {\r\n            background: #ad7b4d;\r\n            color: #fafaf9;\r\n        }\r\n\r\n        @media screen and (min-width:786px) {\r\n            .grid-layout {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n            gap: .7rem;\r\n        }\r\n\r\n        }\r\n    <\/style>\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            const buttons = document.querySelectorAll('.tags-container button');\r\n            const cards = document.querySelectorAll('.grid-auto-fit > .card-bg-white');\r\n\r\n            buttons.forEach(button => {\r\n                button.addEventListener('click', () => {\r\n                    buttons.forEach(btn => btn.classList.remove('active'));\r\n                    button.classList.add('active');\r\n\r\n                    const selectedTag = button.dataset.tags;\r\n\r\n                    cards.forEach(card => {\r\n                        const cardTags = card.dataset.tags.split(',').map(tag => tag.trim());\r\n\r\n                        if (selectedTag === 'all' || cardTags.includes(selectedTag)) {\r\n                            card.style.display = '';\r\n                        } else {\r\n                            card.style.display = 'none';\r\n                        }\r\n                    });\r\n                });\r\n            });\r\n\r\n            const desiredOrder = [\r\n                \"wageningen\",\r\n                \"valthermond-1\",\r\n                \"limburg\",\r\n                \"valthermond-2\",\r\n                \"julich-zwischenscholle\",\r\n                \"flanders\",\r\n                \"cartagena-la-union-mining-district\",\r\n                \"puck-bay\",\r\n                \"nes\"\r\n                ];\r\n\r\n\r\n                const container = document.querySelector(\".grid-auto-fit\");\r\n                const items = Array.from(container.children);\r\n\r\n                \/\/ Create a mapping from class to element\r\n                const itemMap = {};\r\n                items.forEach(item => {\r\n                const classList = item.className.split(\" \");\r\n                const idClass = classList[0]; \r\n                itemMap[idClass.toLowerCase()] = item;\r\n                });\r\n\r\n                \/\/ Remove current children\r\n                while (container.firstChild) {\r\n                container.removeChild(container.firstChild);\r\n                }\r\n\r\n                \/\/ Append in desired order\r\n                desiredOrder.forEach(name => {\r\n                const item = itemMap[name.toLowerCase()];\r\n                if (item) {\r\n                    container.appendChild(item);\r\n                } else {\r\n                    console.warn(`Item \"${name}\" not found.`);\r\n                }\r\n                });\r\n\r\n        });\r\n    <\/script>\r\n\r\n\r\n\r\n    [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-1344","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/soilprom.eu\/pl\/wp-json\/wp\/v2\/pages\/1344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soilprom.eu\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soilprom.eu\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soilprom.eu\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soilprom.eu\/pl\/wp-json\/wp\/v2\/comments?post=1344"}],"version-history":[{"count":11,"href":"https:\/\/soilprom.eu\/pl\/wp-json\/wp\/v2\/pages\/1344\/revisions"}],"predecessor-version":[{"id":2546,"href":"https:\/\/soilprom.eu\/pl\/wp-json\/wp\/v2\/pages\/1344\/revisions\/2546"}],"wp:attachment":[{"href":"https:\/\/soilprom.eu\/pl\/wp-json\/wp\/v2\/media?parent=1344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}