.hybrid-page{background:#f7f8f4}.hybrid-hero{isolation:isolate;background:radial-gradient(circle at 82% 18%,rgba(34,211,238,.14),transparent 27rem),radial-gradient(circle at 15% 76%,rgba(163,230,53,.17),transparent 29rem),linear-gradient(145deg,#fff,#f8fafc 58%,#f7fee7)}.hybrid-benefit{display:inline-flex;align-items:center;border:1px solid #e2e8f0;border-radius:999px;background:#ffffffd9;padding:.55rem .85rem;color:#475569;font-size:.75rem;font-weight:750;box-shadow:0 5px 15px #0f172a0a}.hybrid-architecture-board{position:relative;min-height:29rem;overflow:hidden;border:1px solid rgba(203,213,225,.8);border-radius:2rem;background:radial-gradient(circle at 80% 20%,rgba(34,211,238,.12),transparent 13rem),radial-gradient(circle at 18% 80%,rgba(163,230,53,.15),transparent 14rem),#ffffffeb;padding:4.5rem 2rem 3rem;box-shadow:0 30px 85px #0f172a21,0 5px 18px #0f172a0d;backdrop-filter:blur(16px)}.hybrid-architecture-board:before{position:absolute;top:0;right:0;left:0;display:flex;min-height:3.5rem;align-items:center;border-bottom:1px solid #e2e8f0;background:#f8fafc;padding:0 1.25rem;color:#334155;font-size:.78rem;font-weight:800;content:"Ihre Hybrid-Umgebung"}.hybrid-architecture-board:after{position:absolute;top:1.3rem;right:1.3rem;width:.55rem;height:.55rem;border-radius:999px;background:#84cc16;box-shadow:0 0 0 .35rem #84cc1621;content:""}.hybrid-endpoint{position:relative;z-index:2;min-height:13rem;justify-content:center;box-shadow:0 14px 34px #0f172a14;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.hybrid-endpoint:hover{box-shadow:0 20px 44px #0f172a1c;transform:translateY(-.25rem)}.hybrid-endpoint-local:hover{border-color:#bef264}.hybrid-endpoint-cloud:hover{border-color:#67e8f9}.hybrid-connection{position:relative;z-index:1}.hybrid-connection>div:first-child,.hybrid-connection>div:nth-of-type(3){margin-inline:-.2rem}.hybrid-value-strip{border-top:1px solid rgba(203,213,225,.8);padding-top:1.25rem}.hybrid-value-strip>span{background:#ffffffdb}.hybrid-basics,.hybrid-compare,.hybrid-services,.hybrid-regions,.hybrid-related{background:#fff}.hybrid-practice,.hybrid-process,.hybrid-faq{background:#f7f8f4}.hybrid-basics .managed-card,.hybrid-services .managed-card{border-radius:1.5rem;border-color:#e2e8f0;box-shadow:0 10px 30px #0f172a0b}.hybrid-basics .managed-card:nth-child(2),.hybrid-services .managed-card:nth-child(3){border-color:#a5f3fc;background:linear-gradient(145deg,#fff,#ecfeff)}.hybrid-basics .managed-card:nth-child(3),.hybrid-services .managed-card:nth-child(4){border-color:#d9f99d;background:linear-gradient(145deg,#fff,#f7fee7)}.hybrid-practice #tab-buttons{border-radius:1.25rem;background:#fff;padding:.5rem;box-shadow:0 10px 28px #0f172a0d}.hybrid-practice #tab-contents{overflow:hidden;border:1px solid #e2e8f0;border-radius:2rem;background:#fff;padding:clamp(1.25rem,3vw,2.25rem);box-shadow:0 20px 55px #0f172a12}.hybrid-practice .tab-content>.grid>div{border-radius:1.35rem;box-shadow:0 9px 28px #0f172a0a}.hybrid-compare .compare-highlight{border-radius:1.6rem;background:linear-gradient(145deg,#fff,#f7fee7);box-shadow:0 22px 55px #84cc1626;transform:translateY(-.35rem)}.hybrid-compare .grid>div:not(.compare-highlight){border-radius:1.6rem;background:#f8fafc}.timeline-step{min-height:17rem;border:1px solid #e2e8f0;border-radius:1.5rem;background:#fff;padding:1.6rem;box-shadow:0 10px 30px #0f172a0b;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.timeline-step:hover{border-color:#bef264;box-shadow:0 18px 40px #0f172a14;transform:translateY(-.22rem)}.hybrid-process-label{display:inline-flex;margin-bottom:1.5rem;border-radius:999px;background:#ecfccb;padding:.42rem .72rem;color:#4d7c0f;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.hybrid-regions>div{border:1px solid #d9f99d;border-radius:2.5rem;background:radial-gradient(circle at 85% 18%,rgba(34,211,238,.1),transparent 18rem),linear-gradient(145deg,#fff,#f7fee7);padding-top:3.2rem;padding-bottom:3.2rem;box-shadow:0 18px 50px #84cc1617}.hybrid-regions .reveal>span{background:#fff;transition:border-color .18s ease,transform .18s ease}.hybrid-regions .reveal>span:hover{border-color:#84cc16;transform:translateY(-.12rem)}.hybrid-faq .faq-item{overflow:hidden;border-radius:1.15rem;box-shadow:0 8px 24px #0f172a09;transition:border-color .2s ease,box-shadow .2s ease}.hybrid-faq .faq-item:hover,.hybrid-faq .faq-item.faq-open{border-color:#bef264;box-shadow:0 14px 34px #0f172a12}.hybrid-related .grid>div{border-radius:1.4rem;border-color:#e2e8f0;box-shadow:0 10px 30px #0f172a0b}.hybrid-related .grid>div:hover{border-color:#a5f3fc;box-shadow:0 18px 42px #0f172a14}.hybrid-cta-wrap{background:#f7f8f4}.hybrid-page a:focus-visible,.hybrid-page button:focus-visible{outline:3px solid rgba(132,204,22,.72);outline-offset:4px}.managed-card{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1);will-change:transform}.managed-card:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-1deg);box-shadow:0 32px 80px #84cc1638,0 0 0 1px #84cc161a}.managed-card .card-icon{transition:transform .5s cubic-bezier(.16,1,.3,1),background .4s ease}.managed-card:hover .card-icon{transform:scale(1.15) rotate(-6deg);background:linear-gradient(135deg,#84cc16,#22d3ee)}.managed-card:hover .card-icon svg{color:#fff}@keyframes diagramPulse{0%,to{opacity:.4}50%{opacity:1}}.diagram-pulse{animation:diagramPulse 2s ease-in-out infinite}.tab-btn{transition:all .3s ease}.tab-btn.active{background:#84cc16;color:#fff;box-shadow:0 4px 15px #84cc1666}.tab-content{display:none}.tab-content.active{display:block;animation:fadeInTab .4s ease-out}@keyframes fadeInTab{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.compare-highlight{position:relative}.compare-highlight:before{content:"";position:absolute;inset:-2px;border-radius:1rem;border:2px solid #84cc16;pointer-events:none}@media(max-width:767px){.hybrid-architecture-board{min-height:auto;padding:4.5rem 1rem 1.25rem}.hybrid-connection{padding-block:.3rem}.hybrid-value-strip{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.hybrid-page *,.hybrid-page *:before,.hybrid-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}