/* Einheitliches Überschriftensystem auf der Trainingsseite */
.training main h1,.training main h2,.training main h3{font-family:Sora,Arial,sans-serif!important;font-style:normal;font-weight:700;letter-spacing:-.04em}
.training main .eyebrow{display:flex;align-items:center;gap:12px;color:#8fbeff;font:500 10px 'IBM Plex Mono','Space Mono',monospace;letter-spacing:.13em;text-transform:uppercase}
.training main .eyebrow:not(.has-signal-cross)::before{content:"";width:24px;height:1px;flex:0 0 24px;background:currentColor}
.training main .eyebrow.has-signal-cross::before{display:none}

.work-method{--wm-red:#ed675a;--wm-blue:#8fbeff;--wm-ink:#f2f1ed;--wm-muted:#aeb3bd;--wm-line:#292e35;margin:0 0 76px;color:var(--wm-ink)}
.work-method-intro{display:grid;gap:28px;margin-bottom:48px}
.wm-intro-grid{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(380px,1.1fr);gap:clamp(44px,7vw,110px);align-items:end}
.work-method-intro h2{max-width:11ch;margin:0;font-size:clamp(46px,5.2vw,78px);line-height:.98}
.work-method-intro .lead{max-width:34em;margin:0;color:#c8cbd1;font-size:clamp(17px,1.35vw,21px);line-height:1.68}
.journey-shell{background:#0b0d10;border:1px solid var(--wm-line)}
.journey-nav{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--wm-line)}
.journey-nav button{position:relative;min-height:88px;padding:18px 22px;border:0;border-right:1px solid var(--wm-line);background:transparent;color:#747b86;text-align:left;cursor:pointer;transition:color .2s ease,background .2s ease}
.journey-nav button:last-child{border-right:0}
.journey-nav button:hover,.journey-nav button[aria-selected=true]{color:var(--wm-ink);background:#101318}
.journey-nav button[aria-selected=true]::after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:2px;background:var(--wm-blue)}
.journey-nav small{display:block;margin-bottom:8px;color:var(--wm-blue);font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.11em}
.journey-nav strong{font:600 16px Sora,sans-serif}
.journey-stage,.journey-panel{min-height:570px}
.journey-panel{padding:clamp(30px,4vw,60px);display:grid;grid-template-columns:minmax(270px,.7fr) minmax(450px,1.3fr);gap:clamp(42px,6vw,92px);align-items:center}
.journey-panel[hidden]{display:none}
.journey-copy small{color:var(--wm-blue);font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.13em}
.journey-copy h3{margin:17px 0 20px;font-size:clamp(31px,3.4vw,50px);line-height:1.06}
.journey-copy p{margin:0;color:var(--wm-muted);font-size:16px;line-height:1.7}
.journey-copy .result{margin-top:28px;padding-top:20px;border-top:1px solid var(--wm-line);color:#d7dbe1}
.journey-graphic{min-width:0;margin:0;padding:18px;border:1px solid #252b34;background:#0e1115}
.journey-graphic svg{display:block;width:100%;max-height:430px;overflow:visible}
.journey-graphic figcaption{margin:10px 6px 0;color:#747c87;font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-align:center}
.journey-graphic text{font-family:'IBM Plex Mono','Space Mono',monospace;letter-spacing:.09em}

/* Grafik 1: Briefing aus Signalen */
.briefing-signals rect{fill:#11151a;stroke:#343b45;stroke-width:1.2}
.briefing-signals text{fill:#89929e;font-size:11px;text-anchor:middle}
.briefing-routes path{fill:none;stroke:#465263;stroke-width:1.5;stroke-dasharray:7 9;animation:wm-route 4.5s linear infinite}
.briefing-focus rect{fill:#11151a;stroke:#8fbeff;stroke-width:1.4}
.briefing-focus line{stroke:#596574;stroke-width:2}
.briefing-focus text{fill:#8fbeff;font-size:10px}.wm-accent-fill{fill:#ed675a!important;stroke:none!important}
.route-dot{fill:#ed675a}.route-dot-a{animation:wm-dot-a 5s ease-in-out infinite}.route-dot-b{animation:wm-dot-b 5s 1.1s ease-in-out infinite}
@keyframes wm-route{to{stroke-dashoffset:-64}}
@keyframes wm-dot-a{0%,10%{transform:translate(0,0);opacity:0}30%{opacity:1}80%,100%{transform:translate(220px,137px);opacity:0}}
@keyframes wm-dot-b{0%,10%{transform:translate(0,0);opacity:0}30%{opacity:1}80%,100%{transform:translate(220px,-20px);opacity:0}}

/* Grafik 2: variables Szenariofeld */
.sandbox-head text{fill:#8f98a5;font-size:10px}
.sandbox-grid rect{fill:#11161c;stroke:#303844;stroke-width:1.2;transition:fill .25s,stroke .25s}
.sandbox-grid .is-active{fill:#172437;stroke:#8fbeff}.sandbox-grid .secondary{fill:#1f1718;stroke:#ed675a}
.sandbox-lines path{fill:none;stroke:#626e7d;stroke-width:2;stroke-linecap:round}
.sandbox-scan{fill:none;stroke:#8fbeff;stroke-width:1.8;animation:wm-scan 7.2s cubic-bezier(.55,0,.25,1) infinite}
.sandbox-legend circle{fill:#ed675a}.sandbox-legend text{fill:#929ba7;font-size:10px}
@keyframes wm-scan{0%,18%{transform:translate(0,0)}33%,51%{transform:translate(225px,98px)}66%,84%{transform:translate(450px,196px)}100%{transform:translate(0,0)}}

/* Grafik 3: Transfer als ansteigende Struktur */
.transfer-steps>path{fill:none;stroke:#394451;stroke-width:2}
.transfer-steps rect{fill:#11161c;stroke:#4a5664;stroke-width:1.2}
.transfer-steps text{fill:#d4d8dd;font-size:11px;text-anchor:middle}
.transfer-steps rect:nth-of-type(2){stroke:#8fbeff}.transfer-steps rect:nth-of-type(3){stroke:#ed675a}
.transfer-notes text{fill:#7e8792;font-size:10px}.transfer-notes line{stroke:#8fbeff;stroke-width:2}
.transfer-dot{fill:#8fbeff;offset-path:path('M70 340H270V270H455V190H650V110H715');offset-distance:0%;animation:wm-climb 7s ease-in-out infinite;filter:drop-shadow(0 0 8px #8fbeff88)}
@keyframes wm-climb{0%,8%{offset-distance:0%;opacity:0}18%{opacity:1}82%{opacity:1}94%,100%{offset-distance:100%;opacity:0}}

@media(max-width:900px){.wm-intro-grid,.journey-panel{grid-template-columns:1fr}.journey-stage,.journey-panel{min-height:0}.journey-graphic{order:-1}.journey-graphic svg{max-height:360px}.work-method-intro h2{max-width:15ch}}
@media(max-width:620px){.journey-nav button{padding:14px 10px;min-height:76px}.journey-nav small{font-size:8px}.journey-nav strong{font-size:12px}.journey-panel{padding:24px 16px}.journey-graphic{padding:8px}.journey-graphic svg{max-height:280px}.work-method-intro h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.briefing-routes path,.route-dot,.sandbox-scan,.transfer-dot{animation:none}.transfer-dot{offset-distance:72%;opacity:1}}