Shop<\/title>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n<\/head>\r\n<body>\r\n<div id=\"cbwp-root\">\r\n <div class=\"cbwp-shop-container\">\r\n <div class=\"container\">\r\n <aside class=\"sidebar\">\r\n <div class=\"cbwp-cat-header\">\r\n <span class=\"cbwp-cat-title\">Cat\u00e9gories<\/span>\r\n <\/div>\r\n <ul>\r\n <li><a href=\"?lang=fr\">Retour \u00e0 la page g\u00e9n\u00e9rale<\/a><\/li>\r\n <li><a href=\"?cat=4&lang=fr\">Boissons (non sucr\u00e9es)<\/a><\/li><li><a href=\"?cat=5&lang=fr\">Fruits et l\u00e9gumes<\/a><\/li><li><a href=\"?cat=6&lang=fr\">C\u00e9r\u00e9ales et pommes de terre<\/a><\/li><li><a href=\"?cat=8&lang=fr\">L\u00e9gumineuses, \u0153ufs, viande et poisson<\/a><\/li><li><a href=\"?cat=7&lang=fr\">produits laitiers<\/a><\/li><li><a href=\"?cat=9&lang=fr\">Noix et graines<\/a><\/li><li><a href=\"?cat=10&lang=fr\">Huiles et graisses<\/a><\/li><li><a href=\"?cat=11&lang=fr\">Sucr\u00e9 et sal\u00e9<\/a><\/li> <\/ul>\r\n <\/aside>\r\n <main>\r\n \r\n <div class=\"pyramid-intro-text\" style=\"margin-bottom: 30px; color: #444; line-height: 1.5; font-size: 0.95em; text-align: center; max-width: 900px; margin-left: auto; margin-right: auto;\">\r\n \r\n <h2 style='margin-bottom: 10px;'>\u00c0 quel point tes achats sont-ils durables ?<\/h2>\r\n <p>Veux-tu savoir \u00e0 quel point tes prochains achats sont vraiment respectueux de l'environnement ? Alors essaie le jeu d'achat interactif : tu composes ton panier et tu d\u00e9couvres \u00e0 la fin \u00e0 quel point tes d\u00e9cisions ont \u00e9t\u00e9 durables pour l'environnement, les humains et les animaux.<\/p>\r\n <ul style='text-align: left; display: inline-block; margin: 10px 0 15px 0; padding-left: 20px; line-height: 1.6;'>\r\n <li>Tu pr\u00e9vois un d\u00eener avec des ami\u00b7e\u00b7s et tu souhaites concocter un menu aussi durable que possible ?<\/li>\r\n <li>Tu veux d\u00e9couvrir si tes produits pr\u00e9f\u00e9r\u00e9s sont vraiment un bon choix ?<\/li>\r\n <\/ul>\r\n <p>Apr\u00e8s avoir rempli ton panier et termin\u00e9 l'achat fictif, tu recevras ta liste de courses personnelle avec un contr\u00f4le de durabilit\u00e9.<br>\r\n <strong>Commence maintenant et teste \u00e0 quel point tes achats sont CLEVER !<\/strong><\/p>\r\n <\/div>\r\n \r\n <div class=\"cbwp-pyramid-wrapper\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/food-pyramid-2024_standard.png\" usemap=\"#pyramid-map\" id=\"pyramid-image\" alt=\"Food Pyramid\">\r\n <map name=\"pyramid-map\">\r\n <area shape=\"rect\" coords=\"240, 789, 1651, 942\" href=\"?cat=4&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"><area shape=\"rect\" coords=\"397, 656, 1411, 783\" href=\"?cat=5&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"><area shape=\"rect\" coords=\"549, 539, 1284, 645\" href=\"?cat=6&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"><area shape=\"poly\" coords=\"674,539,951,534,954,446,757,444\" href=\"?cat=7&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"><area shape=\"poly\" coords=\"971,540,1248,535,1142,444,966,444\" href=\"?cat=8&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"><area shape=\"poly\" coords=\"971,358,971,427,1137,427,1059,351\" href=\"?cat=10&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"><area shape=\"poly\" coords=\"949,429,788,427,868,358,949,354\" href=\"?cat=9&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"><area shape=\"poly\" coords=\"885,332,1032,332,961,264\" href=\"?cat=11&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"> <\/map>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n var image = document.getElementById(\"pyramid-image\");\r\n var map = document.getElementsByName(\"pyramid-map\")[0];\r\n if (!image || !map) return;\r\n var areas = map.getElementsByTagName(\"area\");\r\n \r\n function resizeMap() {\r\n if (!image.naturalWidth) return; \r\n\r\n if (!areas[0].dataset.originalCoords) {\r\n for (var i = 0; i < areas.length; i++) {\r\n areas[i].dataset.originalCoords = areas[i].getAttribute(\"coords\");\r\n }\r\n }\r\n \r\n var naturalW = image.naturalWidth;\r\n var clientW = image.clientWidth;\r\n var scale = clientW \/ naturalW;\r\n \r\n for (var i = 0; i < areas.length; i++) {\r\n var coords = areas[i].dataset.originalCoords;\r\n if (coords) {\r\n var coordsArr = coords.split(\",\").map(function(s) { return s.trim(); });\r\n var scaledCoords = coordsArr.map(function(c) {\r\n return Math.round(parseInt(c) * scale);\r\n });\r\n areas[i].setAttribute(\"coords\", scaledCoords.join(\",\"));\r\n }\r\n }\r\n }\r\n \r\n if (image.complete) {\r\n resizeMap();\r\n } else {\r\n image.onload = resizeMap;\r\n }\r\n window.addEventListener(\"resize\", resizeMap);\r\n });\r\n <\/script>\r\n <\/main>\r\n \r\n <aside class=\"cart-sidebar\" id=\"cart-sidebar\">\r\n <button class=\"mobile-cart-close\" id=\"mobile-cart-close\" aria-label=\"Schliessen\">×<\/button>\r\n <div class=\"cbwp-title\">Panier<\/div>\r\n <ul id=\"cart-items\"><\/ul>\r\n <form id=\"checkout-form\" method=\"GET\" action=\"https:\/\/www.biovision.ch\/einkaufsspiel-checkout\/?lang=fr\">\r\n <input type=\"hidden\" name=\"cart_data\" id=\"cart-data\">\r\n <input type=\"hidden\" name=\"lang\" value=\"fr\">\r\n <\/form>\r\n <a class=\"checkout-btn\" id=\"checkout-link\">Finaliser l achat<\/a>\r\n <\/aside>\r\n <\/div>\r\n\r\n <div id=\"mobile-cart-backdrop\"><\/div>\r\n <button id=\"mobile-cart-fab\" aria-label=\"Warenkorb \u00f6ffnen\">\r\n <span id=\"mobile-cart-icon\">🛒<\/span>\r\n <span id=\"mobile-cart-badge\" class=\"mobile-cart-badge\">0<\/span>\r\n <\/button>\r\n\r\n <div id=\"cbwp-product-modal\">\r\n <div class=\"cbwp-modal-card\">\r\n <span class=\"cbwp-close-button\">×<\/span>\r\n <div class=\"cbwp-modal-scroll-area\">\r\n <h2 id=\"cbwp-modal-product-name\"><\/h2>\r\n <img decoding=\"async\" id=\"cbwp-modal-product-image\" src=\"\" alt=\"\">\r\n <div id=\"cbwp-modal-product-labels\" style=\"margin-bottom:30px;\"><\/div>\r\n <div id=\"cbwp-modal-section-desc\">\r\n <h4 class=\"cbwp-modal-label\">Description<\/h4>\r\n <p id=\"cbwp-modal-product-description\"><\/p>\r\n <\/div>\r\n <div class=\"cbwp-modal-three-col\">\r\n <div id=\"cbwp-modal-section-available\">\r\n <h4 class=\"cbwp-modal-label\">Disponible chez<\/h4>\r\n <p id=\"cbwp-modal-product-available\"><\/p>\r\n <\/div>\r\n <div id=\"cbwp-modal-section-origin\">\r\n <h4 class=\"cbwp-modal-label\">Origine<\/h4>\r\n <p id=\"cbwp-modal-product-origin\"><\/p>\r\n <\/div>\r\n <div id=\"cbwp-modal-section-ingredients\">\r\n <h4 class=\"cbwp-modal-label\">Ingr\u00e9dients<\/h4>\r\n <p id=\"cbwp-modal-product-ingredients\"><\/p>\r\n <\/div>\r\n <\/div>\r\n <div id=\"cbwp-modal-section-note\">\r\n <h4 class=\"cbwp-modal-label\">Remarque<\/h4>\r\n <p id=\"cbwp-modal-product-note\"><\/p>\r\n <\/div>\r\n <div id=\"cbwp-modal-section-info\">\r\n <h4 class=\"cbwp-modal-label\">Informations importantes<\/h4>\r\n <p id=\"cbwp-modal-product-info\"><\/p>\r\n <\/div>\r\n <div id=\"cbwp-modal-section-tip\">\r\n <h4 class=\"cbwp-modal-label\">Astuces<\/h4>\r\n <p id=\"cbwp-modal-product-tip\"><\/p>\r\n <\/div>\r\n <div style=\"display: flex; justify-content: center; width: 100%;\">\r\n <canvas id=\"cbwp-product-chart_fr\" width=\"600\" height=\"450\" style=\"margin-bottom:15px;\"><\/canvas>\r\n <canvas id=\"cbwp-product-chart_de\" width=\"600\" height=\"450\" style=\"margin-bottom:15px;\"><\/canvas>\r\n <\/div>\r\n <p class=\"cbwp-chart-caption\">\r\n Plus la surface couverte par la forme (polygone) est grande, plus le r\u00e9sultat est durable. <\/p>\r\n <p style=\"margin-top:20px;\"><a href=\"https:\/\/www.biovision.ch\/bildung\/wissen\/#nachhaltiger-konsum\" target=\"_blank\">En savoir plus sur les crit\u00e8res d'\u00e9valuation<\/a><\/p>\r\n <button id=\"cbwp-modal-add-to-cart\" class=\"add-to-cart\" data-product-id=\"\">\r\n Ajouter au panier <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n var lang = \"fr\";\r\n if(lang === \"fr\"){\r\n if(document.getElementById(\"cbwp-product-chart_de\")) document.getElementById(\"cbwp-product-chart_de\").style.display = \"none\";\r\n } else {\r\n if(document.getElementById(\"cbwp-product-chart_fr\")) document.getElementById(\"cbwp-product-chart_fr\").style.display = \"none\";\r\n }\r\n function renderProductChartModal(prod) {\r\n var lang = \"fr\";\r\n var canvasId = (lang === \"fr\") ? \"cbwp-product-chart_fr\" : \"cbwp-product-chart_de\";\r\n var canvas = document.getElementById(canvasId);\r\n if(!canvas) return;\r\n var ctx = canvas.getContext(\"2d\");\r\n if(window.productChartInstance) { window.productChartInstance.destroy(); }\r\n var labels, datasetLabel;\r\n if(lang === \"fr\"){\r\n labels = [\"Climat\",\"Pollution\",\"Ressources\",\"Biodiversite\",\"Social\",\"Moyen de vie\"];\r\n datasetLabel = \"Valeurs du produit\";\r\n } else {\r\n labels = [\"Klima\",\"Verschmutzung\",\"Ressourcen\",\"Biodiversitat\",\"Soziales\",\"Lebensunterhalt\"];\r\n datasetLabel = \"Produktwerte\";\r\n }\r\n const labelsDe = [\"Klima\", \"Verschmutzung\", \"Ressourcenverbrauch\", \"Biodiversit\u00e4t\", \"Sozialvertr\u00e4glichkeit & Tierhaltung\", \"Lebensgrundlage\"];\r\n const labelsFr = [\"Climat\", \"Pollution\", \"Consommation des ressources\", \"Biodiversit\u00e9\", \"Impact social et bien-\u00eatre animal\", \"Conditions de vie satisfaisantes\"];\r\n window.productChartInstance = new Chart(ctx, {\r\n type: \"radar\",\r\n data: {\r\n labels: (lang === 'fr' ? labelsFr : labelsDe),\r\n datasets: [{\r\n label: datasetLabel,\r\n data: [\r\n parseFloat(prod.climate) || 0,\r\n parseFloat(prod.pollution) || 0,\r\n parseFloat(prod.resources) || 0,\r\n parseFloat(prod.biodiversity) || 0,\r\n parseFloat(prod.social) || 0,\r\n parseFloat(prod.livelihood) || 0\r\n ],\r\n backgroundColor: \"rgba(104, 141, 45, 0.4)\",\r\n borderColor: \"rgba(104, 141, 45, 1)\",\r\n borderWidth: 2\r\n }]\r\n },\r\n options: {\r\n responsive: false,\r\n maintainAspectRatio: false,\r\n scales: {\r\n r: {\r\n beginAtZero: true,\r\n min: 0,\r\n max: 6,\r\n pointLabels: {\r\n font: { size: 14 }\r\n }\r\n }\r\n }\r\n }\r\n });\r\n }\r\n function getSafeUrl(baseUrl, productId) {\r\n const separator = baseUrl.indexOf('?') !== -1 ? '&' : '?';\r\n return baseUrl + separator + 'id=' + productId;\r\n }\r\n document.querySelectorAll(\".view-details\").forEach(function(btn){\r\n btn.addEventListener(\"click\", function(e) {\r\n e.preventDefault();\r\n var prodId = this.getAttribute(\"data-product-id\");\r\n var lang = this.getAttribute(\"data-lang\") || \"fr\";\r\n var restUrl = (typeof cbwp_ajax_object !== 'undefined' && cbwp_ajax_object.rest_url) \r\n ? cbwp_ajax_object.rest_url \r\n : window.location.origin + \"\/wp-json\/cbwp\/v1\/get_product\";\r\n var fetchUrl = getSafeUrl(restUrl, prodId);\r\n fetch(fetchUrl)\r\n .then(function(response){ return response.json(); })\r\n .then(function(prod){\r\n if(prod.error){ alert(prod.error); return; }\r\n document.getElementById(\"cbwp-modal-product-name\").textContent = (lang===\"fr\" ? prod.name_fr : prod.name_de) || \"\";\r\n document.getElementById(\"cbwp-modal-product-description\").innerHTML = (lang===\"fr\" ? prod.description_fr : prod.description_de) || \"\";\r\n document.getElementById(\"cbwp-modal-product-image\").src = prod.image_path || \"\";\r\n document.getElementById(\"cbwp-modal-product-available\").textContent = (lang===\"fr\" ? prod.available_at_fr : prod.available_at_de) || \"\";\r\n document.getElementById(\"cbwp-modal-product-origin\").textContent = (lang===\"fr\" ? prod.origin_fr : prod.origin_de) || \"\";\r\n document.getElementById(\"cbwp-modal-product-ingredients\").innerHTML = (lang===\"fr\" ? prod.ingredients_fr : prod.ingredients_de) || \"\";\r\n document.getElementById(\"cbwp-modal-product-note\").innerHTML = (lang===\"fr\" ? prod.note_fr : prod.note_de) || \"\";\r\n document.getElementById(\"cbwp-modal-product-info\").innerHTML = (lang===\"fr\" ? prod.important_info_fr : prod.important_info_de) || \"\";\r\n document.getElementById(\"cbwp-modal-product-tip\").innerHTML = (lang===\"fr\" ? prod.tip_fr : prod.tip_de) || \"\";\r\n ['desc', 'available', 'origin', 'ingredients', 'note', 'info', 'tip'].forEach(function(sec){\r\n var el = document.getElementById(\"cbwp-modal-product-\" + (sec === 'desc' ? 'description' : sec));\r\n var wrapper = document.getElementById(\"cbwp-modal-section-\" + sec);\r\n if(wrapper){\r\n if(!el.textContent.trim()) wrapper.style.display = 'none';\r\n else wrapper.style.display = 'block';\r\n }\r\n });\r\n var labelsContainer = document.getElementById(\"cbwp-modal-product-labels\");\r\n labelsContainer.innerHTML = \"\";\r\n if(prod.labels && Array.isArray(prod.labels)){\r\n prod.labels.forEach(l => {\r\n var img = document.createElement(\"img\");\r\n img.src = l.image_path;\r\n img.alt = l.name;\r\n img.style.height = \"40px\";\r\n img.style.marginRight = \"10px\";\r\n labelsContainer.appendChild(img);\r\n });\r\n }\r\n var scrollArea = document.querySelector('.cbwp-modal-scroll-area');\r\n if(scrollArea) scrollArea.scrollTop = 0;\r\n renderProductChartModal(prod);\r\n document.getElementById(\"cbwp-product-modal\").classList.add(\"active\");\r\n });\r\n });\r\n });\r\n if(document.querySelector(\".cbwp-close-button\")){\r\n document.querySelector(\".cbwp-close-button\").addEventListener(\"click\", function(){\r\n document.getElementById(\"cbwp-product-modal\").classList.remove(\"active\");\r\n if(window.productChartInstance){ window.productChartInstance.destroy(); }\r\n });\r\n }\r\n});\r\n<\/script>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n var checkoutLink = document.getElementById(\"checkout-link\");\r\n var currentLang = \"fr\";\r\n if(checkoutLink){\r\n checkoutLink.addEventListener(\"click\", function(e){\r\n e.preventDefault();\r\n var c = JSON.parse(localStorage.getItem(\"cart\")) || [];\r\n if(!c.length){\r\n if(currentLang===\"fr\"){\r\n alert(\"Le panier est vide.\");\r\n } else {\r\n alert(\"Warenkorb ist leer.\");\r\n }\r\n return;\r\n }\r\n var cartDataInput = document.getElementById(\"cart-data\");\r\n cartDataInput.value = JSON.stringify(c);\r\n var form = document.getElementById(\"checkout-form\");\r\n form.querySelector('input[name=\"lang\"]').value = currentLang;\r\n form.submit();\r\n });\r\n }\r\n});\r\n<\/script>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n var fab = document.getElementById(\"mobile-cart-fab\");\r\n var backdrop = document.getElementById(\"mobile-cart-backdrop\");\r\n var sidebar = document.getElementById(\"cart-sidebar\");\r\n var closeBtn = document.getElementById(\"mobile-cart-close\");\r\n\r\n function openCartPopup() {\r\n sidebar.classList.add(\"cart-popup-open\");\r\n backdrop.classList.add(\"active\");\r\n document.body.style.overflow = \"hidden\";\r\n }\r\n function closeCartPopup() {\r\n sidebar.classList.remove(\"cart-popup-open\");\r\n backdrop.classList.remove(\"active\");\r\n document.body.style.overflow = \"\";\r\n }\r\n\r\n if (fab) fab.addEventListener(\"click\", openCartPopup);\r\n if (closeBtn) closeBtn.addEventListener(\"click\", closeCartPopup);\r\n if (backdrop) backdrop.addEventListener(\"click\", closeCartPopup);\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":20,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"exclude-from-search":[],"has-site-template":[],"newsletter":[],"region":[],"projektthema":[],"class_list":["post-71380","page","type-page","status-publish","hentry"],"publishpress_future_action":{"enabled":false,"date":"2026-08-26 23:09:26","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"translation_priority","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/pages\/71380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/comments?post=71380"}],"version-history":[{"count":5,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/pages\/71380\/revisions"}],"predecessor-version":[{"id":74728,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/pages\/71380\/revisions\/74728"}],"wp:attachment":[{"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/media?parent=71380"}],"wp:term":[{"taxonomy":"exclude-from-search","embeddable":true,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/exclude-from-search?post=71380"},{"taxonomy":"has-site-template","embeddable":true,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/has-site-template?post=71380"},{"taxonomy":"newsletter","embeddable":true,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/newsletter?post=71380"},{"taxonomy":"region","embeddable":true,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/region?post=71380"},{"taxonomy":"projektthema","embeddable":true,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/projektthema?post=71380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\t\t

\r\n\r\n\r\n\r\nShop<\/title>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n<\/head>\r\n<body>\r\n<div id=\"cbwp-root\">\r\n <div class=\"cbwp-shop-container\">\r\n <div class=\"container\">\r\n <aside class=\"sidebar\">\r\n <div class=\"cbwp-cat-header\">\r\n <span class=\"cbwp-cat-title\">Cat\u00e9gories<\/span>\r\n <\/div>\r\n <ul>\r\n <li><a href=\"?lang=fr\">Retour \u00e0 la page g\u00e9n\u00e9rale<\/a><\/li>\r\n <li><a href=\"?cat=4&lang=fr\">Boissons (non sucr\u00e9es)<\/a><\/li><li><a href=\"?cat=5&lang=fr\">Fruits et l\u00e9gumes<\/a><\/li><li><a href=\"?cat=6&lang=fr\">C\u00e9r\u00e9ales et pommes de terre<\/a><\/li><li><a href=\"?cat=8&lang=fr\">L\u00e9gumineuses, \u0153ufs, viande et poisson<\/a><\/li><li><a href=\"?cat=7&lang=fr\">produits laitiers<\/a><\/li><li><a href=\"?cat=9&lang=fr\">Noix et graines<\/a><\/li><li><a href=\"?cat=10&lang=fr\">Huiles et graisses<\/a><\/li><li><a href=\"?cat=11&lang=fr\">Sucr\u00e9 et sal\u00e9<\/a><\/li> <\/ul>\r\n <\/aside>\r\n <main>\r\n \r\n <div class=\"pyramid-intro-text\" style=\"margin-bottom: 30px; color: #444; line-height: 1.5; font-size: 0.95em; text-align: center; max-width: 900px; margin-left: auto; margin-right: auto;\">\r\n \r\n <h2 style='margin-bottom: 10px;'>\u00c0 quel point tes achats sont-ils durables ?<\/h2>\r\n <p>Veux-tu savoir \u00e0 quel point tes prochains achats sont vraiment respectueux de l'environnement ? Alors essaie le jeu d'achat interactif : tu composes ton panier et tu d\u00e9couvres \u00e0 la fin \u00e0 quel point tes d\u00e9cisions ont \u00e9t\u00e9 durables pour l'environnement, les humains et les animaux.<\/p>\r\n <ul style='text-align: left; display: inline-block; margin: 10px 0 15px 0; padding-left: 20px; line-height: 1.6;'>\r\n <li>Tu pr\u00e9vois un d\u00eener avec des ami\u00b7e\u00b7s et tu souhaites concocter un menu aussi durable que possible ?<\/li>\r\n <li>Tu veux d\u00e9couvrir si tes produits pr\u00e9f\u00e9r\u00e9s sont vraiment un bon choix ?<\/li>\r\n <\/ul>\r\n <p>Apr\u00e8s avoir rempli ton panier et termin\u00e9 l'achat fictif, tu recevras ta liste de courses personnelle avec un contr\u00f4le de durabilit\u00e9.<br>\r\n <strong>Commence maintenant et teste \u00e0 quel point tes achats sont CLEVER !<\/strong><\/p>\r\n <\/div>\r\n \r\n <div class=\"cbwp-pyramid-wrapper\">\r\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/food-pyramid-2024_standard.png\" usemap=\"#pyramid-map\" id=\"pyramid-image\" alt=\"Food Pyramid\">\r\n <map name=\"pyramid-map\">\r\n <area shape=\"rect\" coords=\"240, 789, 1651, 942\" href=\"?cat=4&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"><area shape=\"rect\" coords=\"397, 656, 1411, 783\" href=\"?cat=5&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"><area shape=\"rect\" coords=\"549, 539, 1284, 645\" href=\"?cat=6&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"><area shape=\"poly\" coords=\"674,539,951,534,954,446,757,444\" href=\"?cat=7&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"><area shape=\"poly\" coords=\"971,540,1248,535,1142,444,966,444\" href=\"?cat=8&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"><area shape=\"poly\" coords=\"971,358,971,427,1137,427,1059,351\" href=\"?cat=10&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"><area shape=\"poly\" coords=\"949,429,788,427,868,358,949,354\" href=\"?cat=9&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"><area shape=\"poly\" coords=\"885,332,1032,332,961,264\" href=\"?cat=11&lang=fr\" alt=\"Category\" style=\"cursor:pointer;\"> <\/map>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n var image = document.getElementById(\"pyramid-image\");\r\n var map = document.getElementsByName(\"pyramid-map\")[0];\r\n if (!image || !map) return;\r\n var areas = map.getElementsByTagName(\"area\");\r\n \r\n function resizeMap() {\r\n if (!image.naturalWidth) return; \r\n\r\n if (!areas[0].dataset.originalCoords) {\r\n for (var i = 0; i < areas.length; i++) {\r\n areas[i].dataset.originalCoords = areas[i].getAttribute(\"coords\");\r\n }\r\n }\r\n \r\n var naturalW = image.naturalWidth;\r\n var clientW = image.clientWidth;\r\n var scale = clientW \/ naturalW;\r\n \r\n for (var i = 0; i < areas.length; i++) {\r\n var coords = areas[i].dataset.originalCoords;\r\n if (coords) {\r\n var coordsArr = coords.split(\",\").map(function(s) { return s.trim(); });\r\n var scaledCoords = coordsArr.map(function(c) {\r\n return Math.round(parseInt(c) * scale);\r\n });\r\n areas[i].setAttribute(\"coords\", scaledCoords.join(\",\"));\r\n }\r\n }\r\n }\r\n \r\n if (image.complete) {\r\n resizeMap();\r\n } else {\r\n image.onload = resizeMap;\r\n }\r\n window.addEventListener(\"resize\", resizeMap);\r\n });\r\n <\/script>\r\n <\/main>\r\n \r\n <aside class=\"cart-sidebar\" id=\"cart-sidebar\">\r\n <button class=\"mobile-cart-close\" id=\"mobile-cart-close\" aria-label=\"Schliessen\">×<\/button>\r\n <div class=\"cbwp-title\">Panier<\/div>\r\n <ul id=\"cart-items\"><\/ul>\r\n <form id=\"checkout-form\" method=\"GET\" action=\"https:\/\/www.biovision.ch\/einkaufsspiel-checkout\/?lang=fr\">\r\n <input type=\"hidden\" name=\"cart_data\" id=\"cart-data\">\r\n <input type=\"hidden\" name=\"lang\" value=\"fr\">\r\n <\/form>\r\n <a class=\"checkout-btn\" id=\"checkout-link\">Finaliser l achat<\/a>\r\n <\/aside>\r\n <\/div>\r\n\r\n <div id=\"mobile-cart-backdrop\"><\/div>\r\n <button id=\"mobile-cart-fab\" aria-label=\"Warenkorb \u00f6ffnen\">\r\n <span id=\"mobile-cart-icon\">🛒<\/span>\r\n <span id=\"mobile-cart-badge\" class=\"mobile-cart-badge\">0<\/span>\r\n <\/button>\r\n\r\n <div id=\"cbwp-product-modal\">\r\n <div class=\"cbwp-modal-card\">\r\n <span class=\"cbwp-close-button\">×<\/span>\r\n <div class=\"cbwp-modal-scroll-area\">\r\n <h2 id=\"cbwp-modal-product-name\"><\/h2>\r\n <img decoding=\"async\" id=\"cbwp-modal-product-image\" src=\"\" alt=\"\">\r\n <div id=\"cbwp-modal-product-labels\" style=\"margin-bottom:30px;\"><\/div>\r\n <div id=\"cbwp-modal-section-desc\">\r\n <h4 class=\"cbwp-modal-label\">Description<\/h4>\r\n <p id=\"cbwp-modal-product-description\"><\/p>\r\n <\/div>\r\n <div class=\"cbwp-modal-three-col\">\r\n <div id=\"cbwp-modal-section-available\">\r\n <h4 class=\"cbwp-modal-label\">Disponible chez<\/h4>\r\n <p id=\"cbwp-modal-product-available\"><\/p>\r\n <\/div>\r\n <div id=\"cbwp-modal-section-origin\">\r\n <h4 class=\"cbwp-modal-label\">Origine<\/h4>\r\n <p id=\"cbwp-modal-product-origin\"><\/p>\r\n <\/div>\r\n <div id=\"cbwp-modal-section-ingredients\">\r\n <h4 class=\"cbwp-modal-label\">Ingr\u00e9dients<\/h4>\r\n <p id=\"cbwp-modal-product-ingredients\"><\/p>\r\n <\/div>\r\n <\/div>\r\n <div id=\"cbwp-modal-section-note\">\r\n <h4 class=\"cbwp-modal-label\">Remarque<\/h4>\r\n <p id=\"cbwp-modal-product-note\"><\/p>\r\n <\/div>\r\n <div id=\"cbwp-modal-section-info\">\r\n <h4 class=\"cbwp-modal-label\">Informations importantes<\/h4>\r\n <p id=\"cbwp-modal-product-info\"><\/p>\r\n <\/div>\r\n <div id=\"cbwp-modal-section-tip\">\r\n <h4 class=\"cbwp-modal-label\">Astuces<\/h4>\r\n <p id=\"cbwp-modal-product-tip\"><\/p>\r\n <\/div>\r\n <div style=\"display: flex; justify-content: center; width: 100%;\">\r\n <canvas id=\"cbwp-product-chart_fr\" width=\"600\" height=\"450\" style=\"margin-bottom:15px;\"><\/canvas>\r\n <canvas id=\"cbwp-product-chart_de\" width=\"600\" height=\"450\" style=\"margin-bottom:15px;\"><\/canvas>\r\n <\/div>\r\n <p class=\"cbwp-chart-caption\">\r\n Plus la surface couverte par la forme (polygone) est grande, plus le r\u00e9sultat est durable. <\/p>\r\n <p style=\"margin-top:20px;\"><a href=\"https:\/\/www.biovision.ch\/bildung\/wissen\/#nachhaltiger-konsum\" target=\"_blank\">En savoir plus sur les crit\u00e8res d'\u00e9valuation<\/a><\/p>\r\n <button id=\"cbwp-modal-add-to-cart\" class=\"add-to-cart\" data-product-id=\"\">\r\n Ajouter au panier <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n var lang = \"fr\";\r\n if(lang === \"fr\"){\r\n if(document.getElementById(\"cbwp-product-chart_de\")) document.getElementById(\"cbwp-product-chart_de\").style.display = \"none\";\r\n } else {\r\n if(document.getElementById(\"cbwp-product-chart_fr\")) document.getElementById(\"cbwp-product-chart_fr\").style.display = \"none\";\r\n }\r\n function renderProductChartModal(prod) {\r\n var lang = \"fr\";\r\n var canvasId = (lang === \"fr\") ? \"cbwp-product-chart_fr\" : \"cbwp-product-chart_de\";\r\n var canvas = document.getElementById(canvasId);\r\n if(!canvas) return;\r\n var ctx = canvas.getContext(\"2d\");\r\n if(window.productChartInstance) { window.productChartInstance.destroy(); }\r\n var labels, datasetLabel;\r\n if(lang === \"fr\"){\r\n labels = [\"Climat\",\"Pollution\",\"Ressources\",\"Biodiversite\",\"Social\",\"Moyen de vie\"];\r\n datasetLabel = \"Valeurs du produit\";\r\n } else {\r\n labels = [\"Klima\",\"Verschmutzung\",\"Ressourcen\",\"Biodiversitat\",\"Soziales\",\"Lebensunterhalt\"];\r\n datasetLabel = \"Produktwerte\";\r\n }\r\n const labelsDe = [\"Klima\", \"Verschmutzung\", \"Ressourcenverbrauch\", \"Biodiversit\u00e4t\", \"Sozialvertr\u00e4glichkeit & Tierhaltung\", \"Lebensgrundlage\"];\r\n const labelsFr = [\"Climat\", \"Pollution\", \"Consommation des ressources\", \"Biodiversit\u00e9\", \"Impact social et bien-\u00eatre animal\", \"Conditions de vie satisfaisantes\"];\r\n window.productChartInstance = new Chart(ctx, {\r\n type: \"radar\",\r\n data: {\r\n labels: (lang === 'fr' ? labelsFr : labelsDe),\r\n datasets: [{\r\n label: datasetLabel,\r\n data: [\r\n parseFloat(prod.climate) || 0,\r\n parseFloat(prod.pollution) || 0,\r\n parseFloat(prod.resources) || 0,\r\n parseFloat(prod.biodiversity) || 0,\r\n parseFloat(prod.social) || 0,\r\n parseFloat(prod.livelihood) || 0\r\n ],\r\n backgroundColor: \"rgba(104, 141, 45, 0.4)\",\r\n borderColor: \"rgba(104, 141, 45, 1)\",\r\n borderWidth: 2\r\n }]\r\n },\r\n options: {\r\n responsive: false,\r\n maintainAspectRatio: false,\r\n scales: {\r\n r: {\r\n beginAtZero: true,\r\n min: 0,\r\n max: 6,\r\n pointLabels: {\r\n font: { size: 14 }\r\n }\r\n }\r\n }\r\n }\r\n });\r\n }\r\n function getSafeUrl(baseUrl, productId) {\r\n const separator = baseUrl.indexOf('?') !== -1 ? '&' : '?';\r\n return baseUrl + separator + 'id=' + productId;\r\n }\r\n document.querySelectorAll(\".view-details\").forEach(function(btn){\r\n btn.addEventListener(\"click\", function(e) {\r\n e.preventDefault();\r\n var prodId = this.getAttribute(\"data-product-id\");\r\n var lang = this.getAttribute(\"data-lang\") || \"fr\";\r\n var restUrl = (typeof cbwp_ajax_object !== 'undefined' && cbwp_ajax_object.rest_url) \r\n ? cbwp_ajax_object.rest_url \r\n : window.location.origin + \"\/wp-json\/cbwp\/v1\/get_product\";\r\n var fetchUrl = getSafeUrl(restUrl, prodId);\r\n fetch(fetchUrl)\r\n .then(function(response){ return response.json(); })\r\n .then(function(prod){\r\n if(prod.error){ alert(prod.error); return; }\r\n document.getElementById(\"cbwp-modal-product-name\").textContent = (lang===\"fr\" ? prod.name_fr : prod.name_de) || \"\";\r\n document.getElementById(\"cbwp-modal-product-description\").innerHTML = (lang===\"fr\" ? prod.description_fr : prod.description_de) || \"\";\r\n document.getElementById(\"cbwp-modal-product-image\").src = prod.image_path || \"\";\r\n document.getElementById(\"cbwp-modal-product-available\").textContent = (lang===\"fr\" ? prod.available_at_fr : prod.available_at_de) || \"\";\r\n document.getElementById(\"cbwp-modal-product-origin\").textContent = (lang===\"fr\" ? prod.origin_fr : prod.origin_de) || \"\";\r\n document.getElementById(\"cbwp-modal-product-ingredients\").innerHTML = (lang===\"fr\" ? prod.ingredients_fr : prod.ingredients_de) || \"\";\r\n document.getElementById(\"cbwp-modal-product-note\").innerHTML = (lang===\"fr\" ? prod.note_fr : prod.note_de) || \"\";\r\n document.getElementById(\"cbwp-modal-product-info\").innerHTML = (lang===\"fr\" ? prod.important_info_fr : prod.important_info_de) || \"\";\r\n document.getElementById(\"cbwp-modal-product-tip\").innerHTML = (lang===\"fr\" ? prod.tip_fr : prod.tip_de) || \"\";\r\n ['desc', 'available', 'origin', 'ingredients', 'note', 'info', 'tip'].forEach(function(sec){\r\n var el = document.getElementById(\"cbwp-modal-product-\" + (sec === 'desc' ? 'description' : sec));\r\n var wrapper = document.getElementById(\"cbwp-modal-section-\" + sec);\r\n if(wrapper){\r\n if(!el.textContent.trim()) wrapper.style.display = 'none';\r\n else wrapper.style.display = 'block';\r\n }\r\n });\r\n var labelsContainer = document.getElementById(\"cbwp-modal-product-labels\");\r\n labelsContainer.innerHTML = \"\";\r\n if(prod.labels && Array.isArray(prod.labels)){\r\n prod.labels.forEach(l => {\r\n var img = document.createElement(\"img\");\r\n img.src = l.image_path;\r\n img.alt = l.name;\r\n img.style.height = \"40px\";\r\n img.style.marginRight = \"10px\";\r\n labelsContainer.appendChild(img);\r\n });\r\n }\r\n var scrollArea = document.querySelector('.cbwp-modal-scroll-area');\r\n if(scrollArea) scrollArea.scrollTop = 0;\r\n renderProductChartModal(prod);\r\n document.getElementById(\"cbwp-product-modal\").classList.add(\"active\");\r\n });\r\n });\r\n });\r\n if(document.querySelector(\".cbwp-close-button\")){\r\n document.querySelector(\".cbwp-close-button\").addEventListener(\"click\", function(){\r\n document.getElementById(\"cbwp-product-modal\").classList.remove(\"active\");\r\n if(window.productChartInstance){ window.productChartInstance.destroy(); }\r\n });\r\n }\r\n});\r\n<\/script>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n var checkoutLink = document.getElementById(\"checkout-link\");\r\n var currentLang = \"fr\";\r\n if(checkoutLink){\r\n checkoutLink.addEventListener(\"click\", function(e){\r\n e.preventDefault();\r\n var c = JSON.parse(localStorage.getItem(\"cart\")) || [];\r\n if(!c.length){\r\n if(currentLang===\"fr\"){\r\n alert(\"Le panier est vide.\");\r\n } else {\r\n alert(\"Warenkorb ist leer.\");\r\n }\r\n return;\r\n }\r\n var cartDataInput = document.getElementById(\"cart-data\");\r\n cartDataInput.value = JSON.stringify(c);\r\n var form = document.getElementById(\"checkout-form\");\r\n form.querySelector('input[name=\"lang\"]').value = currentLang;\r\n form.submit();\r\n });\r\n }\r\n});\r\n<\/script>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n var fab = document.getElementById(\"mobile-cart-fab\");\r\n var backdrop = document.getElementById(\"mobile-cart-backdrop\");\r\n var sidebar = document.getElementById(\"cart-sidebar\");\r\n var closeBtn = document.getElementById(\"mobile-cart-close\");\r\n\r\n function openCartPopup() {\r\n sidebar.classList.add(\"cart-popup-open\");\r\n backdrop.classList.add(\"active\");\r\n document.body.style.overflow = \"hidden\";\r\n }\r\n function closeCartPopup() {\r\n sidebar.classList.remove(\"cart-popup-open\");\r\n backdrop.classList.remove(\"active\");\r\n document.body.style.overflow = \"\";\r\n }\r\n\r\n if (fab) fab.addEventListener(\"click\", openCartPopup);\r\n if (closeBtn) closeBtn.addEventListener(\"click\", closeCartPopup);\r\n if (backdrop) backdrop.addEventListener(\"click\", closeCartPopup);\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":20,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"exclude-from-search":[],"has-site-template":[],"newsletter":[],"region":[],"projektthema":[],"class_list":["post-71380","page","type-page","status-publish","hentry"],"publishpress_future_action":{"enabled":false,"date":"2026-08-26 23:09:26","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"translation_priority","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/pages\/71380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/comments?post=71380"}],"version-history":[{"count":5,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/pages\/71380\/revisions"}],"predecessor-version":[{"id":74728,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/pages\/71380\/revisions\/74728"}],"wp:attachment":[{"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/media?parent=71380"}],"wp:term":[{"taxonomy":"exclude-from-search","embeddable":true,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/exclude-from-search?post=71380"},{"taxonomy":"has-site-template","embeddable":true,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/has-site-template?post=71380"},{"taxonomy":"newsletter","embeddable":true,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/newsletter?post=71380"},{"taxonomy":"region","embeddable":true,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/region?post=71380"},{"taxonomy":"projektthema","embeddable":true,"href":"https:\/\/www.biovision.ch\/fr\/wp-json\/wp\/v2\/projektthema?post=71380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}