{"id":763,"date":"2026-06-15T10:22:29","date_gmt":"2026-06-15T10:22:29","guid":{"rendered":"https:\/\/hydrogenorg.ch\/?page_id=763"},"modified":"2026-07-13T11:25:19","modified_gmt":"2026-07-13T11:25:19","slug":"vision-roadmap","status":"publish","type":"page","link":"https:\/\/hydrogenorg.ch\/de\/vision-roadmap\/","title":{"rendered":"Vision &amp; Roadmap"},"content":{"rendered":"<!-- =========================================================\r\n     HYDROGENORG.CH\r\n     SNIPPET 317 \u2014 GLOBAL NAVIGATION\r\n     VERSIONE COMPLETA E CORRETTA\r\n========================================================= -->\r\n\r\n<header id=\"h2-global-header\" class=\"h2-global-header\">\r\n\r\n  <div class=\"h2-global-nav\">\r\n\r\n    <div class=\"h2-global-nav-inner\">\r\n\r\n      <!-- LOGO -->\r\n      <a\r\n        class=\"h2-global-logo\"\r\n        href=\"\/de\/\"\r\n        aria-label=\"HydrogenOrg Startseite\"\r\n      >\r\n\r\n        <div\r\n          class=\"h2-global-logo-mark\"\r\n          aria-hidden=\"true\"\r\n        ><\/div>\r\n\r\n        <div class=\"h2-global-logo-text\">\r\n\r\n          <div class=\"h2-global-logo-title\">\r\n            WASSERSTOFF<span>ORG.CH<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"h2-global-logo-sub\">\r\n            ERNEUERBARES ENERGIENETZ\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n      <!-- \/LOGO -->\r\n\r\n\r\n      <!-- MOBILE MENU BUTTON -->\r\n      <button\r\n        class=\"h2-global-menu-toggle\"\r\n        type=\"button\"\r\n        aria-label=\"Navigationsmen\u00fc \u00f6ffnen\"\r\n        aria-controls=\"h2-global-menu\"\r\n        aria-expanded=\"false\"\r\n      >\r\n\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n\r\n      <\/button>\r\n      <!-- \/MOBILE MENU BUTTON -->\r\n\r\n\r\n      <!-- NAVIGATION -->\r\n      <nav\r\n        id=\"h2-global-menu\"\r\n        class=\"h2-global-menu\"\r\n        aria-label=\"WasserstoffOrg Globale Navigation\"\r\n      >\r\n\r\n        <a href=\"\/de\/\">\r\n          Zuhause\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/plattform-fur-offene-wissenschaftliche-herausforderungen\/\">\r\n          Herausforderungen\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/wasserstofforg-integrierter-forschungssimulator\/\">\r\n          Integrierter Simulator\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/offene-simulationsinfrastruktur\/\">\r\n          Simulation\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/plasma-dampf-reaktor-rahmenwerk\/\">\r\n  Plasma\r\n<\/a>\r\n\r\n<a href=\"\/de\/wasserstoff-plasmaenergie-kernforschungsarchitektur-v1\/\">\r\n  Plasmazentrum\r\n<\/a>\r\n\r\n<a href=\"\/de\/fortschrittliche-geothermische-energiesysteme\/\">\r\n  Geothermie\r\n<\/a>\r\n\r\n        <a href=\"\/de\/geothermale-entsalzungsanlagenik\/\">\r\n          Entsalzungstechnik\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/geothermische-plasmaentsalzungssysteme\/\">\r\n          Plasma-Entsalzung\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/maritimes-hybrides-elektrisches-closed-loop-plasma-h2-system\/\">\r\n          Marine H2\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/atmosphare-regenerationssysteme\/\">\r\n          Atmosph\u00e4re\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/wasserstoffinfrastrukturnetze\/\">\r\n          Infrastruktur\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/wissenschaftliche-ki-governance\/\">\r\n          KI-Governance\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/zur-governance-von-hydrogenorg\/\">\r\n          Regieren\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/gemeinschaft\/\">\r\n          Gemeinschaft\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/vision-roadmap\/\">\r\n          Vision\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/mitgliedschaftsunterstutzung\/\">\r\n          Mitgliedschaft\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/eine-challenge-sponsern\/\">\r\n          Sponsor\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/fur-partner-und-geldgeber\/\">\r\n          Partner &amp; F\u00f6rderer\r\n        <\/a>\r\n\r\n        <a href=\"\/de\/kontakt\/\">\r\n          Kontakt\r\n        <\/a>\r\n\r\n        <a\r\n          href=\"\/de\/beitreten\/\"\r\n          class=\"h2-global-join\"\r\n        >\r\n          Beitreten\r\n        <\/a>\r\n\r\n      <\/nav>\r\n      <!-- \/NAVIGATION -->\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GLOBAL HEADER\r\n========================================================= *\/\r\n\r\n#h2-global-header,\r\n#h2-global-header *,\r\n#h2-global-header *::before,\r\n#h2-global-header *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#h2-global-header{\r\n  width:100%;\r\n  position:relative;\r\n  z-index:99999;\r\n  margin:0;\r\n  padding:0;\r\n  font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.h2-global-nav{\r\n  width:100%;\r\n  position:relative;\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(4,12,27,.98) 0%,\r\n      rgba(2,7,17,.98) 100%\r\n    );\r\n  border-bottom:1px solid rgba(255,255,255,.09);\r\n  box-shadow:0 12px 35px rgba(0,0,0,.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER CONTAINER\r\n========================================================= *\/\r\n\r\n.h2-global-nav-inner{\r\n  width:100%;\r\n  max-width:1560px;\r\n  min-height:104px;\r\n  margin:0 auto;\r\n  padding:15px 30px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.h2-global-logo{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:17px;\r\n\r\n  min-width:max-content;\r\n  flex-shrink:0;\r\n\r\n  color:#ffffff;\r\n  text-decoration:none;\r\n  outline:none;\r\n}\r\n\r\n.h2-global-logo:hover,\r\n.h2-global-logo:focus,\r\n.h2-global-logo:visited{\r\n  color:#ffffff;\r\n  text-decoration:none;\r\n}\r\n\r\n.h2-global-logo-mark{\r\n  width:62px;\r\n  height:62px;\r\n  flex:0 0 62px;\r\n\r\n  position:relative;\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      rgba(255,255,255,1) 0%,\r\n      rgba(202,248,255,.95) 7%,\r\n      rgba(53,214,255,.85) 19%,\r\n      rgba(72,142,255,.48) 39%,\r\n      rgba(29,80,168,.16) 56%,\r\n      rgba(0,0,0,0) 72%\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 13px rgba(53,214,255,.38),\r\n    0 0 31px rgba(53,214,255,.25);\r\n}\r\n\r\n.h2-global-logo-mark::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:11px;\r\n\r\n  border-radius:50%;\r\n  border:1px solid rgba(255,255,255,.38);\r\n\r\n  box-shadow:\r\n    inset 0 0 11px rgba(255,255,255,.22),\r\n    0 0 12px rgba(53,214,255,.2);\r\n}\r\n\r\n.h2-global-logo-mark::after{\r\n  content:\"H\u2082\";\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:16px;\r\n  line-height:1;\r\n  font-weight:900;\r\n  color:#ffffff;\r\n  text-shadow:0 0 9px rgba(53,214,255,.9);\r\n}\r\n\r\n.h2-global-logo-text{\r\n  display:block;\r\n}\r\n\r\n.h2-global-logo-title{\r\n  margin:0;\r\n  padding:0;\r\n\r\n  font-size:23px;\r\n  line-height:1;\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n  color:#ffffff;\r\n}\r\n\r\n.h2-global-logo-title span{\r\n  color:#6bd14a;\r\n}\r\n\r\n.h2-global-logo-sub{\r\n  margin-top:8px;\r\n\r\n  font-size:10px;\r\n  line-height:1.2;\r\n  font-weight:700;\r\n  letter-spacing:3.1px;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n  color:rgba(255,255,255,.63);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP MENU\r\n========================================================= *\/\r\n\r\n.h2-global-menu{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:flex-end;\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px 13px;\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\n.h2-global-menu a{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  margin:0;\r\n  padding:8px 0;\r\n\r\n  font-size:10px;\r\n  line-height:1.15;\r\n  font-weight:900;\r\n  letter-spacing:.52px;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n\r\n  color:rgba(255,255,255,.80);\r\n  text-decoration:none;\r\n\r\n  transition:\r\n    color .2s ease,\r\n    background-color .2s ease,\r\n    border-color .2s ease,\r\n    transform .2s ease;\r\n}\r\n\r\n.h2-global-menu a::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:2px;\r\n\r\n  height:1px;\r\n  width:0;\r\n  margin:auto;\r\n\r\n  background:#35d6ff;\r\n\r\n  transition:width .2s ease;\r\n}\r\n\r\n.h2-global-menu a:hover,\r\n.h2-global-menu a:focus{\r\n  color:#35d6ff;\r\n  text-decoration:none;\r\n}\r\n\r\n.h2-global-menu a:hover::after,\r\n.h2-global-menu a:focus::after{\r\n  width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JOIN BUTTON\r\n========================================================= *\/\r\n\r\n.h2-global-menu .h2-global-join{\r\n  min-height:40px;\r\n  padding:11px 17px;\r\n\r\n  border:1px solid rgba(107,209,74,.72);\r\n  border-radius:5px;\r\n\r\n  background:rgba(107,209,74,.07);\r\n  color:#ffffff !important;\r\n\r\n  box-shadow:\r\n    inset 0 0 18px rgba(107,209,74,.04),\r\n    0 0 15px rgba(107,209,74,.05);\r\n}\r\n\r\n.h2-global-menu .h2-global-join::after{\r\n  display:none;\r\n}\r\n\r\n.h2-global-menu .h2-global-join:hover,\r\n.h2-global-menu .h2-global-join:focus{\r\n  background:#6bd14a;\r\n  border-color:#6bd14a;\r\n  color:#021018 !important;\r\n  transform:translateY(-1px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE MENU BUTTON\r\n========================================================= *\/\r\n\r\n.h2-global-menu-toggle{\r\n  display:none;\r\n\r\n  width:48px;\r\n  height:44px;\r\n  flex:0 0 48px;\r\n\r\n  padding:10px;\r\n  margin:0;\r\n\r\n  border:1px solid rgba(255,255,255,.18);\r\n  border-radius:5px;\r\n\r\n  background:rgba(255,255,255,.04);\r\n  cursor:pointer;\r\n\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n}\r\n\r\n.h2-global-menu-toggle span{\r\n  display:block;\r\n  width:100%;\r\n  height:2px;\r\n  margin:5px 0;\r\n\r\n  border-radius:4px;\r\n  background:#ffffff;\r\n\r\n  transform-origin:center;\r\n  transition:\r\n    transform .22s ease,\r\n    opacity .22s ease;\r\n}\r\n\r\n.h2-global-menu-toggle:hover,\r\n.h2-global-menu-toggle:focus{\r\n  border-color:rgba(53,214,255,.65);\r\n  outline:none;\r\n}\r\n\r\n.h2-global-menu-toggle.is-active span:nth-child(1){\r\n  transform:translateY(7px) rotate(45deg);\r\n}\r\n\r\n.h2-global-menu-toggle.is-active span:nth-child(2){\r\n  opacity:0;\r\n}\r\n\r\n.h2-global-menu-toggle.is-active span:nth-child(3){\r\n  transform:translateY(-7px) rotate(-45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MEDIUM DESKTOP\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:1380px){\r\n\r\n  .h2-global-nav-inner{\r\n    padding-left:22px;\r\n    padding-right:22px;\r\n    gap:22px;\r\n  }\r\n\r\n  .h2-global-logo-mark{\r\n    width:54px;\r\n    height:54px;\r\n    flex-basis:54px;\r\n  }\r\n\r\n  .h2-global-logo-title{\r\n    font-size:20px;\r\n  }\r\n\r\n  .h2-global-logo-sub{\r\n    font-size:9px;\r\n    letter-spacing:2.4px;\r\n  }\r\n\r\n  .h2-global-menu{\r\n    gap:8px 11px;\r\n  }\r\n\r\n  .h2-global-menu a{\r\n    font-size:9px;\r\n    letter-spacing:.42px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET AND MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:1100px){\r\n\r\n  .h2-global-nav-inner{\r\n    min-height:86px;\r\n    padding:15px 20px;\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n  .h2-global-menu-toggle{\r\n    display:block;\r\n    margin-left:auto;\r\n  }\r\n\r\n  .h2-global-menu{\r\n    display:none;\r\n\r\n    width:100%;\r\n    flex:0 0 100%;\r\n\r\n    margin-top:4px;\r\n    padding:14px;\r\n\r\n    flex-direction:column;\r\n    align-items:stretch;\r\n    justify-content:flex-start;\r\n    gap:4px;\r\n\r\n    border:1px solid rgba(255,255,255,.09);\r\n    border-radius:7px;\r\n\r\n    background:rgba(4,12,27,.99);\r\n    box-shadow:0 18px 35px rgba(0,0,0,.28);\r\n  }\r\n\r\n  .h2-global-menu.is-open{\r\n    display:flex;\r\n  }\r\n\r\n  .h2-global-menu a{\r\n    width:100%;\r\n    min-height:42px;\r\n\r\n    justify-content:flex-start;\r\n\r\n    padding:12px 13px;\r\n\r\n    font-size:11px;\r\n    letter-spacing:.6px;\r\n\r\n    border-bottom:1px solid rgba(255,255,255,.055);\r\n  }\r\n\r\n  .h2-global-menu a:last-child{\r\n    border-bottom:none;\r\n  }\r\n\r\n  .h2-global-menu a::after{\r\n    display:none;\r\n  }\r\n\r\n  .h2-global-menu .h2-global-join{\r\n    justify-content:center;\r\n    margin-top:9px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:600px){\r\n\r\n  .h2-global-nav-inner{\r\n    min-height:76px;\r\n    padding:12px 14px;\r\n    gap:10px;\r\n  }\r\n\r\n  .h2-global-logo{\r\n    gap:10px;\r\n    min-width:0;\r\n  }\r\n\r\n  .h2-global-logo-mark{\r\n    width:46px;\r\n    height:46px;\r\n    flex-basis:46px;\r\n  }\r\n\r\n  .h2-global-logo-mark::after{\r\n    font-size:13px;\r\n  }\r\n\r\n  .h2-global-logo-title{\r\n    font-size:17px;\r\n    letter-spacing:.5px;\r\n  }\r\n\r\n  .h2-global-logo-sub{\r\n    margin-top:5px;\r\n    font-size:7px;\r\n    letter-spacing:1.4px;\r\n    white-space:normal;\r\n  }\r\n\r\n  .h2-global-menu-toggle{\r\n    width:43px;\r\n    height:40px;\r\n    flex-basis:43px;\r\n    padding:8px;\r\n  }\r\n\r\n  .h2-global-menu{\r\n    padding:10px;\r\n  }\r\n\r\n  .h2-global-menu a{\r\n    font-size:10px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width:390px){\r\n\r\n  .h2-global-logo-title{\r\n    font-size:15px;\r\n  }\r\n\r\n  .h2-global-logo-sub{\r\n    display:none;\r\n  }\r\n\r\n  .h2-global-logo-mark{\r\n    width:42px;\r\n    height:42px;\r\n    flex-basis:42px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  \"use strict\";\r\n\r\n  function initializeHydrogenOrgNavigation(){\r\n\r\n    var header = document.getElementById(\"h2-global-header\");\r\n    var menu = document.getElementById(\"h2-global-menu\");\r\n\r\n    if(!header || !menu){\r\n      return;\r\n    }\r\n\r\n    var toggle = header.querySelector(\".h2-global-menu-toggle\");\r\n\r\n    if(!toggle){\r\n      return;\r\n    }\r\n\r\n    function openMenu(){\r\n\r\n      menu.classList.add(\"is-open\");\r\n      toggle.classList.add(\"is-active\");\r\n\r\n      toggle.setAttribute(\"aria-expanded\",\"true\");\r\n      toggle.setAttribute(\"aria-label\",\"Close navigation menu\");\r\n\r\n    }\r\n\r\n    function closeMenu(){\r\n\r\n      menu.classList.remove(\"is-open\");\r\n      toggle.classList.remove(\"is-active\");\r\n\r\n      toggle.setAttribute(\"aria-expanded\",\"false\");\r\n      toggle.setAttribute(\"aria-label\",\"Open navigation menu\");\r\n\r\n    }\r\n\r\n    function toggleMenu(){\r\n\r\n      if(menu.classList.contains(\"is-open\")){\r\n        closeMenu();\r\n      }else{\r\n        openMenu();\r\n      }\r\n\r\n    }\r\n\r\n    toggle.addEventListener(\"click\",function(event){\r\n\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n\r\n      toggleMenu();\r\n\r\n    });\r\n\r\n    var menuLinks = menu.querySelectorAll(\"a\");\r\n\r\n    menuLinks.forEach(function(link){\r\n\r\n      link.addEventListener(\"click\",function(){\r\n\r\n        if(window.innerWidth <= 1100){\r\n          closeMenu();\r\n        }\r\n\r\n      });\r\n\r\n    });\r\n\r\n    document.addEventListener(\"click\",function(event){\r\n\r\n      if(\r\n        window.innerWidth <= 1100 &&\r\n        menu.classList.contains(\"is-open\") &&\r\n        !header.contains(event.target)\r\n      ){\r\n        closeMenu();\r\n      }\r\n\r\n    });\r\n\r\n    document.addEventListener(\"keydown\",function(event){\r\n\r\n      if(event.key === \"Escape\"){\r\n        closeMenu();\r\n      }\r\n\r\n    });\r\n\r\n    window.addEventListener(\"resize\",function(){\r\n\r\n      if(window.innerWidth > 1100){\r\n        closeMenu();\r\n      }\r\n\r\n    });\r\n\r\n  }\r\n\r\n  if(document.readyState === \"loading\"){\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initializeHydrogenOrgNavigation\r\n    );\r\n\r\n  }else{\r\n\r\n    initializeHydrogenOrgNavigation();\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- =========================================================\r\n     FINE SNIPPET 317 \u2014 GLOBAL NAVIGATION\r\n========================================================= -->\n\n\n<div id=\"hydrogenorg-vision-roadmap-light\">\n\n<style>\n#hydrogenorg-vision-roadmap-light{\n  --vr-ink:#0b1724;\n  --vr-muted:#587084;\n  --vr-soft:#f4f8fb;\n  --vr-line:#d8e5ee;\n  --vr-cyan:#0ea5d8;\n  --vr-green:#49a52e;\n  --vr-orange:#f36b19;\n  --vr-dark:#06111f;\n  --vr-white:#ffffff;\n\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  overflow:hidden;\n  background:#ffffff;\n  color:var(--vr-ink);\n  font-family:Arial,Helvetica,sans-serif;\n}\n\n#hydrogenorg-vision-roadmap-light,\n#hydrogenorg-vision-roadmap-light *{\n  box-sizing:border-box;\n}\n\n#hydrogenorg-vision-roadmap-light a{\n  text-decoration:none!important;\n}\n\n.vr-inner{\n  width:100%;\n  max-width:1480px;\n  margin:0 auto;\n  padding-left:48px;\n  padding-right:48px;\n}\n\n.vr-section{\n  position:relative;\n  padding:96px 0;\n  border-bottom:1px solid var(--vr-line);\n}\n\n.vr-section-white{\n  background:#ffffff;\n}\n\n.vr-section-soft{\n  background:\n    radial-gradient(circle at 88% 18%,rgba(14,165,216,.10),transparent 28%),\n    radial-gradient(circle at 12% 82%,rgba(73,165,46,.09),transparent 28%),\n    linear-gradient(180deg,#f4f8fb 0%,#ffffff 100%);\n}\n\n.vr-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:14px;\n  color:var(--vr-green);\n  font-size:12px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:2.2px;\n  text-transform:uppercase;\n}\n\n.vr-kicker::before{\n  content:\"\";\n  width:46px;\n  height:2px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-heading{\n  max-width:980px;\n  margin:0 auto 48px;\n  text-align:center;\n}\n\n.vr-heading h2{\n  margin:18px 0 16px;\n  color:var(--vr-ink);\n  font-size:44px;\n  line-height:1.12;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.vr-heading h2 span{\n  color:var(--vr-cyan);\n}\n\n.vr-heading p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:17px;\n  line-height:1.75;\n}\n\n.vr-buttons{\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n  align-items:center;\n}\n\n.vr-btn{\n  min-height:54px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 26px;\n  border-radius:7px;\n  font-size:12px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:1.2px;\n  text-transform:uppercase;\n  transition:all .18s ease;\n}\n\n.vr-btn-primary{\n  background:linear-gradient(90deg,var(--vr-green),#6ed84e);\n  color:#06111f!important;\n  border:1px solid rgba(73,165,46,.45);\n  box-shadow:0 14px 34px rgba(73,165,46,.20);\n}\n\n.vr-btn-primary:hover{\n  transform:translateY(-1px);\n  box-shadow:0 18px 42px rgba(73,165,46,.26);\n}\n\n.vr-btn-outline{\n  background:#ffffff;\n  color:var(--vr-ink)!important;\n  border:1px solid rgba(14,165,216,.28);\n}\n\n.vr-btn-outline:hover{\n  color:var(--vr-cyan)!important;\n  border-color:rgba(14,165,216,.55);\n  transform:translateY(-1px);\n}\n\n.vr-hero{\n  position:relative;\n  min-height:calc(100vh - 90px);\n  display:flex;\n  align-items:center;\n  background:\n    radial-gradient(circle at 84% 50%,rgba(14,165,216,.16),transparent 32%),\n    radial-gradient(circle at 16% 20%,rgba(73,165,46,.10),transparent 28%),\n    linear-gradient(90deg,#ffffff 0%,#f4f8fb 100%);\n  border-bottom:1px solid var(--vr-line);\n}\n\n.vr-hero::before{\n  content:\"VISION ROADMAP\";\n  position:absolute;\n  left:-24px;\n  top:112px;\n  color:rgba(11,23,36,.045);\n  font-size:76px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:10px;\n  text-transform:uppercase;\n  white-space:nowrap;\n  pointer-events:none;\n}\n\n.vr-hero-layout{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:58px;\n  align-items:center;\n  padding:76px 0;\n}\n\n.vr-hero-copy{\n  max-width:720px;\n}\n\n.vr-hero-copy h1{\n  margin:28px 0 28px;\n  color:var(--vr-ink);\n  font-size:70px;\n  line-height:.98;\n  font-weight:900;\n  letter-spacing:1.2px;\n  text-transform:uppercase;\n}\n\n.vr-hero-copy h1 span{\n  color:var(--vr-cyan);\n}\n\n.vr-hero-line{\n  width:96px;\n  height:3px;\n  margin:0 0 34px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-hero-copy p{\n  margin:0 0 24px;\n  color:var(--vr-ink);\n  font-size:20px;\n  line-height:1.7;\n}\n\n.vr-hero-copy p.vr-hero-strong{\n  color:var(--vr-green);\n  font-weight:900;\n}\n\n.vr-hero-note{\n  margin-top:28px;\n  padding:20px 22px;\n  border-radius:16px;\n  background:#ffffff;\n  border:1px solid rgba(14,165,216,.20);\n  box-shadow:0 16px 42px rgba(15,55,85,.08);\n  color:var(--vr-muted);\n  font-size:14px;\n  line-height:1.65;\n}\n\n.vr-hero-note strong{\n  color:var(--vr-cyan);\n}\n\n.vr-hero-visual{\n  position:relative;\n}\n\n.vr-vision-panel{\n  position:relative;\n  min-height:620px;\n  border-radius:26px;\n  background:\n    radial-gradient(circle at 50% 50%,rgba(14,165,216,.15),transparent 35%),\n    radial-gradient(circle at 80% 20%,rgba(73,165,46,.12),transparent 28%),\n    linear-gradient(180deg,#ffffff,#eef9ff);\n  border:1px solid rgba(14,165,216,.26);\n  box-shadow:0 34px 92px rgba(15,55,85,.16);\n  overflow:hidden;\n}\n\n.vr-orbit{\n  position:absolute;\n  left:50%;\n  top:50%;\n  width:420px;\n  height:420px;\n  transform:translate(-50%,-50%);\n  border-radius:50%;\n  border:1px dashed rgba(14,165,216,.28);\n}\n\n.vr-orbit::before,\n.vr-orbit::after{\n  content:\"\";\n  position:absolute;\n  border-radius:50%;\n  border:1px dashed rgba(73,165,46,.22);\n}\n\n.vr-orbit::before{inset:60px;}\n.vr-orbit::after{inset:120px;}\n\n.vr-core{\n  position:absolute;\n  left:50%;\n  top:50%;\n  width:150px;\n  height:150px;\n  transform:translate(-50%,-50%);\n  border-radius:50%;\n  background:\n    radial-gradient(circle at 50% 50%,#ffffff 0%,#59d7ff 18%,rgba(14,165,216,.50) 42%,rgba(73,165,46,.16) 68%,transparent 72%);\n  box-shadow:0 0 45px rgba(14,165,216,.35),0 0 80px rgba(73,165,46,.18);\n}\n\n.vr-core::after{\n  content:\"HYDROGENORG\";\n  position:absolute;\n  left:50%;\n  top:50%;\n  transform:translate(-50%,-50%);\n  color:var(--vr-ink);\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:1px;\n}\n\n.vr-node{\n  position:absolute;\n  width:170px;\n  padding:17px;\n  border-radius:16px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 16px 42px rgba(15,55,85,.10);\n}\n\n.vr-node strong{\n  display:block;\n  margin-bottom:7px;\n  color:var(--vr-cyan);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.vr-node span{\n  color:var(--vr-ink);\n  font-size:14px;\n  line-height:1.35;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-node-1{left:34px;top:46px;}\n.vr-node-2{right:34px;top:46px;}\n.vr-node-3{left:34px;bottom:46px;}\n.vr-node-4{right:34px;bottom:46px;}\n\n.vr-hero-cards{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:14px;\n  margin-top:16px;\n}\n\n.vr-mini-card{\n  padding:18px;\n  border-radius:14px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 12px 28px rgba(15,55,85,.07);\n}\n\n.vr-mini-card span{\n  display:block;\n  margin-bottom:8px;\n  color:#7a8fa0;\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:1.1px;\n  text-transform:uppercase;\n}\n\n.vr-mini-card strong{\n  display:block;\n  color:var(--vr-ink);\n  font-size:18px;\n  font-weight:900;\n}\n\n.vr-mini-card em{\n  display:block;\n  margin-top:7px;\n  color:var(--vr-green);\n  font-size:11px;\n  font-style:normal;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-mission-box{\n  padding:42px;\n  border-radius:24px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 28px 78px rgba(15,55,85,.10);\n  display:grid;\n  grid-template-columns:.8fr 1.2fr;\n  gap:38px;\n  align-items:center;\n}\n\n.vr-mission-box h2{\n  margin:14px 0 0;\n  color:var(--vr-ink);\n  font-size:40px;\n  line-height:1.15;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-mission-box h2 span{\n  color:var(--vr-green);\n}\n\n.vr-mission-box p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:17px;\n  line-height:1.78;\n}\n\n.vr-roadmap{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:22px;\n}\n\n.vr-phase{\n  position:relative;\n  min-height:340px;\n  padding:30px;\n  border-radius:18px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 18px 48px rgba(15,55,85,.08);\n  overflow:hidden;\n}\n\n.vr-phase::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:0;\n  width:100%;\n  height:4px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-phase-number{\n  width:62px;\n  height:62px;\n  margin-bottom:24px;\n  border-radius:18px;\n  background:#eef9ff;\n  border:1px solid rgba(14,165,216,.22);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:var(--vr-cyan);\n  font-size:17px;\n  font-weight:900;\n}\n\n.vr-phase span{\n  display:block;\n  margin-bottom:10px;\n  color:var(--vr-green);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.vr-phase h3{\n  margin:0 0 14px;\n  color:var(--vr-ink);\n  font-size:21px;\n  line-height:1.25;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-phase p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:14px;\n  line-height:1.68;\n}\n\n.vr-grid-3{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:22px;\n}\n\n.vr-card{\n  position:relative;\n  min-height:280px;\n  padding:30px;\n  border-radius:18px;\n  background:#ffffff;\n  border:1px solid var(--vr-line);\n  box-shadow:0 18px 48px rgba(15,55,85,.08);\n  overflow:hidden;\n}\n\n.vr-card::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:0;\n  width:100%;\n  height:4px;\n  background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green),var(--vr-orange));\n}\n\n.vr-card-icon{\n  width:62px;\n  height:62px;\n  margin-bottom:24px;\n  border-radius:18px;\n  background:#f3f9fc;\n  border:1px solid rgba(14,165,216,.22);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:var(--vr-cyan);\n  font-size:19px;\n  font-weight:900;\n}\n\n.vr-card h3{\n  margin:0 0 13px;\n  color:var(--vr-ink);\n  font-size:19px;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-card p{\n  margin:0;\n  color:var(--vr-muted);\n  font-size:14px;\n  line-height:1.68;\n}\n\n.vr-impact{\n  background:#06111f;\n  color:#ffffff;\n  padding:78px 0;\n}\n\n.vr-impact-box{\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:30px;\n  align-items:center;\n}\n\n.vr-impact h2{\n  margin:0 0 14px;\n  color:#ffffff;\n  font-size:38px;\n  line-height:1.15;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.vr-impact h2 span{\n  color:#6ed84e;\n}\n\n.vr-impact p{\n  margin:0;\n  max-width:900px;\n  color:rgba(255,255,255,.74);\n  font-size:17px;\n  line-height:1.75;\n}\n\n.vr-impact .vr-btn-outline{\n  background:transparent;\n  color:#ffffff!important;\n  border-color:rgba(255,255,255,.24);\n}\n\n.vr-impact .vr-btn-outline:hover{\n  color:#6ed84e!important;\n  border-color:#6ed84e;\n}\n\n@media(max-width:1180px){\n  .vr-hero-layout{grid-template-columns:1fr;}\n  .vr-hero-copy{max-width:920px;}\n  .vr-hero-copy h1{font-size:58px;}\n  .vr-mission-box{grid-template-columns:1fr;}\n  .vr-roadmap{grid-template-columns:repeat(2,minmax(0,1fr));}\n  .vr-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}\n  .vr-impact-box{grid-template-columns:1fr;}\n}\n\n@media(max-width:760px){\n  .vr-inner{padding-left:24px;padding-right:24px;}\n  .vr-section{padding:72px 0;}\n  .vr-hero{min-height:auto;}\n  .vr-hero::before{display:none;}\n  .vr-hero-layout{padding:58px 0;gap:34px;}\n  .vr-hero-copy h1{font-size:43px;}\n  .vr-hero-copy p{font-size:17px;}\n  .vr-buttons,.vr-btn{width:100%;}\n  .vr-vision-panel{min-height:auto;padding:22px;}\n  .vr-orbit,.vr-core{display:none;}\n  .vr-node{\n    position:relative;\n    left:auto!important;\n    right:auto!important;\n    top:auto!important;\n    bottom:auto!important;\n    width:100%;\n    margin-bottom:14px;\n  }\n  .vr-hero-cards,.vr-roadmap,.vr-grid-3{grid-template-columns:1fr;}\n  .vr-heading h2{font-size:31px;}\n  .vr-mission-box{padding:26px;}\n  .vr-mission-box h2{font-size:30px;}\n  .vr-impact{padding:56px 0;}\n  .vr-impact h2{font-size:29px;}\n}\n<\/style>\n\n<section class=\"vr-hero\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-hero-layout\">\n\n      <div class=\"vr-hero-copy\">\n        <span class=\"vr-kicker\">HydrogenOrg Vision<\/span>\n\n        <h1>\n          Vision &amp;\n          <span>Fahrplan<\/span>\n        <\/h1>\n\n        <div class=\"vr-hero-line\"><\/div>\n\n        <p>\n          HydrogenOrg baut ein globales Innovations\u00f6kosystem auf, das darauf ausgerichtet ist, Technologien f\u00fcr regenerative Energie, resiliente Infrastruktur und Umweltwiederherstellung zu erforschen, zu simulieren, zu validieren und zu beschleunigen.\n        <\/p>\n\n        <p class=\"vr-hero-strong\">\n          Das langfristige Ziel ist es, von offener wissenschaftlicher Neugier zu validierten Projekten, Partnerschaften und operativen Initiativen \u00fcberzugehen.\n        <\/p>\n\n        <div class=\"vr-buttons\">\n          <a class=\"vr-btn vr-btn-primary\" href=\"\/de\/hydrogenorg-ch-innovationsnetzwerk\/\">\n            Treten Sie dem Innovationsnetzwerk bei\n          <\/a>\n\n          <a class=\"vr-btn vr-btn-outline\" href=\"\/de\/forschungspartnerschaften\/\">\n            Partner-Pfad erkunden\n          <\/a>\n        <\/div>\n\n        <div class=\"vr-hero-note\">\n          <strong>Strategische Ausrichtung<\/strong>\n          HydrogenOrg verbindet Forschung, Simulation, technische \u00dcberpr\u00fcfung, Validierung und zuk\u00fcnftige Implementierung in einem transparenten Entwicklungspfad.\n        <\/div>\n      <\/div>\n\n      <div class=\"vr-hero-visual\">\n        <div class=\"vr-vision-panel\">\n          <div class=\"vr-orbit\"><\/div>\n          <div class=\"vr-core\"><\/div>\n\n          <div class=\"vr-node vr-node-1\">\n            <strong>Recherche<\/strong>\n            <span>Offene wissenschaftliche Erforschung<\/span>\n          <\/div>\n\n          <div class=\"vr-node vr-node-2\">\n            <strong>Simulation<\/strong>\n            <span>Modelle und digitale Zwillinge<\/span>\n          <\/div>\n\n          <div class=\"vr-node vr-node-3\">\n            <strong>Validierung<\/strong>\n            <span>Labor- und Expertenpr\u00fcfung<\/span>\n          <\/div>\n\n          <div class=\"vr-node vr-node-4\">\n            <strong>Bereitstellung<\/strong>\n            <span>Reale Initiativen<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"vr-hero-cards\">\n          <div class=\"vr-mini-card\">\n            <span>Aktuelle Ebene<\/span>\n            <strong>Offene Forschung<\/strong>\n            <em>\u00d6ffentliche Plattform<\/em>\n          <\/div>\n\n          <div class=\"vr-mini-card\">\n            <span>N\u00e4chste Ebene<\/span>\n            <strong>Validierung<\/strong>\n            <em>Partner\u00fcberpr\u00fcfung<\/em>\n          <\/div>\n\n          <div class=\"vr-mini-card\">\n            <span>Zuk\u00fcnftige Ebene<\/span>\n            <strong>Bereitstellung<\/strong>\n            <em>Operative Auswirkungen<\/em>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-section vr-section-white\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-mission-box\">\n      <div>\n        <span class=\"vr-kicker\">Unsere langfristige Mission<\/span>\n        <h2>\n          Von wissenschaftlichen Ideen zu\n          <span>reale Auswirkungen<\/span>\n        <\/h2>\n      <\/div>\n\n      <p>\n        HydrogenOrg wurde ins Leben gerufen, um Forscher, Ingenieure, Innovatoren, Organisationen und Unterst\u00fctzer rund um komplexe wissenschaftliche und technologische Herausforderungen zu vernetzen. Das Ziel ist nicht nur, Ideen zu generieren, sondern Wege zu schaffen, \u00fcber die sich vielversprechende Konzepte zu Simulationen, kollaborativer Forschung, technischen Partnerschaften und zuk\u00fcnftigen operativen Initiativen entwickeln k\u00f6nnen.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-section vr-section-soft\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-heading\">\n      <span class=\"vr-kicker\">Entwicklungsfahrplan f\u00fcr HydrogenOrg<\/span>\n      <h2>Vier Phasen vom Netzwerk zu <span>Bereitstellung<\/span><\/h2>\n      <p>\n        Die Roadmap unterteilt Community-Aufbau, Forschung, Partnerschaftsentwicklung und operative Umsetzung in eine klare Progression.\n      <\/p>\n    <\/div>\n\n    <div class=\"vr-roadmap\">\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">01<\/div>\n        <span>Phase 1<\/span>\n        <h3>Innovationsnetzwerk<\/h3>\n        <p>\n          Aufbau einer globalen Gemeinschaft von Ingenieuren, Forschern, Studenten, Innovatoren und Organisationen, die an regenerativen Technologien interessiert sind.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">02<\/div>\n        <span>Phase 2<\/span>\n        <h3>Forschungsprogramme<\/h3>\n        <p>\n          Entwicklung kollaborativer Forschungsinitiativen, Simulationsumgebungen, wissenschaftlicher Herausforderungen und strukturierter Technologie-Explorationsprogramme.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">03<\/div>\n        <span>Phase 3<\/span>\n        <h3>Strategische Partnerschaften<\/h3>\n        <p>\n          Verbinden Sie Institutionen, Sponsoren, Unternehmen und technische Communities, um Pr\u00fcfungs-, Validierungs- und Implementierungswege zu beschleunigen.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-phase\">\n        <div class=\"vr-phase-number\">04<\/div>\n        <span>Phase 4<\/span>\n        <h3>Operative Initiativen<\/h3>\n        <p>\n          Unterst\u00fctzung von Pilotprojekten, Infrastrukturinitiativen, Risikokapitalprojekten und zuk\u00fcnftigen Organisationen, die messbare Wirkung erzielen k\u00f6nnen.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-section vr-section-white\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-heading\">\n      <span class=\"vr-kicker\">Entwicklungsprinzipien<\/span>\n      <h2>Wie HydrogenOrg \u00fcbergeht von <span>Von der Vision zur Umsetzung<\/span><\/h2>\n      <p>\n        Ein glaubw\u00fcrdiges Innovations\u00f6kosystem muss Offenheit, technische Disziplin, kontrollierte Validierung und einen realistischen Weg zur Implementierung miteinander verbinden.\n      <\/p>\n    <\/div>\n\n    <div class=\"vr-grid-3\">\n      <div class=\"vr-card\">\n        <div class=\"vr-card-icon\">01<\/div>\n        <h3>Offene Erkundung<\/h3>\n        <p>\n          Wissenschaftliche Fragestellungen, Annahmen und Simulationslogik klar darstellen, damit Mitwirkende die Arbeit verstehen und hinterfragen k\u00f6nnen.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-card\">\n        <div class=\"vr-card-icon\">02<\/div>\n        <h3>Strukturierte Validierung<\/h3>\n        <p>\n          Trennen Sie konzeptionelle Modelle von der verifizierten Leistung und identifizieren Sie die noch erforderlichen Messungen, \u00dcberpr\u00fcfungen und Experimente.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-card\">\n        <div class=\"vr-card-icon\">03<\/div>\n        <h3>Partner-Bereitstellung<\/h3>\n        <p>\n          Bringen Sie vielversprechende Konzepte in Richtung Laborarbeit, Machbarkeitsnachweis, Pilotsysteme und zuk\u00fcnftige technische Umsetzung voran.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"vr-impact\">\n  <div class=\"vr-inner\">\n    <div class=\"vr-impact-box\">\n      <div>\n        <h2>\n          Von der Idee zur Umsetzung.\n          <span>Von der Simulation bis zum Einsatz.<\/span>\n        <\/h2>\n\n        <p>\n          Die Bew\u00e4ltigung von Energie-, Infrastruktur- und Umweltherausforderungen erfordert Zusammenarbeit, Experimente, Simulation, Validierung und die F\u00e4higkeit, vielversprechende Konzepte in Initiativen umzuwandeln, die echten Wert in der realen Welt schaffen k\u00f6nnen.\n        <\/p>\n      <\/div>\n\n      <div class=\"vr-buttons\">\n        <a class=\"vr-btn vr-btn-primary\" href=\"\/de\/hydrogenorg-ch-innovationsnetzwerk\/\">\n          Treten Sie dem Innovationsnetzwerk bei\n        <\/a>\n\n        <a class=\"vr-btn vr-btn-outline\" href=\"\/de\/forschungspartnerschaften\/\">\n          Partnerweg\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n\n\n<div class=\"h2-footer\">\r\n\r\n  <div class=\"h2-footer-inner\">\r\n\r\n    <div class=\"h2-footer-top\">\r\n\r\n      <!-- BRAND -->\r\n      <div class=\"h2-footer-brand\">\r\n\r\n        <h2 class=\"h2-footer-title\">\r\n          WASSERSTOFF<span>ORG.CH<\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"h2-footer-sub\">\r\n          OFFENE FORSCHUNG \u00b7 SIMULATION \u00b7 PARTNERSCHAFTEN\r\n        <\/div>\r\n\r\n        <p>\r\n          HydrogenOrg baut die offene Forschungs-, Simulations- und Partnerschaftsebene f\u00fcr regenerative Infrastrukturanlagen.\nDas Ziel ist, ernsthafte Mitwirkende, technische Partner und Geldgeber f\u00fcr sauberes Wasser, kosteng\u00fcnstige Energie, Ressourcenschonung, offene Modellierung und zuk\u00fcnftige Pilotprojekte zu organisieren.\r\n        <\/p>\r\n\r\n        <div class=\"h2-footer-actions\">\r\n          <a href=\"\/de\/fur-partner-und-geldgeber\/\">Partner &amp; F\u00f6rderer<\/a>\r\n          <a href=\"\/de\/beitreten\/\">Tritt HydrogenOrg bei<\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- LINKS GRID -->\r\n      <div class=\"h2-footer-links\">\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Forschungssysteme<\/h4>\r\n          <a href=\"\/de\/geothermale-entsalzungsanlagenik\/\">Entsalzungstechnik<\/a>\r\n          <a href=\"\/de\/geothermische-plasmaentsalzungssysteme\/\">Plasma-Entsalzung<\/a>\r\n          <a href=\"\/de\/plasma-dampf-reaktor-rahmenwerk\/\">Plasmaenergie<\/a>\r\n          <a href=\"\/de\/fortschrittliche-geothermische-energiesysteme\/\">Geothermie<\/a>\r\n          <a href=\"\/de\/atmosphare-regenerationssysteme\/\">Atmosph\u00e4re<\/a>\r\n          <a href=\"\/de\/wasserstoffinfrastrukturnetze\/\">Infrastruktur<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Simulationsschicht<\/h4>\r\n          <a href=\"\/de\/offene-simulationsinfrastruktur\/\">Simulationser\u00f6ffnung<\/a>\r\n          <a href=\"\/de\/simulationsszenariodatenbank\/\">Szenario-Datenbank<\/a>\r\n          <a href=\"\/de\/wasserstoffinfrastruktur-simulator\/\">Infrastruktursimulator<\/a>\r\n          <a href=\"\/de\/plattform-fur-offene-wissenschaftliche-herausforderungen\/\">Herausforderungen<\/a>\r\n          <a href=\"\/de\/wissenschaftliche-ki-governance\/\">KI-Governance<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Bauen Sie mit uns<\/h4>\r\n          <a href=\"\/de\/fur-partner-und-geldgeber\/\">F\u00fcr Partner &amp; F\u00f6rderer<\/a>\r\n          <a href=\"\/de\/beitreten\/\">Beitreten<\/a>\r\n          <a href=\"\/de\/mitgliedschaftsunterstutzung\/\">Mitgliedschaft<\/a>\r\n          <a href=\"\/de\/eine-challenge-sponsern\/\">Sponsor<\/a>\r\n          <a href=\"\/de\/forschungspartnerschaften\/\">Forschungspartnerschaften<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Organisation<\/h4>\r\n          <a href=\"\/de\/gemeinschaft\/\">Gemeinschaft<\/a>\r\n          <a href=\"\/de\/vision-roadmap\/\">Vision<\/a>\r\n          <a href=\"\/de\/governance-rahmenwerk\/\">Regieren<\/a>\r\n          <a href=\"\/de\/zur-governance-von-hydrogenorg\/\">HydrogenOrg Governance<\/a>\r\n          <a href=\"\/de\/kontakt\/\">Kontakt<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"h2-footer-col\">\r\n          <h4>Rechtlich<\/h4>\r\n          <a href=\"\/de\/privacy-policy\/\">Datenschutzrichtlinie<\/a>\r\n          <a href=\"\/de\/nutzungsbedingungen\/\">Nutzungsbedingungen<\/a>\r\n          <a href=\"\/de\/intellectual-property\/\">Geistiges Eigentum<\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- STRATEGIC STATEMENT -->\r\n    <div class=\"h2-footer-statement\">\r\n      <strong>HydrogenOrg ist die offene Forschungsschicht.<\/strong>\r\n      <span>Zuk\u00fcnftige Unternehmen und Pilotfahrzeuge sind die Deployment-Ebene.<\/span>\r\n    <\/div>\r\n\r\n    <!-- BOTTOM -->\r\n    <div class=\"h2-footer-bottom\">\r\n\r\n      <div>\r\n        \u00a9 2026 HydrogenOrg. Alle Rechte vorbehalten.\r\n      <\/div>\r\n\r\n      <div class=\"h2-footer-tags\">\r\n        <span>Offene Forschung<\/span>\r\n        <span>Simulation<\/span>\r\n        <span>Validierung<\/span>\r\n        <span>Partner<\/span>\r\n        <span>Finanzierung<\/span>\r\n        <span>Pilotpfade<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n.h2-footer{\r\n  width:100vw!important;\r\n  max-width:100vw!important;\r\n  margin-left:calc(50% - 50vw)!important;\r\n  margin-right:calc(50% - 50vw)!important;\r\n  background:#020817!important;\r\n  color:#ffffff!important;\r\n  overflow:visible!important;\r\n  font-family:Arial,Helvetica,sans-serif!important;\r\n}\r\n\r\n.h2-footer *{\r\n  box-sizing:border-box!important;\r\n}\r\n\r\n.h2-footer a{\r\n  text-decoration:none!important;\r\n}\r\n\r\n.h2-footer-inner{\r\n  width:100%!important;\r\n  max-width:1480px!important;\r\n  margin:0 auto!important;\r\n  padding:76px 48px 40px!important;\r\n  overflow:visible!important;\r\n}\r\n\r\n.h2-footer-top{\r\n  display:grid!important;\r\n  grid-template-columns:1.05fr 1.95fr!important;\r\n  gap:70px!important;\r\n  align-items:start!important;\r\n}\r\n\r\n.h2-footer-brand{\r\n  min-width:0!important;\r\n}\r\n\r\n.h2-footer-title{\r\n  margin:0!important;\r\n  color:#ffffff!important;\r\n  font-size:31px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1.6px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-title span{\r\n  color:#62c945!important;\r\n}\r\n\r\n.h2-footer-sub{\r\n  margin-top:13px!important;\r\n  color:#19c7ff!important;\r\n  font-size:11px!important;\r\n  line-height:1.4!important;\r\n  font-weight:900!important;\r\n  letter-spacing:2.7px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-brand p{\r\n  max-width:470px!important;\r\n  margin:26px 0 0!important;\r\n  color:rgba(255,255,255,.68)!important;\r\n  font-size:14px!important;\r\n  line-height:1.75!important;\r\n}\r\n\r\n.h2-footer-actions{\r\n  margin-top:28px!important;\r\n  display:flex!important;\r\n  gap:12px!important;\r\n  flex-wrap:wrap!important;\r\n}\r\n\r\n.h2-footer-actions a{\r\n  min-height:42px!important;\r\n  display:inline-flex!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  padding:0 18px!important;\r\n  border-radius:5px!important;\r\n  border:1px solid rgba(25,199,255,.45)!important;\r\n  color:#19c7ff!important;\r\n  background:rgba(255,255,255,.04)!important;\r\n  font-size:11px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-actions a:first-child{\r\n  border-color:#059fd8!important;\r\n  background:linear-gradient(90deg,#059fd8,#45d8ff)!important;\r\n  color:#021014!important;\r\n}\r\n\r\n.h2-footer-links{\r\n  display:grid!important;\r\n  grid-template-columns:repeat(5,minmax(120px,1fr))!important;\r\n  gap:30px!important;\r\n  overflow:visible!important;\r\n}\r\n\r\n.h2-footer-col{\r\n  min-width:0!important;\r\n}\r\n\r\n.h2-footer-col h4{\r\n  margin:0 0 18px!important;\r\n  color:#ffffff!important;\r\n  font-size:12px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1.4px!important;\r\n  text-transform:uppercase!important;\r\n  white-space:nowrap!important;\r\n}\r\n\r\n.h2-footer-col h4::after{\r\n  content:\"\"!important;\r\n  display:block!important;\r\n  width:34px!important;\r\n  height:2px!important;\r\n  margin-top:12px!important;\r\n  background:linear-gradient(90deg,#19c7ff,#62c945,#f36b19)!important;\r\n}\r\n\r\n.h2-footer-col a{\r\n  display:block!important;\r\n  margin:0 0 12px!important;\r\n  color:rgba(255,255,255,.64)!important;\r\n  font-size:13px!important;\r\n  line-height:1.45!important;\r\n  font-weight:700!important;\r\n  white-space:normal!important;\r\n  transition:color .18s ease!important;\r\n}\r\n\r\n.h2-footer-col a:hover{\r\n  color:#62c945!important;\r\n}\r\n\r\n.h2-footer-statement{\r\n  margin-top:58px!important;\r\n  padding:26px 28px!important;\r\n  border:1px solid rgba(25,199,255,.18)!important;\r\n  border-radius:14px!important;\r\n  background:\r\n    radial-gradient(circle at 10% 30%,rgba(25,199,255,.10),transparent 32%),\r\n    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025))!important;\r\n}\r\n\r\n.h2-footer-statement strong{\r\n  display:block!important;\r\n  color:#ffffff!important;\r\n  font-size:19px!important;\r\n  line-height:1.35!important;\r\n  font-weight:900!important;\r\n  letter-spacing:1px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n.h2-footer-statement span{\r\n  display:block!important;\r\n  margin-top:8px!important;\r\n  color:rgba(255,255,255,.70)!important;\r\n  font-size:14px!important;\r\n  line-height:1.6!important;\r\n}\r\n\r\n.h2-footer-bottom{\r\n  display:flex!important;\r\n  justify-content:space-between!important;\r\n  align-items:center!important;\r\n  gap:30px!important;\r\n  margin-top:42px!important;\r\n  padding-top:28px!important;\r\n  border-top:1px solid rgba(255,255,255,.12)!important;\r\n  color:rgba(255,255,255,.55)!important;\r\n  font-size:13px!important;\r\n  line-height:1.5!important;\r\n}\r\n\r\n.h2-footer-tags{\r\n  display:flex!important;\r\n  align-items:center!important;\r\n  justify-content:flex-end!important;\r\n  gap:8px!important;\r\n  flex-wrap:wrap!important;\r\n}\r\n\r\n.h2-footer-tags span{\r\n  display:inline-flex!important;\r\n  align-items:center!important;\r\n  min-height:28px!important;\r\n  padding:0 10px!important;\r\n  border-radius:999px!important;\r\n  border:1px solid rgba(255,255,255,.10)!important;\r\n  color:rgba(255,255,255,.62)!important;\r\n  background:rgba(255,255,255,.035)!important;\r\n  font-size:10px!important;\r\n  line-height:1!important;\r\n  font-weight:900!important;\r\n  letter-spacing:.8px!important;\r\n  text-transform:uppercase!important;\r\n}\r\n\r\n@media(max-width:1200px){\r\n  .h2-footer-top{\r\n    grid-template-columns:1fr!important;\r\n    gap:50px!important;\r\n  }\r\n\r\n  .h2-footer-brand p{\r\n    max-width:760px!important;\r\n  }\r\n\r\n  .h2-footer-links{\r\n    grid-template-columns:repeat(3,minmax(150px,1fr))!important;\r\n  }\r\n}\r\n\r\n@media(max-width:800px){\r\n  .h2-footer-inner{\r\n    padding:62px 30px 36px!important;\r\n  }\r\n\r\n  .h2-footer-links{\r\n    grid-template-columns:repeat(2,1fr)!important;\r\n    gap:30px 24px!important;\r\n  }\r\n\r\n  .h2-footer-bottom{\r\n    flex-direction:column!important;\r\n    align-items:flex-start!important;\r\n  }\r\n\r\n  .h2-footer-tags{\r\n    justify-content:flex-start!important;\r\n  }\r\n}\r\n\r\n@media(max-width:520px){\r\n  .h2-footer-inner{\r\n    padding:55px 22px 34px!important;\r\n  }\r\n\r\n  .h2-footer-title{\r\n    font-size:25px!important;\r\n  }\r\n\r\n  .h2-footer-sub{\r\n    font-size:10px!important;\r\n    letter-spacing:2px!important;\r\n  }\r\n\r\n  .h2-footer-actions a{\r\n    width:100%!important;\r\n  }\r\n\r\n  .h2-footer-links{\r\n    grid-template-columns:1fr!important;\r\n  }\r\n\r\n  .h2-footer-statement{\r\n    padding:22px!important;\r\n  }\r\n}\r\n<\/style>","protected":false},"excerpt":{"rendered":"<p>HydrogenOrg Vision Vision &#038; Roadmap HydrogenOrg is building a global innovation ecosystem designed to explore, simulate, validate and accelerate technologies for regenerative energy, resilient infrastructure and environmental restoration. The long-term objective is to move from open scientific curiosity toward validated projects, partnerships and operational initiatives. Join the Innovation Network Explore Partner Pathway Strategic direction: HydrogenOrg &hellip; <a href=\"https:\/\/hydrogenorg.ch\/de\/vision-roadmap\/\" class=\"more-link\">Weiterlesen<span class=\"screen-reader-text\"> &#8220;Vision &#038; Roadmap&#8221;<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-763","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hydrogenorg.ch\/de\/wp-json\/wp\/v2\/pages\/763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hydrogenorg.ch\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hydrogenorg.ch\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hydrogenorg.ch\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hydrogenorg.ch\/de\/wp-json\/wp\/v2\/comments?post=763"}],"version-history":[{"count":3,"href":"https:\/\/hydrogenorg.ch\/de\/wp-json\/wp\/v2\/pages\/763\/revisions"}],"predecessor-version":[{"id":1041,"href":"https:\/\/hydrogenorg.ch\/de\/wp-json\/wp\/v2\/pages\/763\/revisions\/1041"}],"wp:attachment":[{"href":"https:\/\/hydrogenorg.ch\/de\/wp-json\/wp\/v2\/media?parent=763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}