/* FluxPath-Wort orange (Inhaberentscheid 18.10.2026), sonst CI v1.1 (Night Teal, Türkis).
   Gemeinsam genutzt von index/impressum/datenschutz: .fp, .fp-more, .flux-panel h2 .fp - nicht entfernen.
   FluxPath-Seite neu 19.10.2026 (Claude): kompakter Hero, Messwertstreifen, Tabs (Überblick/Messwerte/Reflex/Roadmap).
   Bewegung nur mit Zweck: Signalpuls zeigt den Datenweg, Tab-Unterstrich führt, Balken wachsen beim Öffnen eines Tabs.
   Reduced Motion: alles statisch. Ohne JavaScript stehen alle Panels untereinander. */
:root{--fp-orange:#ff8a3d;--fp-orange-ink:#c2570c;--fp-mark-vm:#1f9e86;--fp-mark-rx:#d9682a;--fp-mark-dev:#3d5a5f;--fp-line:#ffffff12;--fp-text:#cfe2db;--fp-muted:#94afa2;--fp-ease:cubic-bezier(.2,.7,.2,1)}
.fp{color:var(--fp-orange)!important} /* Markenwort: immer orange, auch in Links und Hervorhebungen */
.fp-page{background:#031317}
.fp-header{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.fp-nav{display:flex;gap:26px;font-size:13px;font-weight:600}
.fp-nav a{display:flex;align-items:center;min-height:44px;color:var(--fp-text);transition:color .2s}.fp-nav a:hover{color:var(--mint)}
.fp-nav a[aria-current=page]{border-bottom:2px solid var(--fp-orange)}
.fp-eyebrow{margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mint-soft)}

/* Hero */
.fp-hero{position:relative;overflow:hidden;padding-block:64px 44px;background:radial-gradient(1000px 480px at 80% 25%,#0b3a40 0%,#031317 62%)}
.fp-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.fp-hero h1{margin:0;line-height:.95}
.fp-wordmark{display:block;font-size:clamp(56px,8.4vw,124px);font-weight:800;letter-spacing:-.045em}
.fp-hero-line{display:block;margin-top:16px;max-width:620px;font-size:clamp(24px,2.8vw,38px);font-weight:700;letter-spacing:-.02em;line-height:1.12;color:var(--white)}
.fp-lead{max-width:560px;margin:20px 0 0;font-size:17px;line-height:1.6;color:var(--fp-text)}
.fp-hero .hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

.fp-signal{margin:0}
.fp-signal svg{display:block;width:100%;height:auto;overflow:visible}
.fp-node rect{fill:#07262c;stroke:#37e5c355;stroke-width:1.5}
.fp-node .fp-screen{fill:#0b4650;stroke:none}
.fp-node path{fill:none;stroke:#37e5c3;stroke-width:2;stroke-linecap:round}
.fp-node .fp-rows{stroke:#5d8a82}
.fp-node .fp-led{fill:var(--fp-orange)}
.fp-node text{fill:#b1c6c2;font-size:13px;font-weight:600}
.fp-route{fill:none;stroke:url(#fp-line);stroke-width:3;stroke-linecap:round;opacity:.55}
.fp-route-label{fill:var(--fp-orange);font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.fp-pulse{fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:28 600;stroke-dashoffset:628;opacity:0}
.fp-pulse-out{stroke:#37e5c3;animation:fp-out 4.2s var(--fp-ease) .4s infinite}
.fp-pulse-back{stroke:var(--fp-orange);animation:fp-back 4.2s var(--fp-ease) 1.5s infinite}
@keyframes fp-out{0%{stroke-dashoffset:628;opacity:0}4%{opacity:1}36%{stroke-dashoffset:0;opacity:1}42%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes fp-back{0%{stroke-dashoffset:0;opacity:0}4%{opacity:1}36%{stroke-dashoffset:628;opacity:1}42%,100%{stroke-dashoffset:628;opacity:0}}
.fp-signal figcaption{margin-top:4px;text-align:center;font-size:13px;color:var(--fp-muted)}

/* Messwertstreifen */
.fp-proof{padding-block:26px 30px;border-block:1px solid var(--fp-line);background:#041a1f}
.fp-figures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}
.fp-figures li{padding:6px 26px;border-left:1px solid var(--fp-line)}.fp-figures li:first-child{border-left:0;padding-left:0}
.fp-figures strong{display:block;margin-top:8px;font-size:clamp(32px,3.6vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--white);font-variant-numeric:tabular-nums}
.fp-figures strong small{margin-left:4px;font-size:.4em;font-weight:700;letter-spacing:0;color:var(--mint)}
.fp-figures li>span:last-child{display:block;margin-top:6px;max-width:240px;font-size:13px;line-height:1.45;color:#b1c6c2}

/* Herkunftskennzeichen Live/Labor/Forschung: Punkt + Text, nie Farbe allein */
.fp-tag{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fp-muted);white-space:nowrap}
.fp-tag::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--fp-mark-dev);box-shadow:0 0 0 1px #ffffff30}
.fp-tag-live{color:#9fe9d6}.fp-tag-live::before{background:var(--fp-mark-vm);box-shadow:none}
.fp-tag-rx{color:#ffc39b}.fp-tag-rx::before{background:var(--fp-mark-rx);box-shadow:none}

/* Tabs */
.fp-detail{padding-block:56px 72px}
.fp-tablist{position:relative;display:none;gap:4px;margin-bottom:36px;border-bottom:1px solid var(--fp-line);overflow-x:auto;scrollbar-width:none}
.fp-tablist::-webkit-scrollbar{display:none}
.fp-tabs-ready .fp-tablist{display:flex}
.fp-tab{flex:0 0 auto;min-height:48px;padding:0 18px;border:0;background:none;color:var(--fp-muted);font:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:color .2s}
.fp-tab:hover{color:var(--white)}
.fp-tab[aria-selected=true]{color:var(--white)}
.fp-tab:focus-visible{outline:2px solid var(--mint-soft);outline-offset:-4px;border-radius:6px}
.fp-tab-ink{position:absolute;left:0;bottom:-1px;height:2px;width:var(--ink-w,0);transform:translateX(var(--ink-x,0));background:var(--fp-orange);pointer-events:none}
.fp-tablist.is-animated .fp-tab-ink{transition:transform .32s var(--fp-ease),width .32s var(--fp-ease)}
.fp-panel{outline:none}
.fp-panel+.fp-panel{margin-top:64px}
.fp-tabs-ready .fp-panel+.fp-panel{margin-top:0}
.fp-panel[hidden]{display:none}
.fp-panel:focus-visible{outline:2px solid var(--mint-soft);outline-offset:10px;border-radius:8px}
.fp-panel-title{margin:0 0 26px;font-size:clamp(26px,2.8vw,36px);font-weight:750;letter-spacing:-.025em;line-height:1.1;color:var(--white)}
.fp-footnote{max-width:900px;margin:26px 0 0;font-size:12px;line-height:1.6;color:#7f9b93}
.fp-footnote strong{color:#a9c2bb;font-weight:650}

/* Überblick */
.fp-overview{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:48px;align-items:start}
.fp-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:0;padding:0;list-style:none}
.fp-principles li{padding:18px 0 20px;border-top:1px solid var(--fp-line)}
.fp-principles h3{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--white)}
.fp-principles p{margin:0;font-size:14px;line-height:1.6;color:#b1c6c2}
.fp-console{margin:0;padding:22px;border:1px solid #37e5c31f;border-radius:14px;background:linear-gradient(180deg,#05191e,#031317)}
.fp-console figcaption{margin-top:18px;font-size:14px;line-height:1.6;color:#b1c6c2}
.fp-console figcaption strong{display:block;margin-bottom:4px;color:var(--white)}
.fp-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 0;padding:14px 4px 14px 16px;border:1px solid #37e5c326;border-radius:10px;background:#021317}
.fp-bar-brand{grid-column:1/-1;display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.fp-live-dot{width:8px;height:8px;border-radius:50%;background:#37e5c3;box-shadow:0 0 0 0 #37e5c366;animation:fp-live 2.4s ease-out infinite}
@keyframes fp-live{0%{box-shadow:0 0 0 0 #37e5c366}70%,100%{box-shadow:0 0 0 7px #37e5c300}}
.fp-bar-metric{display:flex;flex-direction:column;gap:2px;padding:0 12px;border-left:1px solid #ffffff14}
.fp-bar-brand+.fp-bar-metric{padding-left:0;border-left:0}
.fp-bar-metric b{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7fa9a0}
.fp-bar-metric em{font-style:normal;font-size:18px;font-weight:750;color:var(--white);font-variant-numeric:tabular-nums}
.fp-bar-metric em small{margin-left:2px;font-size:11px;font-weight:500;color:#8fb8af}

/* Messwerte */
.fp-table{width:100%;border-collapse:collapse;font-size:14px}
.fp-table th,.fp-table td{padding:14px 18px 14px 0;text-align:left;vertical-align:baseline;border-bottom:1px solid var(--fp-line)}
.fp-table thead th{padding-top:0;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7f9b93}
.fp-table tbody th{font-weight:650;color:var(--white);white-space:nowrap}
.fp-table td{color:#b1c6c2}
.fp-table td strong{color:var(--white);font-weight:700;font-variant-numeric:tabular-nums}
.fp-table tbody tr{transition:background .2s}
.fp-table tbody tr:hover{background:#ffffff05}
.fp-table td:last-child{padding-right:0}

/* Reflex: Zeitachse klassisch <-> Reflex, Markfarben = abgedunkelte CI-Stufen (Palettenprüfung dunkel bestanden) */
.fp-reflex-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:52px;align-items:center}
.fp-reflex-copy p{max-width:520px;margin:0;font-size:15px;line-height:1.65;color:var(--fp-text)}
.fp-checks{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.fp-checks li{position:relative;padding-left:26px;font-size:14px;line-height:1.5;color:#b1c6c2}
.fp-checks li::before{content:'';position:absolute;left:2px;top:4px;width:10px;height:6px;border-left:2px solid var(--mint);border-bottom:2px solid var(--mint);transform:rotate(-45deg)}
.fp-timeline{margin:0;padding:24px 24px 18px;border-left:2px solid var(--fp-mark-rx);background:linear-gradient(90deg,#05191e,#031317)}
.fp-tl-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:20px;font-size:12px;color:#b1c6c2}
.fp-tl-key{display:inline-flex;align-items:center;gap:8px}.fp-tl-key::before{content:'';width:14px;height:8px;border-radius:2px;background:var(--fp-mark-vm)}
.fp-tl-key-rx::before{width:10px;height:10px;border-radius:50%;background:var(--fp-mark-rx)}
.fp-tl-row{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;min-height:74px;border-bottom:1px solid #ffffff0f}
.fp-tl-name{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fp-text)}
.fp-tl-track{position:relative;height:74px}
.fp-tl-bar{position:absolute;top:22px;left:0;height:12px;width:calc(var(--to) / 120 * 100%);border-radius:0 4px 4px 0;
  background:var(--fp-mark-vm);background:linear-gradient(90deg,var(--fp-mark-vm) calc(var(--from) / var(--to) * 100%),color-mix(in srgb,var(--fp-mark-vm) 45%,transparent) 0);transform-origin:left}
.fp-tl-bar-confirm{top:46px;height:8px}
.fp-tl-dot{position:absolute;top:16px;left:calc(var(--at) / 120 * 100%);width:12px;height:12px;margin-left:-1px;border-radius:50%;background:var(--fp-mark-rx);box-shadow:0 0 0 2px #031317}
.fp-tl-label{position:absolute;top:2px;left:calc(var(--at) / 120 * 100%);transform:translateX(-100%);white-space:nowrap;font-size:12px;font-weight:600;color:var(--fp-text);font-variant-numeric:tabular-nums}
.fp-tl-label-rx{top:-1px;transform:translateX(18px);color:var(--white)}
.fp-tl-label-low{top:58px}
.fp-tl-axis{position:relative;height:28px;margin-left:90px}
.fp-tl-axis span{position:absolute;top:8px;left:calc(var(--at) / 120 * 100%);transform:translateX(-50%);white-space:nowrap;font-size:11px;color:#7f9b93;font-variant-numeric:tabular-nums}
.fp-tl-axis span:first-child{transform:none}.fp-tl-axis span:last-child{transform:translateX(-100%)}
.fp-timeline figcaption{margin-top:10px;font-size:12px;color:var(--fp-muted)}

/* Roadmap */
.fp-road-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:26px}
.fp-road-head .fp-panel-title{margin:0}
.fp-progress-wrap{flex:0 1 460px}
.fp-progress{display:flex;gap:2px;height:8px}
.fp-seg{flex:var(--n) 1 0;transform-origin:left}
.fp-seg:first-child{border-radius:4px 0 0 4px}.fp-seg:last-child{border-radius:0 4px 4px 0}
.fp-seg-live{background:var(--fp-mark-vm)}.fp-seg-ready{background:var(--fp-mark-rx)}
.fp-seg-dev{background:repeating-linear-gradient(135deg,var(--fp-mark-dev) 0 4px,#2a4146 4px 8px)}
.fp-progress-legend{display:flex;flex-wrap:wrap;gap:6px 20px;margin:10px 0 0}
.fp-k{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:650;color:var(--fp-text)}
.fp-k::before{content:'';width:10px;height:10px;border-radius:2px}
.fp-k-live::before{background:var(--fp-mark-vm)}.fp-k-ready::before{background:var(--fp-mark-rx)}
.fp-k-dev::before{background:repeating-linear-gradient(135deg,var(--fp-mark-dev) 0 2px,#2a4146 2px 4px);box-shadow:0 0 0 1px #ffffff25}
.fp-road{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.fp-road-col{padding:0 28px;border-left:1px solid var(--fp-line)}.fp-road-col:first-child{padding-left:0;border-left:0}
.fp-road-col h3{margin:0 0 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.fp-road-col h3 .fp-k{font-size:11px;font-weight:800}
.fp-road-col ul{margin:0;padding:0;list-style:none}
.fp-road-col li{padding:11px 0;border-bottom:1px solid #ffffff0b;font-size:14px;line-height:1.5;color:#b1c6c2}
.fp-road-col li strong{display:block;color:var(--white);font-weight:650}
.fp-road-col li small{display:block;margin-top:3px;font-size:12px;color:#ffb98c}

/* Bewegung: nur ohne Reduced Motion */
@media (prefers-reduced-motion: no-preference){
  .fp-figures li{animation:fp-in .5s var(--fp-ease) both}
  .fp-figures li:nth-child(2){animation-delay:.06s}.fp-figures li:nth-child(3){animation-delay:.12s}.fp-figures li:nth-child(4){animation-delay:.18s}
  .fp-tabs-ready .fp-panel:not([hidden]){animation:fp-in .28s var(--fp-ease) both}
  .fp-tabs-ready .fp-tl-bar{animation:fp-grow .7s var(--fp-ease) .15s both}
  .fp-tabs-ready .fp-tl-bar-confirm{animation-delay:.35s}
  .fp-tabs-ready .fp-seg{animation:fp-grow .6s var(--fp-ease) both}
  .fp-tabs-ready .fp-seg-ready{animation-delay:.12s}.fp-tabs-ready .fp-seg-dev{animation-delay:.24s}
}
@keyframes fp-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fp-grow{from{transform:scaleX(0)}to{transform:none}}
@media (prefers-reduced-motion: reduce){
  .fp-pulse{animation:none;opacity:0}.fp-live-dot{animation:none}
  .fp-tablist .fp-tab-ink{transition:none!important}
}

@media (max-width:1100px){
  .fp-hero-grid,.fp-overview,.fp-reflex-grid{grid-template-columns:1fr}
  .fp-signal{max-width:520px}
  .fp-figures{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.fp-figures li:nth-child(3){border-left:0;padding-left:0}
  .fp-overview,.fp-reflex-grid{gap:32px}
  .fp-road{grid-template-columns:1fr;gap:28px}.fp-road-col,.fp-road-col:first-child{padding:0;border-left:0}
}
@media (max-width:700px){
  .fp-hero{padding-block:40px 28px}.fp-lead{font-size:16px}
  .fp-nav{gap:16px;font-size:12px}.fp-nav a:first-child{display:none}
  .fp-figures li{padding:4px 14px}
  .fp-detail{padding-block:40px 56px}
  .fp-tablist{margin-inline:-16px;padding-inline:8px;margin-bottom:28px}
  .fp-tab{padding:0 12px;font-size:13px}
  .fp-principles{grid-template-columns:1fr}
  .fp-console{padding:16px}.fp-bar-metric{padding:0 9px}.fp-bar-metric em{font-size:16px}
  .fp-table thead{display:none}
  .fp-table,.fp-table tbody,.fp-table tr{display:block}
  .fp-table tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--fp-line)}
  .fp-table th,.fp-table td{padding:0;border:0}
  .fp-table tbody th{white-space:normal}
  .fp-table td:nth-child(2){grid-column:1/-1;grid-row:2}.fp-table td:nth-child(3){grid-column:1/-1;grid-row:3;font-size:13px}
  .fp-table td:last-child{grid-column:2;grid-row:1;justify-self:end}
  .fp-timeline{padding:18px 14px 14px}
  .fp-tl-row{grid-template-columns:1fr;gap:4px;padding-top:10px}.fp-tl-axis{margin-left:0}
}

/* Startseite: Link im FluxPath-Panel */
.fp-more{display:inline-block;margin-top:10px;font-weight:700;color:var(--white);text-decoration:underline;text-underline-offset:3px}
.fp-more:hover{color:var(--fp-orange)}
.flux-panel h2 .fp{display:inline}