@charset "UTF-8";
:root{--ink:#202b3d;--muted:#626e80;--line:#e3e7ee;--paper:#f6f8fb;--accent:#5056d5;--nav:#172233;--radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}button .icon{pointer-events:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,main:focus-visible{outline:3px solid #858bff;outline-offset:4px}main:focus{outline:none}main:focus-visible{outline:3px solid #858bff}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:20px;top:-100px;background:white;padding:15px;border-radius:8px}.skip-link:focus{top:12px}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh;min-height:100dvh}
.sidebar{background:var(--nav);color:#d3dbe7;padding:30px 18px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 27px;color:white}.brand-mark{width:43px;height:43px;background:#6269e9;border-radius:12px;display:grid;place-items:center;box-shadow:0 4px 20px #0a102144}.brand-mark .icon{width:28px;height:28px}.brand strong{display:block;font-size:27px;letter-spacing:-1px;line-height:1.1}.brand-dot{color:#a0a5ff}.brand small{display:block;color:#bac4d4;font-size:11px;margin-top:5px;letter-spacing:.35px}.workspace-label{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding:20px 10px;margin-bottom:23px;font-size:12px;font-weight:600}.workspace-avatar{background:#2a374a;color:#d5dcf0;display:grid;place-items:center;width:32px;height:32px;border:1px solid #405069;border-radius:8px;font-size:11px;letter-spacing:.6px}.workspace-label small{display:block;color:#9aa9bd;font-size:11px;font-weight:400;margin-top:4px}.nav-link{display:flex;align-items:center;gap:12px;min-height:46px;border-radius:7px;padding:10px 12px;font-size:12px;font-weight:500;line-height:1.5;position:relative}.nav-link .icon{width:19px;height:19px;color:#9caec6}.nav-link:hover{background:#ffffff09;color:white}.nav-link.active{background:#5961dc;color:white;box-shadow:0 3px 12px #00000012}.nav-link.active .icon{color:white}.nav-heading{font-size:10px;font-weight:600;letter-spacing:1.25px;text-transform:uppercase;color:#9baac1;margin:27px 12px 10px}.sidebar-bottom{margin-top:auto;padding-top:30px}.foundation{background:#ffffff05;border:1px solid #ffffff0d;border-radius:9px;padding:15px 13px}.foundation-symbol{display:block;color:#aeb3ff;margin-bottom:12px}.foundation strong{font-size:11px;font-weight:600;display:block;color:#e2e7ef}.foundation p{font-size:11px;color:#aab7ca;margin:6px 0 15px;line-height:1.5}.foundation>span:last-child{font-size:10px;color:#97a9c0}.sidebar-help{display:flex;align-items:center;gap:9px;background:none;border:0;color:#c2cee0;padding:12px 6px;min-height:44px;font-size:11px;width:100%;text-align:left;margin-top:8px}.sidebar-help .icon{width:16px;height:16px}.sidebar-help:hover{color:white}.local-label{font-size:10px;color:#9aacc3;display:flex;align-items:center;gap:7px;padding:8px 8px 0}.status-dot{width:6px;height:6px;border-radius:50%;background:#79b5a1;display:inline-block;flex-shrink:0}
.workspace{min-width:0}.topbar{height:79px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:18px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;min-width:0}.breadcrumb>span{color:var(--muted)}.breadcrumb strong{font-weight:500}.breadcrumb .icon{width:13px;height:13px;color:#a5afbe}.topbar-actions{display:flex;align-items:center;gap:18px}.search-trigger{display:flex;align-items:center;gap:9px;min-height:44px;border:1px solid var(--line);background:#fafbfc;border-radius:7px;padding:0 11px;color:#697487;font-size:11px}.search-trigger .icon{width:16px;height:16px}.search-trigger:hover{border-color:#b5b9e9;background:#f5f5ff}kbd{font-family:inherit;font-size:10px;border:1px solid #dde2eb;border-radius:4px;padding:3px 5px;background:white;color:#727e90}.search-trigger kbd{margin-left:19px}.environment-badge{color:#876123;border:1px solid #f0dfbf;background:#fff9ee;font-size:10px;font-weight:600;padding:6px 8px;border-radius:5px}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 272px;min-height:calc(100vh - 79px)}.page-grid.context-hidden{grid-template-columns:minmax(0,1fr)}main{padding:34px 30px 20px;min-width:0}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:26px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.4px;text-transform:uppercase;color:#6e7a90;margin:0 0 12px}.page-heading h1{font-size:28px;line-height:1.2;font-weight:650;letter-spacing:-.9px;margin:0 0 12px}.page-description{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:white;border:1px solid var(--line);border-radius:8px;flex-shrink:0}.icon-button:hover{background:#f1f3fc;border-color:#b8c0da}.context-toggle{margin-top:18px;color:#6e7890}
.welcome-panel{display:flex;align-items:center;position:relative;background:#eceefa;border:1px solid #e0e3f6;border-radius:var(--radius);padding:27px 28px;overflow:hidden;min-height:247px}.welcome-copy{position:relative;z-index:1;max-width:65%}.pill{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:600;padding:6px 8px;border-radius:5px}.pill .icon{width:12px;height:12px}.pill-light{background:#fff9;color:#525aa4;border:1px solid #dcdff7}.welcome-copy h2{font-size:29px;letter-spacing:-1px;line-height:1.2;font-weight:650;margin:15px 0 11px;color:#29344f}.welcome-copy>p{font-size:11px;line-height:1.8;color:#5c6684;max-width:290px;margin:0 0 9px}.welcome-link{display:inline-flex;align-items:center;gap:15px;font-size:11px;font-weight:650;min-height:44px;color:#454dbd}.welcome-link .icon{width:16px;height:16px}.welcome-link:hover{color:#222b89}.network-art{position:absolute;right:-20px;top:14px;width:48%;height:calc(100% - 28px);display:flex;flex-direction:column;justify-content:center}.network-art svg{width:100%;height:190px;overflow:visible}.art-grid{stroke:#dfe3f4;stroke-width:1}.art-route-secondary{stroke:#a6b9df;stroke-width:6}.art-route-primary{stroke:#747ce1;stroke-width:6}.art-route-third{stroke:#b9bee9;stroke-width:6}.art-stops{fill:#f0f1fb;stroke:#747ce1;stroke-width:3}.art-hub{fill:#5760d7;fill-opacity:.12;stroke:#5760d7;stroke-opacity:.2;stroke-width:9}.art-hub-core{fill:#5661d8;stroke:white;stroke-width:3}.art-caption{font-size:7px;font-weight:600;letter-spacing:1.7px;color:#727ca9;text-align:center;margin-top:8px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:29px 0 18px;scroll-margin-top:25px}.section-heading h2{font-size:15px;font-weight:650;letter-spacing:-.2px;margin:0}.section-heading p{font-size:11px;color:var(--muted);margin:7px 0 0;line-height:1.6}.count-badge{font-size:10px;color:#68758b;border:1px solid var(--line);border-radius:5px;background:#fff;padding:5px 8px;white-space:nowrap}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.module-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:19px 20px 0;display:flex;flex-direction:column;min-width:0;transition:border-color .15s,box-shadow .15s}.module-card:has(a):hover{border-color:#bdc3e5;box-shadow:0 4px 17px #242e5b06}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.module-icon{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:9px;background:#f0f1fa;color:#686ea8;flex-shrink:0}.module-icon .icon{width:22px;height:22px}.icon-liniennetz{background:#eeefff;color:#6267cf}.icon-umleitungen{background:#fff4e8;color:#ac783a}.icon-wagenstoerungen{background:#edf5f8;color:#4a839f}.icon-entstoerfinder{background:#edf5f0;color:#4e8870}.icon-dienstwissen{background:#f3edfb;color:#8c67ab}.empty-badge{font-size:9px;letter-spacing:.2px;padding:4px 7px;background:#f7f8fa;color:#667084;border:1px solid #e8ebf1;border-radius:4px;white-space:nowrap}.module-card h3{font-size:14px;font-weight:650;letter-spacing:-.2px;margin:0 0 9px}.module-card h3 a:hover{color:var(--accent)}.module-card>p{font-size:11px;color:var(--muted);line-height:1.8;margin:0 0 15px;min-height:39px}.tag-list{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:19px}.tag-list span{font-size:9px;color:#727e90;background:#f5f7fa;padding:4px 6px;border-radius:4px}.card-action{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:47px;border-top:1px solid #edf0f5;color:#5963a5;font-size:10px;font-weight:600;margin-top:auto}.card-action .icon{width:16px;height:16px}.card-action:hover{color:#313ca6}.future-card{border-style:dashed;background:transparent;padding-bottom:20px;gap:18px;justify-content:space-between}.future-card .module-icon{background:#eef1f6;color:#8691a6}.future-card h3{color:#59677e;font-size:13px}.future-card p{font-size:11px;color:#6e7a8e;line-height:1.85;margin:0}.future-note{font-size:9px;color:#768298}.preview-note{display:flex;gap:10px;align-items:flex-start;margin-top:23px;color:#707c90}.preview-note>.icon{width:16px;height:16px;margin-top:1px}.preview-note p{font-size:10px;line-height:1.8;margin:0}.preview-note strong{font-weight:600;color:#52617a}.page-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:17px;margin-top:28px;color:#778298;font-size:9px;line-height:1.6}
.context-panel{background:#fcfdff;border-left:1px solid var(--line);min-width:0}.context-heading{height:65px;border-bottom:1px solid #e9edf3;padding:0 21px;display:flex;justify-content:space-between;align-items:center;gap:12px}.context-heading>span:first-child{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.context-heading .icon{width:16px;height:16px;color:#79839d}.tiny-label{font-size:8px;color:#7f8a9d;letter-spacing:1px}.context-content{padding:28px 21px}.context-kicker{font-size:8px;letter-spacing:1.3px;color:#737e94;font-weight:600}.context-content h2{font-size:17px;font-weight:650;letter-spacing:-.4px;margin:11px 0 12px;line-height:1.5}.context-content>p,.context-block p{font-size:11px;line-height:1.9;color:#69758a;margin:0}.context-status{display:flex;align-items:center;gap:11px;background:#eff1fb;border:1px solid #e3e6f5;border-radius:8px;padding:13px 12px;margin:20px 0 25px}.status-square{width:8px;height:8px;background:#6a73d9;border-radius:2px}.context-status strong{display:block;font-size:11px;font-weight:600;color:#505b9e}.context-status small{display:block;margin-top:5px;font-size:9px;color:#6d7799}.context-block{margin-bottom:25px}.context-block h3{font-size:11px;font-weight:650;margin:0 0 15px}.next-steps{padding:0;margin:0;list-style:none}.next-steps li{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.next-steps li:last-child{margin-bottom:0}.next-steps li>span{font-size:9px;color:#7e88a8;border:1px solid #e1e6ef;background:#fff;width:25px;height:25px;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.next-steps strong{display:block;font-size:10px;font-weight:600;padding-top:1px}.next-steps small{display:block;font-size:10px;color:#768196;margin-top:6px;line-height:1.6}.context-safety{border-top:1px solid var(--line);padding:24px 0 0;margin-top:28px}.context-safety>.icon{display:block;color:#829d95;width:23px;height:23px;margin-bottom:13px}.context-safety strong{font-size:11px;font-weight:600;display:block;line-height:1.7}.context-safety p{font-size:10px;line-height:1.9;color:#748196;margin:9px 0 0}.connection-label{border-top:1px solid var(--line);padding-top:18px;margin-top:26px;display:flex;align-items:center;gap:7px;font-size:9px;line-height:1.7;color:#748196}.is-offline .status-dot{background:#b48a51}.no-script{font-size:11px;line-height:1.8;color:var(--muted)}
.module-workspace{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.module-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:57px;padding:0 22px;border-bottom:1px solid #edf0f5}.module-toolbar>span:first-child{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:500;color:#67748b}.module-toolbar .icon{width:17px;height:17px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 25px}.empty-icon{display:grid;place-items:center;background:#f0f2fb;color:#6e78bb;border-radius:18px;width:72px;height:72px;margin-bottom:26px}.empty-icon .icon{width:33px;height:33px}.empty-state .eyebrow{font-size:8px;line-height:1.7;margin-bottom:12px}.empty-state h2{font-size:21px;font-weight:600;letter-spacing:-.5px;margin:0 0 14px}.empty-state p{font-size:12px;color:var(--muted);line-height:1.9;max-width:400px;margin:0 0 21px}.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:0 16px;min-height:44px;border:1px solid var(--line);border-radius:7px;font-size:11px;font-weight:600;color:#565fc5;background:white}.primary-link{background:var(--accent);color:white}.secondary-link:hover{background:#f6f6fe;border-color:#bec3e4}.secondary-link .icon,.primary-link .icon{width:16px;height:16px}.planned-list{margin:0;padding:0;list-style:none;background:white;border:1px solid var(--line);border-radius:var(--radius)}.planned-list li{display:flex;align-items:center;gap:13px;padding:17px 18px;border-bottom:1px solid #edf0f5;font-size:11px;line-height:1.7}.planned-list li:last-child{border:0}.step-number{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;background:#f2f4f9;border-radius:6px;color:#768299;font-size:10px}.planned-label{margin-left:auto;font-size:9px;color:#778398;border:1px solid var(--line);border-radius:4px;padding:3px 6px}
dialog{color:var(--ink);background:white;border:1px solid var(--line);border-radius:16px;width:590px;max-width:calc(100vw - 40px);max-height:85vh;padding:0;box-shadow:0 25px 100px #101c3d38}dialog::backdrop{background:#101c3d70;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px}.dialog-heading h2{font-size:18px;letter-spacing:-.3px;margin:0;font-weight:600}.dialog-heading .icon-button{border:0}.search-field{display:flex;align-items:center;gap:11px;margin:0 22px;padding:0 14px;min-height:50px;border:1px solid #bcc2e6;border-radius:8px;color:#747fa1;background:#f9faff}.search-field input{width:100%;min-width:0;font-size:14px;color:var(--ink);background:transparent;border:0;padding:14px 0;outline-offset:0}.search-hint{font-size:11px;color:var(--muted);margin:14px 22px;line-height:1.7}.search-results{list-style:none;padding:0 12px;margin:0 0 14px}.search-results a{display:flex;align-items:center;gap:14px;min-height:68px;padding:12px 14px;border-radius:8px}.search-results a:hover,.search-results a:focus-visible{background:#f0f2fc}.search-results a>.icon{color:#757eba;width:20px;height:20px}.search-results a>.icon:last-child{margin-left:auto;width:16px;height:16px}.search-results strong{font-size:13px;font-weight:600;display:block}.search-results small{font-size:11px;line-height:1.7;color:var(--muted);display:block;margin-top:5px}.search-no-results{padding:30px 22px;color:var(--muted);font-size:13px}.dialog-footer{background:#f7f8fb;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:16px 22px;color:var(--muted);font-size:10px}.info-dialog{padding-bottom:18px}.info-dialog>p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 24px 16px}
/* Lesbarkeit der Arbeitsinformationen auf Desktop und iPad. */
.nav-link{font-size:13px}.page-description{font-size:13px}.module-card h3{font-size:15px}.module-card>p{font-size:13px;min-height:46px}.card-action{font-size:12px;min-height:48px}.tag-list span{font-size:10px}.empty-badge{font-size:10px}.welcome-copy>p{font-size:13px}.welcome-link{font-size:12px}.section-heading h2{font-size:17px}.section-heading p{font-size:12px}.context-content>p,.context-block p{font-size:12px}.context-block h3{font-size:12px}.context-safety p{font-size:11px}.context-safety strong{font-size:12px}.next-steps strong{font-size:11px}.next-steps small{font-size:11px}.preview-note p{font-size:11px}.empty-state p{font-size:13px}.planned-list li{font-size:13px}.secondary-link,.primary-link{font-size:12px}
/* Desktop und iPad quer bleiben beide vollwertige Arbeitsbereiche. */
@media(min-width:1600px){main{padding:40px;max-width:1440px;width:100%;margin:0 auto}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-grid{grid-template-columns:minmax(0,1fr) 300px}.context-content{padding:32px 25px}.welcome-panel{padding:32px;min-height:265px}.welcome-copy h2{font-size:34px}.welcome-copy>p{max-width:410px;font-size:12px}.network-art{right:24px;width:36%}}
@media(min-width:1101px) and (max-width:1270px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.page-grid{grid-template-columns:minmax(0,1fr) 236px}main{padding:28px 22px 20px}.context-content{padding:25px 18px}.context-heading{padding:0 18px}.tiny-label{display:none}.topbar{padding:0 24px}.search-trigger kbd{margin-left:0}.module-card{padding:17px 16px 0}.future-card{padding-bottom:18px}.welcome-panel{padding:23px}.welcome-copy h2{font-size:27px}}
@media(max-width:1100px){.app-shell{grid-template-columns:204px minmax(0,1fr)}.sidebar{padding:24px 12px 15px}.nav-link{font-size:11px;padding-left:10px;gap:10px}.brand{padding-left:10px}.page-grid{grid-template-columns:minmax(0,1fr)}main{padding:28px 25px 20px}.context-panel{border-left:0;border-top:1px solid var(--line)}.context-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px;padding:22px 25px}.context-kicker,.context-content>h2,.context-content>p{grid-column:1/-1}.context-content>h2{margin:0}.context-status{margin:0 0 5px;grid-column:1/-1;max-width:330px}.context-block{margin:12px 0}.context-safety{margin-top:10px;padding-top:16px}.connection-label{align-self:end}.context-heading{height:52px;padding:0 25px}.topbar{padding:0 25px}.breadcrumb{gap:8px}.breadcrumb>span{display:none}.breadcrumb>.icon{display:none}.search-trigger kbd{display:none}.topbar-actions{gap:12px}.page-heading h1{font-size:27px}.welcome-panel{min-height:238px}.module-card>p{min-height:0}.page-description{font-size:12px}}
/* Schmale Fenster bleiben bedienbar; eine eigene Smartphone-Version ist nicht Teil dieses Stands. */
@media(max-width:760px){.app-shell{grid-template-columns:176px minmax(0,1fr)}.brand{gap:8px;padding-left:4px}.brand strong{font-size:24px}.brand-mark{width:35px;height:35px}.brand small{font-size:9px}.workspace-label{padding:16px 4px;font-size:10px;gap:7px}.workspace-label small{font-size:9px}.nav-link{font-size:10px;gap:8px;padding:10px 7px}.nav-link .icon{width:17px;height:17px}.nav-heading{font-size:8px;margin-left:7px;letter-spacing:.7px}.foundation{padding:12px 9px}.foundation strong,.foundation p{font-size:10px}.sidebar-help{font-size:10px}.topbar{padding:0 16px}.search-trigger{width:44px;justify-content:center;padding:0}.search-trigger>span{display:none}.environment-badge{font-size:9px}.breadcrumb{font-size:11px}.topbar-actions{gap:7px}main{padding:24px 17px 17px}.page-heading h1{font-size:24px}.page-description{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1px}.module-grid{grid-template-columns:minmax(0,1fr)}.welcome-panel{padding:22px}.welcome-copy{max-width:100%}.welcome-copy h2{font-size:26px}.network-art{display:none}.welcome-copy>p{max-width:100%}.context-content{grid-template-columns:minmax(0,1fr);padding:22px 18px}.page-footer{flex-direction:column;gap:5px}.empty-state{padding:40px 19px}.empty-state h2{font-size:19px}.planned-label{display:none}.planned-list li{font-size:10px;padding:15px 12px}.preview-note p{font-size:10px}}
@media(max-width:460px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;height:auto;padding:16px}.brand{padding-bottom:14px}.workspace-label,.sidebar-bottom,.nav-heading{display:none}.sidebar nav{display:flex;gap:7px;overflow-x:auto;padding:4px}.nav-link{flex-shrink:0;font-size:11px;white-space:nowrap}.nav-link .icon{display:none}.topbar{height:65px}.breadcrumb{font-size:10px}.page-heading{margin-bottom:22px}.dialog-footer{flex-direction:column;gap:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,.context-toggle,.context-panel,.search-dialog,.info-dialog{display:none!important}.app-shell,.page-grid{display:block}main{padding:0}.welcome-panel,.module-card{break-inside:avoid}.page-footer{margin-top:20px}body{background:white}}