html[data-ai-page] .cms-page .pn-ai { background:none; color:inherit; padding:0; margin:0; border-radius:0 }
.ais-wrap { max-width:1320px; margin:0 auto; padding:0 32px; box-sizing:border-box }
.ais-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0) }
main.legacy-cms .cms-page .ais-wrap ul li::before { content:none }
main.legacy-cms .cms-page .ais-wrap ul, main.legacy-cms .cms-page .ais-wrap ol { list-style:none }

/* Text */
main.legacy-cms .cms-page .ais-carried { text-align:center; max-width:880px; margin:40px auto 0; font-size:16px; line-height:24px; color:var(--primitive-deep-blue-400) }
.ais-avail { margin-top:40px; border-left:4px solid var(--primitive-smart-yellow-800); background:var(--primitive-white-100); padding:16px 20px; font-size:15px; line-height:1.55; color:var(--primitive-deep-blue-400); max-width:860px }
.ais-avail b { color:var(--primitive-deep-blue-800) }
.ais-ai { background:var(--primitive-smart-yellow-800); color:var(--primitive-deep-blue-800); padding:0 .12em; border-radius:2px; margin-right:.06em }
@media (max-width:767px) {
  .ais-wrap { padding:0 16px }
}
main.legacy-cms .cms-page #intro { margin-bottom:25px }
@media (min-width:1200px) { main.legacy-cms .cms-page #intro .sw-cms-el-enthus-headline-module__copy { margin-bottom:30px } }

/* Framework tree */
.ais-tree { margin-top:48px }
main.legacy-cms .cms-page #framework, main.legacy-cms .cms-page #hub.cms-block-enthus-headline-module, main.legacy-cms .cms-page #leistung, main.legacy-cms .cms-page #zusammenarbeit, main.legacy-cms .cms-page #beispiele, main.legacy-cms .cms-page #workshops, main.legacy-cms .cms-page #foundation-hub { margin-bottom:0 }
main.legacy-cms .cms-page #framework .sw-cms-el-enthus-headline-module__copy, main.legacy-cms .cms-page #hub .sw-cms-el-enthus-headline-module__copy, main.legacy-cms .cms-page #foundation-hub .sw-cms-el-enthus-headline-module__copy { margin-bottom:0 }
@media (min-width:1200px) { main.legacy-cms .cms-page #zusammenarbeit .sw-cms-el-enthus-headline-module__copy, main.legacy-cms .cms-page #beispiele .sw-cms-el-enthus-headline-module__copy, main.legacy-cms .cms-page #workshops .sw-cms-el-enthus-headline-module__copy { margin-bottom:10px } }
.ais-node { position:relative; display:block; text-decoration:none; color:var(--primitive-deep-blue-800); background:var(--primitive-white-100); border:1px solid var(--primitive-deep-gray-500); border-radius:2px; padding:14px 16px }
.ais-node b { display:block; font-size:18px; line-height:1.3 }
main.legacy-cms .cms-page .ais-node p { margin:4px 0 0; font-size:14px; line-height:1.45; color:var(--primitive-deep-blue-400) }
a.ais-node { transition:transform .2s ease, box-shadow .2s ease }
a.ais-node:hover { transform:translateY(-3px); box-shadow:0 4px 24px rgba(0,0,0,.07); color:var(--primitive-deep-blue-800) }
main.legacy-cms .cms-page a.ais-node, main.legacy-cms .cms-page a.ais-node:hover, main.legacy-cms .cms-page a.ais-node * { text-decoration:none }
[data-ai-page] main .ais-tree .ff { font-weight:inherit; background:none; padding:0; color:inherit }
.ais-root { max-width:480px; margin:0 auto; text-align:center; background:var(--primitive-deep-blue-800); border-color:var(--primitive-deep-blue-800) }
main.legacy-cms .cms-page .ais-root b { color:var(--primitive-white-100); font-size:22px }
main.legacy-cms .cms-page .ais-root p { color:var(--primitive-deep-gray-300) }
.ais-branch { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:96px; max-width:960px; margin:0 auto; padding:28px 0 }
.ais-branch::before { content:""; position:absolute; left:50%; top:0; bottom:0; border-left:2px solid var(--primitive-deep-blue-800) }
.ais-branch .ais-node { max-width:380px; width:100% }
.ais-guide { justify-self:end; border-left:4px solid var(--primitive-smart-yellow-800) }
.ais-hubnode { justify-self:start; border-left:4px solid var(--primitive-deep-blue-200) }
.ais-arm { position:absolute; top:50%; width:48px; border-top:2px solid var(--primitive-deep-blue-800) }
.ais-arm-l { right:50% } .ais-arm-r { left:50% }
.ais-fields { position:relative; display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:12px; padding-top:28px; align-items:start; scroll-margin-top:120px }
.ais-fields::before { content:""; position:absolute; top:0; left:calc((100% - 60px) / 12); right:calc((100% - 60px) / 12); border-top:2px solid var(--primitive-deep-blue-800) }
.ais-col { position:relative }
.ais-col::before { content:""; position:absolute; top:-28px; left:50%; height:28px; border-left:2px solid var(--primitive-deep-blue-800) }
.ais-card { display:flex; flex-direction:column; min-height:220px; box-sizing:border-box; list-style:none; color:var(--primitive-deep-blue-800); background:var(--primitive-white-100); border:1px solid var(--primitive-deep-gray-500); border-top:4px solid var(--kante); border-radius:2px; padding:14px 14px 0; cursor:pointer; transition:transform .2s ease, box-shadow .2s ease }
.ais-card::-webkit-details-marker { display:none }
.ais-card:hover { transform:translateY(-3px); box-shadow:0 4px 24px rgba(0,0,0,.07) }
.ais-card:focus-visible { outline:2px solid var(--primitive-trustful-blue-500); outline-offset:2px }
.ais-kopf { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px }
.ais-n { display:block; font-size:22px; font-weight:700; color:var(--primitive-deep-blue-200); line-height:1 }
.ais-ic { display:block; width:26px; height:26px; color:var(--primitive-deep-blue-400); flex:none }
.ais-ic svg { width:100%; height:100%; stroke-width:1.5 }
.ais-card b { display:block; font-size:16px; line-height:1.25; hyphens:auto }
main.legacy-cms .cms-page .ais-card p { margin:6px 0 20px; font-size:13.5px; line-height:1.4; color:var(--primitive-deep-blue-400) }
.ais-mehr { display:block; margin:auto -14px 0; padding:10px 14px; border-top:1px solid var(--primitive-deep-gray-300); background:var(--flaeche); font-size:14px; font-weight:700; text-align:center; line-height:1.2 }
.ais-card:hover .ais-mehr { background:var(--primitive-smart-yellow-800) }
.ais-less, details[open] .ais-more { display:none }
details[open] .ais-less { display:inline }
main.legacy-cms .cms-page .ais-offers { margin:0 0 0 14px; padding:12px 0 0 16px; display:grid; gap:8px }
.ais-of { position:relative; display:grid; grid-template-columns:auto 1fr; gap:8px; align-items:start; background:var(--flaeche); border-radius:2px; padding:8px 10px; margin:0 }
main.legacy-cms .cms-page .ais-wrap .ais-offers .ais-of::before { content:""; transform:none; position:absolute; left:-16px; top:18px; width:14px; border-top:2px solid var(--primitive-deep-blue-800) }
.ais-offers .ais-of::after { content:""; position:absolute; left:-16px; top:-8px; bottom:0; border-left:2px solid var(--primitive-deep-blue-800) }
.ais-offers .ais-of:first-child::after { top:-12px }
.ais-offers .ais-of:last-child::after { bottom:auto; height:28px }
.ais-of b { display:block; font-size:14px; line-height:1.3 }
main.legacy-cms .cms-page .ais-of p { margin:3px 0 0; font-size:12.5px; line-height:1.4; color:var(--primitive-deep-blue-400) }
.ais-ty { display:flex; align-items:center; justify-content:center; width:26px; height:26px; border:1px solid var(--primitive-deep-gray-500); background:var(--primitive-white-100); border-radius:2px; flex:none; color:var(--primitive-deep-blue-800) }
.ais-ty svg { width:15px; height:15px; stroke-width:1.6 }
.ais-keys { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px 24px; margin-top:28px; font-size:14px; color:var(--primitive-deep-blue-400) }
.ais-keys > span { display:inline-flex; align-items:center; gap:8px }
.ais-c-befaehigung { --kante:#61FFA0; --flaeche:#CFFFE2 }
.ais-c-daten { --kante:#94F2FF; --flaeche:#DFFBFF }
.ais-c-systeme { --kante:#37ACD6; --flaeche:#E1F3F9 }
.ais-c-governance { --kante:#9FB4FF; --flaeche:#D5DEFF }
.ais-c-sicherheit { --kante:#FF9FB6; --flaeche:#FFD5DF }
.ais-c-finops { --kante:#C5C7CC; --flaeche:#F2F3F5 }
@media (max-width:1199px) {
  .ais-fields { grid-template-columns:repeat(3, minmax(0, 1fr)) }
  .ais-fields::before, .ais-col::before { display:none }
}
@media (max-width:767px) {
  .ais-fields { grid-template-columns:1fr }
  .ais-branch { grid-template-columns:1fr; gap:16px }
  .ais-branch::before, .ais-arm { display:none }
  .ais-guide, .ais-hubnode { justify-self:stretch }
  .ais-branch .ais-node { max-width:none }
  .ais-card { min-height:0 }
  .ais-keys { justify-content:flex-start }
}

/* Hub points and schema */
.ais-hubgrid { display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:40px 48px; align-items:stretch; margin-top:48px }
.ais-pts { display:flex; flex-direction:column; background:var(--primitive-white-100); border-radius:2px; box-shadow:0 4px 24px rgba(0,0,0,.07); overflow:hidden }
.ais-pt { flex:1 1 auto; display:grid; grid-template-columns:40px 1fr; gap:16px; align-items:center; padding:12px 20px }
.ais-pt + .ais-pt { border-top:1px solid var(--primitive-deep-gray-300) }
.ais-pic { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:2px; background:var(--primitive-smart-yellow-800); color:var(--primitive-deep-blue-800) }
.ais-pic svg { width:22px; height:22px; stroke-width:1.6 }
main.legacy-cms .cms-page .ais-pt h3 { font-size:18px; line-height:1.3; margin:0 0 2px; font-weight:700 }
main.legacy-cms .cms-page .ais-pt p { margin:0; font-size:15px; line-height:1.45; color:var(--primitive-deep-blue-400) }
.ais-ptmore { display:block; padding:14px 20px 14px 76px; border-top:1px solid var(--primitive-deep-gray-300); background:var(--primitive-deep-gray-200); font-weight:700; color:var(--primitive-deep-blue-800); text-decoration:none; position:relative }
.ais-ptmore::before { content:"→"; position:absolute; left:32px }
.ais-ptmore:hover { background:var(--primitive-smart-yellow-800); color:var(--primitive-deep-blue-800) }
.ais-hubimg { display:block; align-self:center; transition:transform .2s }
.ais-hubimg:hover { transform:translateY(-3px) }
.ais-hubimg img { display:block; width:100%; height:auto }
@media (max-width:991px) { .ais-hubgrid { grid-template-columns:1fr } }
.ais-cta { margin-top:100px; background:var(--primitive-deep-blue-800) }
.ais-cta-in { max-width:1320px; margin:0 auto; padding:104px 32px; box-sizing:border-box; display:flex; flex-wrap:wrap; gap:32px 72px; align-items:center; justify-content:space-between }
.ais-cta-txt { flex:1 1 480px }
main.legacy-cms .cms-page .ais-cta h2 { margin:0 0 16px; font-size:clamp(36px, 4vw, 56px); line-height:1.1; font-weight:700; color:var(--primitive-white-100) }
main.legacy-cms .cms-page .ais-cta h2 mark { color:var(--primitive-deep-blue-800) }
main.legacy-cms .cms-page .ais-cta p { margin:0; max-width:560px; font-size:19px; line-height:1.5; color:var(--primitive-deep-gray-500) }
main.legacy-cms .cms-page .ais-cta .ais-cta-pre { margin:0 0 12px; font-size:16px; font-weight:700; color:var(--primitive-smart-yellow-800) }
.ais-cta-btns { display:flex; flex-wrap:wrap; gap:16px }
.legacy-cms .ais-cta .sw-cms-el-enthus-element-button--is-primary { background:var(--primitive-white-100); color:var(--primitive-deep-blue-800) }
.legacy-cms .ais-cta .sw-cms-el-enthus-element-button--is-primary:hover { background:var(--primitive-smart-yellow-800); color:var(--primitive-deep-blue-800) }
.legacy-cms .ais-cta .sw-cms-el-enthus-element-button--is-secondary { background:transparent; border-color:var(--primitive-white-100); color:var(--primitive-white-100) }
.legacy-cms .ais-cta .sw-cms-el-enthus-element-button--is-secondary:hover { background:var(--primitive-white-100); color:var(--primitive-deep-blue-800) }
@media (max-width:767px) { .ais-cta { margin-top:64px } .ais-cta-in { padding:56px 16px } }
.ais-cta.ais-cta-flush { margin-top:0 }
[data-ai-page] main .ais-avail .ff, [data-ai-page] main .konsole .ff { font-weight:inherit; background:none; padding:0 }
@media (max-width:767px) {
  .legacy-cms .sw-cms-block-enthus-stage-small { height:500px }
  .legacy-cms .sw-cms-block-enthus-stage-small__content.has-mobile-image { top:0; transform:none }
}

/* Hub console */
.ais-wrap > .konsole { margin-top:48px }
main.legacy-cms .cms-page .ais-legend { margin:16px 0 0; font-size:14px; line-height:1.55; color:var(--primitive-deep-blue-400) }
.konsole { font-size:16px; line-height:1.5; color:var(--primitive-deep-blue-800); position:relative; background:var(--primitive-white-100); border:1px solid var(--primitive-deep-gray-500); box-shadow:0 24px 56px rgba(0,15,64,.12); margin-top:8px }
.k-top { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; padding:10px 16px; background:var(--primitive-power-purple-300); font-size:14px }
.k-dots { display:inline-flex; gap:6px }
.k-dots i { width:10px; height:10px; border-radius:50%; background:var(--primitive-white-100); border:1px solid var(--primitive-deep-blue-200) }
.k-top b { font-size:16px }
.k-claim { color:var(--primitive-deep-blue-400) }
.k-ill { margin-left:auto; font-size:12px; font-weight:700; padding:2px 8px; border:1px dashed var(--primitive-deep-blue-200); border-radius:2px; color:var(--primitive-deep-blue-400) }
.k-body { display:grid; grid-template-columns:1fr }
.k-menu { display:flex; overflow-x:auto; gap:4px; padding:8px; border-bottom:1px solid var(--primitive-deep-gray-300); background:var(--primitive-deep-gray-200) }
.k-menu button { flex:none; display:flex; flex-direction:column; align-items:flex-start; text-align:left; font:inherit; color:var(--primitive-deep-blue-800); background:transparent; border:0; border-left:3px solid transparent; padding:8px 12px; min-height:44px; cursor:pointer; border-radius:2px }
.k-menu button:hover { background:var(--primitive-white-100) }
.k-menu button[aria-selected=true] { background:var(--primitive-white-100); border-left-color:var(--primitive-smart-yellow-800); box-shadow:0 2px 8px rgba(0,15,64,.08) }
.k-menu button:focus-visible { outline:2px solid var(--primitive-deep-blue-800); outline-offset:1px }
.k-menu .kn { font-weight:700; font-size:15px }
.k-menu .kw { font-size:12px; color:var(--primitive-deep-blue-400); white-space:nowrap }
.k-stage { padding:16px; display:grid }
.k-capbox { min-height:64px; margin-bottom:16px }
.k-cap { display:grid; grid-template-columns:1fr; gap:4px 24px; align-items:center; padding:10px 16px; background:var(--k-bg,var(--primitive-power-purple-300)); animation:k-in .4s ease-out both }
.k-cap[data-m=access], .k-cap[data-m=verify] { --k-bg:#E6EBFF }
.k-cap[data-m=privacy], .k-cap[data-m=experts] { --k-bg:#E8FCFF }
.k-cap[data-m=select], .k-cap[data-m=academy] { --k-bg:#E2FFEE }
.k-cap[data-m=context], .k-cap[data-m=studio] { --k-bg:#FFE6EC }
.k-cap[data-m=dashboard] { --k-bg:#FBFFD6 }
.k-kopf { display:flex; flex-direction:column }
.k-tag { font-size:12px; font-weight:700; white-space:nowrap }
.k-tag .reife { position:static; margin-left:8px; font-size:12px; font-weight:700; color:var(--primitive-deep-blue-400); display:inline-flex; align-items:center; gap:6px }
.k-tag .reife::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--primitive-deep-blue-200) }
.k-tag .r-Basis::before { background:var(--primitive-deep-blue-800) }
.k-tag .r-in-Entwicklung::before { background:var(--primitive-white-100); border:1.5px solid var(--primitive-deep-blue-200) }
.k-tag .r-in-Planung::before { background:var(--primitive-white-100); border:1.5px dashed var(--primitive-deep-blue-200) }
.k-name { font-size:24px; font-weight:900; line-height:1.1; white-space:nowrap }
.konsole .ais-ai { margin-right:.08em }
.konsole .k-cap p { margin:0; font-size:14px; line-height:1.45; color:var(--primitive-deep-blue-400) }
.k-pipe { overflow-x:auto }
.k-pipe svg { display:block; width:100%; min-width:640px; height:auto; overflow:visible }
.pipe * { transform-box:fill-box }
.pipe [data-p] { opacity:.22; transition:opacity .4s }
.pipe .fx { display:none }
.konsole[data-m=experts] .pipe [data-p=verify], .konsole[data-m=experts] .pipe [data-p=privacy], .konsole[data-m=studio] .pipe [data-p=verify], .konsole[data-m=studio] .pipe [data-p=privacy] { visibility:hidden }
.pipe text { font-size:12px; font-weight:700; fill:var(--primitive-deep-blue-800); text-anchor:middle; font-family:inherit }
.pipe .lt { font-size:13px; text-anchor:start }
.pipe .li { font-size:12px; font-weight:400; text-anchor:start }
.pipe .list { fill:var(--primitive-white-100); stroke:var(--primitive-deep-blue-800); stroke-width:1.2 }
.pipe .mk { fill:var(--primitive-deep-gray-300) }
.konsole[data-on~=sys] [data-p=sys] .list, .konsole[data-on~=mod] [data-p=mod] .list, .konsole[data-on~=assist] [data-p=assist] .list { fill:#FDFFE8; stroke:var(--primitive-deep-blue-800) }
.konsole[data-on~=sys] [data-p=sys] .mk, .konsole[data-on~=mod] [data-p=mod] .mk { fill:var(--primitive-smart-yellow-800) }
.pipe .ln { fill:none; stroke:var(--primitive-deep-blue-800); stroke-width:1.6 }
.pipe .dash { stroke-dasharray:4 4 }
.pipe .box, .pipe .node { fill:var(--primitive-white-100); stroke:var(--primitive-deep-blue-800); stroke-width:1.6 }
.pipe .bar { fill:var(--primitive-deep-blue-800) }
.pipe .gl { fill:var(--primitive-deep-gray-600) }
.pipe .bk { fill:var(--primitive-deep-blue-800) }
.pipe .ckg { fill:none; stroke:var(--primitive-deep-blue-800); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round }
.pipe .rt { fill:var(--primitive-white-100); stroke:var(--primitive-deep-blue-800); stroke-width:2 }
.pipe .rt.heiss { fill:var(--primitive-smart-yellow-800); transform-origin:center; animation:k-puls 1.2s ease-in-out infinite }
.pipe .dot { stroke:var(--primitive-deep-blue-800); stroke-width:1.5 }
.pipe .nein { fill:none; stroke:var(--primitive-deep-blue-800); stroke-width:2.4; stroke-linecap:round }
.pipe .ja circle { fill:var(--primitive-progressive-green-500); stroke:var(--primitive-deep-blue-800); stroke-width:1.4 }
.pipe .ja path { fill:none; stroke:var(--primitive-deep-blue-800); stroke-width:2; stroke-linecap:round; stroke-linejoin:round }
.pipe .wblock { fill:var(--primitive-white-100); stroke:var(--primitive-deep-blue-800); stroke-width:1.4 }
.pipe .ckw { fill:none; stroke:var(--primitive-deep-blue-800); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round }
.pipe .back { fill:var(--primitive-white-100); stroke:none }
.pipe .feld { fill:var(--primitive-white-100); stroke:var(--primitive-deep-gray-500); stroke-width:1.2 }
.pipe .wert { fill:var(--primitive-deep-blue-800) }
.pipe .gitter { fill:none; stroke:var(--primitive-deep-gray-300); stroke-width:1 }
.pipe .kurve { fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round }
.pipe .kurve.dick { stroke-width:3 }
.pipe .saeule { stroke:var(--primitive-deep-blue-800); stroke-width:1.2; transform-origin:bottom; animation:k-saeule 3.2s ease-in-out infinite alternate }
.pipe .s1 { animation-delay:-.8s }
.pipe .s2 { animation-delay:-1.6s }
.pipe .s3 { animation-delay:-2.4s }
.pipe .segment { fill:none; stroke-width:28 }
.pipe .karte { stroke:var(--primitive-deep-blue-800); stroke-width:1.2 }
.pipe .ring { fill:none; stroke-width:2.5 }
.pipe .sp { fill:none; stroke:var(--primitive-deep-blue-800); stroke-width:1.4 }
.pipe .nd { stroke:var(--primitive-deep-blue-800); stroke-width:1.6 }
.pipe .kopf { fill:var(--primitive-deep-blue-800) }
.pipe .rumpf { fill:none; stroke:var(--primitive-deep-blue-800); stroke-width:1.8 }
.pipe .agent { fill:none; stroke:var(--primitive-deep-blue-800); stroke-width:1.8; stroke-linejoin:round }
.pipe .band { fill:var(--primitive-deep-blue-800) }
.pipe .siegel { stroke:var(--primitive-deep-blue-800); stroke-width:1.6 }
.pipe .kern { fill:var(--primitive-deep-blue-800) }
.pipe .seg { stroke:var(--primitive-deep-blue-800); stroke-width:1 }
.pipe .tb { font-size:11px; font-weight:400; text-anchor:end }
.pipe .an { text-anchor:start }
.pipe .hut { fill:var(--primitive-deep-blue-800) }
.pipe .quaste { fill:none; stroke:var(--primitive-deep-blue-800); stroke-width:2; stroke-linecap:round }
.pipe .win { fill:var(--primitive-white-100); stroke:var(--primitive-deep-blue-800); stroke-width:1.6 }
.pipe .winbar { fill:var(--primitive-power-purple-300); stroke:var(--primitive-deep-blue-800); stroke-width:1.6 }
.pipe .c-y { fill:var(--primitive-smart-yellow-800) }
.pipe .c-p { fill:var(--primitive-power-purple-500) }
.pipe .pie { fill:var(--primitive-deep-gray-300); stroke:var(--primitive-deep-blue-800); stroke-width:1 }
.pipe .fld { fill:var(--primitive-white-100); stroke:var(--primitive-deep-blue-800); stroke-width:1 }
.pipe .af { stroke:var(--primitive-deep-blue-800); stroke-width:1 }
.pipe .ts { font-size:10px }
.pipe .rahmen { fill:none; stroke:var(--primitive-deep-blue-800); stroke-width:1.4; stroke-dasharray:6 4; opacity:.7 }
.pipe .rahmen-kopf, .pipe .pfosten { opacity:.7 }
.pipe .rl { font-size:11px; text-anchor:start }
.pipe .bugel { fill:none; stroke:var(--primitive-deep-blue-800); stroke-width:1.6 }
.konsole[data-m=studio][data-on~=sys] .pipe :is(.sys-2, .sys-4), .konsole[data-m=studio][data-on~=mod] .pipe .mod-2, .konsole[data-m=studio][data-on~=sys] [data-p=sys] :is(.eintrag-2, .eintrag-4), .konsole[data-m=studio][data-on~=mod] [data-p=mod] .eintrag-2 { opacity:.22 }
.konsole:not([data-on~=select]) .pipe .anschluss-r { opacity:.22 }
.pipe .viertel { stroke:var(--primitive-deep-blue-800); stroke-width:1.2; stroke-linejoin:round }
.pipe .ai-gelb { fill:var(--primitive-smart-yellow-800) }
.pipe .rad { fill:var(--primitive-deep-blue-800) }
.pipe .nabe { fill:var(--primitive-smart-yellow-800) }
.pipe .dreh { transform-origin:center }
.pipe .wachs { transform-origin:50% 0 }
.konsole[data-on~=leute] .pipe [data-p=leute] { opacity:1 }
.konsole[data-on~=academy] .pipe [data-p=academy] { opacity:1 }
.konsole[data-on~=assist] .pipe [data-p=assist] { opacity:1 }
.konsole[data-on~=sys] .pipe [data-p=sys] { opacity:1 }
.konsole[data-on~=mod] .pipe [data-p=mod] { opacity:1 }
.konsole[data-on~=links] .pipe [data-p=links] { opacity:1 }
.konsole[data-on~=access] .pipe [data-p=access] { opacity:1 }
.konsole[data-on~=mitte] .pipe [data-p=mitte] { opacity:1 }
.konsole[data-on~=select] .pipe [data-p=select] { opacity:1 }
.konsole[data-on~=verify] .pipe [data-p=verify] { opacity:1 }
.konsole[data-on~=privacy] .pipe [data-p=privacy] { opacity:1 }
.konsole[data-on~=context] .pipe [data-p=context] { opacity:1 }
.konsole[data-m=access] .pipe .fx-access { display:inline }
.konsole[data-m=select] .pipe .fx-select { display:inline }
.konsole[data-m=privacy] .pipe .fx-privacy { display:inline }
.konsole[data-m=verify] .pipe .fx-verify { display:inline }
.konsole[data-m=experts] .pipe .fx-experts { display:inline }
.konsole[data-m=studio] .pipe .fx-studio { display:inline }
.konsole[data-m=context] .pipe .fx-context { display:inline }
.konsole[data-m=academy] .pipe .fx-academy { display:inline }
.konsole[data-m=dashboard] .pipe .fx-dashboard { display:inline }
.k-foot { display:flex; align-items:center; gap:16px; padding:10px 16px; border-top:1px solid var(--primitive-deep-gray-300) }
.k-prog { flex:1; display:flex; gap:6px }
.k-prog i { flex:1; height:3px; background:var(--primitive-deep-gray-300); position:relative; overflow:hidden }
.k-prog i.done::after, .k-prog i.on::after { content:""; position:absolute; inset:0; background:var(--primitive-deep-blue-800) }
.konsole.auto .k-prog i.on::after { animation:k-fill 9s linear both }
.k-play { font:inherit; font-size:14px; font-weight:700; color:var(--primitive-deep-blue-800); background:var(--primitive-white-100); border:1px solid var(--primitive-deep-blue-800); border-radius:2px; padding:6px 14px; min-height:44px; cursor:pointer }
.k-play:focus-visible { outline:2px solid var(--primitive-deep-blue-800); outline-offset:2px }
@media (min-width:720px) { .k-cap { grid-template-columns:auto 1fr auto } }
@media (min-width:980px) { .k-body { grid-template-columns:200px 1fr } .k-menu { flex-direction:column; overflow:visible; border-bottom:0; border-right:1px solid var(--primitive-deep-gray-300); padding:12px 8px } .k-stage { padding:20px 24px 24px } }
@media (prefers-reduced-motion:reduce) { .konsole *, .konsole *::before, .konsole *::after { animation:none !important; transition:none !important } }
@keyframes k-in { from { opacity:0; transform:translateY(4px) } }
@keyframes k-puls { 50% { transform:scale(1.25) } }
@keyframes k-saeule { from { transform:scaleY(.78) } to { transform:scaleY(1.04) } }
@keyframes k-fill { from { transform:translateX(-100%) } }

/* Steps */
.ais-steps { display:grid; grid-template-columns:1fr; gap:16px; margin:48px 0 100px; padding:0 }
.ais-steps li { padding:24px; text-align:center; background:var(--primitive-power-purple-300) }
.ais-steps li:nth-child(2) { background:var(--primitive-trustful-blue-300) }
.ais-steps li:nth-child(3) { background:var(--primitive-progressive-green-300) }
.ais-nr { display:flex; align-items:center; justify-content:center; width:40px; height:40px; margin:0 auto 16px; border-radius:50%; background:var(--primitive-power-purple-500); color:var(--primitive-deep-blue-800); font-size:16px; font-weight:700 }
.ais-steps li:nth-child(2) .ais-nr { background:var(--primitive-trustful-blue-500) }
.ais-steps li:nth-child(3) .ais-nr { background:var(--primitive-progressive-green-500) }
main.legacy-cms .cms-page .ais-steps h3 { margin:0; font-size:clamp(17px, calc(17px + 7 * (100vw - 428px) / 1012), 24px); line-height:clamp(24px, calc(24px + 8 * (100vw - 428px) / 1012), 32px); font-weight:700 }
main.legacy-cms .cms-page .ais-steps .ais-ss { margin:0 0 8px; font-size:16px; line-height:1.5; font-weight:700; color:var(--primitive-deep-blue-200) }
main.legacy-cms .cms-page .ais-steps p { margin:0; font-size:16px; line-height:1.5; color:var(--primitive-deep-blue-400) }
@media (min-width:768px) { .ais-steps { grid-template-columns:repeat(3, minmax(0, 1fr)) } }
@media (max-width:767px) { .ais-steps { margin-bottom:64px } }

.ais-steps.ais-steps-more { margin-bottom:0 }
.ais-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px 48px; margin:32px 0 100px; padding-top:32px; border-top:1px solid var(--primitive-deep-gray-500) }
main.legacy-cms .cms-page .ais-row p { flex:1 1 480px; max-width:760px; margin:0 }
@media (min-width:1200px) { main.legacy-cms .cms-page .ais-row-one p { max-width:none } }
@media (min-width:1200px) and (max-width:1279.98px) { main.legacy-cms .cms-page .ais-row-one p { font-size:18px } }
@media (max-width:767px) { .ais-row { margin-bottom:64px } .legacy-cms .ais-row .sw-cms-el-enthus-element-button { width:100%; text-align:center } }
.ais-tools { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:24px; margin-top:48px }
@media (min-width:1200px) { .ais-tools { margin-top:58px } }
.ais-tool { background:var(--primitive-deep-gray-300); border-top:4px solid var(--kante); padding:24px }
main.legacy-cms .cms-page .ais-tool h3 { margin:0; font-size:22px; line-height:1.3; font-weight:700 }
main.legacy-cms .cms-page .ais-tool .ais-tool-sub { margin:2px 0 12px; font-size:15px; line-height:1.4; font-weight:700; color:var(--primitive-deep-blue-200) }
main.legacy-cms .cms-page .ais-tool p { margin:0; font-size:15px; line-height:1.5; color:var(--primitive-deep-blue-400) }
@media (max-width:1199px) { .ais-tools { grid-template-columns:repeat(2, minmax(0, 1fr)) } }
@media (max-width:575px) { .ais-tools { grid-template-columns:1fr } }
main.legacy-cms .cms-page .ais-both { margin:32px 0 100px; text-align:center }
@media (max-width:767px) { main.legacy-cms .cms-page .ais-both { margin-bottom:64px } }
main.legacy-cms .cms-page ol.ais-where { list-style:none; margin:24px 0 0; padding:0; counter-reset:ais-where }
main.legacy-cms .cms-page ol.ais-where li { position:relative; padding-left:32px; counter-increment:ais-where }
main.legacy-cms .cms-page ol.ais-where li + li { margin-top:32px }
main.legacy-cms .cms-page ol.ais-where li::before { content:counter(ais-where) "."; position:absolute; left:0; top:0; font-weight:700 }
main.legacy-cms .cms-page #beispiele-liste .sw-cms-el-enthus-element-accordion__slide-headline { font-weight:700 }
#beispiele-liste .sw-cms-block-enthus-image-text-2-columns-full-width__grid > :first-child { padding-left:var(--distance-5xl) }
@media (min-width:1200px) { #beispiele-liste .sw-cms-block-enthus-image-text-2-columns-full-width__grid > :first-child { margin-left:16.66666667% } }
@media (max-width:1199.98px) { #beispiele-liste .sw-cms-block-enthus-image-text-2-columns-full-width__grid > :first-child { order:1; padding-right:var(--distance-5xl) } }
@media (max-width:991.98px) { #beispiele-liste .sw-cms-block-enthus-image-text-2-columns-full-width__grid > :first-child { padding-left:var(--distance-1l); padding-right:var(--distance-1l) } }
[data-ai-page] main.legacy-cms .cms-page a.ais-link { color:var(--bs-link-color); text-decoration:none }
main.legacy-cms .cms-page ul.ais-gap li + li { margin-top:1.75em; margin-top:1lh }
#foundation-framework .sw-cms-block-enthus-image-text-2-columns-full-width__grid { align-items:center }
[data-ai-page] main .sw-cms-el-enthus-element-button .ff { font-weight:inherit; background:none; padding:0; color:inherit }
.ais-ws2 { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:28px; margin-top:50px }
@media (min-width:1200px) { .ais-ws2 { margin-top:40px } }
.ais-wcard { display:flex; flex-direction:column; padding:38px 36px; background:var(--primitive-white-100); border:1px solid var(--primitive-deep-gray-500) }
.ais-wcard-dark { background:var(--primitive-deep-blue-800); color:var(--primitive-white-100) }
main.legacy-cms .cms-page .ais-wcard .ais-wq { margin:0 0 8px; font-size:15px; line-height:1.4; font-weight:700; color:var(--primitive-deep-blue-200) }
main.legacy-cms .cms-page .ais-wcard-dark .ais-wq { color:var(--primitive-power-purple-500) }
main.legacy-cms .cms-page .ais-wcard h3 { margin:0 0 18px; font-size:28px; line-height:1.2; font-weight:700; color:inherit }
main.legacy-cms .cms-page .ais-wcard h3 mark { color:var(--primitive-deep-blue-800) }
.ais-wcard dl { display:grid; grid-template-columns:auto 1fr; gap:6px 16px; margin:0 0 20px; font-size:16px; line-height:1.5 }
.ais-wcard dt { font-weight:700 }
.ais-wcard dd { margin:0; color:var(--primitive-deep-blue-400) }
.ais-wcard-dark dd { color:var(--primitive-deep-gray-500) }
main.legacy-cms .cms-page .ais-wcard ul { margin:0 0 22px; padding-top:16px; border-top:1px solid var(--primitive-deep-gray-500) }
main.legacy-cms .cms-page .ais-wcard-dark ul { border-top-color:var(--primitive-deep-blue-400) }
main.legacy-cms .cms-page .ais-wcard li { font-size:17px; line-height:1.5 }
main.legacy-cms .cms-page .ais-wcard li + li { margin-top:9px }
main.legacy-cms .cms-page .ais-wcard .ais-res { margin:auto 0 0; padding:14px 16px; font-size:16px; line-height:1.5; background:var(--primitive-deep-gray-200) }
main.legacy-cms .cms-page .ais-wcard-dark .ais-res { background:var(--primitive-deep-blue-600); color:var(--primitive-white-100) }
main.legacy-cms .cms-page .ais-wrap .ais-wcard ul li::before { content:url("/assets/legacy/img/0a20e3e4cafd.svg") }
main.legacy-cms .cms-page #beispiele-liste mark { padding-left:4px; padding-right:4px; margin-left:-4px; margin-right:-4px }
main.legacy-cms .cms-page #beispiele-liste mark.ais-mq { margin-left:-1px; padding-left:3px }
@media (max-width:991.98px) { .ais-ws2 { grid-template-columns:1fr } .ais-wcard { padding:28px 24px } }