#start.wrap{max-width:none;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 10%,#82509670,transparent 58%),linear-gradient(115deg,#23142f,#49305e);color:#faf5ff;padding-inline:max(5%,calc((100vw - 1150px)/2))}#start.wrap::before,#start.wrap::after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid #dfc28470;border-radius:50%;width:440px;height:440px;right:-110px;top:-200px}#start.wrap::after{width:325px;height:325px;right:-53px;top:-143px;box-shadow:0 0 0 58px #dfc28408}#start .hero h1{color:#e6ccff}#start .hero p,#start .principle,#start .strip span{color:#e0d4e8}#start .eyebrow{color:#dfc284}#start .strip{border-color:#ffffff30}#start .strip div{border-color:#ffffff25}#start .btn.light{color:#faf5ff;border-color:#d4b7e570}#start .hero-image{border:1px solid #ffffff25;background:#342242}.international-highlight{border:2px solid #96704a!important;background:linear-gradient(120deg,#fffdf8,#f0e8f5)!important;padding:32px!important;box-shadow:0 12px 34px #442c6010;position:relative}.international-highlight h3{color:#563674}.investor-callout{border-inline-start:3px solid #bda071;background:#eee7f3;padding:20px 24px;margin-top:35px;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center}.investor-callout strong{color:#563674;font-size:16px}.investor-callout a{color:#563674;text-decoration:underline;text-underline-offset:4px;font-size:14px}.dark .investor-callout{background:#ffffff10}.dark .investor-callout strong,.dark .investor-callout a{color:#f2dcb5}.back-to-top{display:block;width:max-content;max-width:90%;margin:30px auto 40px;padding:12px 25px;border:1px solid #563674;color:#563674;font:600 12px "Segoe UI",Arial,sans-serif;letter-spacing:.06em;text-decoration:none;scroll-behavior:smooth}.back-to-top:hover{background:#563674;color:#fff}.languages{gap:12px!important;flex-wrap:wrap}.languages a,.language-switch a{font-size:11px!important;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.product-expansion .fabs-video-row{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.product-expansion .project-videos{width:100%;min-width:0;display:block;background:transparent}.product-expansion .project-videos figure{width:100%;margin:0;background:transparent}.product-expansion .project-videos video{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/10;object-fit:contain;background:#21182b;border:1px solid #56367430}.product-expansion .video-description h3{margin-top:0}.investor-heading{font-size:clamp(2.1rem,4.1vw,3.8rem)!important;line-height:1.12!important;max-width:1000px}.language-switch{flex-wrap:wrap!important;gap:12px!important}@media(min-width:1081px){header nav{flex-wrap:wrap;gap:12px 25px}header .brand{flex:0 0 auto}header .links{flex:1;justify-content:flex-end}header .languages{width:100%;justify-content:flex-end;padding-top:0}}@media(max-width:760px){.product-expansion .fabs-video-row{grid-template-columns:1fr;gap:24px}#start.wrap{padding-inline:5%}.languages{gap:9px!important}.languages a{font-size:10px!important}.international-highlight{padding:22px!important}.investor-heading{font-size:2.15rem!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v14: native media proportions and flowing biography */
#start .hero-image{height:600px;border-radius:180px 8px 8px 8px;overflow:hidden;background:transparent}#start .hero-image img{width:100%;height:100%;object-fit:cover;object-position:58% 55%;background:transparent}.product-expansion .fabs-video-row{display:flow-root}.product-expansion .fabs-video-row .project-videos{float:inline-start;width:clamp(220px,28vw,300px);margin:0 32px 18px 0}.product-expansion .fabs-video-row .project-videos video{aspect-ratio:auto;width:100%;height:auto;max-height:none;object-fit:contain;background:transparent;border:1px solid #56367425}.product-expansion .fabs-video-row .project-videos figure{margin:0}.product-expansion .fabs-video-row .video-description{display:contents}.product-expansion .fabs-video-row .video-description p{max-width:none}.back-to-top{margin-inline:auto 5%;margin-block:25px 35px}.bio{display:flow-root}.bio>div:first-child{float:inline-start;width:31%;margin:0 38px 22px 0}.bio>div:nth-child(2){display:contents}.bio .clinical-figure{float:inline-end;width:210px!important;max-width:32%!important;margin:8px 0 18px 26px!important}.bio .clinical-figure img{width:100%;height:auto}.bio .open-panel{display:flow-root;clear:both;margin-top:28px}.conference-inline{float:inline-start;width:38%;max-width:330px;margin:0 28px 14px 0}.conference-inline img{display:block;width:100%;height:auto;max-height:none;background:transparent}.conference-inline figcaption{font-size:12px;color:var(--muted);margin-top:8px}.sea-engagement{display:flow-root;margin-top:45px}.sea-photo{float:inline-end;width:38%;max-width:410px;margin:0 0 20px 35px}.sea-photo img{width:100%;height:auto;display:block}.sea-photo figcaption{font-size:12px;color:var(--muted);margin-top:8px}.sea-engagement h3{padding-top:8px}.stern-source{display:inline-block;margin:0 0 18px;color:var(--purple);text-decoration:underline;text-underline-offset:4px}html[dir=rtl] .bio>div:first-child,html[dir=rtl] .conference-inline,html[dir=rtl] .product-expansion .fabs-video-row .project-videos{margin-left:30px;margin-right:0}html[dir=rtl] .bio .clinical-figure,html[dir=rtl] .sea-photo{margin-left:0!important;margin-right:26px!important}@media(max-width:760px){#start .hero-image{height:430px;border-radius:110px 6px 6px 6px}.bio>div:first-child{width:37%;margin-right:22px}.bio .clinical-figure{max-width:36%!important;width:180px!important}.conference-inline{width:40%;margin-right:20px}.sea-photo{width:40%;margin-left:22px}.product-expansion .fabs-video-row .project-videos{width:42%;min-width:150px;margin-right:20px}.back-to-top{margin-right:5%}}@media(max-width:450px){.bio>div:first-child{float:none;width:75%;margin:0 auto 24px}.bio .clinical-figure{width:40%!important;max-width:40%!important}.conference-inline,.sea-photo{width:45%}.product-expansion .fabs-video-row .project-videos{float:none;width:min(260px,100%);margin:0 auto 22px}.hero-image .caption{padding:40px 20px 20px}}

/* v15: preserve the woman on the left and render FABS pictures without frames */
#start .hero-image img{object-position:25% 55%}.fabs-gallery{align-items:start}.fabs-gallery figure{margin:0;min-width:0;background:transparent}.fabs-gallery img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain;background:transparent!important;border-radius:20px;overflow:hidden}.nomad-positioning{padding:26px!important;border:1px solid var(--line);background:#eee7f360;margin:20px 0}.nomad-production{padding:28px!important;border-inline-start:3px solid #bda071;background:#f1eaf6;margin:24px 0}.nomad-production .eyebrow,.nomad-positioning .eyebrow{font-size:11px}.source-location-link a{display:inline-block;margin-top:14px}@media(max-width:760px){#start .hero-image img{object-position:22% 55%}.fabs-gallery img{border-radius:15px}.nomad-production,.nomad-positioning{padding:20px!important}}

/* v16: consistent image corners, captions and inline source links */
#nomad .split>.photo,#ar .photo{border-radius:22px;overflow:hidden}.nomad-concept figcaption strong,.nomad-concept figcaption span{display:block}.nomad-concept figcaption span{margin-top:6px;font-size:13px;line-height:1.55}.product-expansion .project-videos figcaption h3.video-title-small{font-family:"Segoe UI",Arial,sans-serif;font-size:15px!important;line-height:1.35!important;font-weight:600;margin:10px 0 4px;letter-spacing:0;overflow-wrap:anywhere}.product-expansion .project-videos figcaption{font-size:12px}.product-expansion .project-videos .video-source-note{font-size:12px;line-height:1.5}.sea-engagement p .stern-source{display:inline;margin:0;font:inherit;color:var(--purple);text-decoration:underline;text-underline-offset:3px}.fabs-explanation+.investor-callout{border:0;border-inline-start:3px solid #bda071;background:#eee7f3}

/* v17: case video and edited hardware overview */
.nomad-media-pair{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:35px;align-items:center;margin:45px 0}.nomad-media-pair .nomad-video-block{margin:0;min-width:0}.nomad-media-pair .hardware-overview{margin:0;min-width:0;align-self:center}.hardware-overview img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:20px;cursor:zoom-in}.hardware-overview figcaption{font-size:12px;color:var(--muted);line-height:1.5;margin-top:10px}.nomad-media-pair .nomad-video-stage{margin-inline:auto}@media(max-width:760px){.nomad-media-pair{grid-template-columns:1fr;gap:28px}.hardware-overview img{border-radius:15px}}

/* v18: media assignments and wider investor portfolio */
#daten .information-photo{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:18px;background:transparent}.airport-project-photo{margin:22px 0 0}.airport-project-photo img{display:block;width:100%;height:auto;border-radius:16px}.airport-project-photo figcaption{font-size:12px;margin-top:8px;color:var(--muted)}.sap-application-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;margin:35px 0}.sap-application-pair .sap-figure,.sap-application-pair .security-application{margin:0;min-width:0;width:100%;max-width:none}.sap-application-pair img{width:100%;height:auto!important;max-height:none!important;object-fit:contain;border-radius:16px}.sap-application-pair figcaption{font-size:12px;line-height:1.5;margin-top:10px}.investment-fields{margin:35px 0 65px}.investment-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.investment-field-grid article{border:1px solid var(--line);padding:27px;background:#fbf9fc;display:flex;flex-direction:column}.investment-field-grid h3{margin:12px 0;font-family:Georgia,serif;font-size:26px;line-height:1.2}.investment-field-grid p{font-size:16px}.investment-field-grid a{margin-top:auto;padding-top:18px}.field-number{font-size:12px;letter-spacing:.12em;color:#946c39}.investment-platforms{margin:55px 0;padding:35px;border-inline-start:3px solid #bda071;background:#eee7f3}.investment-platforms h2,.investment-fields>h2,.investor-field-heading h2{font-size:clamp(27px,3vw,40px);line-height:1.15}.investor-field-heading{border-top:1px solid var(--line);padding-top:50px;margin:50px 0 24px}@media(max-width:760px){.sap-application-pair,.investment-field-grid{grid-template-columns:1fr}.investment-platforms{padding:24px}.investment-field-grid article{padding:22px}}

/* v19: coherent contrast and compact editorial layouts */
.innovation-award{border:2px solid #9b7b53!important;border-radius:12px!important;background:#eee7f3!important;padding:28px!important;box-shadow:0 6px 20px #442c6010}.innovation-award h3{color:#563674!important}.clinical-figure img,.portrait-wrap img,.conference-inline img,.sea-photo img,.thw-reference img,.thw-project-photo img{border-radius:12px!important;overflow:hidden}.sap-application-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.sap-application-pair .sap-figure>img,.sap-application-pair .security-application>img{display:block;width:100%;height:clamp(190px,24vw,330px)!important;max-height:none!important;object-fit:contain;background:transparent}.solar-power{padding-inline-start:18px;border-inline-start:3px solid #bda071}
/* All light investor panels explicitly own their text colors. */
.investor-page .partner .investment-field-grid article,.investor-page .partner .investment-platforms,.investor-page .partner .investor-summary,.investor-page .partner .investor-overview>article,.investor-page .partner .investor-roadmap,.investor-page .partner .status-grid>article,.investor-page .partner .patent-classification,.investor-page .partner .fabs-platform-overview{background:#eee7f3!important;color:#2d2037!important;border:1px solid #cdbed9!important;border-radius:10px;padding:26px!important;box-shadow:none}.investor-page .partner .investor-summary,.investor-page .partner .investment-platforms{border-inline-start:3px solid #a27d49!important}.investor-page .partner .investment-field-grid article :is(h2,h3,h4,strong,b),.investor-page .partner .investment-platforms :is(h2,h3,h4,strong,b),.investor-page .partner .investor-summary :is(h2,h3,h4,strong,b),.investor-page .partner .investor-overview>article :is(h2,h3,h4,strong,b),.investor-page .partner .investor-roadmap :is(h2,h3,h4,strong,b),.investor-page .partner .status-grid>article :is(h2,h3,h4,strong,b){color:#48285e!important}.investor-page .partner .investment-field-grid article :is(p,li,figcaption,span),.investor-page .partner .investment-platforms :is(p,li,figcaption,span),.investor-page .partner .investor-summary :is(p,li,figcaption,span),.investor-page .partner .investor-overview>article :is(p,li,figcaption,span),.investor-page .partner .investor-roadmap :is(p,li,figcaption,span),.investor-page .partner .status-grid>article :is(p,li,figcaption,span),.investor-page .partner .patent-classification{color:#392d43!important;max-width:none}.investor-page .partner .investment-field-grid article a,.investor-page .partner .investment-platforms a,.investor-page .partner .investor-summary a,.investor-page .partner .investor-overview>article a,.investor-page .partner .investor-roadmap a,.investor-page .partner .status-grid>article a{color:#58316f!important;text-decoration:underline;text-underline-offset:3px}.investor-page .partner .investment-field-grid .field-number,.investor-page .partner .investor-summary .eyebrow,.investor-page .partner .investor-overview>article .eyebrow,.investor-page .partner .investor-roadmap .eyebrow{color:#67417d!important}.investor-page .partner .investment-field-grid h3{font-size:23px!important;margin:8px 0 12px!important}.investor-page .partner .investment-field-grid p{font-size:16px!important;line-height:1.65!important;margin:0!important}.investor-page .partner .investment-field-grid{gap:18px;margin:24px 0}.investor-page .partner .investment-field-grid article{padding:22px!important}.investor-page .partner .investment-field-grid a{padding-top:18px;font-size:14px}.investor-page .partner .investment-platforms p,.investor-page .partner .investor-summary p{margin-top:16px;max-width:none}.investor-page .partner .investment-platforms h2{margin-bottom:20px}.investor-page .partner .patent-classification{font-size:15px;line-height:1.7}.investor-page .partner .historical-research-flow{display:block}.investor-page .partner .historical-research-flow>article{margin:22px 0}.investor-page .partner .historical-research-flow h4{font-size:21px;line-height:1.35;margin:25px 0 14px}.investor-page .partner .historical-research-flow .fabs-platform-overview{padding:22px 0 0!important;border:0!important;border-top:1px solid #cdbed9!important;border-radius:0}.investor-page .partner .project-experience-pair{display:block}.investor-page .partner .project-experience-pair>.investor-roadmap{margin:22px 0;display:flow-root}.investor-page .partner .wound-research-photo{float:inline-end;width:200px;max-width:28%;margin:5px 0 18px 28px}.investor-page .partner .wound-research-photo img{border-radius:12px;width:100%;height:auto}.investor-page .partner .wound-research-photo figcaption{font-size:12px;line-height:1.5;color:#55465f!important}.investor-page .partner .wound-research-project p{max-width:none}.investor-page .partner .wound-research-project h3{margin-bottom:20px}.investor-page .partner .wound-research-project .eyebrow{margin-top:0}.investor-page .partner .wound-research-photo~p{max-width:none}.investor-page[dir=rtl] .wound-research-photo,html[dir=rtl] .investor-page .partner .wound-research-photo{margin:5px 28px 18px 0}@media(max-width:760px){.sap-application-pair{grid-template-columns:1fr}.sap-application-pair .sap-figure>img,.sap-application-pair .security-application>img{height:auto!important}.investor-page .partner .wound-research-photo{width:160px;max-width:38%;margin:5px 0 15px 20px}.investor-page .partner .investment-field-grid article{padding:20px!important}.innovation-award{padding:22px!important}}@media(max-width:430px){.investor-page .partner .wound-research-photo{float:none;width:190px;max-width:100%;margin:20px auto}.investor-page .partner .investor-overview>article,.investor-page .partner .investor-roadmap{padding:20px!important}}

/* v25: sculpted image corner, rounded case video and compact biography media */
#nomad .split>.photo{border-radius:8px 110px 8px 8px;overflow:hidden}
.nomad-media-pair .nomad-video-stage{border-radius:22px;overflow:hidden}
.nomad-media-pair .nomad-video-stage .local-video-launch,
.nomad-media-pair .nomad-video-stage img,
.nomad-media-pair .nomad-video-stage video{border-radius:inherit}
.ethics-inline{clear:both;display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:24px;align-items:center;margin:22px 0 28px}
.ethics-inline>p{margin:0}
.ethics-inline .ethics-figure{width:100%;max-width:155px;margin:0}
.ethics-inline .ethics-figure img{border-radius:22px;overflow:hidden}
.ethics-inline .ethics-figure figcaption{font-size:11px;line-height:1.45;margin-top:8px}
.sea-engagement .engagement-video{width:100%;max-width:320px;min-height:0;height:auto;aspect-ratio:16/9;margin:18px 0 6px;border-radius:16px;overflow:hidden}
.sea-engagement .engagement-video button{padding:0}
.sea-engagement .engagement-video .play{width:44px;height:44px;line-height:40px;font-size:26px;margin-bottom:7px}
.sea-engagement .engagement-video .video-label{font-size:11px}
@media(max-width:600px){
 #nomad .split>.photo{border-top-right-radius:75px}
 .ethics-inline{grid-template-columns:minmax(0,1fr) 125px;gap:16px}
 .ethics-inline .ethics-figure{max-width:125px}
}
@media(max-width:380px){.ethics-inline{grid-template-columns:minmax(0,1fr) 105px;gap:12px}}

/* v26: physically left-aligned robot and medical illustration; raised laboratory portrait */
.ethics-inline{direction:ltr;grid-template-columns:155px minmax(0,1fr)}
.ethics-inline>.ethics-figure{grid-column:1;grid-row:1}
.ethics-inline>p{grid-column:2;grid-row:1}
html[dir=rtl] .ethics-inline>p,html[dir=rtl] .ethics-inline figcaption{direction:rtl;text-align:right}
.bio .clinical-figure{margin-top:0!important}
.wound-project>div{display:flow-root}
.wound-project .wound-vuzix{float:left;width:42%;max-width:280px;margin:0 24px 16px 0}
.wound-project .wound-vuzix img{display:block;width:100%;height:auto;max-height:none;border-radius:22px;overflow:hidden}
.wound-project .wound-vuzix figcaption{font-size:11px;line-height:1.5;margin-top:7px}
@media(max-width:600px){.ethics-inline{grid-template-columns:125px minmax(0,1fr)}.wound-project .wound-vuzix{width:45%;margin-right:16px}}
@media(max-width:380px){.ethics-inline{grid-template-columns:105px minmax(0,1fr)}}

/* v29: left-aligned medical AR illustration on investor wound-research section */
.investor-page .partner .wound-research-project{display:flow-root}
.investor-page .partner .investor-wound-vuzix{float:left;width:34%;max-width:280px;margin:0 24px 18px 0}
.investor-page .partner .investor-wound-vuzix img{display:block;width:100%;height:auto;border-radius:22px;overflow:hidden}
.investor-page .partner .investor-wound-vuzix figcaption{font-size:11px;line-height:1.5;color:#55465f;margin-top:8px}
@media(max-width:520px){.investor-page .partner .investor-wound-vuzix{float:none;width:100%;max-width:280px;margin:0 0 18px}}


/* ============================================================
   SOULSKIPPER — Korrekturen (Mobile, A11y, Kontrast)
   Wird beim Build an restored.css angehängt.
   ============================================================ */

/* --- Skip-Link (Tastatur) ---------------------------------- */
.skip-link {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  transform: translateY(-120%);
  z-index: 9999;
  padding: 12px 20px;
  background: #160e22;
  color: #f4eef9;
  border: 2px solid #e8c887;
  border-radius: 0 0 8px 0;
  font: 600 14px/1.2 "Segoe UI", Arial, sans-serif;
  text-decoration: none;
  transition: transform .15s ease;
}
.skip-link:focus,
.skip-link:focus-visible {
  transform: translateY(0);
  outline: 3px solid #e8c887;
  outline-offset: 2px;
}

/* --- Sichtbarer Fokus für Tastaturbedienung ---------------- */
body:not(.investor-page) a:focus-visible,
body:not(.investor-page) button:focus-visible,
body:not(.investor-page) summary:focus-visible,
body:not(.investor-page) [tabindex]:focus-visible {
  outline: 3px solid #b995d8;
  outline-offset: 3px;
  border-radius: 2px;
}
body:not(.investor-page) .dark a:focus-visible,
body:not(.investor-page) .dark button:focus-visible,
body:not(.investor-page) .dark [tabindex]:focus-visible {
  outline-color: #e8c887;
}

/* --- 1) Hero-Bild: war auf <=760px fix 559px breit
   (aspect-ratio 1.3 + height:430px aus #start .hero-image)
   -> rechts abgeschnitten, horizontaler Scroll. --------------- */
@media (max-width: 760px) {
  #start .hero-image {
    height: auto !important;
    aspect-ratio: 4 / 5;
    width: 100%;
    min-width: 0;
    max-height: 72vh;
  }
  #start .hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* --- 2) Header: Menü-Button lag bei 320–535px außerhalb des
   Viewports (nav flex-wrap:nowrap + brand/languages flex-shrink:0) */
@media (max-width: 560px) {
  header nav {
    flex-wrap: wrap;
    gap: 8px 12px;
    padding-block: 12px;
  }
  .languages {
    order: 4;
    width: 100%;
    justify-content: flex-start;
    gap: 4px !important;
    margin-inline-start: 0 !important;
  }
  .languages a {
    font-size: 11px !important;
    padding: 9px 10px;
    border: 1px solid var(--line);
    border-radius: 3px;
  }
  .menu {
    order: 3;
    margin-inline-start: auto;
  }
  .links { top: auto; }
}

/* --- 3) Referenz-Karten: Grid-Items ohne min-width:0 -> Overflow */
.references { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.reference,
.reference > * { min-width: 0; }

/* --- 4) Tap-Targets: Sprachlinks 28px, Textlinks 18–21px hoch */
@media (max-width: 760px) {
  .languages a,
  .video-box a,
  .reference-source,
  .btn,
  .back-to-top {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
  .links a { min-height: 44px; display: flex; align-items: center; }
}

/* --- 5) Typografie-Untergrenze: 6px/7px/10px Skalen auf Mobile */
@media (max-width: 760px) {
  .brand-type small { font-size: 9px; letter-spacing: 1.4px; }
  small, figcaption, .reference small, .product-expansion figcaption { font-size: 12px; }
  .eyebrow, .number { font-size: 11px; }
}

/* --- 6) Video-Platzhalter: schwarze Kästen -> Poster + Play */
.video-stage button { background-size: cover; background-position: center; }
.video-stage button::before,
.video-stage button:before {
  background: linear-gradient(180deg, #19151e40, #19151ecd);
}

/* --- 7) Sea-Watch / Bio: Floats auf sehr schmalen Screens auflösen.
   Die RTL-Varianten werden mit gleicher Spezifität überschrieben,
   weil dort margin-right:26px !important gesetzt ist. --------------- */
@media (max-width: 450px) {
  .sea-photo,
  .conference-inline,
  .bio .clinical-figure,
  html[dir="rtl"] .sea-photo,
  html[dir="rtl"] .bio .clinical-figure,
  html[dir="rtl"] .conference-inline {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px 0 !important;
    margin-inline: 0 !important;
  }
}

/* --- 7b) Sehr schmale Geräte (320–360px): lange deutsche Wörter
   sprengen die Grid-Spalten, Meilenstein-Raster bleibt zu breit. -- */
@media (max-width: 560px) {
  h1, h2, h3, .large-type, .fabs-wordmark {
    overflow-wrap: break-word;
    hyphens: auto;
  }
  .intro > *,
  .bio > *,
  .open-panel > *,
  .references,
  .milestones { min-width: 0; }
  .milestones { grid-template-columns: repeat(auto-fit, minmax(84px, 1fr)); }
}

/* --- 8) Kontrast: figcaption auf dunklen Flächen (#736b79 auf
   #261633 war 3,3:1) ------------------------------------------ */
.dark .open-panel figcaption,
.dark .product-expansion figcaption,
.dark .sap-application-pair figcaption {
  color: #d3c7de;
}
/* Die SAP-Abbildung hat einen weißen Kasten: dort bleibt die
   Schrift dunkel. */
.dark .sap-figure figcaption { color: #655c6c; }

.dark .sap-attribution { color: #cfc4d8; }

/* --- 9) Reduced Motion: Transitions/Hover abschalten --------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  .signal-art { animation: none !important; }
}

/* --- 10) Kopf-Logo: Bildmarke + Schriftzug als ein Bild, wie auf
   der Investorenseite. Vorher: kleines Emblem + HTML-Text, der den
   Schriftzug doppelte. --------------------------------------- */
header .brand {
  display: block;
  line-height: 0;
  gap: 0;
  flex: 0 0 auto;
}
header .brand .brand-logo {
  display: block;
  width: 150px;
  height: auto;
  /* Das Logo ist fuer dunkle Flaechen gezeichnet (hellen Linien).
     Auf dem hellen Kopfbereich wird es abgedunkelt. */
  filter: brightness(.42) saturate(1.3);
}
@media (max-width: 1100px) {
  header .brand .brand-logo { width: 132px; }
}
@media (max-width: 900px) {
  header .brand .brand-logo { width: 116px; }
}
@media (max-width: 560px) {
  header .brand .brand-logo { width: 104px; }
}

/* --- 11) Mobiles Menü: das geöffnete Panel lag über dem Menü-Button.
   Der Button war damit nicht mehr erreichbar ("Menü lässt sich nicht
   wieder einklappen"). Jetzt klappt das Panel unter dem Kopfbereich
   auf, der Button bleibt oben und zeigt im offenen Zustand ein Kreuz. */
@media (max-width: 700px) {
  header nav {
    position: relative;
  }
  header .links {
    position: absolute;
    top: 100%;
    inset-inline: 0;
    z-index: 15;
    margin: 0;
    padding: 14px 5% 18px;
    background: var(--paper);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 22px 40px #29213524;
    max-height: calc(100vh - 90px);
    overflow-y: auto;
    align-items: flex-start;
  }
  header .menu {
    position: relative;
    z-index: 20;
    min-height: 44px;
    padding: 9px 13px;
    letter-spacing: .02em;
  }
  header .menu .menu-close { display: none; }
  header .menu[aria-expanded="true"] {
    background: var(--ink);
    color: var(--paper);
    border-color: var(--ink);
  }
  header .menu[aria-expanded="true"] .menu-open { display: none; }
  header .menu[aria-expanded="true"] .menu-close { display: inline; }
}

/* Investorenseite: das Menü klappt dort im Kopfbereich auf, der Button
   bekommt aber ebenfalls einen sichtbaren Schließen-Zustand. */
@media (max-width: 700px) {
  .menu-toggle {
    min-height: 44px;
    padding: 9px 13px;
  }
  .menu-toggle[aria-expanded="true"] {
    background: var(--gold);
    color: #2b1535;
    border-color: var(--gold);
  }
  .menu-toggle[aria-expanded="true"]::after {
    content: " ✕";
  }
}

/* --- 12) Kopf- und Fusszeile -------------------------------------
   Kopf: unter dem Logo steht die Unterzeile in der jeweiligen Sprache
   (brandSub aus site-meta.json), mittig unter dem Schriftzug.
   Die Wortmarke im Logo-Bild reicht von x=74 bis x=1524 (Mitte 799 von
   1600), sitzt also mittig im Bild: die Bildmitte ist die Mitte des
   Schriftzugs. Damit die Zeile auch dann mittig bleibt, wenn sie breiter
   als das Logo ist, ist die Marke ein Flex-Container mit zentrierten
   Kindern (text-align wuerde bei Ueberlauf nach rechts ausbrechen).
   Fusszeile: nur noch Emblem mit "SOULSKIPPER" darunter - vorher stand
   der Name dreifach (Textzeile, Schriftzug, TECHNOLOGY & RESEARCH). --- */
header .brand,
header.header .brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

header .brand .brand-sub {
  display: block;
  margin-top: 6px;
  font-size: 7.5px;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 1.1px;
  color: #6b5a7a;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Investorenseite: dunkler Kopf (#30153f), Logo 142 px breit, Schrift
   in Gold. Groesse so gewaehlt, dass die Zeile in allen vier Sprachen
   innerhalb des Logos bleibt (DE 127 px, SR 131 px). */
header.header .brand .brand-sub {
  margin-top: 9px;
  font-size: 6.9px;
  letter-spacing: .95px;
  color: var(--gold);
  opacity: .92;
}

.footer-inner .brand {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}

.footer-inner .brand-emblem {
  width: 72px;
  height: 67px;
}

.footer-inner .brand-type {
  font-size: 16px;
  letter-spacing: 2.4px;
  /* Laufweite haengt hinter dem letzten Zeichen ein Leerzeichen an, das
     den Schriftzug optisch nach links rueckt. Der negative Rand nimmt
     genau diesen Rest weg, damit die Buchstaben mittig stehen. */
  margin-inline-end: -2.4px;
}

@media (max-width: 1100px) {
  header .brand .brand-sub { font-size: 7.2px; letter-spacing: 1px; }
}

@media (max-width: 900px) {
  header .brand .brand-sub { font-size: 6.4px; letter-spacing: .8px; }
  header.header .brand .brand-sub { font-size: 6.9px; letter-spacing: .95px; }
}

@media (max-width: 700px) {
  header .brand .brand-sub { font-size: 6.4px; letter-spacing: .8px; }
  header.header .brand .brand-sub { margin-top: 7px; font-size: 6.1px; letter-spacing: .75px; }
  .footer-inner .brand-emblem { width: 62px; height: 58px; }
  .footer-inner .brand-type { font-size: 15px; margin-inline-end: -2.2px; }
}

@media (max-width: 560px) {
  header .brand .brand-sub { font-size: 6px; letter-spacing: .7px; }
}

@media (max-width: 420px) {
  header .brand .brand-sub { font-size: 5.6px; letter-spacing: .6px; }
  header.header .brand .brand-sub { font-size: 5.9px; letter-spacing: .7px; }
}