{"id":120,"date":"2026-07-05T19:15:04","date_gmt":"2026-07-05T17:15:04","guid":{"rendered":"https:\/\/sichtraum.tha.de\/2026\/projekt-xy-copy\/"},"modified":"2026-07-17T11:02:14","modified_gmt":"2026-07-17T09:02:14","slug":"maritime-fleet-control","status":"publish","type":"post","link":"https:\/\/sichtraum.tha.de\/2026\/maritime-fleet-control\/","title":{"rendered":"Maritime Intelligent Interface"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":122,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"class_list":["post-120","post","type-post","status-publish","has-post-thumbnail","hentry","category-work"],"grid":"{\"colCount\":12,\"colGutter\":0,\"rowGutters\":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],\"frameMargin\":5,\"leftFrameMargin\":5,\"rightFrameMargin\":5,\"topFrameMargin\":400,\"mus\":{\"colGutterMu\":\"px\",\"rowGutterMu\":\"%\",\"topFrameMu\":\"px\",\"bottomFrameMu\":\"%\",\"frameMu\":\"%\"},\"bottomFrameMargin\":5,\"rowAttrs\":[{\"relid\":19},{\"relid\":1},{\"relid\":8},{\"relid\":3},{\"relid\":16},{\"relid\":5},{\"relid\":10},{\"relid\":4},{\"relid\":15},{\"relid\":14},{\"relid\":25},{\"relid\":32},{\"relid\":36},{\"relid\":38},{\"relid\":34},{\"relid\":23},{\"relid\":30},{\"relid\":28}],\"bgColor\":null,\"bgImage\":null,\"cont\":[{\"type\":\"img\",\"cont\":\"\/wp-content\/uploads\/2026\/07\/MARII-poster-1.png\",\"align\":\"middle\",\"row\":0,\"col\":0,\"colspan\":12,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":0,\"relid\":21,\"attid\":156,\"sizes\":{\"full\":\"\/wp-content\/uploads\/2026\/07\/MARII-poster-1.png\",\"_1280\":\"\/wp-content\/uploads\/2026\/07\/MARII-poster-1-1280x720.png\",\"_1024\":\"\/wp-content\/uploads\/2026\/07\/MARII-poster-1-1024x576.png\",\"_768\":\"\/wp-content\/uploads\/2026\/07\/MARII-poster-1-768x432.png\",\"_512\":\"\/wp-content\/uploads\/2026\/07\/MARII-poster-1-512x288.png\",\"_265\":\"\/wp-content\/uploads\/2026\/07\/MARII-poster-1-265x149.png\"},\"w\":1920,\"h\":1080,\"ar\":0.5625,\"alt\":\"\",\"absolute_position\":false,\"textOnElement\":{\"topLeft\":\"\",\"topCenter\":\"\",\"topRight\":\"\",\"leftCenter\":\"\",\"centerCenter\":\"\",\"rightCenter\":\"\",\"bottomLeft\":\"\",\"bottomCenter\":\"\",\"bottomRight\":\"\",\"spaceLeftRight\":10,\"spaceLeftRightMu\":\"px\",\"spaceTopBottom\":10,\"spaceTopBottomMu\":\"px\",\"enableSpacePhone\":false,\"spaceLeftRightPhone\":10,\"spaceLeftRightPhoneMu\":\"px\",\"spaceTopBottomPhone\":10,\"spaceTopBottomPhoneMu\":\"px\",\"verticalOffsetCenter\":0,\"verticalOffsetCenterMu\":\"px\",\"verticalOffsetCenterPhone\":0,\"verticalOffsetCenterPhoneMu\":\"px\",\"darkGradientAtTop\":false,\"darkGradientAtBottom\":false,\"darkGradientAtTopColor\":\"#000000\",\"darkGradientAtBottomColor\":\"#000000\"},\"frameOverflow\":\"\"},{\"type\":\"text\",\"cont\":\"<h1 class=\\\"_Header1\\\"><span style=\\\"color: #020a3a;\\\">MARII<\/span><\/h1><h1 class=\\\"_Header1\\\"><span style=\\\"color: #020a3a;\\\">(Maritime Intelligent Interface)<\/span><\/h1><h2><span style=\\\"color: #020a3a;\\\">Control between humans and autonomous maritime swarms<\/span><\/h2>\",\"align\":\"top\",\"row\":1,\"col\":0,\"colspan\":12,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":0,\"relid\":2,\"absolute_position\":false,\"bgColor\":{\"enableBgColor\":false,\"bgColor\":\"#ffffff\",\"bgOpacity\":100},\"textAnimation\":{\"enableTextAnimation\":false,\"animationType\":\"masked_lines\",\"easing\":\"easeOutExpo\",\"top\":80,\"duration\":40,\"delay\":0,\"lineMaskPaddingBottom\":false,\"syncWithNavigationAnimations\":false}},{\"type\":\"html\",\"cont\":\"<div class=\\\"boat-section\\\" style=\\\"height: 300px;\\\">\\n  <svg id=\\\"routeSvg\\\" viewBox=\\\"0 0 1000 200\\\" preserveAspectRatio=\\\"none\\\">\\n    <path id=\\\"routePath\\\"\\n      d=\\\"M 40 100 C 250 40, 400 160, 600 100 S 850 40, 960 100\\\"\\n      fill=\\\"none\\\" stroke=\\\"#888\\\" stroke-width=\\\"2\\\" stroke-dasharray=\\\"6 8\\\" \/>\\n  <\/svg>\\n  <div id=\\\"boatIcon\\\" class=\\\"boat-triangle\\\"><\/div>\\n<\/div>\\n<style>\\n.boat-triangle {\\n  position: absolute;\\n  width: 0;\\n  height: 0;\\n  border-left: 12px solid transparent;\\n  border-right: 12px solid transparent;\\n  border-bottom: 24px solid #0a1f4d;\\n  transform-origin: 50% 50%;\\n  z-index: 10;\\n  filter: drop-shadow(0 0 2px #00d9ff) drop-shadow(0 0 4px #00d9ff);\\n}\\n<\/style>\\n\\n<script>\\nconst path = document.getElementById('routePath');\\nconst boat = document.getElementById('boatIcon');\\nconst section = document.querySelector('.boat-section');\\nconst total = path.getTotalLength();\\n\\nfunction updateBoat() {\\n  const rect = section.getBoundingClientRect();\\n  const scrollableDist = rect.height + window.innerHeight;\\n  let progress = (window.innerHeight - rect.top) \/ scrollableDist;\\n  progress = Math.min(Math.max(progress, 0), 1);\\n\\n  const dist = progress * total;\\n  const p = path.getPointAtLength(dist);\\n  const p2 = path.getPointAtLength(Math.min(dist + 1, total));\\n  const angle = Math.atan2(p2.y - p.y, p2.x - p.x) * 180 \/ Math.PI + 90;\\n\\n  const scaleX = section.clientWidth \/ 1000;\\n  const scaleY = section.clientHeight \/ 200;\\n\\n  boat.style.left = (p.x * scaleX - 12) + 'px';\\n  boat.style.top = (p.y * scaleY - 30) + 'px';\\n  boat.style.transform = `rotate(${angle}deg)`;\\n}\\n\\nwindow.addEventListener('scroll', updateBoat);\\nwindow.addEventListener('resize', updateBoat);\\nupdateBoat();\\n<\/script>\",\"align\":\"middle\",\"row\":2,\"col\":0,\"colspan\":12,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":0,\"relid\":12,\"config\":{\"label\":\"\"},\"absolute_position\":false,\"frameOverflow\":\"\"},{\"type\":\"text\",\"cont\":\"<p class=\\\"_Teaser\\\"><span style=\\\"color: #020a3a;\\\">What is MARII?<\/span><\/p>\",\"align\":\"bottom\",\"row\":3,\"col\":0,\"colspan\":8,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":0,\"relid\":6,\"absolute_position\":false,\"bgColor\":{\"enableBgColor\":false,\"bgColor\":\"#ffffff\",\"bgOpacity\":100},\"frameOverflow\":\"\"},{\"type\":\"text\",\"cont\":\"<p><span style=\\\"color: #020a3a;\\\">.<\/span><\/p>\",\"align\":\"middle\",\"row\":4,\"col\":4,\"colspan\":2,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":4,\"relid\":17,\"absolute_position\":false},{\"type\":\"img\",\"cont\":\"\/wp-content\/uploads\/2026\/07\/isla-ejemplo.png\",\"align\":\"top\",\"row\":5,\"col\":0,\"colspan\":3,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":0,\"relid\":13,\"attid\":136,\"sizes\":{\"full\":\"\/wp-content\/uploads\/2026\/07\/isla-ejemplo.png\",\"_1024\":\"\/wp-content\/uploads\/2026\/07\/isla-ejemplo-1024x1489.png\",\"_768\":\"\/wp-content\/uploads\/2026\/07\/isla-ejemplo-768x1117.png\",\"_512\":\"\/wp-content\/uploads\/2026\/07\/isla-ejemplo-512x744.png\",\"_265\":\"\/wp-content\/uploads\/2026\/07\/isla-ejemplo-265x385.png\"},\"w\":1095,\"h\":1592,\"ar\":1.4538812785388129,\"alt\":\"\",\"absolute_position\":false,\"textOnElement\":{\"topLeft\":\"\",\"topCenter\":\"\",\"topRight\":\"\",\"leftCenter\":\"\",\"centerCenter\":\"\",\"rightCenter\":\"\",\"bottomLeft\":\"\",\"bottomCenter\":\"\",\"bottomRight\":\"\",\"spaceLeftRight\":10,\"spaceLeftRightMu\":\"px\",\"spaceTopBottom\":10,\"spaceTopBottomMu\":\"px\",\"enableSpacePhone\":false,\"spaceLeftRightPhone\":10,\"spaceLeftRightPhoneMu\":\"px\",\"spaceTopBottomPhone\":10,\"spaceTopBottomPhoneMu\":\"px\",\"verticalOffsetCenter\":0,\"verticalOffsetCenterMu\":\"px\",\"verticalOffsetCenterPhone\":0,\"verticalOffsetCenterPhoneMu\":\"px\",\"darkGradientAtTop\":false,\"darkGradientAtBottom\":false,\"darkGradientAtTopColor\":\"#000000\",\"darkGradientAtBottomColor\":\"#000000\"},\"frameOverflow\":\"\"},{\"type\":\"text\",\"cont\":\"<p>MARII is a platform that studies how humans and AI agents in maritime environments work together <strong>under pressure.<\/strong><\/p><p>Operators <strong>command a fleet<\/strong> of vessels using hand gestures and voice, on a screen.<\/p><p>Behind the scenes, an AI orchestrator interprets human intent in real time and decides how much control to hand back.<\/p><p>By measuring cognitive load and response times across rescue, resource-allocation, and crisis scenarios, MARII asks one question:<\/p><p>When the stakes are high at sea <strong>who should be in charge?<\/strong> The human, the machine, or the space between them?<\/p>\",\"align\":\"middle\",\"row\":5,\"col\":4,\"colspan\":8,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":1,\"relid\":26,\"absolute_position\":false,\"frameOverflow\":\"\"},{\"type\":\"text\",\"cont\":\"<p><span style=\\\"color: #020a3a;\\\">.<\/span><\/p><p><span style=\\\"color: #020a3a;\\\">.<\/span><\/p>\",\"align\":\"middle\",\"row\":6,\"col\":4,\"colspan\":2,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":4,\"relid\":11,\"absolute_position\":false},{\"type\":\"text\",\"cont\":\"<p class=\\\"_Teaser\\\" style=\\\"text-align: right;\\\">hOW DOES IT WORK?<\/p>\",\"align\":\"middle\",\"row\":7,\"col\":3,\"colspan\":9,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":3,\"relid\":9,\"absolute_position\":false,\"frameOverflow\":\"\",\"bgColor\":{\"enableBgColor\":false,\"bgColor\":\"#ffffff\",\"bgOpacity\":100}},{\"type\":\"text\",\"cont\":\"<p><span style=\\\"color: #020a3a;\\\">.<\/span><\/p>\",\"align\":\"middle\",\"row\":8,\"col\":5,\"colspan\":2,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":5,\"relid\":18,\"absolute_position\":false},{\"type\":\"text\",\"cont\":\"<p>\\u00a0<\/p><p>\\u00a0<\/p><p><strong>Point<\/strong> at a vessel to select it.<\/p><p><strong>Draw a route<\/strong> on the table to set its path.<\/p><p><strong>Speak a command<\/strong> \\u2014 the AI listens and acts.<\/p><p>Circle a group to select <strong>multiple vessels<\/strong> at once.<\/p><p>No keyboard. No mouse. Just hands and voice on the table.<\/p><p>\\u00a0<\/p>\",\"align\":\"top\",\"row\":9,\"col\":0,\"colspan\":7,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":0,\"relid\":20,\"absolute_position\":false,\"frameOverflow\":\"\"},{\"type\":\"img\",\"cont\":\"\/wp-content\/uploads\/2026\/07\/gestos3.png\",\"align\":\"top\",\"row\":9,\"col\":8,\"colspan\":4,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":1,\"relid\":22,\"attid\":147,\"sizes\":{\"full\":\"\/wp-content\/uploads\/2026\/07\/gestos3.png\",\"_512\":\"\/wp-content\/uploads\/2026\/07\/gestos3-512x442.png\",\"_265\":\"\/wp-content\/uploads\/2026\/07\/gestos3-265x229.png\"},\"w\":585,\"h\":505,\"ar\":0.86324786324786329,\"alt\":\"\",\"absolute_position\":false,\"textOnElement\":{\"topLeft\":\"\",\"topCenter\":\"\",\"topRight\":\"\",\"leftCenter\":\"\",\"centerCenter\":\"\",\"rightCenter\":\"\",\"bottomLeft\":\"\",\"bottomCenter\":\"\",\"bottomRight\":\"\",\"spaceLeftRight\":10,\"spaceLeftRightMu\":\"px\",\"spaceTopBottom\":10,\"spaceTopBottomMu\":\"px\",\"enableSpacePhone\":false,\"spaceLeftRightPhone\":10,\"spaceLeftRightPhoneMu\":\"px\",\"spaceTopBottomPhone\":10,\"spaceTopBottomPhoneMu\":\"px\",\"verticalOffsetCenter\":0,\"verticalOffsetCenterMu\":\"px\",\"verticalOffsetCenterPhone\":0,\"verticalOffsetCenterPhoneMu\":\"px\",\"darkGradientAtTop\":false,\"darkGradientAtBottom\":false,\"darkGradientAtTopColor\":\"#000000\",\"darkGradientAtBottomColor\":\"#000000\"},\"frameOverflow\":\"\"},{\"type\":\"text\",\"cont\":\"<p><span style=\\\"color: #020a3a;\\\">.<\/span><\/p><p><span style=\\\"color: #020a3a;\\\">.<\/span><\/p>\",\"align\":\"middle\",\"row\":10,\"col\":0,\"colspan\":2,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":0,\"relid\":27,\"absolute_position\":false},{\"type\":\"text\",\"cont\":\"<p class=\\\"_Teaser\\\" style=\\\"text-align: center;\\\">Internal Architecture<\/p>\",\"align\":\"top\",\"row\":11,\"col\":3,\"colspan\":6,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":3,\"relid\":33,\"absolute_position\":false,\"bgColor\":{\"enableBgColor\":false,\"bgColor\":\"#ffffff\",\"bgOpacity\":100}},{\"type\":\"text\",\"cont\":\"<p><span style=\\\"color: #020a3a;\\\">.<\/span><\/p>\",\"align\":\"middle\",\"row\":12,\"col\":5,\"colspan\":2,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":5,\"relid\":37,\"absolute_position\":false},{\"type\":\"html\",\"cont\":\"<div style=\\\"position:relative; width:100%; max-width:680px; height:420px; margin:0 auto; background:#0a1140; font-family:'Courier New', monospace; border-radius:8px;\\\">\\r\\n  <svg viewBox=\\\"0 0 680 420\\\" width=\\\"100%\\\" height=\\\"100%\\\" style=\\\"position:absolute; top:0; left:0; display:block;\\\">\\r\\n    <defs>\\r\\n      <marker id=\\\"arrow2\\\" viewBox=\\\"0 0 10 10\\\" refX=\\\"8\\\" refY=\\\"5\\\" markerWidth=\\\"6\\\" markerHeight=\\\"6\\\" orient=\\\"auto-start-reverse\\\">\\r\\n        <path d=\\\"M2 1L8 5L2 9\\\" fill=\\\"none\\\" stroke=\\\"#8a86c8\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"\/>\\r\\n      <\/marker>\\r\\n    <\/defs>\\r\\n    <path d=\\\"M195,96 L195,140 L245,170\\\" fill=\\\"none\\\" stroke=\\\"#8a86c8\\\" stroke-width=\\\"1\\\" marker-end=\\\"url(#arrow2)\\\"\/>\\r\\n    <path d=\\\"M495,96 L495,140 L435,170\\\" fill=\\\"none\\\" stroke=\\\"#8a86c8\\\" stroke-width=\\\"1\\\" marker-end=\\\"url(#arrow2)\\\"\/>\\r\\n    <path d=\\\"M245,242 L245,280 L195,320\\\" fill=\\\"none\\\" stroke=\\\"#8a86c8\\\" stroke-width=\\\"1\\\" marker-end=\\\"url(#arrow2)\\\"\/>\\r\\n    <path d=\\\"M435,242 L435,280 L495,320\\\" fill=\\\"none\\\" stroke=\\\"#8a86c8\\\" stroke-width=\\\"1\\\" marker-end=\\\"url(#arrow2)\\\"\/>\\r\\n    <path d=\\\"M90,330 L50,330 L50,200 L190,200\\\" fill=\\\"none\\\" stroke=\\\"#6a66a0\\\" stroke-width=\\\"1\\\" stroke-dasharray=\\\"4 4\\\" marker-end=\\\"url(#arrow2)\\\"\/>\\r\\n    <text x=\\\"60\\\" y=\\\"264\\\" fill=\\\"#8a86c8\\\" font-size=\\\"12\\\" font-family=\\\"'Courier New', monospace\\\">TELEMETRY<\/text>\\r\\n  <\/svg>\\r\\n\\r\\n  <div class=\\\"arch-box\\\" style=\\\"left:90px; top:40px; width:210px; height:56px;\\\">\\r\\n    <div class=\\\"arch-title\\\">GESTURE & POINTING<\/div>\\r\\n    <div class=\\\"arch-sub\\\">Camera tracking<\/div>\\r\\n  <\/div>\\r\\n\\r\\n  <div class=\\\"arch-box\\\" style=\\\"left:390px; top:40px; width:210px; height:56px;\\\">\\r\\n    <div class=\\\"arch-title\\\">VOICE COMMANDS<\/div>\\r\\n    <div class=\\\"arch-sub\\\">Whisper speech-to-text<\/div>\\r\\n  <\/div>\\r\\n\\r\\n  <div class=\\\"arch-box arch-core\\\" style=\\\"left:190px; top:170px; width:300px; height:72px;\\\">\\r\\n    <div class=\\\"arch-title\\\">CENTRAL ORCHESTRATOR<\/div>\\r\\n    <div class=\\\"arch-sub\\\">Async Python + LLM reasoning<\/div>\\r\\n  <\/div>\\r\\n\\r\\n  <div class=\\\"arch-box\\\" style=\\\"left:90px; top:320px; width:210px; height:56px;\\\">\\r\\n    <div class=\\\"arch-title\\\">VESSEL SWARM<\/div>\\r\\n    <div class=\\\"arch-sub\\\">Trajectories & telemetry<\/div>\\r\\n  <\/div>\\r\\n\\r\\n  <div class=\\\"arch-box\\\" style=\\\"left:390px; top:320px; width:210px; height:56px;\\\">\\r\\n    <div class=\\\"arch-title\\\">WEB SERVER<\/div>\\r\\n    <div class=\\\"arch-sub\\\">Visual explainability<\/div>\\r\\n  <\/div>\\r\\n<\/div>\\r\\n\\r\\n<style>\\r\\n.arch-box {\\r\\n  position: absolute;\\r\\n  background: #121a4f;\\r\\n  border: 1px solid #4a4590;\\r\\n  border-radius: 6px;\\r\\n  display: flex;\\r\\n  flex-direction: column;\\r\\n  align-items: center;\\r\\n  justify-content: center;\\r\\n  transition: transform 0.2s ease, border-color 0.2s ease;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.arch-box:hover {\\r\\n  transform: scale(1.06);\\r\\n  border-color: #00d9ff;\\r\\n}\\r\\n.arch-core {\\r\\n  background: #1c1560;\\r\\n  border-color: #6b5ecf;\\r\\n}\\r\\n.arch-core:hover {\\r\\n  border-color: #00d9ff;\\r\\n}\\r\\n.arch-title {\\r\\n  color: #d6d3f0;\\r\\n  font-size: 13px;\\r\\n  font-weight: bold;\\r\\n  letter-spacing: 0.5px;\\r\\n  text-align: center;\\r\\n}\\r\\n.arch-sub {\\r\\n  color: #9d9ac0;\\r\\n  font-size: 11px;\\r\\n  margin-top: 4px;\\r\\n  text-align: center;\\r\\n  padding: 0 8px;\\r\\n}\\r\\n<\/style>\",\"align\":\"middle\",\"row\":13,\"col\":0,\"colspan\":12,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":0,\"relid\":39,\"config\":{\"label\":\"\"},\"absolute_position\":false,\"frameOverflow\":\"\"},{\"type\":\"text\",\"cont\":\"<p><span style=\\\"color: #020a3a;\\\">.<\/span><\/p><p><span style=\\\"color: #020a3a;\\\">.<\/span><\/p>\",\"align\":\"middle\",\"row\":14,\"col\":1,\"colspan\":2,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":1,\"relid\":35,\"absolute_position\":false},{\"type\":\"text\",\"cont\":\"<p class=\\\"_Teaser\\\" style=\\\"text-align: center;\\\">OUR TEAM<\/p>\",\"align\":\"middle\",\"row\":15,\"col\":3,\"colspan\":6,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":3,\"relid\":24,\"absolute_position\":false,\"frameOverflow\":\"\",\"bgColor\":{\"enableBgColor\":false,\"bgColor\":\"#ffffff\",\"bgOpacity\":100}},{\"type\":\"text\",\"cont\":\"<p><span style=\\\"color: #020a3a;\\\">.<\/span><\/p>\",\"align\":\"middle\",\"row\":16,\"col\":2,\"colspan\":2,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":2,\"relid\":31,\"absolute_position\":false},{\"type\":\"html\",\"cont\":\"<div style=\\\"display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; font-family:'Courier New', monospace;\\\">\\r\\n  <div class=\\\"team-card\\\">\\r\\n    <div class=\\\"flag flag-es\\\"><div><\/div><div><\/div><div><\/div><\/div>\\r\\n    <div class=\\\"team-name\\\">TOM\\u00c1S HERRERO VALERO<\/div>\\r\\n    <div class=\\\"team-uni\\\">Universitat Polit\\u00e8cnica de Val\\u00e8ncia<\/div>\\r\\n  <\/div>\\r\\n  <div class=\\\"team-card\\\">\\r\\n    <div class=\\\"flag flag-de\\\"><div><\/div><div><\/div><div><\/div><\/div>\\r\\n    <div class=\\\"team-name\\\">FELIX B\\u00c4UML<\/div>\\r\\n    <div class=\\\"team-uni\\\">Technische Hochschule Augsburg<\/div>\\r\\n  <\/div>\\r\\n  <div class=\\\"team-card\\\">\\r\\n    <div class=\\\"flag flag-pl\\\"><div><\/div><div><\/div><\/div>\\r\\n    <div class=\\\"team-name\\\">PIOTR GRZELAK<\/div>\\r\\n    <div class=\\\"team-uni\\\">Politechnika \\u0141\\u00f3dzka<\/div>\\r\\n  <\/div>\\r\\n<\/div>\\r\\n\\r\\n<style>\\r\\n.team-card {\\r\\n  position: relative;\\r\\n  height: 160px;\\r\\n  background: #121a4f;\\r\\n  border: 1px solid #4a4590;\\r\\n  border-radius: 6px;\\r\\n  display: flex;\\r\\n  flex-direction: column;\\r\\n  align-items: center;\\r\\n  justify-content: center;\\r\\n  gap: 10px;\\r\\n  padding: 16px;\\r\\n  transition: transform 0.2s ease, border-color 0.2s ease;\\r\\n  cursor: pointer;\\r\\n}\\r\\n.team-card:hover {\\r\\n  transform: scale(1.05);\\r\\n  border-color: #00d9ff;\\r\\n}\\r\\n.team-name {\\r\\n  color: #d6d3f0;\\r\\n  font-size: 13px;\\r\\n  font-weight: bold;\\r\\n  letter-spacing: 0.5px;\\r\\n  text-align: center;\\r\\n}\\r\\n.team-uni {\\r\\n  color: #9d9ac0;\\r\\n  font-size: 11px;\\r\\n  text-align: center;\\r\\n}\\r\\n.flag {\\r\\n  width: 32px;\\r\\n  height: 20px;\\r\\n  display: flex;\\r\\n  flex-direction: column;\\r\\n  border: 1px solid #2a2560;\\r\\n  overflow: hidden;\\r\\n}\\r\\n.flag div { flex: 1; }\\r\\n.flag-es div:nth-child(1) { background: #aa151b; }\\r\\n.flag-es div:nth-child(2) { background: #f1bf00; }\\r\\n.flag-es div:nth-child(3) { background: #aa151b; }\\r\\n.flag-de div:nth-child(1) { background: #000000; }\\r\\n.flag-de div:nth-child(2) { background: #dd0000; }\\r\\n.flag-de div:nth-child(3) { background: #ffce00; }\\r\\n.flag-pl div:nth-child(1) { background: #ffffff; }\\r\\n.flag-pl div:nth-child(2) { background: #dc143c; }\\r\\n<\/style>\",\"align\":\"middle\",\"row\":17,\"col\":0,\"colspan\":12,\"offsetx\":0,\"offsety\":0,\"spaceabove\":0,\"spacebelow\":0,\"yvel\":1,\"push\":0,\"relid\":29,\"config\":{\"label\":\"\"},\"absolute_position\":false,\"frameOverflow\":\"\"}]}","phonegrid":"","_links":{"self":[{"href":"https:\/\/sichtraum.tha.de\/2026\/wp-json\/wp\/v2\/posts\/120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sichtraum.tha.de\/2026\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sichtraum.tha.de\/2026\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sichtraum.tha.de\/2026\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/sichtraum.tha.de\/2026\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":0,"href":"https:\/\/sichtraum.tha.de\/2026\/wp-json\/wp\/v2\/posts\/120\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sichtraum.tha.de\/2026\/wp-json\/wp\/v2\/media\/122"}],"wp:attachment":[{"href":"https:\/\/sichtraum.tha.de\/2026\/wp-json\/wp\/v2\/media?parent=120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sichtraum.tha.de\/2026\/wp-json\/wp\/v2\/categories?post=120"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sichtraum.tha.de\/2026\/wp-json\/wp\/v2\/tags?post=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}