{"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-06-16T18:26:21","modified_gmt":"2026-06-16T18:26:21","slug":"theteam","status":"publish","type":"page","link":"https:\/\/hyend.de\/index.php\/theteam\/","title":{"rendered":"Team"},"content":{"rendered":"\n\n\n<style>\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-radius: 20px;\n\n  background: #23262B;\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  backdrop-filter: blur(12px);\n\n  text-align: center;\n  color: #ffffff;\n  overflow: hidden;\n\n  transition:\n    transform 0.35s ease,\n    border-color 0.3s ease,\n    box-shadow 0.3s ease,\n    background 0.3s ease;\n}\n\n.hyend-team-card:hover {\n  transform: translateY(-8px);\n  border-color: rgba(255, 106, 0, 0.6);\n  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);\n  background: #23262B;\n}\n\n.hyend-team-image {\n  width: calc(100% + 32px);\n  aspect-ratio: 661.76 \/ 573.44;\n  margin: -24px -16px 28px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background: #23262B;\n  border-radius: 0;\n  overflow: hidden;\n  position: relative;\n}\n\n.hyend-team-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  display: block;\n  filter: none;\n}\n\n.hyend-team-not-responding {\n  width: 100%;\n  height: 100%;\n  min-height: 220px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n\n  background: #23262B;\n  color: rgba(255, 255, 255, 0.75);\n\n  font-family: inherit;\n  font-size: inherit;\n  line-height: 1.4;\n  font-weight: 700;\n}\n\n.hyend-team-spinner {\n  width: 34px;\n  height: 34px;\n  border: 4px solid rgba(255, 255, 255, 0.15);\n  border-top-color: #FF8200;\n  border-radius: 50%;\n  animation: hyend-team-spin 0.9s linear infinite;\n}\n\n.hyend-team-not-responding-text {\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n@keyframes hyend-team-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.hyend-team-card h4 {\n  margin: 0 0 22px;\n  color: #ffffff !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: 0.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, 0.85);\n}\n\n.hyend-team-role {\n  margin: 0;\n  color: rgba(255, 255, 255, 0.72);\n  font-size: inherit;\n  line-height: 1.65;\n}\n\n.hyend-team-email {\n  margin: 10px 0 0;\n  color: rgba(255, 255, 255, 0.72);\n  font-size: inherit;\n  line-height: 1.5;\n  word-break: break-word;\n}\n\n@media (max-width: 560px) {\n  .hyend-team-card {\n    padding: 32px 22px 34px;\n  }\n\n  .hyend-team-image {\n    width: calc(100% + 24px);\n    aspect-ratio: 661.76 \/ 573.44;\n    margin: -22px -12px 24px;\n    border-radius: 0;\n  }\n}\n<\/style>\n\n<script>\nclass TeamMemberCard {\n  constructor({\n    imageSrc = \"https:\/\/hyend.de\/wp-content\/uploads\/2024\/03\/Placeholder.png\",\n    name = \"Anonymos\",\n    role = \"\",\n    email = \"\",\n    notResponding = false\n  } = {}) {\n    this.imageSrc = imageSrc || \"https:\/\/hyend.de\/wp-content\/uploads\/2024\/03\/Placeholder.png\";\n    this.name = name || \"Anonymos\";\n    this.role = role || \"\";\n    this.email = email || \"\";\n    this.notResponding = notResponding;\n  }\n\n  render() {\n    const card = document.createElement(\"article\");\n    card.classList.add(\"hyend-team-card\");\n\n    const imageContent = this.notResponding\n      ? `\n        <div class=\"hyend-team-not-responding\" aria-label=\"Not Responding\">\n          <div class=\"hyend-team-spinner\"><\/div>\n          <div class=\"hyend-team-not-responding-text\">Not Responding...<\/div>\n        <\/div>\n      `\n      : `<img decoding=\"async\" src=\"${this.imageSrc}\" alt=\"Portrait von ${this.name}\">`;\n\n    card.innerHTML = `\n      <div class=\"hyend-team-image\">\n        ${imageContent}\n      <\/div>\n\n      <h4>${this.name}<\/h4>\n\n      <div class=\"hyend-team-divider\"><\/div>\n\n      ${this.role ? `<p class=\"hyend-team-role\">${this.role}<\/p>` : \"\"}\n\n      ${this.email ? `<p class=\"hyend-team-email\">${this.email}<\/p>` : \"\"}\n    `;\n\n    return card;\n  }\n}\n<\/script>\n\n\n\n<section id=\"team-board\" class=\"hyend-team-board\">\n  <h3>HyEnD e.V. \u2013 The Board<\/h3>\n\n  <div class=\"hyend-team-board-grid\" id=\"hyend-team-board-grid\"><\/div>\n<\/section>\n\n<style>\n.hyend-team-board {\n  position: relative;\n  padding: 90px 20px 100px;\n  background: #070b14;\n  overflow: hidden;\n}\n\n.hyend-team-board > h3 {\n  max-width: 1300px;\n  margin: 0 auto 45px auto;\n  padding: 0 20px;\n  color: #ffffff;\n}\n\n.hyend-team-board-grid {\n  width: 100%;\n  max-width: 1300px;\n  margin: 0 auto;\n\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n}\n\n@media (max-width: 800px) {\n  .hyend-team-board-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 560px) {\n  .hyend-team-board {\n    padding: 70px 16px 80px;\n  }\n\n  .hyend-team-board > h3 {\n    margin-bottom: 30px;\n    padding: 0;\n  }\n\n  .hyend-team-board-grid {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\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  },\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2024\/03\/maxiDinnebier.png\",\n    name: \"Maximilian Dinnebier\",\n    role: \"Deputy Chairman\",\n    email: \"\"\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  }\n];\n\nconst boardGrid = document.getElementById(\"hyend-team-board-grid\");\n\nboardMembers.forEach(member => {\n  const card = new TeamMemberCard(member);\n  boardGrid.appendChild(card.render());\n});\n<\/script>\n\n\n\n\n\n<section id=\"team-leads\" class=\"hyend-team-leads\">\n  <h3>Subsystem and Project Leads<\/h3>\n\n  <div class=\"hyend-team-leads-grid\" id=\"hyend-team-leads-grid\"><\/div>\n<\/section>\n\n<style>\n.hyend-team-leads {\n  position: relative;\n  padding: 90px 20px 100px;\n  background: #070b14;\n  overflow: hidden;\n}\n\n.hyend-team-leads > h3 {\n  max-width: 1300px;\n  margin: 0 auto 45px auto;\n  padding: 0 20px;\n  color: #ffffff;\n}\n\n.hyend-team-leads-grid {\n  max-width: 1300px;\n  margin: 0 auto;\n\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 24px;\n  justify-content: center;\n}\n\n@media (max-width: 1100px) {\n  .hyend-team-leads-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 800px) {\n  .hyend-team-leads-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 560px) {\n  .hyend-team-leads {\n    padding: 70px 16px 80px;\n  }\n\n  .hyend-team-leads > h3 {\n    margin-bottom: 30px;\n    padding: 0;\n  }\n\n  .hyend-team-leads-grid {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\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  },\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  },\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  },\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  },\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  },\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  },\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  },\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  },\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  },\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  },\n  {\n    imageSrc: \"https:\/\/hyend.de\/wp-content\/uploads\/2024\/03\/Bild2.png\",\n    name: \"Franziska Limmer\",\n    role: \"Public Relations\",\n    email: \"\",\n  }\n];\n\nconst leadsGrid = document.getElementById(\"hyend-team-leads-grid\");\n\nleadMembers.forEach(member => {\n  const card = new TeamMemberCard(member);\n  leadsGrid.appendChild(card.render());\n});\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":60,"href":"https:\/\/hyend.de\/index.php\/wp-json\/wp\/v2\/pages\/4328\/revisions"}],"predecessor-version":[{"id":4548,"href":"https:\/\/hyend.de\/index.php\/wp-json\/wp\/v2\/pages\/4328\/revisions\/4548"}],"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}]}}