.skilltree-page *{box-sizing:border-box}.skilltree-page button,.skilltree-page input{font:inherit}.skilltree-page button,.skilltree-page a,.skilltree-page input{ -webkit-tap-highlight-color:transparent}.skilltree-page button{cursor:pointer}.skilltree-page button:disabled{cursor:wait;opacity:.5}.skilltree-page button:focus-visible,.skilltree-page a:focus-visible,.skilltree-page input:focus-visible,.skilltree-page summary:focus-visible{outline:2px solid #3DDC97;outline-offset:4px}.skilltree-page a{color:#B8D9F0;text-underline-offset:3px}.skilltree-page button{color:inherit;background:none;border:1px solid #303B48;border-radius:5px;transition:background .15s,border-color .15s}.skilltree-page button:hover{background:#1B2632;border-color:#788A9D}.skilltree-page button:active{transform:translateY(1px)}.skilltree-page{max-width:1580px;margin:auto;padding:38px 34px 24px}.skilltree-page .eyebrow{font-size:10px;letter-spacing:2px;color:#8C9AA9;margin:0 0 12px}.skilltree-page .top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:27px}.skilltree-page .top h1{font-size:clamp(25px,3.1vw,44px);font-weight:400;line-height:1.18;letter-spacing:-1.6px;color:#E2E8ED;margin:0 0 13px}.skilltree-page .top h1 span{color:#3DDC97}.skilltree-page .intro{max-width:720px;color:#8E9CA9;font-size:12px;margin:0}.skilltree-page .edition{text-align:right;white-space:nowrap;font-size:10px;line-height:1.9;color:#788795}.skilltree-page .edition strong{display:block;font-weight:400;color:#CBD4DC}.skilltree-page .workspace{display:grid;grid-template-columns:minmax(0,1fr) 308px;gap:19px;align-items:start}.skilltree-page .visual-block{border:1px solid #25303C;border-radius:8px;overflow:hidden;background:#0D1219;min-width:0}.skilltree-page .toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid #25303C}.skilltree-page .toolbar-label{font-size:10px;color:#9AA8B6}.skilltree-page .toolbar-label b{font-weight:400;color:#E0E6EB}.skilltree-page .view-controls{display:flex;gap:6px;align-items:center}.skilltree-page .view-controls button{width:31px;height:30px;display:grid;place-items:center;font-size:19px;padding:0;line-height:1}.skilltree-page .view-controls svg{width:15px;height:15px}.skilltree-page .view-controls output{min-width:38px;font-size:10px;text-align:center;color:#A5B2BF}.skilltree-page .svg-host{aspect-ratio:1;width:100%;background:#07090D}.skilltree-page .svg-host>svg{display:block;width:100%;height:100%;touch-action:none;user-select:none}.skilltree-page .skill-node{cursor:pointer;outline:none}.skilltree-page .skill-node:focus-visible .node-label{fill:#FFFFFF;paint-order:stroke;stroke:#0B1118;stroke-width:3px}.skilltree-page .skill-node:focus-visible .node-dot{stroke:#FFFFFF;stroke-width:1.7px}.skilltree-page .art-caption{user-select:none}.skilltree-page .viewer-bottom{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid #25303C;color:#7D8C9A;font-size:10px}.skilltree-page .direction-key{display:flex;gap:14px;flex-wrap:wrap}.skilltree-page .direction-key span{white-space:nowrap}.skilltree-page .green{color:#3DDC97}.skilltree-page .coral{color:#FF7A59}.skilltree-page .sidebar{display:grid;gap:14px}.skilltree-page .search-card,.skilltree-page .detail-card{border:1px solid #25303C;border-radius:7px;padding:17px;background:#0F151D}.skilltree-page .card-label{font-size:9px;letter-spacing:1.5px;color:#7B8D9E;margin:0 0 12px;text-transform:uppercase}.skilltree-page .search-wrap{display:flex;align-items:center;gap:6px}.skilltree-page .search-wrap input{background:#080D13;border:1px solid #334151;min-width:0;flex:1;border-radius:4px;color:#DCE5ED;padding:9px 10px;font-size:11px;width:100%}.skilltree-page .search-wrap button{height:37px;min-width:32px;color:#9EADB9}.skilltree-page .search-help{font-size:9px;line-height:1.6;margin:10px 0 0;color:#7D8D9B}.skilltree-page .detail-card{min-height:295px;max-height:780px;overflow:auto;scrollbar-width:thin;scrollbar-color:#334151 #0F151D}.skilltree-page .detail-card h2{font-weight:400;color:#E0E8EE;font-size:18px;line-height:1.45;margin:6px 0 15px;letter-spacing:-.4px}.skilltree-page .detail-card p{color:#98A7B5;font-size:10px;line-height:1.8}.skilltree-page .detail-card .empty-description{font-size:11px}.skilltree-page .steps{list-style:none;padding:0;margin:20px 0 0;counter-reset:step}.skilltree-page .steps li{counter-increment:step;border-top:1px solid #27323E;padding:10px 0;font-size:10px;color:#94A4B3}.skilltree-page .steps li:before{content:'0' counter(step);margin-right:11px;color:#3DDC97}.skilltree-page .badge{display:inline-block;border:1px solid #344351;border-radius:3px;font-size:8px;letter-spacing:.3px;padding:3px 6px;color:#B7C5D0;line-height:1.5}.skilltree-page .badge.angebot{border-color:#514674;color:#C0A6EA}.skilltree-page .detail-group{font-size:9px;color:#9AADB9;margin:0 0 7px}.skilltree-page .detail-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.skilltree-page .detail-counts div{border:1px solid #283542;padding:9px 10px;border-radius:4px;font-size:9px;color:#8DA0AF}.skilltree-page .detail-counts strong{font-weight:400;font-size:23px;line-height:1.1;display:block;margin-bottom:5px}.skilltree-page .pin-state{font-size:8px!important;color:#7F93A3!important;margin-bottom:14px!important}.skilltree-page .pin-state button{font-size:8px;border:none;text-decoration:underline;padding:0;margin-left:5px}.skilltree-page .source-note{border-left:2px solid #465B6D;padding-left:9px;margin:14px 0}.skilltree-page .source-list{font-size:9px;color:#8296A6;margin:8px 0 17px;line-height:1.9}.skilltree-page .source-list a{display:block}.skilltree-page .source-list span{display:block}.skilltree-page .relations{margin-top:20px}.skilltree-page .relations h3{font-size:10px;font-weight:400;margin:0 0 9px}.skilltree-page .relations ul{list-style:none;padding:0;margin:0}.skilltree-page .relations li{padding:7px 0;border-top:1px solid #23303C}.skilltree-page .relation-select{border:none;font-size:10px;padding:2px 0;text-align:left;width:100%;color:#B9C9D6;line-height:1.5}.skilltree-page .relation-select:hover{color:#E5F2FB;background:transparent}.skilltree-page .relation-select span{float:right;color:#6D879B}.skilltree-page .relations details{font-size:8px;color:#6E8597}.skilltree-page .relations summary{cursor:pointer;list-style:none}.skilltree-page .relations summary:before{content:'+ ';color:#708A9F}.skilltree-page .relations details[open] summary:before{content:'− '}.skilltree-page .relations details p{font-size:9px;line-height:1.65;margin:7px 0 2px}.skilltree-page .no-relations{font-size:9px!important;color:#708190!important}.skilltree-page .status{color:#3DDC97!important;min-height:0}.skilltree-page .status:empty{display:none}.skilltree-page .legend{padding:19px 0 16px}.skilltree-page .legend-heading{display:flex;justify-content:space-between;gap:14px;font-size:9px;color:#8497A7;margin-bottom:13px}.skilltree-page .legend-items{display:flex;flex-wrap:wrap;gap:9px 18px}.skilltree-page .legend-item{font-size:9px;display:inline-flex;align-items:center;gap:7px;color:#9BAAB7}.skilltree-page .legend-dot{width:5px;height:5px;border-radius:50%;display:inline-block;flex-shrink:0}.skilltree-page .legend-item small{color:#667C8E;font-size:8px}.skilltree-page .method{margin-top:6px;border-top:1px solid #25303C;padding-top:16px}.skilltree-page .method>summary{font-size:11px;cursor:pointer;color:#C0CED8;list-style:none}.skilltree-page .method>summary:after{content:' +';color:#3DDC97}.skilltree-page .method[open]>summary:after{content:' −'}.skilltree-page .method-content{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:15px 0;color:#91A1AF;font-size:10px}.skilltree-page .method p{margin:0 0 12px}.skilltree-page .method h3{font-size:11px;color:#B8C8D4;font-weight:400;margin:0 0 10px}.skilltree-page .source-table{border-collapse:collapse;width:100%;font-size:9px}.skilltree-page .source-table td{padding:8px 0;border-bottom:1px solid #24303B;vertical-align:top}.skilltree-page .source-table td:first-child{width:120px;padding-right:14px;color:#ACBFCD}.skilltree-page .source-table a{color:#A4CDE4}.skilltree-page .reserved{margin-top:16px;padding:12px 14px;background:#101821;border:1px dashed #2D3B49;border-radius:5px;font-size:9px}.skilltree-page .map-footer{margin-top:22px;padding-top:15px;border-top:1px solid #25303C;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#647D90}.skilltree-page .map-footer a{color:#8EA9BB}.skilltree-page .visual-block:fullscreen{border:none;border-radius:0;height:100dvh;width:100dvw;display:flex;flex-direction:column;align-items:center;background:#07090D;overflow:hidden}.skilltree-page .visual-block:fullscreen .toolbar,.skilltree-page .visual-block:fullscreen .viewer-bottom{width:100%;flex-shrink:0}.skilltree-page .visual-block:fullscreen .svg-host{width:min(calc(100dvh - 100px),100dvw);height:min(calc(100dvh - 100px),100dvw);margin:auto}.skilltree-page .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}@media(min-width:1600px){.detail-card{max-height:960px}}@media(max-width:1050px){.page{padding:26px 18px}.skilltree-page .workspace{grid-template-columns:minmax(0,1fr) 270px;gap:12px}.skilltree-page .search-card,.skilltree-page .detail-card{padding:14px}.skilltree-page .intro{font-size:11px;max-width:560px}.skilltree-page .edition{display:none}.skilltree-page .toolbar-label{font-size:9px}.skilltree-page .viewer-bottom{flex-wrap:wrap;font-size:9px;gap:8px}.skilltree-page .detail-card{max-height:600px}}@media(max-width:760px){.page{padding:24px 13px 18px}.skilltree-page .top{margin-bottom:20px}.skilltree-page .top h1{letter-spacing:-1px}.skilltree-page .workspace{grid-template-columns:1fr}.skilltree-page .sidebar{grid-template-columns:1fr 1fr}.skilltree-page .search-card{grid-column:1/-1}.skilltree-page .detail-card{grid-column:1/-1;max-height:620px;min-height:230px}.skilltree-page .toolbar{padding:9px 10px}.skilltree-page .toolbar-label{max-width:160px;line-height:1.5}.skilltree-page .view-controls{gap:4px}.skilltree-page .view-controls button{width:29px;height:29px}.skilltree-page .viewer-bottom{padding:10px}.skilltree-page .direction-key{gap:10px}.skilltree-page .legend-heading{line-height:1.7;display:block}.skilltree-page .legend-heading span{display:block}.skilltree-page .legend-items{gap:9px 13px}.skilltree-page .method-content{grid-template-columns:1fr;gap:12px}.skilltree-page .map-footer{flex-wrap:wrap}.skilltree-page .eyebrow{font-size:9px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.skilltree-page .transfer-entry{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:15px}.skilltree-page .transfer-entry>span{font-size:8px;letter-spacing:1px;color:#7D95A8;margin-right:5px}.skilltree-page .transfer-entry button{padding:5px 8px;font-size:9px;color:#A4D3F3;border-color:#334B60;background:#0F1A25}.skilltree-page .badge.selbstauskunft{color:#AED9F7;border-color:#3D6584}.skilltree-page .badge.abgeleitet{color:#C4D1E0;border-style:dashed}.skilltree-page .card-label[for]{display:block}/* Website integration: local Lato,readable controls and narrow-screen layout. */
.skilltree-body{ background: #080B10; }.skilltree-page{ color-scheme: dark; color: #C7D0D9; font-family: 'Lato',sans-serif; font-size: 15px; line-height: 1.65; max-width: 1580px; margin: auto; padding: 38px 34px 24px; }.skilltree-page h1,.skilltree-page h2,.skilltree-page h3{ color: #E0E8EE; }.skilltree-page .top h1{ font-size: clamp(2.2rem,4vw,4rem); font-weight:700; letter-spacing:-.035em; }.skilltree-page .intro{ font-size: 1.05rem; max-width: 680px; color:#B4C2CD; }.skilltree-page .eyebrow,.skilltree-page .edition,.skilltree-page .toolbar-label,.skilltree-page .viewer-bottom{ font-size: .8rem; }.skilltree-page .card-label,.skilltree-page .detail-group{ font-size: .75rem; }.skilltree-page .search-wrap input{ font-size: 1rem; }.skilltree-page .detail-card h2{ font-size: 1.4rem; }.skilltree-page .detail-card p,.skilltree-page .detail-card .empty-description,.skilltree-page .steps li,.skilltree-page .method-content{ font-size: .9rem; }.skilltree-page .search-help,.skilltree-page .legend-heading,.skilltree-page .legend-item,.skilltree-page .source-list,.skilltree-page .source-table,.skilltree-page .relations details p{ font-size: .8rem; }.skilltree-page .legend-item small,.skilltree-page .badge,.skilltree-page .relations details,.skilltree-page .pin-state{ font-size: .75rem !important; }.skilltree-page .relation-select,.skilltree-page .relations h3,.skilltree-page .transfer-entry button,.skilltree-page .method h3,.skilltree-page .method>summary{ font-size: .9rem; }.skilltree-page .view-controls button{ width:44px; height:44px; flex-shrink:0; }.skilltree-page .search-wrap button,.skilltree-page .relation-select,.skilltree-page .transfer-entry button,.skilltree-page .pin-state button{ min-height:44px; }.skilltree-page .transfer-entry>span{ font-size:.75rem; }.skilltree-page .detail-card{ max-height:900px; }.skilltree-page .map-footer{ font-size:.8rem; }.skilltree-page .pin-state button{ font-size:.8rem; padding:0 .5rem; }.skilltree-page .toolbar{ flex-wrap:wrap; }.skilltree-page .view-controls{ flex-wrap:wrap; }.skilltree-page .detail-link{ font-size:.8rem; }.skilltree-page .static-fallback{ margin-top:1rem; }.skilltree-page .static-fallback img{ display:block; width:100%; }.skilltree-page .visual-block:fullscreen .svg-host{ width:min(calc(100dvh - 180px),100dvw); height:min(calc(100dvh - 180px),100dvw); }
@media(max-width:760px) {.skilltree-page{ padding:24px 16px; }.skilltree-page .workspace{ display:flex; flex-direction:column; }.skilltree-page .workspace>section{ order:2; width:100%; min-width:0; }.skilltree-page .sidebar{ display:contents; }.skilltree-page .search-card{ order:1; width:100%; }.skilltree-page .detail-card{ order:3; width:100%; max-height:none; }.skilltree-page .toolbar-label{ max-width:none; }.skilltree-page .source-table td:first-child{ width:90px; }
}.skilltree-page [hidden]{ display:none !important; }.skilltree-page [hidden]{ display:none !important; }.skilltree-body > .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; }

.skilltree-page .view-status { padding: .5rem 1rem; margin: 0; }
