{"id":1083,"date":"2026-08-23T12:56:00","date_gmt":"2026-08-23T12:56:00","guid":{"rendered":"https:\/\/hydrogenorg.ch\/?page_id=1083"},"modified":"2026-08-23T12:56:45","modified_gmt":"2026-08-23T12:56:45","slug":"hydrogenorg-simulationslabor","status":"publish","type":"page","link":"https:\/\/hydrogenorg.ch\/de\/hydrogenorg-simulation-lab\/","title":{"rendered":"WasserstoffOrg Simulationslabor"},"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<div id=\"hydrogenorg-simulation-lab\">\n\n<style>\n\/* =====================================================\n   HYDROGENORG SIMULATION LAB\n   Streamlit Research Simulator Directory\n===================================================== *\/\n\nhtml,\nbody{\n  margin:0!important;\n  padding:0!important;\n  width:100%!important;\n  max-width:100%!important;\n  overflow-x:hidden!important;\n  background:#020711!important;\n}\n\nbody .wp-site-blocks,\nbody main,\nbody .wp-block-post-content,\nbody .entry-content,\nbody .wp-block-group,\nbody .wp-block-cover,\nbody .is-layout-flow,\nbody .is-layout-constrained,\nbody .has-global-padding{\n  width:100%!important;\n  max-width:none!important;\n  margin:0!important;\n  padding:0!important;\n}\n\n#hydrogenorg-simulation-lab{\n  --cyan:#35d6ff;\n  --green:#6bd14a;\n  --orange:#f36b19;\n  --bg:#020711;\n  --panel:#071421;\n  --soft:rgba(255,255,255,.045);\n  --line:rgba(255,255,255,.12);\n  --text:rgba(255,255,255,.72);\n\n  width:100vw!important;\n  max-width:100vw!important;\n  margin-left:calc(50% - 50vw)!important;\n  background:\n    radial-gradient(circle at 82% 12%,rgba(53,214,255,.16),transparent 30%),\n    radial-gradient(circle at 15% 80%,rgba(107,209,74,.10),transparent 32%),\n    linear-gradient(180deg,#020711,#071421);\n  color:white;\n  font-family:Arial,Helvetica,sans-serif;\n  overflow:hidden;\n}\n\n#hydrogenorg-simulation-lab *{\n  box-sizing:border-box;\n}\n\n#hydrogenorg-simulation-lab a{\n  text-decoration:none!important;\n}\n\n\/* WRAPPER *\/\n\n.hsl-container{\n  width:100%;\n  max-width:1450px;\n  margin:0 auto;\n  padding:0 40px;\n}\n\n\/* HERO *\/\n\n.hsl-hero{\n  padding:95px 0 85px;\n  border-bottom:1px solid rgba(255,255,255,.08);\n}\n\n.hsl-kicker{\n  color:var(--green);\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:4px;\n  text-transform:uppercase;\n  margin-bottom:24px;\n}\n\n.hsl-title{\n  margin:0;\n  font-size:68px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n.hsl-title span{\n  display:block;\n  color:var(--cyan);\n}\n\n.hsl-line{\n  width:90px;\n  height:4px;\n  margin:32px 0;\n  background:linear-gradient(90deg,var(--cyan),var(--green),var(--orange));\n}\n\n.hsl-intro{\n  max-width:920px;\n  color:rgba(255,255,255,.78);\n  font-size:20px;\n  line-height:1.75;\n}\n\n.hsl-intro strong{\n  color:white;\n}\n\n.hsl-hero-actions{\n  margin-top:38px;\n  display:flex;\n  flex-wrap:wrap;\n  gap:16px;\n}\n\n.hsl-btn{\n  min-height:54px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 26px;\n  border-radius:5px;\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-btn-primary{\n  background:var(--green);\n  color:#020711!important;\n}\n\n.hsl-btn-secondary{\n  border:1px solid rgba(255,255,255,.24);\n  background:rgba(255,255,255,.04);\n  color:white!important;\n}\n\n\/* SECTIONS *\/\n\n.hsl-section{\n  padding:85px 0;\n}\n\n.hsl-section:nth-of-type(even){\n  background:rgba(0,0,0,.16);\n}\n\n.hsl-section-header{\n  max-width:930px;\n  margin-bottom:45px;\n}\n\n.hsl-section-header h2{\n  margin:0 0 18px;\n  color:white;\n  font-size:42px;\n  line-height:1.15;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-section-header p{\n  margin:0;\n  color:var(--text);\n  font-size:18px;\n  line-height:1.7;\n}\n\n\/* GRID *\/\n\n.hsl-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:24px;\n}\n\n.hsl-card{\n  min-height:330px;\n  padding:30px;\n  border-radius:16px;\n  border:1px solid rgba(53,214,255,.18);\n  background:rgba(255,255,255,.045);\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n}\n\n.hsl-card.featured{\n  border-color:rgba(107,209,74,.48);\n  background:rgba(107,209,74,.065);\n}\n\n.hsl-card-top{\n  margin-bottom:22px;\n}\n\n.hsl-label{\n  display:inline-flex;\n  margin-bottom:18px;\n  padding:8px 12px;\n  border-radius:999px;\n  background:rgba(53,214,255,.10);\n  border:1px solid rgba(53,214,255,.22);\n  color:var(--cyan);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-card.featured .hsl-label{\n  background:rgba(107,209,74,.14);\n  border-color:rgba(107,209,74,.35);\n  color:var(--green);\n}\n\n.hsl-card h3{\n  margin:0 0 14px;\n  color:white;\n  font-size:22px;\n  line-height:1.25;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.hsl-card p{\n  margin:0;\n  color:rgba(255,255,255,.68);\n  line-height:1.65;\n  font-size:15px;\n}\n\n.hsl-card-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-top:24px;\n}\n\n.hsl-card-link{\n  min-height:44px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 18px;\n  border-radius:5px;\n  background:var(--green);\n  color:#020711!important;\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.hsl-card-link.secondary{\n  background:transparent;\n  color:white!important;\n  border:1px solid rgba(255,255,255,.22);\n}\n\n\/* NOTE *\/\n\n.hsl-note{\n  margin-top:45px;\n  padding:30px;\n  border-radius:16px;\n  border:1px solid rgba(53,214,255,.20);\n  background:rgba(53,214,255,.055);\n}\n\n.hsl-note h3{\n  margin:0 0 12px;\n  color:white;\n  font-size:22px;\n  text-transform:uppercase;\n}\n\n.hsl-note p{\n  margin:0;\n  color:rgba(255,255,255,.72);\n  line-height:1.7;\n}\n\n\/* ACCESS LAYERS *\/\n\n.hsl-layers{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:24px;\n}\n\n.hsl-layer{\n  padding:32px;\n  border-radius:16px;\n  border:1px solid rgba(255,255,255,.12);\n  background:rgba(255,255,255,.045);\n}\n\n.hsl-layer-number{\n  color:var(--green);\n  font-size:34px;\n  font-weight:900;\n  margin-bottom:18px;\n}\n\n.hsl-layer h3{\n  margin:0 0 14px;\n  color:white;\n  text-transform:uppercase;\n}\n\n.hsl-layer p{\n  color:rgba(255,255,255,.68);\n  line-height:1.65;\n}\n\n\/* FINAL *\/\n\n.hsl-final{\n  padding:85px 0;\n  background:linear-gradient(135deg,#020711,#092033);\n}\n\n.hsl-final-panel{\n  padding:45px;\n  border-radius:18px;\n  background:rgba(255,255,255,.045);\n  border:1px solid rgba(53,214,255,.20);\n}\n\n.hsl-final-panel h2{\n  margin:0 0 18px;\n  color:white;\n  font-size:40px;\n  text-transform:uppercase;\n}\n\n.hsl-final-panel p{\n  max-width:980px;\n  color:rgba(255,255,255,.72);\n  line-height:1.75;\n  font-size:17px;\n}\n\n.hsl-tags{\n  margin-top:26px;\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n}\n\n.hsl-tags span{\n  padding:10px 14px;\n  border-radius:999px;\n  background:rgba(53,214,255,.08);\n  border:1px solid rgba(53,214,255,.18);\n  color:rgba(255,255,255,.78);\n  font-size:12px;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:1000px){\n  .hsl-grid,\n  .hsl-layers{\n    grid-template-columns:1fr;\n  }\n\n  .hsl-title{\n    font-size:46px;\n  }\n\n  .hsl-section-header h2{\n    font-size:32px;\n  }\n\n  .hsl-container{\n    padding:0 22px;\n  }\n}\n\n<\/style>\n\n\n<section class=\"hsl-hero\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-kicker\">\n      WasserstoffOrg Forschungsinfrastruktur\n    <\/div>\n\n    <h1 class=\"hsl-title\">\n      HydrogenOrg\n      <span>Simulationslabor<\/span>\n    <\/h1>\n\n    <div class=\"hsl-line\"><\/div>\n\n    <p class=\"hsl-intro\">\n      Das HydrogenOrg Simulation Lab verbindet die \u00f6ffentlichen Forschungsseiten mit\n      <strong>Streamlit-basierte Simulationsmodelle, auf GitHub gehosteter Forschungscode, Plasmastoff-Werkzeuge, Geothermiesysteme, Meeresmodelle, Infrastrukturebenen und Simulatoren zur atmosph\u00e4rischen Regeneration.<\/strong>\n    <\/p>\n\n    <div class=\"hsl-hero-actions\">\n      <a href=\"#public-simulators\" class=\"hsl-btn hsl-btn-primary\">\n        \u00d6ffentliche Simulatoren entdecken\n      <\/a>\n\n      <a href=\"#research-suite\" class=\"hsl-btn hsl-btn-secondary\">\n        Research Suite\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"public-simulators\" class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">\u00d6ffentliche Simulationsebene<\/div>\n      <h2>\u00d6ffentliche Forschungssimulatoren<\/h2>\n      <p>\n        \u00d6ffentlich zug\u00e4ngliche Tools zur Einf\u00fchrung in die Modelle, Annahmen und die Systemlogik von HydrogenOrg vor einer tiefergehenden technischen Erkundung.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">\u00d6ffentliche Hauptebene<\/div>\n          <h3>HydrogenOrg \u00d6ffentliche Simulationsebene<\/h3>\n          <p>\n            \u00d6ffentlicher Einstiegspunkt zur Erkundung der Forschungslogik von HydrogenOrg, vereinfachter Szenarien und Systemannahmen.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-public-simulation-layer-9zoscueeopnhdjajkvguds.streamlit.app\/\">\n            Simulator \u00f6ffnen\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">HPRS<\/div>\n          <h3>HydrogenOrg HPRS Simulator<\/h3>\n          <p>\n            Plasmabasiertes Wasserstoff-Forschungssimulator zur Untersuchung von Energieannahmen, Wasserstoffpfaden und Prozessindikatoren.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-hprs-simulator-tds53axkyjiotnbznzah6y.streamlit.app\/\">\n            \u00d6ffne HPRS\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Vergleich<\/div>\n          <h3>Plasmabasierter vs. konventioneller Wasserstoff V2<\/h3>\n          <p>\n            Vergleichendes Forschungsmodell f\u00fcr plasmaunterst\u00fctzte Wasserstoff- und konventionelle Wasserstoffpfade.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgplasmavsconventionalhydrogensimulatorv2-53vqgkmhhe9.streamlit.app\/\">\n            Vergleich \u00f6ffnen\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"hsl-note\">\n      <h3>Streamlit-Startup-Hinweis<\/h3>\n      <p>\n        Einige Anwendungen wechseln bei Inaktivit\u00e4t m\u00f6glicherweise in den Ruhemodus. Wenn ein Simulator nicht sofort geladen wird, warten Sie einen kurzen Moment und aktualisieren Sie die Seite. Bei diesen Tools handelt es sich um Forschungsschnittstellen und nicht um zertifizierte industrielle Leistungsangaben.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Plasmaforschungsmodelle<\/div>\n      <h2>Plasmastoff-Wasserstoff-Simulationswerkzeuge<\/h2>\n      <p>\n        Fokussierte Modelle f\u00fcr Argon-Dampf-Plasma, Reaktorsteuerung, Gastrennung und das Verhalten von Plasmabasierenden Wasserstoffsystemen.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Plasmareaktor<\/div>\n          <h3>Argon-Dampf-Plasmareaktor V4.4<\/h3>\n          <p>\n            Forschungssimulator mit Schwerpunkt auf den Annahmen eines Argon-Dampf-Plasmareaktors.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv44argonsteamplasmareactorsimulator-kvxu5ck7fbgu88p.streamlit.app\/\">\n            Offenes Modell\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Technische Schutzma\u00dfnahme<\/div>\n          <h3>Plasmareaktor-Wuerungstechnik V5.0<\/h3>\n          <p>\n            Ingenieurorientierte Plasmareaktor-Regelungs- und Systemmodellierungsschnittstelle.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv50plasmareactorengineeringcontrolsimulator-fthhyfl.streamlit.app\/\">\n            Steuerung \u00f6ffnen\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Strategische Konsole<\/div>\n          <h3>HydrogenOrg Plasmakonsole<\/h3>\n          <p>\n            Strategische Plasmakonsole f\u00fcr tiefere Forschungsnavigation und fortgeschrittene Exploration.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-plasma-console-vghj5acz3ggadfybp68tah.streamlit.app\/\">\n            Konsole \u00f6ffnen\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Geothermie &amp; Meerwasserentsalzung<\/div>\n      <h2>Geothermie-zuerst-Energiemodelle<\/h2>\n      <p>\n        Simulatoren zur Erforschung von Geothermie, Meerwasserentsalzung, Wasserstoffintegration und Infrastruktur-Rentabilit\u00e4tspfaden.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Geothermischer Kern<\/div>\n          <h3>Geothermal Core Main Simulator V4.0<\/h3>\n          <p>\n            Hauptmodell des Geothermiesystems f\u00fcr unterirdische Szenarien erneuerbarer Energien.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv40geothermalcoremainsimulator-3oshzarm9azknmatyvmk.streamlit.app\/\">\n            Offenes Modell\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Rentabilit\u00e4t<\/div>\n          <h3>Geothermal First Profitability V4.7b<\/h3>\n          <p>\n            Wirtschafts- und Systempfad-Simulator f\u00fcr Geothermie-zuerst-Infrastruktur.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv47bgeothermalfirstprofitabilitysimulator-zpxfhscxb.streamlit.app\/\">\n            Simulator \u00f6ffnen\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Entsalzung<\/div>\n          <h3>Geothermisches Entsalzungsingenieurwesen<\/h3>\n          <p>\n            Technisches Modell zur Verkn\u00fcpfung von Geothermie, Meerwasserentsalzung und Wasserstoffpfaden.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgv1geothermaldesalinationengineeringsimulator-tawqpm.streamlit.app\/\">\n            Simulator \u00f6ffnen\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Systemdom\u00e4nen<\/div>\n      <h2>Marine, Atmosph\u00e4re &amp; Infrastruktur<\/h2>\n      <p>\n        Vertikale Simulationsmodelle f\u00fcr marine Wasserstoffsysteme, atmosph\u00e4rische Regeneration und Analysen auf Infrastrukturebene.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Marine<\/div>\n          <h3>Meeresplasma-unterst\u00fctzter Wasserstoff V1.2<\/h3>\n          <p>\n            Forschungsmodell f\u00fcr maritime Wasserstoff-, Entsalzungs- und hybride Elektro-Systeme an Bord.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/marinev12-wjbyghfyvsjkqtgxt5zug2.streamlit.app\/\">\n            Open Marine\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Atmosph\u00e4re<\/div>\n          <h3>Atmosph\u00e4rischer Regenerationssimulator<\/h3>\n          <p>\n            Forschungssimulator f\u00fcr die Logik der atmosph\u00e4rischen Regeneration und Umweltwiederherstellung.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-atmospheric-regeneration-simulator-vamwsen5ndcwvns.streamlit.app\/\">\n            Offene Atmosph\u00e4re\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Infrastruktur<\/div>\n          <h3>Wasserstoff-Organisation Infrastruktur-Simulator<\/h3>\n          <p>\n            Infrastrukturschicht-Simulator f\u00fcr die systemweite Analyse von Wasserstoff- und Energienetzen.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorg-infrastructure-simulator-zzcuettv27rwa3l8pf3a8c.streamlit.app\/\">\n            Offene Infrastruktur\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section id=\"research-suite\" class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Research Suite<\/div>\n      <h2>Fortschrittliche Forschungsbetriebssysteme<\/h2>\n      <p>\n        Forschungssuiten h\u00f6herer Ebene und Betriebsumgebungen f\u00fcr die integrierte Exploration des HydrogenOrg-Modells.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-grid\">\n\n      <div class=\"hsl-card featured\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Stable Suite<\/div>\n          <h3>HydrogenOrg Research Suite V3.2 Stable<\/h3>\n          <p>\n            Stabile, integrierte Forschungssuite f\u00fcr fortschrittliche Simulationsnavigation.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgresearchsuitev32stable-baejnebxfiovkqulkb5jd3.streamlit.app\/\">\n            Open Suite\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Betriebssystem<\/div>\n          <h3>Research Operating System V10<\/h3>\n          <p>\n            Fortgeschrittene Betriebsumgebung f\u00fcr die Koordination von HydrogenOrg-Forschungsmodellen.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgresearchoperatingsystemv10-3f9vycjmzdcgvstgkh83vi.streamlit.app\/\">\n            Offenes Betriebssystem\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hsl-card\">\n        <div class=\"hsl-card-top\">\n          <div class=\"hsl-label\">Erweitertes Modell<\/div>\n          <h3>Erweiterter Forschungssimulator V2<\/h3>\n          <p>\n            Fortgeschrittener Simulator f\u00fcr tiefere Forschungsarbeiten und Szenariotests.\n          <\/p>\n        <\/div>\n        <div class=\"hsl-card-actions\">\n          <a class=\"hsl-card-link\" target=\"_blank\" rel=\"noopener\"\n          href=\"https:\/\/hydrogenorgadvancedresearchsimulatorv2-nspfz2zv52hbjbzyxhmv9l.streamlit.app\/\">\n            Erweitert \u00f6ffnen\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-section\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-section-header\">\n      <div class=\"hsl-kicker\">Zugriffsstruktur<\/div>\n      <h2>\u00d6ffentliche, Mitglieder- und Forschungspartner-Ebenen<\/h2>\n      <p>\n        HydrogenOrg trennt die \u00f6ffentliche Erkundung von einer tieferen technischen Zusammenarbeit.\n      <\/p>\n    <\/div>\n\n    <div class=\"hsl-layers\">\n\n      <div class=\"hsl-layer\">\n        <div class=\"hsl-layer-number\">01<\/div>\n        <h3>\u00d6ffentliche Schicht<\/h3>\n        <p>\n          \u00d6ffentliche Simulationen, vereinfachte Annahmen und Benutzeroberfl\u00e4chen von Forschungsseiten.\n        <\/p>\n      <\/div>\n\n      <div class=\"hsl-layer\">\n        <div class=\"hsl-layer-number\">02<\/div>\n        <h3>Forschungsmitglied<\/h3>\n        <p>\n          Erweitrierter Simulationszugang, Dokumentation, Updates und tiefergehende Modell-Exploration.\n        <\/p>\n      <\/div>\n\n      <div class=\"hsl-layer\">\n        <div class=\"hsl-layer-number\">03<\/div>\n        <h3>Forschungspartner<\/h3>\n        <p>\n          Zusammenarbeit bei Validierungswegen, technischer \u00dcberpr\u00fcfung und zuk\u00fcnftigen Forschungsprogrammen.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"hsl-final\">\n  <div class=\"hsl-container\">\n\n    <div class=\"hsl-final-panel\">\n\n      <div class=\"hsl-kicker\">\n        WasserstoffOrg Simulationslabor\n      <\/div>\n\n      <h2>Streamlit + GitHub Forschungsinfrastruktur<\/h2>\n\n      <p>\n        Das Simulation Lab pr\u00e4sentiert HydrogenOrg als Forschungsplattform, auf der \u00f6ffentliche Seiten, interaktive Simulatoren, Streamlit-Anwendungen und auf GitHub gehostete Entwicklungs-Workflows eine transparente wissenschaftliche Exploration unterst\u00fctzen.\n      <\/p>\n\n      <div class=\"hsl-tags\">\n        <span>Streamlit<\/span>\n        <span>GitHub<\/span>\n        <span>Simulation<\/span>\n        <span>Forschungsmodelle<\/span>\n        <span>Validierungspfad<\/span>\n        <span>Offene Zusammenarbeit<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<\/div>\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 Research Infrastructure HydrogenOrg Simulation Lab HydrogenOrg Simulation Lab connects the public research pages with Streamlit-based simulation models, GitHub-hosted research code, plasma hydrogen tools, geothermal systems, marine models, infrastructure layers and atmospheric regeneration simulators. Explore Public Simulators Research Suite Public Simulation Layer Public Research Simulators Public-facing tools designed to introduce HydrogenOrg models, assumptions and system &hellip; <a href=\"https:\/\/hydrogenorg.ch\/de\/hydrogenorg-simulation-lab\/\" class=\"more-link\">Weiterlesen<span class=\"screen-reader-text\"> &#8220;HydrogenOrg Simulation Lab&#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-1083","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hydrogenorg.ch\/de\/wp-json\/wp\/v2\/pages\/1083","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=1083"}],"version-history":[{"count":1,"href":"https:\/\/hydrogenorg.ch\/de\/wp-json\/wp\/v2\/pages\/1083\/revisions"}],"predecessor-version":[{"id":1084,"href":"https:\/\/hydrogenorg.ch\/de\/wp-json\/wp\/v2\/pages\/1083\/revisions\/1084"}],"wp:attachment":[{"href":"https:\/\/hydrogenorg.ch\/de\/wp-json\/wp\/v2\/media?parent=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}