.managed-section{border-block:1px solid var(--line);background:#080e18}
/* Solution cards share the primary/outline button styles from styles.css. */
#loesungen .solution-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
#loesungen .service-copy .solution-actions{margin-top:auto;padding-top:4px}
#loesungen .solution-actions .button{display:inline-flex;align-items:center;justify-content:space-between;flex:0 1 auto;width:auto;min-height:50px;min-width:112px;max-width:100%;margin:0;padding:12px 16px;gap:16px;border-radius:7px;font-size:13px;line-height:1.5;text-decoration:none;white-space:normal}
#loesungen .solution-actions .primary{color:#fff;border:1px solid #7cadff55}
#loesungen .solution-actions .primary:hover{border-color:#a1caff}
#loesungen .solution-actions .outline{color:#c8d9ee;border:1px solid #ffffff2c}
#loesungen .solution-actions .outline:hover{border-color:#76a8ff80;color:#fff}
#loesungen .solution-actions .button:after{content:none}
#loesungen .solution-actions .button-arrow{flex-shrink:0}
#loesungen .bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(390px,auto));gap:20px}
#loesungen .security-card,#loesungen .software-card{padding:0}
#loesungen .security-card .card-copy,#loesungen .software-card .card-copy{position:relative;inset:auto;width:auto;margin:78px 30px 30px}
#loesungen .security-card .card-copy p,#loesungen .software-card .card-copy p{max-width:340px}
@media(max-width:760px){#loesungen .bento-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(760px,auto) auto auto;gap:18px}#loesungen .security-card .card-copy,#loesungen .software-card .card-copy{margin:76px 24px 26px}#loesungen .solution-actions{gap:10px}#loesungen .solution-actions .button{flex:1 1 110px;min-width:0;padding-inline:12px;gap:10px}}
@media(prefers-reduced-motion:reduce){#loesungen .solution-actions .button,#loesungen .solution-actions .button-arrow{transition:none}#loesungen .solution-actions .primary:before{display:none}#loesungen .solution-actions .primary:hover,#loesungen .solution-actions .button:hover .button-arrow{transform:none}}
.service-path{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-block:25px;margin-top:-45px;margin-bottom:65px}
.service-path a{display:inline-flex;gap:18px;align-items:center;font-size:var(--small-text);color:#a9c5e8}
.service-path a:hover{color:#fff}
.managed-section .section-intro h2{font-size:42px;letter-spacing:0}
.service-switcher{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.service-switcher button{position:relative;min-height:62px;padding:14px 12px;border:1px solid #7da9e04d;border-radius:10px;background:linear-gradient(135deg,#14263e,#0e1b2e);color:#c8d9ee;text-align:center;font-size:13px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;hyphens:auto;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.service-switcher button[aria-selected=true]{color:#fff;background:linear-gradient(115deg,#245fd9,#397df0);border-color:#9bc7ff;box-shadow:0 5px 20px #2866f32b,inset 0 1px 0 #ffffff21}
.service-switcher button:hover{color:#fff;border-color:#a6ceff;background:linear-gradient(135deg,#203e64,#152d4a)}
.service-switcher button[aria-selected=true]:hover{background:linear-gradient(115deg,#2c6ae8,#488cff)}
.service-switcher button:focus-visible{outline:2px solid #b7e4ff;outline-offset:4px}
.managed-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center;padding-top:48px}
.managed-panels{display:grid;min-width:0}
.managed-panel{grid-area:1/1;min-width:0}
.managed-panel[hidden]{display:block;visibility:hidden;pointer-events:none}
.managed-panel .eyebrow,.check-section .eyebrow,.company-section .eyebrow{font-size:var(--small-text);letter-spacing:0}
.managed-panel h3{font-size:34px;line-height:1.25;font-weight:600;letter-spacing:0}
.managed-description{font-size:14px;line-height:1.9;color:#96a8c0;margin-top:24px;max-width:490px}
.managed-panel .checklist{margin-block:25px 32px}
.managed-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.managed-actions .button{font-size:13px}
.managed-actions .text-link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin:0;gap:12px;padding:12px 20px;border:1px solid #7da9e04d;border-radius:8px;background:#13253c;color:#d3e4fa;font-size:13px;text-decoration:none;transition:background .2s,border-color .2s}
.managed-actions .text-link:hover{background:#203e64;border-color:#a6ceff;color:#fff}
.service-switcher button,.managed-actions .text-link{position:relative;isolation:isolate;overflow:hidden;transition:box-shadow .35s,background .35s,border-color .35s,color .35s,transform .4s var(--ease)}
.service-switcher button:before,.managed-actions .text-link:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#ffffff2b 48%,transparent 75%);transform:translateX(-120%);transition:transform .65s var(--ease)}
.service-switcher button:hover:before,.managed-actions .text-link:hover:before{transform:translateX(120%)}
.service-switcher button:hover,.service-switcher button[aria-selected=true]:hover,.managed-actions .text-link:hover{box-shadow:inset 0 1px #ffffff55,0 0 35px #287bff66,0 8px 25px #0004;transform:translateY(-2px);border-color:#a1caff}
.managed-stage{position:relative;isolation:isolate;min-width:0;height:440px;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 48% 42%,#182b482b,transparent 66%)}
.managed-stage:before{content:'';position:absolute;inset:12% 8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#2466ad17,transparent 68%);opacity:0;transition:opacity .7s var(--ease)}
.managed-poster{display:none;width:100%;height:100%;object-fit:contain}
.managed-stage.no-webgl canvas{display:none}
.managed-stage.no-webgl .managed-poster{display:block}
.managed-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y;filter:drop-shadow(0 12px 20px #0006);transition:filter .7s var(--ease)}
.managed-caption{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none;color:#6e8fb8;font:var(--small-text) Consolas,monospace;text-align:center}
.status-light{width:4px;height:4px;flex:none;border-radius:50%;background:#72a8e6}
.managed-note{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-top:28px;margin-top:42px;border-top:1px solid #ffffff14;font-size:13px;color:#b6c8e0}
.managed-note p{color:#7f94b0;line-height:1.85}
.service-detail-link{display:inline-flex;align-items:center;align-self:flex-start;gap:14px;margin-top:16px;color:#8da6c6;font-size:var(--small-text)}
.service-detail-link:hover{color:#d5eaff}
.solutions .bento-grid{grid-template-rows:repeat(2,minmax(390px,auto))}
.cloud-card .orbit{width:min(380px,78%);height:auto;aspect-ratio:2/1}
.cloud-card .orbit-two{width:min(440px,88%);aspect-ratio:11/6}
.solutions .card-copy .service-detail-link{line-height:1.6;max-width:100%}
.check-section{background:linear-gradient(110deg,#0c1727,#080e18);border-bottom:1px solid var(--line)}
.check-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:100px;align-items:center}
.check-section h2,.company-section h2{font-size:40px;letter-spacing:0}
.check-intro{font-size:14px;line-height:1.9;color:#95a8c2;margin-top:24px;max-width:490px}
.check-steps{list-style:none;padding:0;margin:28px 0 0}
.check-steps li{display:grid;gap:5px;padding:14px 0;border-top:1px solid #ffffff12}
.check-steps strong{font-size:14px;font-weight:600}
.check-steps span{font-size:13px;line-height:1.8;color:#889fbb}
.check-request fieldset{padding:0;border:0;margin:0 0 24px;min-width:0}
.check-request legend{font-size:18px;font-weight:600;margin-bottom:20px}
.check-request label{display:flex;align-items:center;gap:14px;padding:17px 0;margin:0;border-bottom:1px solid #ffffff16;font-size:14px;cursor:pointer}
.check-request input[type=checkbox]{display:grid;place-content:center;appearance:none;width:18px;height:18px;flex:none;padding:0;margin:0;border:1px solid #ffffff70;border-radius:3px;background:#ffffff24;cursor:pointer;transition:background .18s,border-color .18s}
.check-request input[type=checkbox]:checked{background:#fff;border-color:#fff}
.check-request input[type=checkbox]:checked::after{content:"";width:5px;height:9px;border:solid #24303f;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.check-request input[type=checkbox]:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(forced-colors:active){.check-request input[type=checkbox]{appearance:auto;accent-color:auto}}
.check-request>p{color:#879cba;font-size:13px;line-height:1.8;margin-bottom:24px}
.check-request .check-status{min-height:24px;margin:12px 0 0;color:#b9d9ff}
.company-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:110px;align-items:center;border-top:1px solid var(--line)}
.company-grid>div>p:not(.eyebrow){font-size:14px;line-height:1.95;max-width:520px;margin-top:24px;color:#95a8c2}
/* Align the visible X with the facts below; the source has 131px left padding at 2048px width. */
.company-facts>img{width:210px;max-width:75%;height:auto;margin-bottom:32px;transform:translateX(-6.396484375%)}
.company-facts dl{margin:0}
.company-facts dl>div{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;border-top:1px solid #ffffff14;padding-block:18px}
.company-facts dt{font-size:13px;font-weight:600;color:#b7cbe5}
.company-facts dd{margin:0;font-size:13px;line-height:1.85;color:#8ca2be}
.detail-page .site-header{background:#080f1cf2}
.detail-main{padding-top:126px}
.detail-back{display:flex;align-items:center;padding-block:16px}
.detail-back a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff24;border-radius:50%;color:#b5c9e2;background:#ffffff04;transition:color .2s,background .2s,border-color .2s}
.detail-back a:hover{color:#fff;background:#ffffff0c;border-color:#ffffff60}
.detail-back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.detail-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:65px;align-items:center;padding-block:42px 72px}
.detail-layout h1{font-size:48px;line-height:1.15;letter-spacing:0;overflow-wrap:anywhere}
.detail-layout .eyebrow{font-size:13px;letter-spacing:0;margin-bottom:20px}
.detail-promise{font-size:25px;font-weight:600;line-height:1.4;color:#a9c1df;margin-top:24px}
.detail-description{font-size:15px;line-height:1.9;color:#96aac4;max-width:560px;margin-top:22px}
.detail-layout .button{margin-top:28px}
.detail-model-surface.digital-service{padding:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.detail-model-surface.digital-service .service-model{height:390px;margin:0}
.solution-detail-art{position:relative;min-width:0;height:390px;overflow:hidden;isolation:isolate;border-radius:14px;background:radial-gradient(ellipse at center,#182b4833,transparent 68%)}
.solution-detail-art::after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(380px circle at 50% 20%,#488bff18,transparent 70%);opacity:0;transition:opacity .45s}
.solution-detail-art>:is(.cloud-art,.security-art,.code-art){filter:drop-shadow(0 12px 20px #0006);transition:filter .7s var(--ease)}
@media(hover:hover) and (pointer:fine){
  .solution-detail-art:hover::after{opacity:1}
  .solution-detail-art:hover>:is(.cloud-art,.security-art,.code-art){filter:drop-shadow(0 0 24px #599bff50)}
}
@media(prefers-reduced-motion:reduce){.solution-detail-art>:is(.cloud-art,.security-art,.code-art),.solution-detail-art::after{transition:none}}
.solution-detail-art .cloud-art{position:absolute;inset:0;margin:0;min-height:0}
.solution-detail-art .cloud-stack{width:210px;height:210px;top:46%}
.solution-detail-art .orbit{top:54%;width:340px;height:180px}
.solution-detail-art .orbit-two{width:390px;height:220px}
.solution-detail-art .art-caption{bottom:22px;left:0;right:0;text-align:center}
.solution-detail-art .security-art{left:50%;top:50%;right:auto;opacity:1;transform:translate(-50%,-50%) scale(1.4)}
.solution-detail-art .shield svg{stroke-linecap:round;stroke-linejoin:round}
.solution-detail-art .code-art{left:50%;top:50%;width:330px;max-width:80%;opacity:1;transform:translate(-50%,-50%) perspective(800px) rotateY(-20deg) rotateZ(5deg)}
.solution-detail-art .code-toolbar span{font-size:11px}
.solution-detail-art .code-lines{font-size:12px;line-height:2.2;padding:22px 16px 28px}
.detail-process{padding-block:76px;border-bottom:1px solid var(--line)}
.detail-process h2{font-size:34px;letter-spacing:0}
.detail-process>.eyebrow{font-size:13px;letter-spacing:0}
.detail-step-number{display:block;margin-bottom:18px;color:#72a8e6;font:13px Consolas,monospace}
.detail-layout .managed-stage{height:390px}
.detail-layout .managed-stage{grid-row:auto}
.detail-band{border-top:1px solid var(--line);background:#080f19}
.detail-band .section{padding-block:76px}
.detail-band h2{font-size:34px;letter-spacing:0}
.detail-lead{max-width:790px;margin-top:24px;color:#94a9c4;font-size:15px;line-height:1.95}
.detail-scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:42px}
.detail-scope article{padding-top:24px;border-top:1px solid #5279a64a;min-width:0}
.detail-scope h3{font-size:20px;line-height:1.4;letter-spacing:0;font-weight:600}
.detail-scope p{font-size:14px;line-height:1.95;color:#91a6c0;margin-top:16px}
.detail-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:90px;padding-block:76px}
.detail-bottom h2{font-size:32px;letter-spacing:0}
.detail-bottom p{color:#94a9c4;font-size:14px;line-height:1.9;margin:20px 0}
.detail-bottom .faq p{margin:0}
.detail-related{border-top:1px solid var(--line);padding-block:30px 50px}
.detail-related p{font-size:13px;color:#849bb9;margin-bottom:16px}
.detail-related nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}
.detail-related a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:14px 18px;border:1px solid #7da9e04d;border-radius:9px;background:linear-gradient(135deg,#14263e,#0e1b2e);font-size:13px;font-weight:600;line-height:1.6;color:#c8d9ee;overflow-wrap:anywhere;transition:background .2s,border-color .2s,color .2s}
.detail-related a:after{content:'\2197';flex-shrink:0;color:#91bdff;font-size:18px}
.detail-related a:hover{color:#fff;background:#203e64;border-color:#a6ceff;text-decoration:none}
.no-webgl canvas{visibility:hidden}
@media(hover:hover) and (pointer:fine){.managed-stage:hover canvas{filter:drop-shadow(0 0 24px #599bff50)}.managed-stage:hover:before{opacity:1}}
@media(max-width:1100px){.managed-grid,.check-grid{gap:45px}.managed-section .section-intro h2{font-size:36px}.service-switcher{grid-template-columns:repeat(3,minmax(0,1fr))}.managed-note{gap:40px}.company-grid{gap:50px}.detail-layout{gap:30px}.detail-layout h1{font-size:40px}.detail-scope{gap:24px}.detail-bottom{gap:40px}}
@media(max-width:760px){.managed-section .section-intro h2,.check-section h2,.company-section h2{font-size:32px}.service-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-switcher button{min-height:54px;font-size:12px}.managed-grid,.check-grid,.company-grid{grid-template-columns:minmax(0,1fr);gap:32px}.managed-grid{padding-top:32px}.managed-panel h3{font-size:29px}.managed-stage{height:310px;grid-row:1}.managed-actions{gap:20px}.managed-note{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:30px}.check-request legend{font-size:17px}.company-facts dl>div{gap:15px}.detail-main{padding-top:90px}.detail-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:24px 48px}.detail-layout h1{font-size:36px}.detail-promise{font-size:23px}.detail-description{font-size:14px}.detail-layout .managed-stage,.detail-model-surface.digital-service .service-model{height:290px}.detail-band .section{padding-block:52px}.detail-band h2,.detail-bottom h2{font-size:29px}.detail-scope,.detail-bottom{grid-template-columns:minmax(0,1fr);gap:28px}.detail-scope{margin-top:30px}.detail-bottom{padding-block:52px}.detail-crumb{font-size:12px}.company-facts>img{width:185px}}
@media(prefers-reduced-motion:reduce){.managed-stage canvas,.managed-stage:before,.service-switcher button,.managed-actions .text-link,.detail-related a{transition:none}}
@media(prefers-reduced-motion:reduce){.service-switcher button:before,.managed-actions .text-link:before{display:none}.service-switcher button:hover,.service-switcher button[aria-selected=true]:hover,.managed-actions .text-link:hover{transform:none}}
@media(hover:hover) and (pointer:fine){.solution-cloud:hover .layer-1{--cloud-depth:100px;box-shadow:0 8px 0 #0b1830,0 9px 0 #78caff,0 15px 60px #247bff55}.solution-cloud:hover .layer-2{--cloud-depth:48px}.solution-cloud:hover .layer-4{--cloud-depth:-56px}.solution-infrastructure:hover .shield{transform:rotateY(8deg) rotateZ(-3deg) translateY(-6px);filter:drop-shadow(0 0 24px #599bff50)}.solution-software:hover .code-art{transform:translate(-50%,-50%) perspective(800px) rotateY(-10deg) rotateZ(2deg)}}
@media(max-width:760px){.solutions .bento-grid{grid-template-rows:minmax(760px,auto) repeat(2,minmax(390px,auto))}.solution-detail-art{height:290px}.solution-detail-art .cloud-stack{width:170px;height:170px;top:47%}.solution-detail-art .orbit{width:270px;height:145px}.solution-detail-art .orbit-two{width:310px;height:175px}.solution-detail-art .security-art{transform:translate(-50%,-50%) scale(1.1)}.solution-detail-art .code-art{max-width:88%}.solution-detail-art .code-toolbar{padding-inline:10px}.solution-detail-art .code-toolbar span{margin-left:7px;font-size:10px}.solution-detail-art .code-lines{font-size:10px;padding:18px 10px 22px}.solution-detail-art .code-lines>div{gap:9px}.solution-detail-art .art-caption{font-size:10px;bottom:10px}.detail-process{padding-block:52px}.detail-process h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-active) .solution-detail-art *{animation:none!important;transition:none!important}}