{"id":35,"date":"2026-10-06T10:34:08","date_gmt":"2026-10-06T10:34:08","guid":{"rendered":"https:\/\/develop.office.one\/?page_id=35"},"modified":"2026-11-11T15:44:57","modified_gmt":"2026-11-11T15:44:57","slug":"home","status":"publish","type":"page","link":"https:\/\/develop.office.one\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n<nav class=\"oo-lang-nav\" aria-label=\"Sprache\"><a href=\"https:\/\/develop.office.one\/\" lang=\"de\" hreflang=\"de\" aria-current=\"page\">DE<\/a><span aria-hidden=\"true\">\/<\/span><a href=\"https:\/\/develop.office.one\/?page_id=304\" lang=\"en\" hreflang=\"en\">EN<\/a><\/nav>\n<script>(()=>{const lang=\"de\",widget=document.querySelector('.oo-lang-nav');document.documentElement.lang=lang;if(widget){const header=document.querySelector('header.header')||document.querySelector('header');if(header)header.append(widget);}\nconst pairs=[{\"de\":2,\"en\":302,\"deUrl\":\"https:\/\/develop.office.one\/?page_id=2\",\"enUrl\":\"https:\/\/develop.office.one\/?page_id=302\"},{\"de\":3,\"en\":303,\"deUrl\":\"https:\/\/develop.office.one\/?page_id=3\",\"enUrl\":\"https:\/\/develop.office.one\/?page_id=303\"},{\"de\":35,\"en\":304,\"deUrl\":\"https:\/\/develop.office.one\/\",\"enUrl\":\"https:\/\/develop.office.one\/?page_id=304\"},{\"de\":37,\"en\":305,\"deUrl\":\"https:\/\/develop.office.one\/?page_id=37\",\"enUrl\":\"https:\/\/develop.office.one\/?page_id=305\"},{\"de\":38,\"en\":306,\"deUrl\":\"https:\/\/develop.office.one\/?page_id=38\",\"enUrl\":\"https:\/\/develop.office.one\/?page_id=306\"},{\"de\":265,\"en\":307,\"deUrl\":\"https:\/\/develop.office.one\/?page_id=265\",\"enUrl\":\"https:\/\/develop.office.one\/?page_id=307\"},{\"de\":270,\"en\":308,\"deUrl\":\"https:\/\/develop.office.one\/?page_id=270\",\"enUrl\":\"https:\/\/develop.office.one\/?page_id=308\"}];const labels={'Expertise':'Expertise','Angebot':'Support plans','Leistungen':'Services','Betreuungsmodelle':'Support plans','Team':'Team','Home':'Home'};if(lang==='en'){document.querySelectorAll('header a,#site-footer a').forEach(a=>{const href=a.getAttribute('href');const p=pairs.find(p=>a.href===p.deUrl||href==='\/?page_id='+p.de);if(p)a.href=p.enUrl;if(href==='\/'||a.href==='https:\/\/develop.office.one\/')a.href=\"https:\/\/develop.office.one\/?page_id=304\";if(labels[a.textContent.trim()])a.textContent=labels[a.textContent.trim()];});document.querySelectorAll('header .current-menu-item,header .current_page_item').forEach(e=>e.classList.remove('current-menu-item','current_page_item'));const current=304;document.querySelectorAll('header nav a').forEach(a=>{if(a.href.includes('page_id='+current))a.closest('li')?.classList.add('current-menu-item')});}\nfor(const [l,u] of [['de',\"https:\/\/develop.office.one\/\"],['en',\"https:\/\/develop.office.one\/?page_id=304\"]]){const link=document.createElement('link');link.rel='alternate';link.hreflang=l;link.href=u;document.head.append(link)}\n})();<\/script>\n\n\n<style id=\"oo-language-frame\">html body header.header nav.oo-lang-nav{outline:1px solid #b8c3cc!important;outline-offset:6px!important;border-radius:0!important}@media(min-width:960px){html body header.header nav.oo-lang-nav{top:45px!important}}@media(max-width:781px){html body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .hero .actions .btn{width:240px!important}}\nhtml:root{--oo-surface:#eaf6fa}\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home section.oo-approach,\nhtml:root body:is(.page-id-38,.page-id-306) #content .nv-content-wrap > .wp-block-group:has(.wp-image-564,.wp-image-566,.wp-image-568),\nhtml:root body:is(.page-id-2,.page-id-302) #content .nv-content-wrap .office-models .om-package:nth-child(n),\nhtml:root body:is(.page-id-37,.page-id-305) #content .nv-content-wrap .o1-team details.o1-person .o1-avatar,\nhtml:root body:is(.page-id-37,.page-id-305) #content .nv-content-wrap .o1-team details.o1-person .o1-avatar.oo-avatar-blue,\nhtml:root body:is(.page-id-37,.page-id-305) #content .nv-content-wrap .o1-team details.o1-person[open],\nhtml:root body:is(.page-id-38,.page-id-306) #content .nv-content-wrap .oo-service-chips li,\nhtml:root body:is(.page-id-270,.page-id-308) #content .nv-content-wrap .oo-contact .oo-contact-fields input,\nhtml:root body:is(.page-id-270,.page-id-308) #content .nv-content-wrap .oo-contact textarea{\nbackground:var(--oo-surface)!important;background-image:none!important\n}\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-38,.page-id-306) #content .nv-content-wrap section.oo-contact-cta .oo-cta-inner{\ngrid-template-columns:minmax(0,48%) minmax(0,1fr)!important;gap:40px!important;justify-content:stretch!important\n}\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-38,.page-id-306) #content .nv-content-wrap section.oo-contact-cta .oo-cta-button{\njustify-self:center!important;margin:0!important\n}\n@media(max-width:959px){\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-38,.page-id-306) #content .nv-content-wrap section.oo-contact-cta .oo-cta-inner{\ngrid-template-columns:1fr!important;gap:28px!important\n}\n}\n\nhtml:root{--oo-petrol:#164e55;--oo-gray-turquoise:#dfecee;--oo-graphite:#293b40;--oo-orange:#ef934c;--oo-turquoise:#24c5d8}\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-38,.page-id-306) #content .nv-content-wrap section.oo-contact-cta{background:var(--oo-petrol)!important;background-image:none!important}\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-38,.page-id-306) #content .nv-content-wrap section.oo-contact-cta .oo-cta-button{color:var(--oo-graphite)!important}\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-38,.page-id-306) #content .nv-content-wrap section.oo-contact-cta .oo-cta-rule{background:var(--oo-orange)!important;width:26px!important;height:3px!important}\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .technology .tech-row{background:#fff!important;border-top:1px solid #e5e9ed!important;border-bottom:0!important}\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .technology{background:#fff!important;border-bottom:1px solid #e5e9ed!important}\nhtml:root body:is(.page-id-38,.page-id-306) #content .nv-content-wrap .oo-service-chips li{background:var(--oo-gray-turquoise)!important;color:var(--oo-graphite)!important}\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home :is(.oo-approach,.oo-grounding) :is(h2,h3),\nhtml:root body:is(.page-id-38,.page-id-306) #content .nv-content-wrap > .wp-block-group h2{color:var(--oo-graphite)!important}\n\nhtml:root{--oo-petrol:#164e55;--oo-gray-turquoise:#dfecee;--oo-graphite:#293b40;--oo-orange:#ef934c;--oo-turquoise:#24c5d8}\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-2,.page-id-302) #content .nv-content-wrap section.oo-contact-cta{background:var(--oo-graphite)!important;background-image:none!important;padding:64px 0 72px!important}\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-2,.page-id-302) #content .nv-content-wrap section.oo-contact-cta .oo-cta-inner{display:grid;grid-template-columns:minmax(0,48%) minmax(0,1fr)!important;gap:40px!important;align-items:center;margin-left:clamp(96px,13.5vw,300px)!important;margin-right:clamp(64px,9vw,220px)!important}\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-2,.page-id-302) #content .nv-content-wrap section.oo-contact-cta .oo-cta-button{justify-self:center!important;margin:0!important;background:var(--oo-turquoise)!important;color:var(--oo-petrol)!important;border:2px solid var(--oo-turquoise)!important}\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-2,.page-id-302) #content .nv-content-wrap section.oo-contact-cta .oo-cta-button:is(:hover,:focus-visible){background:#f3fbff!important}\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-2,.page-id-302) #content .nv-content-wrap section.oo-contact-cta .oo-cta-inner h2{color:#f5faff!important;font-size:clamp(26px,2.5vw,36px)!important;line-height:1.2!important;letter-spacing:-.035em!important;font-weight:600!important;margin:0 0 20px!important}\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-2,.page-id-302) #content .nv-content-wrap section.oo-contact-cta .oo-cta-inner h2 span{color:var(--oo-turquoise)!important}\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-2,.page-id-302) #content .nv-content-wrap section.oo-contact-cta p{color:#cfdee2!important;font-size:17px!important;line-height:1.65!important;margin:0!important}\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-2,.page-id-302) #content .nv-content-wrap section.oo-contact-cta .oo-cta-rule{display:block;background:var(--oo-orange)!important;width:26px!important;height:3px!important;margin:0 0 24px!important}\n@media(max-width:959px){html:root body:is(.page-id-35,.page-id-304,.page-id-2,.page-id-302) #content .nv-content-wrap section.oo-contact-cta .oo-cta-inner{grid-template-columns:1fr!important;gap:28px!important;margin:0 28px!important}}\n\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .hero .actions .btn-primary,\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-2,.page-id-302) #content .nv-content-wrap section.oo-contact-cta .oo-cta-inner .oo-cta-button{\nbackground:#24c5d8!important;border:2px solid #24c5d8!important;color:#164e55!important;box-shadow:none!important;transition:background-color .2s,border-color .2s,color .2s\n}\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .hero .actions .btn-primary:is(:hover,:focus-visible),\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-2,.page-id-302) #content .nv-content-wrap section.oo-contact-cta .oo-cta-inner .oo-cta-button:is(:hover,:focus-visible){\nbackground:#ef934c!important;border-color:#ef934c!important;color:#293b40!important;box-shadow:none!important\n}\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .hero .actions .btn-primary span,\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-2,.page-id-302) #content .nv-content-wrap section.oo-contact-cta .oo-cta-inner .oo-cta-button span{color:inherit!important}\n\n@media(max-width:959px){\nhtml:root body header.header > nav.oo-lang-nav{display:none!important}\nhtml:root body #header-menu-sidebar nav.oo-lang-nav{position:static!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;align-self:stretch!important;width:auto!important;max-width:none!important;margin:24px 28px 12px!important;padding:18px 0 0!important;gap:12px!important;transform:none!important;outline:none!important;outline-offset:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.18)!important;border-radius:0!important;background:transparent!important;z-index:auto!important;font-size:14px!important;line-height:1.5!important}\nhtml:root body #header-menu-sidebar nav.oo-lang-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;min-height:44px!important;color:#f5faff!important}\nhtml:root body #header-menu-sidebar nav.oo-lang-nav a[aria-current=\"page\"]{color:#24c5d8!important}\n}\n@media(max-width:781px){\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .hero .actions .btn{width:208px!important;min-height:44px!important;font-size:14px!important;line-height:1.3!important;padding:10px 16px!important;gap:14px!important}\n}\nhtml:root body:is(.page-id-38,.page-id-306) #content .nv-content-wrap .wp-block-image img.wp-image-568{mix-blend-mode:multiply!important}\nhtml:root body:is(.page-id-37,.page-id-305) #content .nv-content-wrap .o1-team details.o1-person .o1-avatar{color:#164e55!important}\nhtml:root body:is(.page-id-3,.page-id-303,.page-id-265,.page-id-307,.page-id-270,.page-id-308) #content .nv-content-wrap .oo-legal h1{font-size:clamp(30px,2.75vw,42px)!important;line-height:1.14!important}\n@media(max-width:781px){html:root body:is(.page-id-3,.page-id-303,.page-id-265,.page-id-307,.page-id-270,.page-id-308) #content .nv-content-wrap .oo-legal h1{font-size:clamp(30px,7.6vw,42px)!important}}\n@media(max-width:359px){html:root body:is(.page-id-3,.page-id-303,.page-id-265,.page-id-307,.page-id-270,.page-id-308) #content .nv-content-wrap .oo-legal h1{font-size:26px!important}}\n\n@media(max-width:959px),(hover:none),(pointer:coarse){\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .hero .actions .btn-primary:is(:hover,:focus-visible,:active),\nhtml:root body:is(.page-id-35,.page-id-304,.page-id-2,.page-id-302) #content .nv-content-wrap section.oo-contact-cta .oo-cta-inner .oo-cta-button:is(:hover,:focus-visible,:active){background:#24c5d8!important;border-color:#24c5d8!important;color:#164e55!important;box-shadow:none!important;transition:none!important}\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .hero .actions .btn-outline:is(:hover,:focus-visible,:active){background:rgba(255,255,255,.85)!important;color:#111a27!important;border-color:#566273!important;box-shadow:none!important;transition:none!important}\n}\n\nhtml:root body #header-menu-sidebar nav.oo-lang-nav{color:#293b40!important;border-top-color:#d5e0e5!important}html:root body #header-menu-sidebar nav.oo-lang-nav a{color:#293b40!important}html:root body #header-menu-sidebar nav.oo-lang-nav a[aria-current=\"page\"]{color:#087f94!important;font-weight:600!important}html:root body #header-menu-sidebar nav.oo-lang-nav span{color:#71838b!important}\n\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap.entry-content .oo-home .hero .oo-proofline{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:max-content!important;max-width:100%!important}\n\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap.entry-content .oo-home .hero .oo-proofline{color:#798397!important}\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap.entry-content .oo-home .hero .oo-proofline span{color:inherit!important}\n\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap.entry-content .oo-home .hero .hero-copy .actions{margin-bottom:32px!important}\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap.entry-content .oo-home .hero .oo-proofline{margin-top:32px!important}\n<\/style>\n<script id=\"oo-mobile-language-nav\">\n(()=>{if(document.documentElement.dataset.ooLanguageNavBound)return;const nav=document.querySelector('.oo-lang-nav'),header=document.querySelector('header.header'),menu=document.getElementById('header-menu-sidebar-inner');if(!nav||!header||!menu)return;document.documentElement.dataset.ooLanguageNavBound='1';const mobile=window.matchMedia('(max-width:959px)');function place(){const parent=mobile.matches?menu:header;if(nav.parentElement!==parent)parent.append(nav)}place();if(mobile.addEventListener)mobile.addEventListener('change',place);else mobile.addListener(place)})();\n<\/script>\n\n<style id=\"oo-header-uniform\">\nhtml body header.header #header-grid .site-logo img{\nclip-path:polygon(0 0,100% 0,100% 64%,24% 64%,24% 75%,0 75%)!important;\ntransform:translateY(6px)!important\n}\n@media(min-width:960px){\nhtml body header.header #header-grid .header-main[data-show-on=\"desktop\"]{--height:84px!important}\nhtml body header.header #header-grid .header-main[data-show-on=\"desktop\"] .row--wrapper,\nhtml body header.header #header-grid .header-main[data-show-on=\"desktop\"] .header-main-inner{min-height:84px!important;height:84px!important;padding-top:0!important;padding-bottom:0!important}\nhtml body header.header #header-grid .header-main[data-show-on=\"desktop\"] .site-logo img{width:224px!important;min-width:0!important;max-width:224px!important;height:auto!important}\nhtml body header.header #header-grid .header-main[data-show-on=\"desktop\"] .site-logo{margin:0!important}\nhtml body header.header #header-grid .header-main[data-show-on=\"desktop\"] .nav-menu-primary a{font-size:16px!important;font-weight:450!important;letter-spacing:0!important}\nhtml body header.header .oo-lang-nav{top:30px!important}\n}\n\nhtml body header.header #header-grid{padding-bottom:14px!important;background:#050606!important}\n<\/style>\n\n<style id=\"oo-home-calm-proof\">\nhtml body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .oo-proofline{font-size:14px!important;line-height:1.6!important;max-width:660px!important;gap:12px 24px!important}@media(max-width:600px){html body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .oo-proofline{font-size:13px!important;max-width:100%!important;gap:12px 20px!important}}\n\nhtml body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .oo-proofline span{display:flex!important;align-items:center;gap:8px;border:0!important;padding-top:0!important;flex:0 1 auto!important}html body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .oo-proofline span:before{content:\"\";display:block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#19b8cd}\n\n.oo-home .oo-team-intro h3 a{color:#13364d!important;text-decoration:none!important}.oo-home .oo-team-intro h3 a:hover{color:#087fa6!important}.oo-home .oo-team-intro h3 a:focus-visible{outline:2px solid #24c5d8;outline-offset:5px}.oo-home .oo-team-intro h3 a span{display:inline-block;margin-left:8px;transition:transform .2s}.oo-home .oo-team-intro h3 a:hover span{transform:translateX(4px)}\n\n\n.oo-home{font-family:\"Inter\",Arial,sans-serif;color:#111a27;background:white}.oo-home *{box-sizing:border-box}.oo-home .wrap{max-width:1120px;margin:auto;padding:0 28px}.oo-home p{font-size:17px;line-height:1.55;color:#798397;margin:0 0 20px}.oo-home h1,.oo-home h2,.oo-home h3{color:#101721}.oo-home .accent{color:#00c5df}.oo-home .hero{position:relative;isolation:isolate;padding:80px 0 36px!important;overflow:hidden;border-bottom:1px solid #edf0f3;background:#fdfefe}.oo-home .hero-art{position:absolute;z-index:-2;inset:0;overflow:hidden}.oo-home .hero-art img{width:100%;height:100%;object-fit:contain;object-position:right center;opacity:1}.oo-home .hero:after{content:\"\";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fff 5%,rgba(255,255,255,.97) 36%,rgba(255,255,255,.42) 66%,rgba(255,255,255,.08))}.oo-home .hero-copy{max-width:620px}.oo-home .lead{max-width:490px;font-size:20px;line-height:1.5}.oo-home .actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 54px}.oo-home .btn{display:flex;align-items:center;justify-content:space-between;gap:24px;text-decoration:none!important;padding:14px 23px;border:1px solid #566273;border-radius:3px;color:#111a27!important;font-size:15px;font-weight:500;min-height:48px}.oo-home .btn-primary{background:#07151d;color:white!important;border-color:#07151d}.oo-home .btn-outline{background:rgba(255,255,255,.85)}.oo-home a:focus-visible,.oo-home summary:focus-visible{outline:2px solid #00bdd6;outline-offset:4px}.oo-home .traits{display:flex;width:480px;max-width:100%;margin:0}.oo-home .trait{width:33.333%;text-align:center;font-size:14px;font-weight:500;padding:4px 16px}.oo-home .trait+.trait{border-left:1px solid #ccd3dd}.oo-home .trait svg{display:block;width:32px;height:32px;margin:0 auto 12px}.oo-home .section{padding:56px 0;border-bottom:1px solid #edf0f3}.oo-home .rule{display:block;width:32px;height:2px;background:#00d0e7;margin:0 0 26px}.oo-home .process{max-width:710px;margin-top:30px}.oo-home .step{display:grid;grid-template-columns:68px 28px 1fr;gap:17px;position:relative;min-height:108px}.oo-home .step-icon{width:62px;height:62px;border:1.5px solid #344154;border-radius:50%;display:grid;place-items:center;background:white;color:#344154;z-index:1}.oo-home .step-icon svg{width:30px;height:30px}.oo-home .step:not(:last-child):after{content:\"\u2193\";position:absolute;left:25px;top:65px;color:#8590a2;font-size:21px;line-height:24px}.oo-home .step-number{font-size:15px;font-weight:600;padding-top:9px}.oo-home .step-body{padding-top:9px;padding-bottom:28px}.oo-home .step-body p{margin:8px 0 0;font-size:16px;line-height:1.5}.oo-home .bodycopy{max-width:880px}.oo-home .bodycopy strong{color:#69758b;font-weight:600}.oo-home .logos{margin-top:28px}.oo-home .logos-list{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 0;max-width:900px;align-items:center}.oo-home .client-name{font-size:20px;color:#141414;text-align:center;padding:8px 20px;line-height:1.2;font-weight:650;border-right:1px solid #d9dfe7}.oo-home .client-name:nth-child(4n){border:0}.oo-home .client-name:last-child{border:0}.oo-home .client-name small{display:block;font-size:10px;font-weight:500;letter-spacing:.22em;margin-top:4px}.oo-home .technology{padding:0;border-bottom:1px solid #e5e9ed}.oo-home .tech-row{display:flex;align-items:center;gap:20px;border-top:1px solid #e5e9ed;padding:12px 26px}.oo-home .tech-scroll{display:flex;gap:20px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;flex:1;padding-bottom:3px;font-size:13px;color:#65738a}.oo-home .tech-scroll span+span:before{content:\"\u2022\";color:#00c6df;margin-right:20px}.oo-home .tech-arrow{color:#17212d;font-size:20px}.oo-home .home-footer{background:#050606;color:white;padding:30px 0}.oo-home .footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.oo-home .footer-logo{width:215px;max-width:100%;height:auto}.oo-home .footer-links{display:grid;gap:12px}.oo-home .footer-links a{color:white;text-decoration:none;font-size:14px;display:flex;justify-content:space-between}.oo-home .footer-links a:hover{color:#00c6df}.oo-home .copyright{font-size:11px;color:#99a4b2;margin-top:24px;margin-bottom:0}.page-id-35 #site-footer{display:none}.page-id-35 .header-main .site-logo img{min-width:180px;width:200px;max-width:100%;height:auto}.page-id-35 #content .nv-content-wrap{margin-bottom:0!important}\nbody.page-id-35 #content .nv-content-wrap .oo-home h1{font-size:clamp(34px,4.5vw,62px)!important;line-height:1.14!important;letter-spacing:-.04em!important;margin:0 0 20px!important}body.page-id-35 #content .nv-content-wrap .oo-home h2{font-size:clamp(29px,3.5vw,44px)!important;line-height:1.2!important;letter-spacing:-.035em!important;margin:0 0 24px!important}body.page-id-35 #content .nv-content-wrap .oo-home .bodycopy h2{font-size:clamp(27px,2.7vw,36px)!important;font-weight:550!important;letter-spacing:-.035em!important}body.page-id-35 #content .nv-content-wrap .oo-home .step h3{font-size:16px!important;line-height:1.3!important;letter-spacing:-.02em!important;font-weight:600!important;margin:0!important}\n@media(max-width:781px){.oo-home .wrap{padding:0 28px}.oo-home .hero{padding:52px 0 32px!important}.oo-home .hero-copy{max-width:430px}.oo-home .hero-art{left:0;right:0;height:100%}.oo-home .hero-art img{object-fit:cover;object-position:84% center}.oo-home .hero:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 35%,rgba(255,255,255,.30) 82%)}.oo-home .lead{font-size:16px;max-width:250px}.oo-home .actions{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:54px}.oo-home .btn{width:210px;min-height:44px;padding:11px 20px;font-size:14px}.oo-home .traits{width:330px}.oo-home .trait{font-size:12px;padding:4px 7px}.oo-home .trait svg{width:29px;height:29px;margin-bottom:10px}.oo-home .section{padding:38px 0}.oo-home .step{grid-template-columns:62px 22px 1fr;gap:13px;min-height:100px}.oo-home .step-icon{width:58px;height:58px}.oo-home .step:not(:last-child):after{left:23px;top:61px}.oo-home .step-body p{font-size:14px}.oo-home .step-body{padding-bottom:23px}.oo-home p{font-size:16px;line-height:1.4}.oo-home .logos-list{grid-template-columns:repeat(2,1fr);gap:10px 0}.oo-home .client-name{font-size:20px;padding:10px 12px;border:0}.oo-home .client-name:nth-child(odd){border-right:1px solid #d9dfe7}.oo-home .client-name:last-child{grid-column:1\/-1;border:0;letter-spacing:.22em;font-size:18px;max-width:200px;justify-self:center}.oo-home .tech-row{gap:14px;padding:10px 18px}.oo-home .footer-grid{gap:24px}.oo-home .footer-links a{font-size:12px}.oo-home .home-footer{padding:24px 0}.oo-home .footer-logo{width:180px}body.page-id-35 #content .nv-content-wrap .oo-home h1{font-size:clamp(30px,7.6vw,42px)!important;max-width:350px}body.page-id-35 #content .nv-content-wrap .oo-home h2{font-size:30px!important}body.page-id-35 #content .nv-content-wrap .oo-home .bodycopy h2{font-size:26px!important}}\n@media(max-width:360px){.oo-home .wrap{padding:0 22px}.oo-home .step{grid-template-columns:52px 20px 1fr;gap:9px}.oo-home .step-icon{width:48px;height:48px}.oo-home .step:not(:last-child):after{left:18px;top:51px}.oo-home .footer-grid{grid-template-columns:1fr}.oo-home .trait{font-size:11px}}\n\n\n\/* Zentriertes Fensterbild und durchlaufende Technologieb\u00e4nder *\/\n@media(min-width:782px){.oo-home .hero-art{max-width:1280px;width:100%;margin:auto;mask-image:linear-gradient(90deg,#000 0%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 80%,transparent 100%)}.oo-home .hero-art img{object-fit:cover;object-position:center 20%}}\n.oo-home .tech-controls{max-width:1120px;margin:auto;padding:10px 28px 5px;text-align:right;font-size:11px;color:#6c788c}.oo-home .tech-controls label{cursor:pointer;display:inline-flex;gap:6px;align-items:center}.oo-home .tech-controls input{accent-color:#00bcc8;width:12px;height:12px;margin:0}\n.oo-home .tech-row{display:block;padding:12px 0}.oo-home .tech-window{max-width:1120px;margin:auto;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.oo-home .tech-track{display:flex;width:max-content;animation:oo-tech-drift 38s linear infinite;will-change:transform}.oo-home .tech-group{display:flex;align-items:center;flex-shrink:0;gap:30px;padding-right:30px;min-width:1120px;justify-content:space-around;white-space:nowrap;font-size:13px;color:#65738a}.oo-home .tech-group span{display:inline-flex;align-items:center;gap:30px}.oo-home .tech-group span:after{content:\"\u2022\";color:#00bcc8}.oo-home .tech-row:last-child .tech-track{animation-duration:44s;animation-direction:reverse}\n.oo-home .tech-track{animation-play-state:running!important}.oo-home .tech-window{overflow:hidden!important;pointer-events:none;scrollbar-width:none}.oo-home .tech-window::-webkit-scrollbar{display:none}\n@keyframes oo-tech-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n\n\n\n.oo-home .hero-art picture{display:block;width:100%;height:100%}\n@media(min-width:782px){\n.oo-home .hero{min-height:clamp(570px,28vw,760px)}\n.oo-home .hero-art{max-width:none;width:100%;margin:0;mask-image:none;-webkit-mask-image:none}\n.oo-home .hero-art img{object-fit:cover;object-position:right 20%}\n.oo-home .hero:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.60) 11%,rgba(255,255,255,.82) 43%,rgba(255,255,255,.50) 50%,transparent 65%)}\n}\n\n\n@media(min-width:960px){html body:is(.page-id-35,.page-id-304) #content .oo-contact-cta .oo-cta-inner{grid-template-columns:minmax(0,48%) minmax(0,1fr)!important;justify-content:stretch!important}html body:is(.page-id-35,.page-id-304) #content .oo-contact-cta .oo-cta-button{justify-self:end!important;margin-right:40px!important}}\n\nhtml body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home section.oo-approach{background:#e6f8f8!important}html body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home section.oo-grounding{background:#fff!important}\n\nhtml body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .hero .actions .btn{font-size:17px!important}@media(max-width:781px){html body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .hero .actions .btn{font-size:16px!important}}\n<\/style>\n<div class=\"oo-home\">\n<section class=\"hero\"><div class=\"hero-art\"><picture><source media=\"(min-width:782px)\" srcset=\"https:\/\/develop.office.one\/wp-content\/uploads\/2026\/11\/office-one-panorama-fernsehturm-tuerkis.png\"><img decoding=\"async\" src=\"https:\/\/develop.office.one\/wp-content\/uploads\/2026\/11\/office-one-mobil-fernsehturm-tuerkis.png\" alt=\"\" fetchpriority=\"high\"><\/picture><\/div><div class=\"wrap\"><div class=\"hero-copy\"><h1 id=\"oo-hero-statement\"><span class=\"oo-statement-row\"><span class=\"oo-statement-type\" style=\"--oo-letter-count:22;--oo-line-duration:1.430s;--oo-line-delay:0.450s;--oo-line-end:1.880s;--oo-period-space:0em\"><span class=\"oo-type-letters\">Wenn Ihre IT ausf\u00e4llt,<\/span><\/span><\/span> <span class=\"oo-statement-row\"><span class=\"oo-statement-type\" style=\"--oo-letter-count:21;--oo-line-duration:1.365s;--oo-line-delay:2.040s;--oo-line-end:3.405s;--oo-period-space:.28em\"><span class=\"oo-type-letters\">steht Ihr Unternehmen<\/span><span class=\"accent oo-type-period\">.<\/span><\/span><\/span><\/h1><p class=\"oo-hero-caption\" style=\"font-weight:400!important\">IT-Infrastruktur, Backup, Telefonie und Betreuung<br>f\u00fcr kleine und mittelst\u00e4ndische Unternehmen<br>in Berlin und Brandenburg.<\/p><div class=\"actions oo-hero-links\"><a class=\"btn btn-primary\" href=\"https:\/\/develop.office.one\/?page_id=37\">Team <span aria-hidden=\"true\">\u2192<\/span><\/a><a class=\"btn btn-outline\" href=\"#oo-orbit-chat\" data-oo-orbit-open aria-controls=\"oo-orbit-chat\">Orbit <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div><\/div><\/section>\n<style id=\"oo-usps-and-hero-sequence\">\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-intro .oo-intro-grid.oo-usp-layout{display:block!important}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-opening{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start;margin-bottom:40px}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-opening h2{margin:0!important;max-width:none}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-introduction p{font-family:Inter,Arial,sans-serif!important;font-size:18px!important;font-weight:400!important;line-height:1.75!important;margin:0 0 16px!important;color:#506273}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-introduction p:last-child{margin-bottom:0!important}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item{min-width:0;box-sizing:border-box;border:1px solid #b9d8df;background:rgba(255,255,255,.55);padding:28px;border-radius:0}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-number{font-family:\"Roboto Mono\",monospace;font-size:13px;letter-spacing:.08em;color:#0c8193;display:block;margin-bottom:15px}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item h3{font-family:Inter,Arial,sans-serif!important;font-size:clamp(22px,1.85vw,27px)!important;font-weight:500!important;line-height:1.3!important;letter-spacing:-.02em!important;margin:0 0 15px!important;color:#172d35}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item p{font-family:Inter,Arial,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.75!important;color:#506273;margin:0!important}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home.oo-hero-sequence .hero .hero-copy :is(.oo-hero-caption,.oo-hero-links){opacity:0;visibility:hidden;pointer-events:none;transition:none}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home.oo-hero-sequence.oo-hero-details-visible .hero .hero-copy :is(.oo-hero-caption,.oo-hero-links){opacity:1;visibility:visible;pointer-events:auto;transition:opacity 1.4s ease,visibility 0s}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home.oo-hero-sequence.oo-hero-details-visible .hero .hero-copy .oo-hero-links{transition-delay:.25s}\n@media(max-width:781px){\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-opening{grid-template-columns:1fr;gap:24px;margin-bottom:34px}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-introduction p{font-size:17px!important;line-height:1.7!important}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-grid{grid-template-columns:1fr;gap:30px}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item{padding:24px}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-number{margin-bottom:10px}\n}\n@media(prefers-reduced-motion:reduce){html:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home.oo-hero-sequence .hero .hero-copy :is(.oo-hero-caption,.oo-hero-links){transition:none!important}}\n\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:48px}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-copy{border:1px solid #b9d8df;background:rgba(255,255,255,.65);padding:28px;border-radius:0}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-experience-bubble{background:#24c5d8;border:0;border-radius:28px;padding:32px;color:#103c46}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-experience-bubble :is(h3,p){color:#103c46!important}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-copy .oo-usp-scenarios{font-size:18px!important;line-height:1.7!important;margin-bottom:24px!important}\n@media(max-width:781px){\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-grid{grid-template-columns:1fr;gap:30px}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-experience-bubble{padding:26px;border-radius:24px}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-copy .oo-usp-scenarios{font-size:17px!important}\n}\n\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:32px}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item{background:rgba(255,255,255,.7);border:1px solid #cbd6dc;border-radius:0;padding:28px;color:#24343d}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item :is(p,ul,li){color:#506273!important}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item .oo-usp-scenarios{font-size:16px!important;line-height:1.65!important}\n@media(max-width:781px){\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-grid{grid-template-columns:1fr;gap:24px}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item{padding:24px;border-radius:0}\n}\n\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-note{position:relative;align-self:start;background:#fff9df;border:1px solid #e7dfc3;border-radius:0;padding:36px 30px 30px;margin-top:8px;box-shadow:3px 7px 16px rgba(40,53,61,.12);transform:rotate(.65deg);transform-origin:50% 0}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-note:before{content:\"\";position:absolute;top:-10px;left:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#79d5df 0%,#1998aa 48%,#116778 100%);box-shadow:2px 3px 4px rgba(30,49,57,.27);z-index:2;pointer-events:none}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-note:after{content:\"\";position:absolute;top:2px;left:calc(50% - 1px);width:2px;height:17px;background:linear-gradient(90deg,#77868a,#dbe3e5);transform:rotate(-18deg);transform-origin:top;box-shadow:2px 1px 2px rgba(30,49,57,.14);z-index:1;pointer-events:none}\n@media(max-width:781px){html:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-note{transform:none;padding:32px 24px 24px;margin-top:10px}}\n\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-note{background:#fff;border:1px solid #c5d0d5;border-top:4px solid #43545a;padding-top:32px;box-shadow:5px 12px 25px rgba(35,53,62,.2)}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-note h3{font-weight:600!important;color:#26343a!important;font-size:clamp(25px,2.1vw,30px)!important;margin-bottom:22px!important}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-note .oo-usp-scenarios{font-size:17px!important;color:#303c42!important}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-note .oo-usp-scenarios li{font-weight:500;color:#303c42!important;padding-bottom:8px;border-bottom:1px solid rgba(119,101,51,.17)}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-note .oo-usp-scenarios li:last-child{border-bottom:0}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-note:before{top:-12px;width:17px;height:17px;left:calc(50% - 8.5px);box-shadow:2px 4px 5px rgba(30,49,57,.34)}\n\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-note{background-image:url(\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20260%20300%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23164e55%22%20opacity%3D%22.085%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M77%20198%2058%20285%20100%20264%20126%20291%20135%20214M150%20214%20173%20289%20191%20260%20231%20270%20201%20192%22%20stroke-width%3D%224%22%2F%3E%3Cpolygon%20points%3D%22130.00%2C13.00%20139.21%2C22.45%20150.09%2C14.98%20157.29%2C26.05%20169.42%2C20.84%20174.31%2C33.10%20187.22%2C30.36%20189.63%2C43.34%20202.83%2C43.17%20202.66%2C56.37%20215.64%2C58.78%20212.90%2C71.69%20225.16%2C76.58%20219.95%2C88.71%20231.02%2C95.91%20223.55%2C106.79%20233.00%2C116.00%20223.55%2C125.21%20231.02%2C136.09%20219.95%2C143.29%20225.16%2C155.42%20212.90%2C160.31%20215.64%2C173.22%20202.66%2C175.63%20202.83%2C188.83%20189.63%2C188.66%20187.22%2C201.64%20174.31%2C198.90%20169.42%2C211.16%20157.29%2C205.95%20150.09%2C217.02%20139.21%2C209.55%20130.00%2C219.00%20120.79%2C209.55%20109.91%2C217.02%20102.71%2C205.95%2090.58%2C211.16%2085.69%2C198.90%2072.78%2C201.64%2070.37%2C188.66%2057.17%2C188.83%2057.34%2C175.63%2044.36%2C173.22%2047.10%2C160.31%2034.84%2C155.42%2040.05%2C143.29%2028.98%2C136.09%2036.45%2C125.21%2027.00%2C116.00%2036.45%2C106.79%2028.98%2C95.91%2040.05%2C88.71%2034.84%2C76.58%2047.10%2C71.69%2044.36%2C58.78%2057.34%2C56.37%2057.17%2C43.17%2070.37%2C43.34%2072.78%2C30.36%2085.69%2C33.10%2090.58%2C20.84%20102.71%2C26.05%20109.91%2C14.98%20120.79%2C22.45%22%20stroke-width%3D%224%22%2F%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22116%22%20r%3D%2280%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%22116%22%20r%3D%2268%22%20stroke-width%3D%221.5%22%20stroke-dasharray%3D%222%206%22%2F%3E%3Cpath%20d%3D%22m87%20116%2029%2029%2057-64%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");background-repeat:no-repeat;background-position:right 18px bottom 18px;background-size:240px auto}\n@media(max-width:781px){html:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-note{background-size:190px auto;background-position:right 12px bottom 18px}}\n\n@media(min-width:782px){\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .hero:after{background:radial-gradient(ellipse 450px 110px at 36% 39%,rgba(255,255,255,.62) 0%,rgba(255,255,255,.4) 58%,transparent 100%),linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 11%,rgba(255,255,255,.38) 43%,rgba(255,255,255,.24) 50%,transparent 65%)!important}\n}\n@media(hover:hover) and (pointer:fine) and (min-width:782px){\nhtml:root body:is(.page-id-35,.page-id-304) .oo-chat.oo-orbit-hover-reveal:not(.oo-orbit-docked):not(.oo-orbit-hovered):not(:has(details[open])) svg.oo-orbit-waving-art{opacity:0!important;visibility:hidden!important}\n}\n<\/style><style id=\"oo-usp-editorial-layout\">\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-grid.oo-usp-editorial{align-items:start;column-gap:64px}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-editorial .oo-usp-opening{display:block;margin:0}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-editorial .oo-usp-opening h2{margin:0 0 26px!important}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-editorial .oo-usp-introduction p{margin:0 0 22px!important}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-editorial .oo-usp-introduction p:last-child{margin-bottom:0!important}\nhtml:root body:is(.page-id-35,.page-id-304) main#content .nv-content-wrap.entry-content .oo-home .oo-usp-editorial .oo-scenario-note{margin-top:8px}\n<\/style><section class=\"section oo-intro\" aria-label=\"Unsere IT-Betreuung\"><div class=\"wrap oo-intro-grid oo-usp-layout\"><div class=\"oo-usp-grid oo-usp-editorial\"><div class=\"oo-usp-opening\"><h2>IT-Systemhaus in Berlin<span class=\"accent\">.<\/span><\/h2><div class=\"oo-usp-introduction\"><p style=\"text-wrap:pretty\">Wir sichern und betreuen Ihre IT-Infrastrukturen, Netzwerke und Server \u2013 damit Ausf\u00e4lle, Datenverlust und Sicherheitsvorf\u00e4lle nicht <span style=\"white-space:nowrap\">zum Gesch\u00e4ftsrisiko werden.<\/span><\/p><p style=\"text-wrap:pretty\">Mit unserem Team aus erfahrenen Technikern bieten wir Ihnen eine zuverl\u00e4ssige <strong style=\"font-weight:700!important\"><span style=\"white-space:nowrap\">IT-Betreuung<\/span>, auf die Sie sich auch im Ernstfall verlassen k\u00f6nnen<\/strong>.<\/p><\/div><\/div><article class=\"oo-usp-item oo-scenario-note\"><h3>Was passiert, wenn \u2026?<\/h3><ul class=\"oo-usp-scenarios\" style=\"padding-left:20px;margin:0 0 20px;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65;color:#506273\"><li style=\"margin:0 0 7px\">ein Server ausf\u00e4llt?<\/li><li style=\"margin:0 0 7px\">ein Trojaner zuschl\u00e4gt?<\/li><li style=\"margin:0 0 7px\">seit Monaten kein Backup l\u00e4uft?<\/li><li style=\"margin:0 0 7px\">wichtige Systeme unbemerkt Fehler produzieren?<\/li><\/ul><p>Wir planen Infrastruktur und Backups mit Blick auf solche F\u00e4lle: \u00fcberwachte Backups, getrennte Sicherungen, Kopien au\u00dferhalb Ihres Standorts und ein klarer Weg zur Wiederherstellung. Auch Brand, Wassersch\u00e4den und Fehlbedienung werden mitgedacht.<\/p><\/article><\/div><\/div><\/section>\n<section class=\"section oo-approach\"><div class=\"wrap oo-approach-grid\"><div class=\"oo-approach-heading\"><span class=\"rule\" aria-hidden=\"true\"><\/span><h2>So arbeiten wir<span class=\"accent\">.<\/span><\/h2><p>Am Anfang steht ein Gespr\u00e4ch. Danach k\u00fcmmern wir uns Schritt f\u00fcr Schritt um Ihre IT.<\/p><p class=\"oo-continuity-principle\" style=\"margin-top:28px;font-weight:500\">Entscheidend ist nicht nur, dass Daten gesichert sind. Sondern dass Sie weiterarbeiten k\u00f6nnen.<\/p><\/div><ol class=\"oo-working-list\"><li><span class=\"oo-working-number\" aria-hidden=\"true\">01<\/span><h3>Verstehen<\/h3><p>Wir sehen uns Ihre Systeme an und h\u00f6ren zu: Was l\u00e4uft gut? Was h\u00e4lt Sie im Alltag auf?<\/p><\/li><li><span class=\"oo-working-number\" aria-hidden=\"true\">02<\/span><h3>Absichern<\/h3><p>Wir denken auch an den Ernstfall: getrennte Sicherungen, Backups au\u00dferhalb Ihres Standorts und einen Weg zur\u00fcck zum laufenden Betrieb.<\/p><\/li><li><span class=\"oo-working-number\" aria-hidden=\"true\">03<\/span><h3>Vereinfachen<\/h3><p>Wir richten Arbeitspl\u00e4tze und Abl\u00e4ufe so ein, dass Ihr Team damit gut arbeiten kann.<\/p><\/li><li><span class=\"oo-working-number\" aria-hidden=\"true\">04<\/span><h3>Dranbleiben<\/h3><p>Wir behalten Ihre Systeme im Blick und k\u00fcmmern uns um Wartung, Updates und St\u00f6rungen.<\/p><\/li><li><span class=\"oo-working-number\" aria-hidden=\"true\">05<\/span><h3>Weiterdenken<\/h3><p>Neue Mitarbeitende, ein weiterer Standort oder andere Software? Wir planen die passende IT mit Ihnen.<\/p><\/li><\/ol><\/div><\/section>\n<section class=\"section oo-grounding\"><div class=\"wrap oo-grounding-grid\"><div><span class=\"rule\" aria-hidden=\"true\"><\/span><h2>Von Softwareanbietern empfohlen<span class=\"accent\">.<\/span><\/h2><\/div><div class=\"oo-grounding-copy\"><p>Softwareanbieter empfehlen uns ihren Kunden, weil wir uns um die IT k\u00fcmmern, auf der ihre Anwendungen laufen. Wir stimmen technische Anforderungen direkt mit den Herstellern ab und arbeiten auch bei der Fehlersuche zusammen.<\/p><p><strong style=\"font-weight:700!important\">So werden Software und Infrastruktur gemeinsam betrachtet \u2013 mit klaren Ansprechpartnern und kurzen Abstimmungswegen.<\/strong><\/p><\/div><\/div><\/section>\n\n<aside class=\"oo-chat\" aria-label=\"Orbit \u2013 office.one\">\n<details class=\"oo-chat-shell\">\n<summary class=\"oo-orbit-launch\" aria-label=\"Chat mit Orbit \u00f6ffnen\" title=\"Chat mit Orbit \u00f6ffnen\"><img loading=\"lazy\" class=\"oo-orbit-mascot\" src=\"https:\/\/develop.office.one\/wp-content\/uploads\/2026\/11\/Orbit-\u2013-office.one_.png\" alt=\"\" width=\"1536\" height=\"1024\" decoding=\"async\"><\/summary><style id=\"oo-orbit-monitor\">\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .hero .oo-chat summary.oo-orbit-launch,\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .hero .oo-chat summary.oo-orbit-launch:hover{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;text-shadow:none!important;overflow:visible!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important}\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .hero .oo-chat summary.oo-orbit-launch img.oo-orbit-mascot{position:static!important;inset:auto!important;display:block!important;width:94%!important;height:92%!important;max-width:none!important;min-width:0!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;margin:0!important;padding:0!important;opacity:.94!important;filter:none!important;box-shadow:none!important;border:0!important;pointer-events:none!important;mix-blend-mode:normal!important}\nhtml:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .hero .oo-chat summary.oo-orbit-launch:focus-visible{outline:2px solid #24c5d8!important;outline-offset:-5px!important}\n@media(max-width:781px){html:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .hero .oo-chat summary.oo-orbit-launch{width:100px!important;height:84px!important;border-radius:0!important}html:root body:is(.page-id-35,.page-id-304) #content .nv-content-wrap .oo-home .hero .oo-chat summary.oo-orbit-launch img.oo-orbit-mascot{width:100%!important;height:100%!important}}\n<\/style>\n<div class=\"oo-chat-panel\">\n<div class=\"oo-chat-header\"><strong>Orbit<\/strong><button class=\"oo-chat-close\" type=\"button\" aria-label=\"Chat schlie\u00dfen\">\u00d7<\/button><\/div>\n<div class=\"oo-chat-messages\" role=\"log\" aria-live=\"polite\"><p class=\"oo-chat-answer\">Hallo! Ich bin Orbit. Sind Sie Neukunde oder Bestandskunde?<\/p><div class=\"oo-chat-intake-choices\"><button type=\"button\" data-oo-intake=\"Neukunde\">Neukunde<\/button><button type=\"button\" data-oo-intake=\"Bestandskunde\">Bestandskunde<\/button><\/div><\/div><style>.oo-chat-intake-choices{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}.oo-chat-intake-choices button{font:inherit;font-size:14px;line-height:1.4;padding:8px 11px;color:#183941;background:#fff;border:1px solid #b9d5dc;border-radius:8px;cursor:pointer}.oo-chat-intake-choices button:hover,.oo-chat-intake-choices button:focus-visible{background:#eaf6fa;border-color:#0c91a5}<\/style>\n\n<form class=\"oo-chat-input\"><label class=\"oo-chat-label\" for=\"oo-chat-question\">Ihre Frage<\/label><input id=\"oo-chat-question\" type=\"text\" maxlength=\"1000\" placeholder=\"Ihre Frage an Orbit \u2026\" autocomplete=\"off\"><button type=\"submit\" aria-label=\"Frage senden\">\u2192<\/button><\/form>\n\n<\/div><\/details><\/aside>\n<style>\n.oo-chat{position:fixed;right:24px;bottom:24px;z-index:1000;font-family:Inter,Arial,sans-serif}\n.oo-chat summary{list-style:none;background:#07151c;color:white;border:1px solid #26343e;border-radius:999px;padding:14px 20px;cursor:pointer;box-shadow:0 5px 24px #0002;font-size:14px;font-weight:500}\n.oo-chat summary::-webkit-details-marker{display:none}\n.oo-chat summary>span{color:#16bdc5;font-size:20px;margin-right:8px;vertical-align:middle}\n.oo-chat-panel{position:absolute;bottom:64px;right:0;width:350px;max-width:calc(100vw - 32px);background:white;border:1px solid #e4e8ec;border-radius:14px;box-shadow:0 12px 45px #0003;overflow:hidden;color:#101927}\n.oo-chat-header{padding:18px 20px;background:#07151c;color:white;display:flex;flex-direction:column;gap:5px}\n.oo-chat-header strong{font-size:16px}.oo-chat-header span{font-size:12px;color:#b8c6cc}\n.oo-chat-messages{padding:18px;max-height:260px;overflow-y:auto}\n.oo-chat .oo-chat-messages p{margin:0 0 12px;font-size:14px;line-height:1.55;padding:12px;border-radius:9px;background:#f0f3f5;color:#24343f}\n.oo-chat .oo-chat-messages .oo-chat-question{background:#e4f7f7;margin-left:32px}\n.oo-chat .oo-chat-messages a{display:inline-block;margin-top:8px;color:#008c96;text-decoration:underline}\n.oo-chat-options{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 16px}\n.oo-chat-options button{padding:7px 10px;border:1px solid #d9e1e5;border-radius:999px;background:white;color:#24343f;font-size:12px;cursor:pointer}\n.oo-chat-options button:hover{border-color:#00aebc;color:#008c96}\n.oo-chat-input{display:flex;gap:8px;padding:14px 18px;border-top:1px solid #e9edf0}\n.oo-chat-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}\n.oo-chat-input input{min-width:0;flex:1;border:1px solid #d9e1e5;border-radius:6px;padding:10px;font-size:14px;background:#fff;color:#101927}\n.oo-chat-input button{border:0;border-radius:6px;background:#00aebc;color:white;width:40px;cursor:pointer}\n.oo-chat .oo-chat-hint{font-size:11px;color:#657188;padding:0 18px 15px;margin:0;line-height:1.5}\n@media(max-width:781px){.oo-chat{right:16px;bottom:16px}.oo-chat summary{font-size:12px;padding:12px 16px}}\n<\/style>\n<script>\n(()=>{const root=document.querySelector('.oo-chat');if(!root)return;const hero=document.querySelector('.oo-home .hero');if(hero)hero.append(root);\nfunction alignScreen(){if(!hero||innerWidth<782)return;const img=hero.querySelector('img');if(!img||!img.naturalWidth)return;const ir=img.getBoundingClientRect(),hr=hero.getBoundingClientRect(),scale=Math.max(ir.width\/img.naturalWidth,ir.height\/img.naturalHeight),ox=ir.left-hr.left+(ir.width-img.naturalWidth*scale),oy=ir.top-hr.top+(ir.height-img.naturalHeight*scale)*.2;const pts=[[1715,342],[1957,317],[1928,544],[1685,507]].map(([x,y])=>[ox+x*scale,oy+y*scale]);const [[x0,y0],[x1,y1],[x2,y2],[x3,y3]]=pts,dx1=x1-x2,dx2=x3-x2,dx3=x0-x1+x2-x3,dy1=y1-y2,dy2=y3-y2,dy3=y0-y1+y2-y3,den=dx1*dy2-dx2*dy1,g=(dx3*dy2-dx2*dy3)\/den,h=(dx1*dy3-dx3*dy1)\/den,a=x1-x0+g*x1,b=x3-x0+h*x3,d=y1-y0+g*y1,e=y3-y0+h*y3;const m=[a\/300,d\/300,0,g\/300,b\/240,e\/240,0,h\/240,0,0,1,0,x0,y0,0,1];root.style.setProperty('--oo-screen-transform','matrix3d('+m.join(',')+')');root.style.setProperty('--oo-screen-x',((x0+x1+x2+x3)\/4)+'px');root.style.setProperty('--oo-screen-y',((y0+y1+y2+y3)\/4)+'px');}\nwindow.addEventListener('resize',alignScreen);hero?.querySelector('img')?.addEventListener('load',alignScreen);if(hero&&window.ResizeObserver)new ResizeObserver(alignScreen).observe(hero);alignScreen();\nfunction createOrbit(language, routes) {\n  const en = language === 'en';\n  const state = { topic: '', pending: '', people: null };\n  const pick = (de, english) => en ? english : de;\n  const contact = () => ({ url: routes.contact, label: pick('Mit dem Team sprechen', 'Talk to our team') });\n  const result = (text, links = []) => ({ text, links });\n  function reply(message) {\n    const q = message.trim().toLowerCase();\n    const count = q.match(\/\\b(\\d{1,4})\\s*(?:mitarbeit\\w*|personen|arbeitspl[a\u00e4]tz\\w*|nutzer\\w*|people|employees|users|workstations)\\b\/);\n    if (count && +count[1] > 0) state.people = +count[1];\n    if (\/^(hallo|hi|hey|hello|guten tag)[!,.\\s]*$\/.test(q)) return result(pick('Hallo! Sch\u00f6n, dass Sie da sind. Was besch\u00e4ftigt Sie gerade bei Ihrer IT?', 'Hello! Nice to meet you. What would you like to discuss about your IT?'));\n    if (\/wie (hei[\u00dfs]t|geht)|wer bist|dein name|who are you|your name|how are you\/.test(q)) return result(pick('Ich bin Orbit, der Website-Assistent von office.one. Ich helfe Ihnen mit Informationen zu unserer Betreuung, Fernwartung und einer ersten Anfrage. Worum geht es bei Ihnen?', 'I\u2019m Orbit, the office.one website assistant. I can help with information about our support, remote access tools and an initial enquiry. What do you have in mind?'));\n    if (\/bist du.*ki|echte ki|chatgpt|are you.*ai|real ai\/.test(q)) return result(pick('Aktuell helfe ich anhand hinterlegter Website-Informationen und einfacher R\u00fcckfragen. Eine freie KI-Unterhaltung ist noch nicht aktiviert. Bei individuellen Fragen ist unser Team f\u00fcr Sie da.', 'At the moment I use our website information and simple follow-up questions. Open-ended AI conversation has not been activated yet. Our team can help with individual questions.'), [contact()]);\n    if (\/^(danke|vielen dank|super|prima|thanks|thank you|great)[!,.\\s]*$\/.test(q)) return result(pick('Gern! Gibt es noch etwas, wobei ich Ihnen helfen kann?', 'You\u2019re welcome! Is there anything else I can help with?'));\n    if (\/^(tsch[u\u00fc]ss|auf wiedersehen|bye|goodbye)[!,.\\s]*$\/.test(q)) return result(pick('Auf Wiedersehen und einen sch\u00f6nen Tag!', 'Goodbye, and have a lovely day!'));\n    if (\/^was kannst|^wobei.*helfen|what can you|how can you help\/.test(q)) return result(pick('Ich kann Fernwartungsprogramme finden, unsere Betreuungsmodelle erkl\u00e4ren und mit Ihnen kl\u00e4ren, welche Unterst\u00fctzung zu Ihrer Anfrage passt. Was m\u00f6chten Sie als Erstes besprechen?', 'I can help find remote support downloads, explain our support plans and clarify what kind of help might suit your enquiry. What would you like to discuss first?'));\n    if (state.pending === 'internal' && \/^(ja|nein|yes|no|haben wir|haben wir nicht|noch nicht)[!,.\\s]*$\/.test(q)) {\n      const yes = \/^(ja|yes|haben wir$)\/.test(q); state.pending = ''; state.topic = 'support';\n      return result(yes ? pick('Dann k\u00f6nnte \u201eGezielt unterst\u00fctzt\u201c passen: Unser Team erg\u00e4nzt Ihre interne IT, zum Beispiel bei einzelnen Themen, Projekten oder Support. Welche Aufgaben m\u00f6chten Sie abgeben?', 'Then our targeted support plan could be a good fit. We can complement your internal IT with specific topics, projects or day-to-day support. Which tasks would you like help with?') : pick('Dann ist \u201eRundum sorglos\u201c ein guter Ausgangspunkt. Dabei \u00fcbernimmt unser Team den Betrieb, die Wartung und die Weiterentwicklung Ihrer IT. Geht es vor allem um den laufenden Betrieb oder steht gerade eine Ver\u00e4nderung an?', 'Then our fully managed support plan is a useful starting point. Our team takes care of IT operations, maintenance and development. Are you mainly looking for ongoing support, or are you planning a change?'), [{ url: routes.models, label: pick('Die beiden Modelle im \u00dcberblick', 'Compare the two support plans') }]);\n    }\n    if (\/preis|kosten|kostet|teuer|price|cost|how much|budget\/.test(q)) {\n      state.topic = 'pricing'; state.pending = '';\n      return result(pick('Ein verbindlicher Preis h\u00e4ngt von Ihrer Umgebung und dem gew\u00fcnschten Umfang ab. Ich m\u00f6chte Ihnen deshalb keinen Pauschalpreis versprechen. '+(state.people ? 'Sie haben '+state.people+' Arbeitspl\u00e4tze genannt. ' : '')+'Suchen Sie eine vollst\u00e4ndige Betreuung oder Unterst\u00fctzung f\u00fcr einzelne Themen?', 'A firm price depends on your setup and the scope of support. I don\u2019t want to promise a flat rate that may not suit you. '+(state.people ? 'You mentioned '+state.people+' workstations. ' : '')+'Are you looking for fully managed IT or help with specific topics?'), [contact()]);\n    }\n    if (\/st[o\u00f6]rung|ausfall|ausgefallen|geht nicht|funktioniert nicht|notfall|verschl[u\u00fc]ssel|ransom|outage|not working|won.t work|emergency|hacked\/.test(q)) {\n      state.topic = 'incident'; state.pending = '';\n      return result(pick('Das sollte sich unser Support direkt ansehen. Sie erreichen das Team unter 030 5093014-0. Beschreiben Sie bitte kurz, was betroffen ist und seit wann. Ich selbst kann keine Systeme pr\u00fcfen oder ein Supportticket absenden.', 'Our support team should take a look at that directly. You can reach them on +49 30 5093014-0. Please describe what is affected and when the problem started. I can\u2019t inspect your systems or submit a support ticket myself.'), [contact()]);\n    }\n    if (\/download|teamviewer|gotoassist|go to assist|fernwart|remote access|remote support\/.test(q) || (state.topic === 'downloads' && \/windows|mac|apple\/.test(q))) {\n      state.topic = 'downloads';\n      if (!\/windows|mac|apple\/.test(q)) { state.pending = 'os'; return result(pick('F\u00fcr die Fernwartung bieten wir TeamViewer und GoToAssist an. Nutzen Sie Windows oder Mac OS?', 'We offer TeamViewer and GoToAssist for remote support. Are you using Windows or Mac OS?'), [{ url: routes.downloads, label: pick('Alle Fernwartungsdownloads', 'All remote support downloads') }]); }\n      const mac = \/mac|apple\/.test(q); state.pending = '';\n      return result(pick('F\u00fcr '+(mac ? 'Mac OS' : 'Windows')+' finden Sie die passenden TeamViewer- und GoToAssist-Schaltfl\u00e4chen auf unserer Downloads-Seite. W\u00e4hlen Sie das Programm, das unser Team mit Ihnen vereinbart hat.'+(mac ? ' GoToAssist startet auf dem Mac \u00fcber den Support-Zugang.' : ''), 'You\u2019ll find the TeamViewer and GoToAssist options for '+(mac ? 'Mac OS' : 'Windows')+' on our downloads page. Use the program agreed with our team.'+(mac ? ' On Mac, GoToAssist starts through the support access page.' : '')), [{ url: routes.downloads, label: pick('Downloads f\u00fcr '+(mac ? 'Mac OS' : 'Windows'), 'Downloads for '+(mac ? 'Mac OS' : 'Windows')) }]);\n    }\n    if (\/r[u\u00fc]ckruf|rueckruf|call back|callback|termin|appointment\/.test(q)) { state.topic = 'contact'; state.pending = ''; return result(pick('Gern. Hinterlassen Sie im Kontaktformular Ihre Telefonnummer und wann Sie gut erreichbar sind. Dort wird Ihre Anfrage an das Team gesendet; dieses Gespr\u00e4ch allein l\u00f6st noch keinen R\u00fcckruf aus.', 'Of course. Please leave your phone number and a suitable time in the contact form. That sends your request to our team; this conversation alone does not arrange a callback.'), [contact()]); }\n    if (\/angebot|anfrage|offer|quote|enquiry\/.test(q)) { state.topic = 'offer'; state.pending = 'offer'; return result(pick('Lassen Sie uns die Anfrage kurz eingrenzen: Wie viele Mitarbeitende oder Arbeitspl\u00e4tze sollen betreut werden, und worum geht es haupts\u00e4chlich?', 'Let\u2019s narrow down your enquiry: how many people or workstations need support, and what do you mainly need help with?')); }\n    if (state.pending === 'offer' && q.length > 3) { state.pending = ''; return result(pick('Danke, das hilft bei der Einordnung. '+(state.people ? 'F\u00fcr '+state.people+' Arbeitspl\u00e4tze ' : 'F\u00fcr Ihre Umgebung ')+'sollte unser Team den gew\u00fcnschten Umfang und die vorhandenen Systeme mit Ihnen besprechen. \u00dcbernehmen Sie die Angaben bitte ins Kontaktformular, damit Ihre Anfrage beim Team ankommt. Hier im Chat wurde noch nichts versendet.', 'Thank you, that helps. '+(state.people ? 'For '+state.people+' workstations, ' : 'For your setup, ')+'our team should discuss the scope and existing systems with you. Please copy these details into the contact form to send your enquiry to the team. Nothing has been submitted from this chat.'), [contact()]); }\n    const topics = [\n      [\/server|netzwerk|network|wlan|infrastruktur|infrastructure\/, 'infrastructure', pick('Wir betreuen Server, Netzwerke und Arbeitspl\u00e4tze und betreiben eigene Infrastruktur in einem Berliner Rechenzentrum. Geht es bei Ihnen um laufende Betreuung oder eine geplante Modernisierung?', 'We support servers, networks and workstations and operate our own infrastructure in a Berlin data centre. Are you looking for ongoing support or planning a modernisation?')],\n      [\/microsoft|\\b365\\b|exchange|outlook|teams|cloud\/, 'cloud', pick('Wir unterst\u00fctzen bei Microsoft 365 und Cloud-Diensten \u2013 von Einrichtung und Umzug bis zur laufenden Betreuung. Geht es um eine neue Umgebung, einen Wechsel oder Ihre bestehenden Systeme?', 'We help with Microsoft 365 and cloud services, from setup and migration to ongoing support. Is this a new setup, a move, or support for your existing systems?')],\n      [\/backup|datensicher|sicher|firewall|security|protect\/, 'security', pick('Wir betreuen Datensicherung, Server- und Netzwerksicherheit. Dabei schauen wir auf die vorhandene Umgebung und darauf, ob sich Daten im Ernstfall wiederherstellen lassen. M\u00f6chten Sie ein bestehendes Konzept pr\u00fcfen oder etwas neu aufbauen?', 'We help with backups and server and network security, including whether data can be restored when needed. Would you like us to review your existing setup or build something new?')],\n      [\/telefonanlage|telefonie|xelion|nfon|telephony|phone system\/, 'phone', pick('Telefonie geh\u00f6rt ebenfalls zu unseren Leistungen. Wichtig sind etwa die Anbindung an den Arbeitsplatz, Smartphone-Nutzung und das Arbeiten von unterwegs. M\u00f6chten Sie eine bestehende Anlage ersetzen oder erweitern?', 'Telephony is part of our services too, including desktop integration, smartphone apps and remote working. Are you looking to replace or extend an existing phone system?')],\n      [\/umzug|migration|projekt|digital|neuer standort|office move|project|new location\/, 'project', pick('Wir begleiten IT-Projekte und Standortver\u00e4nderungen von der Planung bis zur Umsetzung. Was soll sich ver\u00e4ndern, und gibt es schon einen gew\u00fcnschten Zeitraum?', 'We support IT projects and office moves from planning through implementation. What are you planning to change, and do you have a target timeframe?')]\n    ];\n    for (const [pattern, topic, text] of topics) if (pattern.test(q)) { state.topic = topic; state.pending = 'detail'; return result(text, [{ url: routes.services, label: pick('Passende Leistungen ansehen', 'Explore our services') }]); }\n    if (\/betreuung|support|modell|paket|arbeitsplatz|arbeitspl[a\u00e4]tze|service|managed|plan|package\/.test(q) || count || (state.topic === 'pricing' && \/voll|komplett|einzeln|full|specific\/.test(q))) { state.topic = 'support'; state.pending = 'internal'; return result(pick((state.people ? 'F\u00fcr '+state.people+' Arbeitspl\u00e4tze ' : 'F\u00fcr Unternehmen ')+'bieten wir vollst\u00e4ndige Betreuung oder gezielte Unterst\u00fctzung an. Gibt es bei Ihnen bereits eine interne IT-Ansprechperson?', (state.people ? 'For '+state.people+' workstations, ' : 'For businesses, ')+'we offer fully managed IT or targeted support. Do you already have someone handling IT internally?')); }\n    if (\/kontakt|adresse|wo seid|berlin|email|e-mail|telephone|address|where are|contact\/.test(q)) return result(pick('Sie finden uns in der Naumannstr. 64, 10829 Berlin. Telefon: 030 5093014-0. E-Mail: info@planetary-systems.de.', 'You can find us at Naumannstr. 64, 10829 Berlin. Phone: +49 30 5093014-0. Email: info@planetary-systems.de.'), [contact()]);\n    if (\/team|menschen|mit wem|people|who works\/.test(q)) return result(pick('Hinter office.one steht das Team der Planetary Systems IT GmbH. Auf unserer Teamseite lernen Sie die Ansprechpersonen und ihre Erfahrungen kennen.', 'office.one is backed by the team at Planetary Systems IT GmbH. Meet the people and read about their experience on our team page.'), [{ url: routes.team, label: pick('Das Team kennenlernen', 'Meet the team') }]);\n    if (state.pending === 'detail') { state.pending = ''; return result(pick('Verstanden. Diese Einzelheiten sollte unser Team mit Ihnen durchgehen. Ich kann Ihre Systeme nicht selbst bewerten, aber Sie k\u00f6nnen die Angaben direkt \u00fcber das Kontaktformular senden. M\u00f6chten Sie noch etwas zu unseren Leistungen wissen?', 'Understood. Our team should discuss those details with you. I can\u2019t assess your systems myself, but you can send the details through our contact form. Would you like to know anything else about our services?'), [contact()]); }\n    if (\/^(ja|yes)[!,.\\s]*$\/.test(q)) return result(pick('Gern \u2013 wor\u00fcber m\u00f6chten Sie mehr wissen: Fernwartung, laufende IT-Betreuung oder ein konkretes Projekt?', 'Of course. What would you like to know more about: remote support, ongoing IT support or a specific project?'));\n    if (\/^(nein|no)[!,.\\s]*$\/.test(q)) return result(pick('Alles klar. Wenn sp\u00e4ter noch eine Frage auftaucht, bin ich hier.', 'No problem. I\u2019m here if you have another question later.'));\n    return result(pick('Dabei bin ich noch unsicher und m\u00f6chte Ihnen nichts Falsches sagen. Geht es um eine technische St\u00f6rung, eine neue IT-Betreuung oder etwas anderes? F\u00fcr individuelle Fragen k\u00f6nnen Sie auch direkt unser Team ansprechen.', 'I\u2019m not sure about that and don\u2019t want to give you incorrect information. Is this about a technical issue, new IT support or something else? Our team can also help with individual questions.'), [contact()]);\n  }\n  return { reply, state };\n}\n\nconst language = 'de';\nconst routes = {\"services\":\"https:\/\/develop.office.one\/?page_id=38\",\"models\":\"https:\/\/develop.office.one\/?page_id=2\",\"team\":\"https:\/\/develop.office.one\/?page_id=37\",\"contact\":\"https:\/\/develop.office.one\/?page_id=270\",\"downloads\":\"https:\/\/develop.office.one\/?page_id=341\"};\nconst log = root.querySelector('.oo-chat-messages');\nconst input = root.querySelector('input');\nconst send = root.querySelector('button[type=\"submit\"]');\nconst orbit = createOrbit(language, routes);\nconst history = [];\nlet busy = false, intakeStage='customer', customerType='', urgency='';\nfunction intakeReply(message){\nconst q=message.toLowerCase(),en=language==='en';\nconst options=en?['New customer','Existing customer']:['Neukunde','Bestandskunde'];\nconst priorities=en?['Urgent \u2013 business has stopped','Soon \u2013 work is affected','Not urgent']:['Dringend \u2013 Betrieb steht','Zeitnah \u2013 Arbeit eingeschr\u00e4nkt','Nicht dringend'];\nif(intakeStage==='done')return null;\nif(intakeStage==='customer'){\nif(\/bestandskund|existing|already.*customer|bereits.*kund|schon.*kund\/.test(q)){\ncustomerType='existing';intakeStage='urgency';\nreturn {text:uiText('Wie dringend ist Ihr Anliegen?','How urgent is your request?'),choices:priorities};\n}\nif(\/neukund|new customer|neu hier|noch kein|noch nicht.*kund|interessent\/.test(q)){\ncustomerType='new';intakeStage='done';\nreturn {text:uiText('Sch\u00f6n, dass Sie da sind! Wie kann ich Ihnen helfen? Geht es um IT-Betreuung oder ein bestimmtes Projekt?','Welcome! How can I help you? Are you looking for IT support or help with a particular project?')};\n}\nreturn {text:uiText('Sind Sie Neukunde oder Bestandskunde?','Are you a new or an existing customer?'),choices:options};\n}\nif(\/nicht dringend|keine eile|hat zeit|not urgent|no rush\/.test(q))urgency='normal';\nelse if(\/zeitnah|eingeschr[a\u00e4]nkt|soon|affected\/.test(q))urgency='soon';\nelse if(\/dringend|urgent|betrieb steht|stillstand|notfall|ausfall|emergency|stopped\/.test(q))urgency='urgent';\nif(!urgency)return {text:uiText('Ist Ihr Betrieb ausgefallen, ist die Arbeit eingeschr\u00e4nkt oder hat Ihr Anliegen etwas Zeit?','Has your business stopped, is work affected, or is your request not urgent?'),choices:priorities};\nintakeStage='done';\nif(urgency==='urgent')return {text:uiText('Bei einem dringenden Ausfall rufen Sie unser Team bitte direkt unter 030 5093014-0 an. Was ist betroffen und seit wann? \u00dcber diesen Chat wird noch kein Supportticket erstellt.','For an urgent outage, please call our team directly on +49 30 5093014-0. What is affected, and when did the problem start? This chat does not create a support ticket.'),links:[{url:routes.contact,label:uiText('Zum Kontaktformular','Open the contact form')}]};\nreturn {text:urgency==='soon'?uiText('Verstanden. Was ist bei Ihrer Arbeit eingeschr\u00e4nkt und seit wann?','Understood. What is affecting your work, and when did it start?'):uiText('Alles klar. Worum geht es bei Ihrem Anliegen?','Of course. What can I help you with?')};\n}\nconst uiText = (de, en) => language === 'en' ? en : de;\nfunction appendMessage(text, kind, links = [], choices = []) {\n  const p = document.createElement('p');\n  p.className = kind === 'user' ? 'oo-chat-question' : 'oo-chat-answer';\n  p.textContent = text;\n  for (const link of links) {\n    try {\n      const url = new URL(link.url, location.origin);\n      if (url.origin !== location.origin || !\/^https?:$\/.test(url.protocol)) continue;\n      const a = document.createElement('a'); a.href = url.href; a.textContent = link.label;\n      p.append(document.createElement('br'), a);\n    } catch (_) {}\n  }\n  log.append(p);\n  if(choices.length){\n    const group=document.createElement('div');group.className='oo-chat-intake-choices';\n    choices.forEach(label=>{const button=document.createElement('button');button.type='button';button.dataset.ooIntake=label;button.textContent=label;group.append(button);});\n    log.append(group);\n  }\n  while (log.children.length > 60) log.firstElementChild.remove();\n  log.scrollTop = log.scrollHeight;\n  return p;\n}\nasync function answer(question) {\n  const q = question.trim().slice(0, 1000);\n  if (!q || busy) return;\n  log.querySelectorAll('.oo-chat-intake-choices').forEach(group=>group.remove());\n  appendMessage(q, 'user'); input.value = ''; busy = true; send.disabled = true;\n  history.push({ role: 'user', content: q });\n  let response, pending, timer;\n  try {\n    const config = window.ooOrbit;\n    const intakeResponse=intakeReply(q);\n    if(intakeResponse)response=intakeResponse;\n    else\n    if (config && config.enabled === true && config.endpoint) {\n      const endpoint = new URL(config.endpoint, location.origin);\n      if (endpoint.origin !== location.origin) throw new Error('A same-origin endpoint is required.');\n      pending = appendMessage(uiText('Orbit antwortet \u2026', 'Orbit is replying \u2026'), 'assistant');\n      log.setAttribute('aria-busy', 'true');\n      const controller = new AbortController();\n      timer = setTimeout(() => controller.abort(), 25000);\n      const headers = { 'Content-Type': 'application\/json' };\n      if (config.nonce) headers['X-WP-Nonce'] = config.nonce;\n      const res = await fetch(endpoint.href, { method: 'POST', credentials: 'same-origin', headers,\n        body: JSON.stringify({ message: q, history: history.slice(-20), language }), signal: controller.signal });\n      if (!res.ok) throw new Error('Chat endpoint unavailable');\n      const data = await res.json();\n      if (typeof data.reply !== 'string' || !data.reply.trim()) throw new Error('Empty reply');\n      response = { text: data.reply.slice(0, 8000), links: Array.isArray(data.links) ? data.links.slice(0, 4) : [] };\n    } else response = orbit.reply(q);\n  } catch (_) {\n    response = { text: uiText('Die KI-Verbindung ist gerade nicht verf\u00fcgbar. Bitte versuchen Sie es sp\u00e4ter erneut oder sprechen Sie direkt unser Team an.', 'The AI connection is currently unavailable. Please try again later or contact our team directly.'), links: [{ url: routes.contact, label: uiText('Zum Kontaktformular', 'Open the contact form') }] };\n  } finally {\n    clearTimeout(timer); if (pending) pending.remove(); log.removeAttribute('aria-busy');\n    busy = false; send.disabled = false;\n  }\n  appendMessage(response.text, 'assistant', response.links, response.choices);\n  history.push({ role: 'assistant', content: response.text });\n  if (history.length > 20) history.splice(0, history.length - 20);\n}\n\nlog.addEventListener('click',event=>{const button=event.target.closest('button[data-oo-intake]');if(button)answer(button.dataset.ooIntake);});\nroot.querySelector('details').id='oo-orbit-chat';\ndocument.addEventListener('click',event=>{\nconst target=event.target instanceof Element?event.target:null;\nif(!target)return;\nif(!target.closest('[data-oo-orbit-open]'))return;\nevent.preventDefault();\nroot.querySelector('details').open=true;\ninput.focus({preventScroll:true});\n});\nfunction closeChat(restoreFocus=true){root.querySelector('details').open=false;if(restoreFocus)root.querySelector('summary').focus({preventScroll:true})}document.addEventListener('pointerdown',e=>{if(root.querySelector('details').open&&!root.contains(e.target))closeChat(false)});root.querySelector('.oo-chat-close').addEventListener('click',closeChat);root.addEventListener('keydown',e=>{if(e.key==='Escape'){e.preventDefault();closeChat()}});root.querySelector('form').addEventListener('submit',e=>{e.preventDefault();answer(input.value)});root.querySelectorAll('[data-oo-chat]').forEach(b=>b.addEventListener('click',()=>answer(b.dataset.ooChat)));})();\n<\/script>\n<style id=\"oo-orbit-follow-style\">\nhtml:root body .oo-chat.oo-orbit-widget{font-family:Inter,Arial,sans-serif!important;opacity:1!important;mix-blend-mode:normal!important;isolation:isolate}\nhtml:root body .oo-chat.oo-orbit-widget summary.oo-orbit-launch{cursor:pointer!important;list-style:none!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border:0!important;text-shadow:none!important}\nhtml:root body .oo-chat.oo-orbit-widget summary.oo-orbit-launch img.oo-orbit-mascot{position:static!important;inset:auto!important;display:block!important;object-fit:contain!important;object-position:center!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;opacity:1!important;filter:none!important;box-shadow:none!important;border:0!important;pointer-events:none!important;mix-blend-mode:normal!important}\n@media(min-width:782px){html:root body #content .nv-content-wrap .oo-home .hero .oo-chat.oo-orbit-widget:not(.oo-orbit-docked) summary.oo-orbit-launch{overflow:visible!important}\nhtml:root body #content .nv-content-wrap .oo-home .hero .oo-chat.oo-orbit-widget:not(.oo-orbit-docked) summary.oo-orbit-launch img.oo-orbit-mascot{width:100%!important;height:100%!important;transform:translate(2%,0)!important;flex-shrink:0!important}}\nhtml:root body .oo-chat.oo-orbit-widget.oo-orbit-docked{position:fixed!important;inset:auto 24px 82px auto!important;width:140px!important;height:112px!important;transform:none!important;z-index:2147483000!important;pointer-events:none!important}\nhtml:root body .oo-chat.oo-orbit-widget.oo-orbit-docked summary.oo-orbit-launch{position:relative!important;inset:auto!important;width:140px!important;height:112px!important;transform:none!important;transform-origin:center!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;pointer-events:auto!important;overflow:visible!important}\nhtml:root body .oo-chat.oo-orbit-widget.oo-orbit-docked summary.oo-orbit-launch img.oo-orbit-mascot{width:140px!important;height:112px!important;transform:none!important}\nhtml:root body .oo-chat.oo-orbit-widget.oo-orbit-docked .oo-chat-panel{position:absolute!important;inset:auto 0 126px auto!important;width:350px!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 240px)!important;transform:none;pointer-events:auto!important;z-index:2!important;overflow:auto!important;box-shadow:0 12px 40px rgba(7,21,28,.2)!important}\nhtml:root body .oo-chat.oo-orbit-widget summary.oo-orbit-launch:focus-visible{outline:3px solid #24c5d8!important;outline-offset:4px!important}\n@media(max-width:781px){html:root body .oo-chat.oo-orbit-widget.oo-orbit-docked{right:12px!important;bottom:78px!important;width:108px!important;height:88px!important}\nhtml:root body .oo-chat.oo-orbit-widget.oo-orbit-docked summary.oo-orbit-launch{width:108px!important;height:88px!important}\nhtml:root body .oo-chat.oo-orbit-widget.oo-orbit-docked summary.oo-orbit-launch img.oo-orbit-mascot{width:108px!important;height:88px!important}\nhtml:root body .oo-chat.oo-orbit-widget.oo-orbit-docked .oo-chat-panel{bottom:100px!important;max-height:calc(100dvh - 200px)!important;max-width:calc(100vw - 24px)!important}\nhtml:root body #scroll-to-top{bottom:16px!important;right:16px!important;z-index:2147482900!important}}\n<\/style><script id=\"oo-orbit-follow-controller\">\n(()=>{const root=document.querySelector('.oo-chat');if(!root||root.dataset.ooFollowBound)return;root.dataset.ooFollowBound='1';root.classList.add('oo-orbit-widget');const hero=document.querySelector('.oo-home .hero'),shell=root.querySelector('details');let frame=0;\nfunction place(){frame=0;const mobile=innerWidth<782,docked=!hero||mobile||hero.getBoundingClientRect().bottom<Math.min(innerHeight*.55,440);if(root.classList.contains('oo-orbit-docked')!==docked){root.classList.toggle('oo-orbit-docked',docked);const parent=docked?document.body:hero;if(parent ? root.parentElement!==parent : false)parent.append(root)}else if(docked ? root.parentElement!==document.body : false)document.body.append(root)}\nfunction schedule(){if(!frame)frame=requestAnimationFrame(place)}window.addEventListener('scroll',schedule,{passive:true});window.addEventListener('resize',schedule,{passive:true});if(hero ? Boolean(window.ResizeObserver) : false)new ResizeObserver(schedule).observe(hero);place();})();\n<\/script>\n<section class=\"technology\" aria-label=\"Technologien\"><div class=\"tech-row\"><div class=\"tech-window\" aria-hidden=\"true\"><div class=\"tech-track\"><div class=\"tech-group\"><span>Microsoft 365<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Exchange<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Entra ID<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Windows Server<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Veeam<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Fortinet<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Sophos<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>VMware<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Hyper-V<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><\/div><div class=\"tech-group\" aria-hidden=\"true\"><span>Microsoft 365<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Exchange<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Entra ID<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Windows Server<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Veeam<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Fortinet<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Sophos<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>VMware<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Hyper-V<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><\/div><\/div><\/div><\/div><div class=\"tech-row\"><div class=\"tech-window\" aria-hidden=\"true\"><div class=\"tech-track\"><div class=\"tech-group\"><span>Linux<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Proxmox<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>UniFi<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Netzwerk<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Firewall<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>VPN<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Backup<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Monitoring<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>PowerShell<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>SharePoint<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><\/div><div class=\"tech-group\" aria-hidden=\"true\"><span>Linux<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Proxmox<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>UniFi<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Netzwerk<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Firewall<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>VPN<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Backup<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>Monitoring<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>PowerShell<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><span>SharePoint<\/span><i class=\"tech-separator\" aria-hidden=\"true\"><\/i><\/div><\/div><\/div><\/div><\/section>\n<script>\n(()=>{const home=document.querySelector('.oo-home');if(!home)return;const traits=[...home.querySelectorAll('.trait')],steps=[...home.querySelectorAll('.process .step')];const items=[...traits,...steps];if(!items.length)return;\nif(!('IntersectionObserver' in window)||window.matchMedia('(prefers-reduced-motion: reduce)').matches){items.forEach(e=>e.classList.add('oo-scroll-visible'));return}\nconst observer=new IntersectionObserver(entries=>entries.forEach(entry=>{if(entry.isIntersecting){entry.target.classList.add('oo-scroll-visible');observer.unobserve(entry.target)}}),{threshold:.25});\ntraits.forEach((e,i)=>{e.style.setProperty('--oo-reveal-delay',i*110+'ms');e.classList.add('oo-scroll-trait');observer.observe(e)});\nsteps.forEach((e,i)=>{e.style.setProperty('--oo-reveal-delay',i*100+'ms');e.classList.add('oo-scroll-step');observer.observe(e)});\n})();<\/script>\n<script id=\"oo-mobile-menu-controller\">\n(()=>{if(document.documentElement.dataset.ooMobileMenuBound)return;const panel=document.getElementById('header-menu-sidebar');if(!panel)return;document.documentElement.dataset.ooMobileMenuBound='1';const body=document.body,overlay=document.querySelector('.header-menu-sidebar-overlay'),openers=[...document.querySelectorAll('.menu-mobile-toggle button.navbar-toggle')],close=panel.querySelector('.close-sidebar-panel button.navbar-toggle');let previousFocus=null,previousOverflow='';\nconst isOpen=()=>body.classList.contains('oo-menu-open');\nfunction setOpen(open,restore=true){if(open===isOpen())return;if(open){previousFocus=document.activeElement;previousOverflow=body.style.overflow}\nbody.classList.toggle('oo-menu-open',open);body.classList.toggle('is-menu-sidebar',open);body.classList.remove('hiding-header-menu-sidebar');panel.setAttribute('aria-hidden',String(!open));if(overlay)overlay.setAttribute('aria-hidden',String(!open));openers.forEach(b=>{b.setAttribute('aria-expanded',String(open));b.setAttribute('aria-controls',panel.id);b.closest('.menu-mobile-toggle').classList.toggle('is-active',open)});if(close)close.setAttribute('aria-expanded',String(open));body.style.overflow=open?'hidden':previousOverflow;\nif(open){const target=close||panel.querySelector('a[href]');if(target)target.focus({preventScroll:true})}else{document.dispatchEvent(new CustomEvent('ftrap-end'));document.querySelectorAll('.neve-skip-link,#content,.scroll-to-top,#site-footer,.header--row').forEach(e=>e.removeAttribute('aria-hidden'));if(restore&&previousFocus&&previousFocus.isConnected)previousFocus.focus({preventScroll:true})}}\nif(close)close.setAttribute('aria-label',document.documentElement.lang.startsWith('en')?'Close navigation':'Navigation schlie\u00dfen');\ndocument.addEventListener('click',e=>{const target=e.target instanceof Element?e.target:null;if(!target)return;const opener=target.closest('.menu-mobile-toggle button.navbar-toggle');const closer=target.closest('#header-menu-sidebar .close-sidebar-panel button.navbar-toggle');const backdrop=target.closest('.header-menu-sidebar-overlay');\nif(opener||closer||backdrop){e.preventDefault();e.stopImmediatePropagation();setOpen(opener?!isOpen():false);return}if(isOpen()&&target.closest('#header-menu-sidebar a[href]'))setOpen(false,false)},true);\ndocument.addEventListener('keydown',e=>{if(!isOpen())return;if(e.key==='Escape'){e.preventDefault();e.stopImmediatePropagation();setOpen(false);return}if(e.key==='Tab'){const nodes=[...panel.querySelectorAll('a[href],button:not([disabled]),[tabindex=\"0\"]')].filter(n=>n.getClientRects().length),first=nodes[0],last=nodes[nodes.length-1];if(!first)return;if(e.shiftKey&&document.activeElement===first){e.preventDefault();last.focus()}else if(!e.shiftKey&&document.activeElement===last){e.preventDefault();first.focus()}}},true);\nwindow.addEventListener('resize',()=>{if(window.innerWidth>=960&&isOpen())setOpen(false,false)});\n})();<\/script>\n<script id=\"oo-home-marquee-controller\">\n(()=>{const home=document.querySelector('.oo-home');if(!home||home.dataset.ooMarqueeBound)return;const tracks=[...home.querySelectorAll('.tech-track')];if(!tracks.length)return;home.dataset.ooMarqueeBound='true';\nconst states=tracks.map((track,index)=>({track,group:track.querySelector('.tech-group'),distance:0,position:0,reverse:index%2===1,speed:index%2===1?26:30})).filter(s=>s.group);\nfunction measure(){states.forEach(s=>{const next=s.group.nextElementSibling;if(!next)return;const distance=next.getBoundingClientRect().left-s.group.getBoundingClientRect().left;if(distance<=0)return;const progress=s.distance?s.position\/s.distance:0;s.distance=distance;s.position=progress*distance;s.track.style.setProperty('animation','none','important');s.track.dataset.ooMarqueeReady='true';render(s)})}\nfunction render(s){if(!s.distance)return;const x=s.reverse?s.position-s.distance:-s.position;s.track.style.setProperty('transform','translate3d('+x.toFixed(3)+'px,0,0)','important')}\nlet previous=0;function frame(now){const elapsed=previous?Math.max(0,now-previous)\/1000:0;previous=now;if(!document.hidden){states.forEach(s=>{if(!s.distance)return;s.position=(s.position+elapsed*s.speed)%s.distance;render(s)})}requestAnimationFrame(frame)}\nmeasure();requestAnimationFrame(frame);window.addEventListener('resize',measure,{passive:true});document.addEventListener('visibilitychange',()=>{previous=0;if(!document.hidden)measure()});if(window.ResizeObserver){const observer=new ResizeObserver(measure);states.forEach(s=>observer.observe(s.group))}if(document.fonts&&document.fonts.ready)document.fonts.ready.then(measure);\n})();<\/script>\n<footer class=\"home-footer oo-site-footer\"><div class=\"wrap\"><div class=\"footer-grid\">\n<div class=\"footer-branding\"><a href=\"https:\/\/develop.office.one\/\" aria-label=\"office.one \u2013 Startseite\"><img decoding=\"async\" class=\"footer-logo\" src=\"https:\/\/develop.office.one\/wp-content\/uploads\/2026\/10\/office-one-logo-final.png\" width=\"2169\" height=\"725\" alt=\"office.one by planetary systems\" loading=\"lazy\"><\/a><p class=\"copyright\">\u00a9 2026 Planetary Systems IT GmbH<\/p><\/div>\n<div class=\"footer-group\"><h3>Materialien<\/h3><div class=\"footer-links\" aria-label=\"Materialien\"><a href=\"https:\/\/develop.office.one\/?page_id=341\">Downloads<\/a><a href=\"https:\/\/develop.office.one\/?page_id=816\">Karriere<\/a><\/div><\/div>\n<div class=\"footer-group\"><h3>Rechtliches<\/h3><nav class=\"footer-links\" aria-label=\"Rechtliches\"><a href=\"https:\/\/develop.office.one\/?page_id=265\">Datenschutz<\/a><a href=\"https:\/\/develop.office.one\/?page_id=3\">Impressum<\/a><\/nav><\/div>\n<\/div><\/div><\/footer><\/div>\n\n<link id=\"oo-roboto-mono-font\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Mono:wght@400;500&amp;display=swap\">\n<script id=\"oo-homepage-motion\">(()=>{\nconst home=document.querySelector('.oo-home');\nif(!home)return;\nif(home.dataset.ooMotionReady)return;\nhome.dataset.ooMotionReady='2';\nhome.classList.add('oo-hero-sequence');\nconst reduced=window.matchMedia('(prefers-reduced-motion: reduce)');\nconst heading=home.querySelector('#oo-hero-statement');\nif(heading){if(window.matchMedia('(max-width:781px)').matches){\nconst mobileLines=[\"Wenn Ihre IT\",\"ausf\u00e4llt,\",\"steht Ihr\",\"Unternehmen\"];\nconst rows=[...heading.querySelectorAll('.oo-statement-row')];\nconst template=rows[0];\nconst period=heading.querySelector('.oo-type-period');\nconst fragments=mobileLines.map((text,index)=>{\nconst row=template.cloneNode(true),type=row.querySelector('.oo-statement-type'),letters=row.querySelector('.oo-type-letters');\nletters.textContent=text;\ntype.style.setProperty('--oo-letter-count',Array.from(text).length);\ntype.style.setProperty('--oo-period-space',index===mobileLines.length-1?'.28em':'0em');\nif(index===mobileLines.length-1){if(period)type.appendChild(period.cloneNode(true));}\nreturn row;\n});\nheading.replaceChildren(...fragments);\n}}\nconst lines=heading?[...heading.querySelectorAll('.oo-type-letters')]:[];\nconst texts=lines.map(line=>line.textContent);\nif(heading)heading.setAttribute('aria-label',texts.join(' ')+'.');\nlines.forEach(line=>line.setAttribute('aria-hidden','true'));\nconst mascot=document.querySelector('.oo-chat .oo-orbit-mascot');\nconst orbitHoverMode=window.matchMedia('(hover:hover) and (pointer:fine) and (min-width:782px)');\nconst orbitWidget=mascot?mascot.closest('.oo-chat'):null;\nlet orbitArt=null;\nif(mascot){\nconst ns='http:\/\/www.w3.org\/2000\/svg',uid='oo-wave-35';\norbitArt=document.createElementNS(ns,'svg');\norbitArt.setAttribute('class','oo-orbit-waving-art oo-orbit-intro-pending');\norbitArt.setAttribute('viewBox','0 0 1536 1024');\norbitArt.setAttribute('aria-hidden','true');\norbitArt.innerHTML='<defs><clipPath id=\"'+uid+'-body\"><polygon points=\"0,0 1536,0 1536,307 1121,307 1121,358 1152,430 1121,502 1060,553 1060,614 1536,614 1536,1024 0,1024\"\/><\/clipPath><clipPath id=\"'+uid+'-hand\"><polygon points=\"1057,598 1057,552 1121,481 1140,430 1120,358 1120,307 1290,307 1290,451 1198,522 1121,583\"\/><\/clipPath><\/defs>';\nconst body=document.createElementNS(ns,'image');\nbody.setAttribute('href',mascot.src);body.setAttribute('width','1536');body.setAttribute('height','1024');body.setAttribute('clip-path','url(#'+uid+'-body)');\nconst arm=document.createElementNS(ns,'g');arm.setAttribute('class','oo-orbit-arm');\nconst hand=body.cloneNode(true);hand.setAttribute('clip-path','url(#'+uid+'-hand)');arm.appendChild(hand);\norbitArt.append(body,arm);mascot.after(orbitArt);mascot.classList.add('oo-orbit-layered');\nsetTimeout(()=>{if(orbitArt.classList.contains('oo-orbit-intro-pending'))greet();},9000);\n}\nlet started=false,timer=0,generation=0;\nfunction greet(){\nif(!orbitArt)return;\nif(orbitHoverMode.matches){if(orbitWidget){if(!orbitWidget.classList.contains('oo-orbit-hovered')){if(!orbitWidget.classList.contains('oo-orbit-docked'))return;}}}\nif(orbitArt.dataset.greeted)return;\norbitArt.dataset.greeted='1';\norbitArt.classList.remove('oo-orbit-intro-pending');\norbitArt.classList.add('oo-orbit-hello-once');\n}\nif(orbitWidget){\nconst triggers=[home.querySelector('[data-oo-orbit-open]'),orbitWidget.querySelector('.oo-orbit-launch')].filter(Boolean);\nconst hovered=new Set();\nfunction updateOrbitHover(){\nconst focused=triggers.some(node=>node.contains(document.activeElement));\nconst visible=hovered.size>0||focused;\norbitWidget.classList.toggle('oo-orbit-hovered',visible);\nif(visible)greet();\n}\ntriggers.forEach(node=>{\nnode.addEventListener('pointerenter',event=>{if(event.pointerType==='touch')return;hovered.add(node);updateOrbitHover();});\nnode.addEventListener('pointerleave',()=>{hovered.delete(node);updateOrbitHover();});\nnode.addEventListener('focusin',updateOrbitHover);\nnode.addEventListener('focusout',()=>queueMicrotask(updateOrbitHover));\n});\nfunction syncOrbitHoverMode(){orbitWidget.classList.toggle('oo-orbit-hover-reveal',orbitHoverMode.matches);if(!orbitHoverMode.matches)greet();}\nsyncOrbitHoverMode();\nif(orbitHoverMode.addEventListener)orbitHoverMode.addEventListener('change',syncOrbitHoverMode);\nnew MutationObserver(()=>{if(orbitWidget.classList.contains('oo-orbit-docked'))greet();}).observe(orbitWidget,{attributes:true,attributeFilter:['class']});\n}\nfunction finish(){\nhome.classList.add('oo-hero-details-visible');\nlines.forEach((line,i)=>{line.textContent=texts[i];line.classList.remove('oo-typing-active');});\nif(heading){heading.classList.add('oo-heading-finished');heading.dataset.ooHeadingState='finished';}\n}\nfunction prepare(){\nhome.classList.remove('oo-hero-details-visible');\ngeneration++;clearTimeout(timer);started=false;\nif(!heading)return;\nheading.classList.remove('oo-heading-playing','oo-heading-finished');\nheading.classList.add('oo-heading-waiting');\nheading.dataset.ooHeadingState='waiting';\nlines.forEach(line=>{line.textContent='';line.classList.remove('oo-typing-active');});\n}\nfunction typeLine(index,token){\nif(token!==generation)return;\nif(index>=lines.length){finish();return;}\nconst line=lines[index],characters=Array.from(texts[index]);\nlet count=0;\nline.classList.add('oo-typing-active');\nfunction tick(){\nif(token!==generation)return;\nif(document.hidden){timer=setTimeout(tick,100);return;}\nline.textContent=characters.slice(0,++count).join('');\nif(count<characters.length){timer=setTimeout(tick,70);return;}\nline.classList.remove('oo-typing-active');\ntimer=setTimeout(()=>typeLine(index+1,token),120);\n}\ntick();\n}\nfunction playIntro(){\nif(document.hidden)return;\nif(started)return;\nstarted=true;\nconst token=generation;\nconst ready=document.fonts?document.fonts.load('400 32px \"Roboto Mono\"'):Promise.resolve();\nPromise.race([Promise.resolve(ready).catch(()=>{}),new Promise(resolve=>setTimeout(resolve,1200))]).then(()=>{\nif(token!==generation)return;\nif(document.hidden){started=false;return;}\nif(heading){heading.classList.remove('oo-heading-waiting');heading.classList.add('oo-heading-playing');heading.dataset.ooHeadingState='playing';}\ngreet();\ntimer=setTimeout(()=>typeLine(0,token),600);\n});\n}\nprepare();\nfunction startWhenVisible(){\nif(!heading){playIntro();return;}\nif(!('IntersectionObserver' in window)){playIntro();return;}\nconst introObserver=new IntersectionObserver(entries=>{\nentries.forEach(entry=>{\nif(!entry.isIntersecting)return;\nintroObserver.disconnect();\nplayIntro();\n});\n},{threshold:.5});\nintroObserver.observe(heading);\n}\nif(document.readyState==='complete')startWhenVisible();\nelse window.addEventListener('load',startWhenVisible,{once:true});\ndocument.addEventListener('visibilitychange',()=>{if(document.hidden)return;if(document.readyState==='complete')startWhenVisible();});\nwindow.addEventListener('pageshow',event=>{\nif(!event.persisted)return;\nprepare();\nif(orbitArt){delete orbitArt.dataset.greeted;orbitArt.classList.remove('oo-orbit-hello-once');orbitArt.classList.add('oo-orbit-intro-pending');}\nplayIntro();\n});\nif(reduced.matches)return;\nif(!('IntersectionObserver' in window))return;\nconst items=[...home.querySelectorAll('.oo-usp-opening,.oo-usp-item,.oo-approach-heading,.oo-working-list > li,.oo-grounding-grid > div,.oo-contact-cta .oo-cta-inner')];\nconst observer=new IntersectionObserver(entries=>{\nentries.forEach(entry=>{\nif(!entry.isIntersecting)return;\nentry.target.classList.add('is-arrived');\nobserver.unobserve(entry.target);\n});\n},{threshold:.12,rootMargin:'0px 0px -24px 0px'});\nitems.forEach((item,index)=>{\nitem.style.setProperty('--oo-arrival-delay',Math.min(index%5*65,260)+'ms');\nitem.classList.add('oo-scroll-arrival');\nobserver.observe(item);\n});\nif(reduced.addEventListener)reduced.addEventListener('change',event=>{\nif(!event.matches)return;\nitems.forEach(item=>item.classList.add('is-arrived'));\nobserver.disconnect();\nif(mascot)mascot.classList.remove('oo-orbit-greeting');\n});\n})();<\/script>\n\n\n<style id=\"oo-scenario-roboto-heading\">html:root body.page-id-35 main#content .nv-content-wrap.entry-content .oo-home .oo-usp-item.oo-scenario-note h3{font-family:\"Roboto Mono\",monospace!important;font-weight:400!important;letter-spacing:-.045em!important;line-height:1.3!important}<\/style>\n","protected":false},"excerpt":{"rendered":"<p>DE\/EN Wenn Ihre IT ausf\u00e4llt, steht Ihr Unternehmen. IT-Infrastruktur, Backup, Telefonie und Betreuungf\u00fcr kleine und mittelst\u00e4ndische Unternehmenin Berlin und Brandenburg. Team \u2192Orbit \u2192 IT-Systemhaus in Berlin. Wir sichern und betreuen Ihre IT-Infrastrukturen, Netzwerke und Server \u2013 damit Ausf\u00e4lle, Datenverlust und Sicherheitsvorf\u00e4lle nicht zum Gesch\u00e4ftsrisiko werden. Mit unserem Team aus erfahrenen Technikern bieten wir Ihnen eine&hellip;&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"full-width","neve_meta_enable_content_width":"on","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"off","neve_meta_disable_footer":"","neve_meta_disable_title":"on","footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/develop.office.one\/index.php?rest_route=\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/develop.office.one\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/develop.office.one\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/develop.office.one\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/develop.office.one\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35"}],"version-history":[{"count":206,"href":"https:\/\/develop.office.one\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":1183,"href":"https:\/\/develop.office.one\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions\/1183"}],"wp:attachment":[{"href":"https:\/\/develop.office.one\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}