{"id":4328,"date":"2026-05-10T21:36:52","date_gmt":"2026-05-10T21:36:52","guid":{"rendered":"https:\/\/hyend.de\/?page_id=4328"},"modified":"2026-08-29T16:36:25","modified_gmt":"2026-08-29T16:36:25","slug":"theteam","status":"publish","type":"page","link":"https:\/\/hyend.de\/index.php\/theteam\/","title":{"rendered":"Team"},"content":{"rendered":"<p><!-- BLOCK 1: Gemeinsame Styles \u2013 einmal als \u201eIndividuelles HTML\u201c einf\u00fcgen --><\/p>\n\n\n<style>\n.hyend-team-section {\n  position: relative;\n  padding: 90px 20px 100px;\n  background: #070b14;\n  overflow: hidden;\n}\n\n.hyend-team-section > h3 {\n  max-width: 1300px;\n  margin: 0 auto 45px;\n  padding: 0 20px;\n  color: #fff;\n}\n\n.hyend-team-grid {\n  width: 100%;\n  max-width: 1300px;\n  margin: 0 auto;\n  display: grid;\n  gap: 24px;\n}\n\n.hyend-team-grid--board {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.hyend-team-grid--leads {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.hyend-team-card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  min-height: 100%;\n  padding: 34px 26px 32px;\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  border-radius: 20px;\n  background: #23262b;\n  color: #fff;\n  text-align: center;\n  overflow: hidden;\n  transition: transform .35s ease, border-color .3s ease, box-shadow .3s ease;\n}\n\n.hyend-team-card:hover {\n  transform: translateY(-8px);\n  border-color: rgba(255, 106, 0, .6);\n  box-shadow: 0 15px 40px rgba(0, 0, 0, .4);\n}\n\n.hyend-team-image {\n  position: relative;\n  width: calc(100% + 32px);\n  aspect-ratio: 661.76 \/ 573.44;\n  margin: -24px -16px 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #23262b;\n  overflow: hidden;\n}\n\n.hyend-team-image img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n}\n\n.hyend-team-status {\n  width: 100%;\n  height: 100%;\n  min-height: 220px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  background: #23262b;\n  color: rgba(255, 255, 255, .75);\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n.hyend-team-spinner {\n  width: 34px;\n  height: 34px;\n  border: 4px solid rgba(255, 255, 255, .15);\n  border-top-color: #ff8200;\n  border-radius: 50%;\n  animation: hyend-team-spin .9s linear infinite;\n}\n\n.hyend-team-status-text {\n  text-transform: uppercase;\n  letter-spacing: .08em;\n}\n\n@keyframes hyend-team-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hyend-team-spinner {\n    animation: none;\n  }\n}\n\n.hyend-team-card h4 {\n  margin: 0 0 22px;\n  color: #fff !important;\n  font-size: clamp(1.2rem, 2.2vw, 1.55rem);\n  line-height: 1.15;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: .08em;\n}\n\n.hyend-team-divider {\n  width: 100%;\n  max-width: 220px;\n  height: 1px;\n  margin: 0 auto 22px;\n  background: rgba(255, 255, 255, .85);\n}\n\n.hyend-team-role,\n.hyend-team-email {\n  color: rgba(255, 255, 255, .72);\n  font-size: inherit;\n}\n\n.hyend-team-role {\n  margin: 0;\n  line-height: 1.65;\n}\n\n.hyend-team-email {\n  margin: 10px 0 0;\n  line-height: 1.5;\n  overflow-wrap: anywhere;\n}\n\n@media (max-width: 1100px) {\n  .hyend-team-grid--leads {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 800px) {\n  .hyend-team-grid--board,\n  .hyend-team-grid--leads {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 560px) {\n  .hyend-team-section {\n    padding: 70px 16px 80px;\n  }\n\n  .hyend-team-section > h3 {\n    margin-bottom: 30px;\n    padding: 0;\n  }\n\n  .hyend-team-grid--board,\n  .hyend-team-grid--leads {\n    grid-template-columns: 1fr;\n  }\n\n  .hyend-team-card {\n    padding: 32px 22px 34px;\n  }\n\n  .hyend-team-image {\n    width: calc(100% + 24px);\n    margin: -22px -12px 24px;\n  }\n}\n<\/style>\n\n<script>\nwindow.HyendTeam = {\n  createCard({\n    imageSrc = \"https:\/\/hyend.de\/wp-content\/uploads\/2024\/03\/Placeholder.png\",\n    name = \"Anonymos\",\n    role = \"\",\n    email = \"\",\n    notResponding = false\n  } = {}) {\n    const card = document.createElement(\"article\");\n    card.className = \"hyend-team-card\";\n\n    if (notResponding) {\n      card.classList.add(\"hyend-team-card--not-responding\");\n    }\n\n    const image = document.createElement(\"div\");\n    image.className = \"hyend-team-image\";\n\n    if (notResponding) {\n      image.innerHTML = `\n        <div class=\"hyend-team-status\" role=\"status\" aria-label=\"Not Responding\">\n          <div class=\"hyend-team-spinner\" aria-hidden=\"true\"><\/div>\n          <div class=\"hyend-team-status-text\">Not Responding...<\/div>\n        <\/div>\n      `;\n    } else {\n      const portrait = document.createElement(\"img\");\n      portrait.src = imageSrc;\n      portrait.alt = `Portrait von ${name}`;\n      portrait.loading = \"lazy\";\n      image.appendChild(portrait);\n    }\n\n    const heading = document.createElement(\"h4\");\n    heading.textContent = name;\n\n    const divider = document.createElement(\"div\");\n    divider.className = \"hyend-team-divider\";\n\n    card.append(image, heading, divider);\n\n    if (role) {\n      const roleElement = document.createElement(\"p\");\n      roleElement.className = \"hyend-team-role\";\n      roleElement.textContent = role;\n      card.appendChild(roleElement);\n    }\n\n    if (email) {\n      const emailElement = document.createElement(\"p\");\n      emailElement.className = \"hyend-team-email\";\n      emailElement.textContent = email;\n      card.appendChild(emailElement);\n    }\n\n    return card;\n  },\n\n  render(gridId, members) {\n    const grid = document.getElementById(gridId);\n\n    if (!grid) {\n      return;\n    }\n\n    grid.replaceChildren(...members.map(member => this.createCard(member)));\n  }\n};\n<\/script>\n\n\n<p><!-- BLOCK 2: Vorstand --><\/p>\n\n\n<section id=\"team-board\" class=\"hyend-team-section\" aria-labelledby=\"team-board-title\">\n  <h3 id=\"team-board-title\">HyEnD e.V. \u2013 The Board<\/h3>\n  <div id=\"hyend-team-board-grid\" class=\"hyend-team-grid hyend-team-grid--board\"><\/div>\n<\/section>\n\n<script>\nconst boardMembers = [\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2024\/03\/Bild34.png\",\n    name: \"Laurence Hoffelder\",\n    role: \"Chairman\",\n    email: \"\",\n    notResponding: false\n  },\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2024\/03\/maxiDinnebier.png\",\n    name: \"Maximilian Dinnebier\",\n    role: \"Deputy Chairman\",\n    email: \"\",\n    notResponding: false\n  },\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2025\/01\/Bild4.png\",\n    name: \"Benjamin Peter\",\n    role: \"Financial Director\",\n    email: \"\",\n    notResponding: false\n  }\n];\n\nwindow.HyendTeam.render(\"hyend-team-board-grid\", boardMembers);\n<\/script>\n\n\n<p><!-- BLOCK 3: Subsystem- und Projektleitungen --><\/p>\n\n\n<section id=\"team-leads\" class=\"hyend-team-section\" aria-labelledby=\"team-leads-title\">\n  <h3 id=\"team-leads-title\">Subsystem and Project Leads<\/h3>\n  <div id=\"hyend-team-leads-grid\" class=\"hyend-team-grid hyend-team-grid--leads\"><\/div>\n<\/section>\n\n<script>\nconst leadMembers = [\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2024\/03\/Bild8.png\",\n    name: \"Markus Luft\",\n    role: \"BLAST Project Lead\",\n    email: \"\",\n    notResponding: false\n  },\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2024\/03\/Dennis.png\",\n    name: \"Dennis Maa\u00df\",\n    role: \"Systems Engineer\",\n    email: \"\",\n    notResponding: false\n  },\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2024\/03\/32bOker.png\",\n    name: \"Ben Oker\",\n    role: \"N2ORTH-3 Project Lead\",\n    email: \"\",\n    notResponding: false\n  },\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2024\/03\/15mRoss.png\",\n    name: \"Matthias Ro\u00df\",\n    role: \"Chief Avionics Hardware Engineer\",\n    email: \"\",\n    notResponding: false\n  },\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2025\/12\/Platzhalter.png\",\n    name: \"Nicolai Kallis\",\n    role: \"Chief Avionics Software Engineer\",\n    email: \"\",\n    notResponding: false\n  },\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2025\/12\/Platzhalter.png\",\n    name: \"Ben Menzel\",\n    role: \"Chief Fluid System Engineer\",\n    email: \"\",\n    notResponding: false\n  },\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2025\/12\/Platzhalter.png\",\n    name: \"Maximilian Mehne\",\n    role: \"Chief Propulsion Engineer\",\n    email: \"\",\n    notResponding: false\n  },\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2025\/12\/Platzhalter.png\",\n    name: \"Lukas Burkert\",\n    role: \"Chief Structures Engineer, CanSat Project Lead\",\n    email: \"\",\n    notResponding: false\n  },\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2024\/03\/Bild26.png\",\n    name: \"Simon D\u00fcrrstein\",\n    role: \"Chief Recovery Engineer\",\n    email: \"\",\n    notResponding: false\n  },\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2024\/03\/Bild29.png\",\n    name: \"Niklas M\u00fcller\",\n    role: \"Chief GSE Engineer\",\n    email: \"\",\n    notResponding: false\n  },\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2024\/03\/Bild2.png\",\n    name: \"Franziska Limmer\",\n    role: \"Public Relations\",\n    email: \"\",\n    notResponding: false\n  }\n];\n\nwindow.HyendTeam.render(\"hyend-team-leads-grid\", leadMembers);\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>HyEnD e.V. \u2013 The Board Subsystem and Project Leads<\/p>\n","protected":false},"author":1040,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4328","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hyend.de\/index.php\/wp-json\/wp\/v2\/pages\/4328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyend.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hyend.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hyend.de\/index.php\/wp-json\/wp\/v2\/users\/1040"}],"replies":[{"embeddable":true,"href":"https:\/\/hyend.de\/index.php\/wp-json\/wp\/v2\/comments?post=4328"}],"version-history":[{"count":65,"href":"https:\/\/hyend.de\/index.php\/wp-json\/wp\/v2\/pages\/4328\/revisions"}],"predecessor-version":[{"id":4965,"href":"https:\/\/hyend.de\/index.php\/wp-json\/wp\/v2\/pages\/4328\/revisions\/4965"}],"wp:attachment":[{"href":"https:\/\/hyend.de\/index.php\/wp-json\/wp\/v2\/media?parent=4328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}