.cloud-page-hero{background:radial-gradient(circle at 82% 38%,rgba(255,212,0,.13),transparent 26%),linear-gradient(120deg,#090909,#12110b)}
.cloud-pain .issue-grid article{position:relative;display:block;padding-top:58px}.cloud-pain .issue-grid article span{position:absolute;top:23px;left:28px;color:#9a7f00;font:600 11px/1 'Space Grotesk';letter-spacing:.09em}
.cloud-architecture-section{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(620px,1.28fr);gap:72px;align-items:center;padding:100px max(24px,calc((100% - var(--max))/2));background:#0d0d0d}.cloud-architecture-copy h2{margin:16px 0 24px;font:600 clamp(38px,4.4vw,62px)/1.05 'Space Grotesk';letter-spacing:-.045em}.cloud-architecture-copy>p{color:#aaa79f}.cloud-architecture-copy ul{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid #323232}.cloud-architecture-copy li{padding:14px 0;border-bottom:1px solid #292929;color:#aaa79f;font-size:14px}.cloud-architecture-copy li b{display:block;color:#e8e5dd;font:600 15px/1.35 'Space Grotesk'}
.cloud-architecture{position:relative;min-height:570px;border:1px solid #3a3a3a;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 52% 40%,rgba(255,212,0,.11),transparent 31%),linear-gradient(145deg,#151515,#090909);box-shadow:0 28px 90px rgba(0,0,0,.36)}.cloud-architecture:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 95%)}.architecture-label{position:absolute;top:22px;left:26px;color:#8a877e;font:600 9px/1 'Space Grotesk';letter-spacing:.14em}
.architecture-site,.architecture-cloud,.architecture-users{position:absolute;z-index:2;border:1px solid #454545;border-radius:20px;background:rgba(18,18,18,.92);box-shadow:0 18px 55px rgba(0,0,0,.28)}.architecture-site small,.architecture-cloud small,.architecture-users small{display:block;color:#807d75;font:600 8px/1.3 'Space Grotesk';letter-spacing:.12em}.architecture-site strong,.architecture-cloud strong,.architecture-users strong{display:block;margin-top:8px;color:#eeeae1;font:600 15px/1.15 'Space Grotesk'}.architecture-site>span{display:block;margin-top:10px;color:#85827b;font-size:10px}
.architecture-onprem{left:5%;top:29%;width:26%;padding:18px}.rack{display:flex;gap:5px;margin-top:15px}.rack i{width:24px;height:45px;border:1px solid #555;border-radius:4px;background:repeating-linear-gradient(180deg,#2a2a2a 0 6px,#111 7px 10px)}.rack i:after{content:"";display:block;width:3px;height:3px;margin:5px;border-radius:50%;background:#e16b5b;box-shadow:0 9px 0 #d6b34b,0 18px 0 #777}
.architecture-cloud{left:35%;top:17%;width:32%;padding:24px 20px;text-align:center;border-color:#6b5e1d;background:rgba(25,23,13,.95)}.cloud-form{position:relative;width:90px;height:54px;margin:0 auto 14px}.cloud-form i{position:absolute;border:2px solid var(--yellow);background:#18170f}.cloud-form i:nth-child(1){left:10px;bottom:0;width:70px;height:34px;border-radius:22px}.cloud-form i:nth-child(2){left:26px;top:0;width:38px;height:38px;border-radius:50%}.cloud-form i:nth-child(3){left:7px;bottom:1px;width:76px;height:19px;border-top:0}.cloud-services{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:14px}.cloud-services span{padding:5px 7px;border:1px solid #4b472b;border-radius:999px;color:#aaa79f;font-size:7px;letter-spacing:.07em}
.architecture-backup{right:5%;top:29%;width:24%;padding:18px}.backup-stack{display:grid;gap:4px;margin-top:15px}.backup-stack i{height:10px;border:1px solid #555;border-radius:4px;background:#222}.backup-stack i:after{content:"";display:block;width:4px;height:4px;margin:2px 0 0 8px;border-radius:50%;background:#63d56d}.architecture-users{left:23%;right:23%;bottom:7%;padding:17px 20px;text-align:center}.architecture-users>div{display:flex;justify-content:center;gap:7px;margin-top:13px}.architecture-users span{min-width:62px;padding:8px 9px;border:1px solid #444;border-radius:9px;color:#b8b4ab;font:600 8px/1 'Space Grotesk';letter-spacing:.08em}
.data-route{position:absolute;z-index:1;height:2px;background:linear-gradient(90deg,#444,#a38b18,#444);transform-origin:left center}.data-route:before{content:"";position:absolute;inset:-6px 0;border-top:1px dashed #ffffff13}.data-route i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px rgba(255,212,0,.85);animation:cloudPacket 3.2s linear infinite}.data-route i:nth-child(2){animation-delay:-1.05s}.data-route i:nth-child(3){animation-delay:-2.1s}.route-to-cloud{left:29%;top:40%;width:15%;transform:rotate(-18deg)}.route-to-backup{left:62%;top:38%;width:15%;transform:rotate(18deg)}.route-to-users{left:51%;top:52%;width:23%;transform:rotate(90deg)}.route-to-backup i{animation-direction:reverse}.route-to-users i{animation-duration:4s}.architecture-status{position:absolute;right:24px;bottom:20px;color:#8f8c84;font:600 8px/1 'Space Grotesk';letter-spacing:.12em}.architecture-status i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#63d56d;box-shadow:0 0 9px #63d56d;animation:cloudStatus 1.8s ease-in-out infinite}
.cloud-product-visual{position:relative;display:block;aspect-ratio:560/300;overflow:hidden;border-bottom:1px solid #303030;background:radial-gradient(circle at 70% 42%,rgba(255,212,0,.14),transparent 27%),#101010;color:inherit;text-decoration:none}.cloud-product-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:30px 30px}.cloud-product-onprem,.cloud-product-cloud,.cloud-product-users{position:absolute;z-index:2;border:1px solid #555;background:#171717;color:#d9d6cd;font:600 8px/1 'Space Grotesk';letter-spacing:.08em;text-align:center}.cloud-product-onprem{left:8%;top:35%;padding:22px 14px;border-radius:10px}.cloud-product-cloud{left:50%;top:22%;transform:translateX(-50%);padding:29px 24px;border-color:#7e6d1c;border-radius:50%}.cloud-product-users{right:7%;top:38%;padding:20px 13px;border-radius:10px}.cloud-product-flow{position:absolute;z-index:1;left:24%;right:23%;top:50%;height:2px;background:#73651c}.cloud-product-flow i{position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 10px var(--yellow);animation:cloudPacket 3s linear infinite}.cloud-product-flow i:nth-child(2){animation-delay:-1.5s}.cloud-product-visual:after{content:"Cloud-Lösung ansehen  →";position:absolute;right:16px;bottom:14px;z-index:3;padding:8px 12px;border:1px solid #ffffff2b;border-radius:999px;background:rgba(8,8,8,.78);color:#fff;font:600 11px/1 'Space Grotesk';opacity:0;transform:translateY(5px);transition:.22s}.cloud-product-visual:hover:after,.cloud-product-visual:focus-visible:after{opacity:1;transform:none;border-color:var(--yellow)}
@keyframes cloudPacket{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}@keyframes cloudStatus{50%{opacity:.35;transform:scale(.8)}}
@media(max-width:1050px){.cloud-architecture-section{grid-template-columns:1fr;gap:44px}.cloud-architecture{min-height:560px}}@media(max-width:760px){.cloud-architecture-section{padding:72px 22px}.cloud-architecture-copy h2{font-size:36px}.cloud-architecture{min-height:680px;border-radius:22px}.architecture-onprem{left:7%;top:12%;width:38%}.architecture-cloud{left:auto;right:7%;top:11%;width:40%}.architecture-backup{right:7%;top:45%;width:38%}.architecture-users{left:7%;right:7%;bottom:6%}.route-to-cloud{left:39%;top:28%;width:23%;transform:rotate(-4deg)}.route-to-backup{left:70%;top:35%;width:22%;transform:rotate(86deg)}.route-to-users{left:60%;top:64%;width:27%;transform:rotate(90deg)}.architecture-status{right:18px;bottom:17px}.cloud-product-visual:after{opacity:1;transform:none;right:12px;bottom:11px;padding:7px 10px;font-size:10px}}@media(prefers-reduced-motion:reduce){.data-route i,.architecture-status i,.cloud-product-flow i{animation:none}.data-route i,.cloud-product-flow i{left:50%;opacity:.8}}