:root{--ink:#1c1c1c;--muted:#686868;--green:#ababab;--paper:#f9f9f9;--line:#dfdfdf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:104px;max-width:1440px;padding:20px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:240px;display:block}.brand img{width:100%;max-height:70px;object-fit:contain}nav{display:flex;gap:30px;font-size:14px}nav a:hover,.textlink:hover{color:#515151}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;background:var(--ink);color:white;border:1px solid var(--ink);padding:18px 23px;border-radius:5px;font-size:14px}.button:hover{background:#3e3e3e;transform:translateY(-1px)}.button.small{padding:14px 18px}.menu{display:none}.hero{padding:35px 5% 45px;max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:6%}.hero-copy{padding:38px 0 12px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;display:flex;gap:9px;align-items:center;margin-bottom:26px}.eyebrow i,.status-dot{width:7px;height:7px;border-radius:50%;background:#6d6d6d;display:inline-block}h1{font-size:clamp(50px,5.9vw,86px);line-height:1.02;font-weight:500;letter-spacing:-4.6px;margin:0 0 28px}h1 span{color:#5d5d5d}p{line-height:1.65}.hero-copy>p{font-size:17px;color:var(--muted);max-width:460px}.actions{display:flex;align-items:center;gap:25px;margin:30px 0 42px;flex-wrap:wrap}.textlink{font-size:13px;font-weight:600}.hero-note{display:flex;gap:24px;font-size:11px;color:var(--muted)}.hero-note span+span{border-left:1px solid #b0b0b0;padding-left:24px}.hero-visual{min-height:560px;border-radius:8px;position:relative;overflow:hidden;background:#303030}.scene{height:100%;width:100%;object-fit:cover;position:absolute;filter:saturate(.6)}.visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,#22222255,#1f1f1f99)}.visual-label{position:absolute;top:30px;left:30px;font-size:10px;letter-spacing:2px;color:white}.visual-title{position:absolute;top:80px;left:30px;color:white;font-size:40px;line-height:1.15;letter-spacing:-1.5px}.service-panel{position:absolute;bottom:30px;left:30px;right:30px;background:#f9f9f9ef;padding:26px;border-radius:5px;backdrop-filter:blur(10px)}.service-panel>div:first-child{font-size:10px;letter-spacing:1.5px}.service-panel p{font-size:29px;line-height:1.17;letter-spacing:-1px;margin:18px 0 23px}.status-dot{margin-right:6px}.panel-line{display:flex;gap:16px;font-size:10px;border-top:1px solid #d2d2d2;padding-top:16px}.panel-line span:before{content:'✓';margin-right:5px;color:#5b5b5b}.partners{max-width:1296px;margin:0 auto;padding:28px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:center}.partners>span{font-size:9px;letter-spacing:1.2px;max-width:130px;line-height:1.6;color:var(--muted)}.partners b{font-size:24px;letter-spacing:-.9px;color:#6a6a6a}.partners .red{color:#4e4e4e}.microsoft i{font-style:normal;color:#717171;font-size:31px}.partners .tobit{font-size:20px}.section{padding:105px max(5%,calc((100vw - 1296px)/2))}h2{font-size:clamp(34px,3.5vw,50px);line-height:1.1;font-weight:500;letter-spacing:-2px;margin:0 0 27px}.intro{font-size:17px;color:var(--muted);max-width:490px}.managed{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid var(--line)}.managed .textlink{display:inline-block;margin-top:18px}.service-list article{display:flex;gap:23px;padding:26px 0;border-bottom:1px solid var(--line)}.service-list article:first-child{padding-top:0}.service-list article>span{font-size:11px;color:#858585;margin-top:6px}.service-list article b{margin-left:auto;font-weight:400}h3{font-size:20px;font-weight:500;margin:0 0 12px;letter-spacing:-.5px}.service-list p{font-size:14px;color:var(--muted);margin:0}.solutions{background:#eaeaea}.section-top{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:35px}.section-top>p{max-width:340px;color:var(--muted);font-size:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--paper);padding:32px;border:1px solid #dadada;border-radius:6px;display:flex;flex-direction:column}.card-icon{font-size:38px;font-weight:400;height:65px}.tag{font-size:10px;letter-spacing:1.5px;margin:15px 0 22px}.card h3{font-size:30px;line-height:1.15;letter-spacing:-1px}.card p{font-size:14px;color:var(--muted)}.card ul{padding:0;list-style:none;font-size:12px;margin:15px 0 32px;line-height:2}.card li:before{content:'↗';margin-right:10px;color:#5d5d5d}.card>a{font-size:12px;border-top:1px solid var(--line);padding-top:19px;margin-top:auto}.card.dark{background:var(--ink);color:white;border-color:var(--ink)}.dark .card-icon,.dark .tag{color:var(--green)}.dark p{color:#d2d2d2}.dark>a{border-color:#5c5c5c}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:50px}.steps article{border-top:1px solid var(--line);padding-top:22px}.steps span{font-size:10px;letter-spacing:1.2px;color:var(--muted)}.steps h3{margin-top:25px;font-size:25px}.steps p{font-size:14px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;background:#ffffff}.about-mark{background:var(--green);padding:40px;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;min-height:420px;overflow:hidden}.about-mark>span{font-size:11px;letter-spacing:2px}.about-mark>div{font-size:150px;letter-spacing:-12px;line-height:1}.about-mark>div span{font-size:95px;vertical-align:top;letter-spacing:-15px}.about-mark p{font-size:14px;line-height:1.5}.about>div>p:not(.intro){font-size:14px;color:var(--muted)}.about-facts{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:33px;padding-top:25px;gap:15px}.about-facts b{display:block;font-size:30px;font-weight:500;letter-spacing:-1px}.about-facts span{font-size:10px;color:var(--muted)}.contact{background:var(--ink);color:#f9f9f9;display:grid;grid-template-columns:1.4fr 1fr;gap:10%}.contact .eyebrow{color:var(--green)}.contact h2{font-size:clamp(38px,4vw,58px)}.contact p{color:#d0d0d0;font-size:15px}.contact-email{display:inline-block;font-size:clamp(22px,2.6vw,36px);border-bottom:1px solid #808080;padding-bottom:12px;margin-top:25px;letter-spacing:-1px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-details>div:first-child{grid-column:1/-1}.contact-details span{display:block;color:#bababa;font-size:9px;letter-spacing:1.5px;margin-bottom:13px}.contact-details>div:first-child a{font-size:29px}.contact-details a{font-size:12px}.contact-details p{font-size:13px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 5%;font-size:11px}footer>div{display:flex;gap:23px;align-items:center}footer button{border:0;background:transparent;font-size:11px;padding:0;color:var(--ink)}.footer-brand{font-size:20px;font-weight:800;letter-spacing:-1px}.footer-brand span{color:#5d5d5d}dialog{border:0;border-radius:8px;max-width:620px;width:90%;padding:45px;color:var(--ink)}dialog::backdrop{background:#1b1b1baa}dialog h2{font-size:32px}dialog p{font-size:14px}dialog .close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:28px}a:focus-visible,button:focus-visible{outline:3px solid #868686;outline-offset:5px}@media(min-width:1500px){.section{padding-left:calc((100vw - 1296px)/2);padding-right:calc((100vw - 1296px)/2)}}@media(max-width:1000px){header{gap:15px}.brand{width:190px}nav{gap:15px;font-size:12px}.partners{margin:0 5%}.partners b{font-size:20px}.hero{gap:5%}h1{letter-spacing:-3px}.hero-visual{min-height:530px}.actions{gap:17px}.card{padding:24px}.about-mark>div{font-size:110px}.about-mark>div span{font-size:65px}footer>p{display:none}.contact-details{grid-template-columns:1fr}.contact-details>div:first-child{grid-column:auto}}@media(max-width:700px){header{height:86px}.brand{width:170px}header>.button{margin-left:auto;padding:11px;font-size:11px}header>.button span{display:none}.menu{display:block;border:0;background:transparent;font-size:23px;padding:4px}nav{display:none;position:absolute;top:85px;left:0;right:0;padding:24px;background:var(--paper);z-index:10;box-shadow:0 8px 12px #00000011}nav.open{display:flex;flex-direction:column;gap:24px;font-size:16px}.hero{grid-template-columns:1fr;padding-top:5px}.hero-copy{padding-top:25px}h1{font-size:59px}.hero-copy>p{font-size:16px}.actions{margin:25px 0}.hero-note{margin-bottom:15px}.hero-visual{min-height:440px}.visual-title{font-size:34px}.partners{flex-wrap:wrap;justify-content:flex-start;gap:24px;padding:24px 0}.partners>span{max-width:none;flex-basis:100%}.partners b{font-size:19px}.section{padding:65px 6%}.managed,.about,.contact{grid-template-columns:1fr;gap:45px}.service-list article:first-child{padding-top:20px;border-top:1px solid var(--line)}.section-top{display:block;margin-bottom:27px}.cards{grid-template-columns:1fr}.card{padding:30px}.card-icon{height:40px}.card h3 br{display:none}.card ul{margin-bottom:25px}.steps{grid-template-columns:1fr;gap:20px;margin-top:35px}.steps h3{margin-top:18px}.about-mark{min-height:340px;order:2}.about-mark>div{font-size:150px}.about-mark>div span{font-size:90px}.contact-details{grid-template-columns:1fr 1fr}.contact-details>div:first-child{grid-column:1/-1}.contact-email{font-size:27px}footer{flex-wrap:wrap;gap:25px;padding:30px 6%}footer>div{flex-wrap:wrap;gap:20px}h2{letter-spacing:-1.4px}.hero-note{gap:14px}.hero-note span+span{padding-left:14px}dialog{padding:35px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transform:none}}

.cloud{background:#f9f9f9}.cloud-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:35px 0}.cloud-grid article{border-top:1px solid var(--line);padding:28px 0 12px}.cloud-grid .tag{display:block;color:#5d5d5d;margin:0 0 18px}.cloud-grid h3{font-size:25px;line-height:1.2}.cloud-grid p{font-size:15px;color:var(--muted);max-width:500px}@media(max-width:700px){.cloud-grid{grid-template-columns:1fr;gap:10px}}

.core-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:38px 0}.core-grid article{padding:32px;border:1px solid var(--line);border-radius:6px;background:#ffffff}.core-grid .tag{display:block;color:#5d5d5d;margin:0 0 22px}.core-grid h3{font-size:29px;line-height:1.15;letter-spacing:-1px}.core-grid p{font-size:15px;color:var(--muted)}.core-grid ul{list-style:none;padding:0;margin:22px 0 0}.core-grid li{font-size:14px;line-height:1.65;padding:15px 0;border-top:1px solid var(--line);color:var(--muted)}.core-grid strong{color:var(--ink);font-weight:600}@media(max-width:1000px){header nav{gap:16px;font-size:12px}.core-grid article{padding:25px}}@media(max-width:700px){.core-grid{grid-template-columns:1fr;gap:20px}.core-grid h3{font-size:27px}header nav.open{font-size:16px}}

/* Black and silver finish */
:root{--ink:#eceef1;--muted:#a4a7ad;--green:#c9cdd4;--paper:#101113;--line:#34363b}
body{background:#101113;color:#eceef1}header{background:#101113}.brand img{filter:none;mix-blend-mode:normal}.brand{background:#fff;border-radius:5px;padding:3px 12px}nav a:hover,.textlink:hover{color:#fff}.button{color:#111216;background:linear-gradient(135deg,#f4f5f6 0%,#b7bbc3 52%,#e4e6ea 100%);border:1px solid #d3d6dc;box-shadow:inset 0 1px 0 #fff8,0 6px 22px #0003}.button:hover{background:#f6f7f8;color:#111216}h1 span{color:#de6b70}.eyebrow i,.status-dot{background:#c9cdd4}.hero-note{color:#a4a7ad}.hero-note span+span{border-color:#53565d}.hero-visual{background:#181a1e;border:1px solid #44474d}.scene{filter:none}.visual-shade{background:linear-gradient(180deg,#08090c33,#08090cc9)}.service-panel{background:#17191deF;color:#eef0f3;border:1px solid #64676d;box-shadow:0 14px 40px #0004}.panel-line{border-color:#484b52}.panel-line span:before{color:#c9cdd4}.partners b,.partners .red,.microsoft i{color:#b7bac0}.service-list article>span{color:#b4b8bf}.solutions{background:linear-gradient(135deg,#202226,#141518)}.card{background:#181a1d;border-color:#404349}.card p{color:#b3b6bd}.card li:before{color:#cdd0d6}.card.dark{background:#181a1d;border-color:#404349;color:#eceef1}.dark p{color:#c3c6cc}.dark>a{border-color:#575b63}.about{background:#17191c}.about-mark{background:linear-gradient(135deg,#f2f3f5,#a4a9b3 55%,#dce0e6);color:#111216;border:1px solid #d8dce3}.about-facts span{color:#a4a7ad}.contact{background:#08090b;color:#f3f4f6;border-top:1px solid #44474d}.contact p{color:#b9bdc5}.contact .eyebrow,.contact-details span{color:#ced2d9}.contact-email{border-color:#777c85}.footer-brand span{color:#c6cad1}footer button{color:#d8dbe0}footer{border-top:1px solid #292c31}dialog{background:#202226;color:#eceef1;border:1px solid #676b73}dialog::backdrop{background:#000b}dialog .close{color:#fff}a:focus-visible,button:focus-visible{outline-color:#d6dae2}.cloud{background:#101113}.cloud-grid .tag,.core-grid .tag{color:#c5c9d1}.core-grid article{background:linear-gradient(135deg,#222429,#181a1e);border-color:#44474f;box-shadow:inset 0 1px 0 #ffffff08}.core-grid strong{color:#f0f1f4}.core-grid li,.core-grid p,.cloud-grid p{color:#b0b4bd}.menu{color:#eceef1}@media(max-width:700px){nav{background:#17191c;box-shadow:0 8px 20px #0006}}
/* Header logo: integrated silver brand panel */
header .brand{flex:0 0 216px;width:216px;height:72px;padding:7px 18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(125deg,#f0f1f3 0%,#c1c5cc 50%,#e1e4e8 100%);border:1px solid #d1d5dc;border-radius:3px;box-shadow:inset 0 1px 0 #ffffff99,0 4px 16px #0002}
header .brand img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;filter:none;mix-blend-mode:normal}
@media(max-width:1000px){header .brand{flex-basis:185px;width:185px;height:65px;padding:6px 14px}}
@media(max-width:700px){header .brand{flex-basis:155px;width:155px;height:58px;padding:5px 10px}header{gap:12px}}
@media(max-width:380px){header .brand{flex-basis:135px;width:135px;height:52px}header>.button{font-size:10px;padding:10px 8px}}

.partner-section{background:linear-gradient(145deg,#1d1f23,#111214);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.partner-card{display:flex;flex-direction:column;padding:28px;background:#181a1e;border:1px solid #41444b;border-radius:5px;box-shadow:inset 0 1px 0 #ffffff08}.partner-card .tag{font-size:9px;color:#b8bdc6;letter-spacing:1.3px;margin:0 0 24px}.partner-card h3{font-size:25px;color:#f1f2f4;line-height:1.15}.partner-card p{font-size:14px;color:#b0b4bd;margin:10px 0 27px}.partner-card a{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #3d4047;padding-top:18px;margin-top:auto;font-size:12px;color:#e1e4e9}.partner-card a:hover{color:#de6b70}header nav{gap:18px;font-size:12px}@media(max-width:1100px){.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header nav{gap:12px;font-size:11px}}@media(max-width:850px) and (min-width:701px){header{gap:12px;padding-left:3%;padding-right:3%}header .brand{flex-basis:150px;width:150px}header>.button{font-size:11px;padding:12px;gap:12px}header nav{gap:10px;font-size:10px}}@media(max-width:700px){.partner-grid{grid-template-columns:1fr}.partner-card{padding:26px}header nav.open{gap:24px;font-size:16px}}

.partner-detail{background:radial-gradient(ellipse at top right,#33373f55,transparent 65%);padding-bottom:75px}.backlink{display:inline-block;font-size:13px;color:#c1c5ce;margin-bottom:45px}.partner-detail h1{font-size:clamp(42px,5vw,72px);max-width:960px;letter-spacing:-2.5px;line-height:1.08}.detail-intro{font-size:19px;color:#b9bec8;max-width:800px}.detail-label{font-size:12px;letter-spacing:1px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px;color:#de6b70}.detail-services{background:#191b1f}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:40px}.detail-grid article{border-top:1px solid #52565e;padding-top:25px}.detail-grid .tag{display:block;color:#b8bec9;margin:0 0 25px}.detail-grid h3{font-size:24px;line-height:1.2}.detail-grid p,.detail-contact>p{color:#b5bac4;font-size:16px}.detail-contact>p{max-width:800px}.detail-contact{background:#101113}@media(max-width:700px){.detail-grid{grid-template-columns:1fr;gap:25px}.partner-detail h1{font-size:43px;letter-spacing:-1.5px}.detail-intro{font-size:17px}}

.partner-logos{gap:24px;align-items:center}.partner-logos>a{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:86px;padding:18px;background:#fff;border:1px solid #d5d8dd;border-radius:4px}.partner-logos img{display:block;max-width:100%;width:auto;max-height:45px;height:auto;object-fit:contain;filter:none}.partner-logos .terra-logo img{max-height:70px}.partner-logos .terra-logo{padding:5px 18px}@media(max-width:900px){.partner-logos{flex-wrap:wrap}.partner-logos>span{flex-basis:100%;max-width:none}.partner-logos>a{flex:1 1 20%}}@media(max-width:700px){.partner-logos{display:grid;grid-template-columns:1fr 1fr;gap:14px}.partner-logos>span{grid-column:1/-1}.partner-logos>a{width:100%;height:80px;padding:14px}.partner-logos .terra-logo{padding:5px}.partner-logos img{max-height:40px}.partner-logos .terra-logo img{max-height:68px}}
.partner-logos>a:last-child{background:#202226;border-color:#535760}

.detail-maker-logo{width:280px;max-width:100%;height:110px;padding:22px 26px;margin:0 0 38px;background:#fff;border:1px solid #d8dce2;border-radius:4px;display:flex;align-items:center;justify-content:center}.detail-maker-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:66px;object-fit:contain;filter:none}.detail-maker-logo.maker-wortmann{height:145px;padding:8px}.detail-maker-logo.maker-wortmann img{max-height:125px}.detail-maker-logo.maker-acronis{background:#fff;border-color:#d8dce2}@media(max-width:700px){.detail-maker-logo{width:240px;height:96px;margin-bottom:30px}.detail-maker-logo.maker-wortmann{height:125px}.detail-maker-logo.maker-wortmann img{max-height:108px}}

.product-overview{background:#15171a;border-top:1px solid var(--line)}.product-lead{font-size:17px;color:var(--muted);max-width:760px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:38px}.product-grid article{padding:32px;background:linear-gradient(140deg,#25282d,#1a1c20);border:1px solid #444850;border-radius:5px}.product-grid .tag{display:block;font-size:12px;line-height:1.5;color:#e28a8d;margin:0 0 18px;letter-spacing:.6px}.product-grid h3{font-size:27px;line-height:1.2}.product-grid p,.product-grid dd{font-size:15px;line-height:1.7;color:#b8bdc6}.product-grid dl{border-top:1px solid #43474f;padding-top:20px;margin-bottom:0}.product-grid dt{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#e0e3e9;margin:14px 0 7px}.product-grid dd{margin:0}.product-note{max-width:900px;font-size:12px;color:#9da4ae;line-height:1.7;margin-top:28px}@media(max-width:700px){.product-grid{grid-template-columns:1fr}.product-grid article{padding:25px}.product-grid h3{font-size:25px}}

.partner-logos .terra-logo img{width:185px;max-width:100%;height:auto;max-height:70px}.detail-maker-logo.maker-wortmann{height:110px;padding:15px 26px}.detail-maker-logo.maker-wortmann img{width:185px;max-width:100%;height:auto;max-height:80px}@media(max-width:700px){.detail-maker-logo.maker-wortmann{height:96px;padding:10px 20px}.detail-maker-logo.maker-wortmann img{max-height:76px}}

.utm-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center;background:#191b1f}.utm-showcase figure{margin:0;border:1px solid #494d55;border-radius:5px;overflow:hidden}.utm-showcase img{display:block;width:100%;height:auto;filter:none}.utm-showcase p{font-size:16px;color:#b5bbc5;line-height:1.75}.utm-showcase .button{margin-top:20px}@media(max-width:700px){.utm-showcase{grid-template-columns:1fr;gap:35px}}

.flyer-download{margin-top:32px;padding:25px;background:linear-gradient(135deg,#292c32,#1c1e23);border:1px solid #545962;border-radius:5px}.flyer-download .tag{display:block;font-size:10px;color:#c2c8d2;letter-spacing:1.2px;margin:0 0 14px}.flyer-download h3{font-size:24px;line-height:1.2}.utm-showcase .flyer-download p{font-size:14px;margin:12px 0 18px}.flyer-download .button{margin-top:0;gap:25px}.flyer-download small{display:block;margin-top:12px;font-size:11px;color:#a9b0bc}@media(max-width:700px){.flyer-download{padding:22px}.flyer-download .button{width:100%;font-size:13px;padding:16px}}

.utm-showcase{align-items:start}.utm-media{min-width:0}.utm-media .flyer-download{margin-top:20px}

.m365-plan-section{background:#111317}.m365-plan-graphic{width:75%;max-width:720px;margin:35px auto;border:1px solid #424854;border-radius:16px;overflow:hidden}.m365-plan-graphic img{width:100%;height:auto;display:block}.m365-plan-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:35px 0}.m365-plan-legend article{border-top:1px solid #464d58;padding-top:22px}.m365-plan-legend h3{font-size:23px;margin-top:16px}.m365-plan-legend p{font-size:15px;color:#b6becb}.m365-plan-legend small{color:#c3cad5;font-size:12px;line-height:1.6;display:block}.plan-dot{display:block;width:26px;height:5px;border-radius:3px}.plan-dot.basic{background:#34b7ec}.plan-dot.standard{background:#9d95f6}.plan-dot.premium{background:#d3dae4}.m365-plan-section>.button{margin-top:16px}@media(max-width:700px){.m365-plan-legend{grid-template-columns:1fr;gap:22px}.m365-plan-graphic{width:79.5%;margin-left:auto;margin-right:auto}}

.terra-topic-image{margin:0 0 34px;width:330px;max-width:100%;background:#fff;border-radius:5px;overflow:hidden;border:1px solid #d8dce2}.terra-topic-image img{display:block;width:100%;height:auto;object-fit:contain;filter:none}.terra-additional{background:#111317}.terra-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}.terra-topics article{min-width:0}.terra-topics h2{font-size:36px}.terra-topics p{font-size:16px;color:#b5bbc5}.terra-topics .textlink{display:inline-block;margin-top:18px}@media(max-width:700px){.terra-topics{grid-template-columns:1fr;gap:50px}.terra-topic-image{width:300px}.terra-topics h2{font-size:32px}}

.terra-heading-row{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:45px;align-items:center;margin-bottom:38px}.terra-heading-row .terra-topic-image{margin:0;width:100%}.terra-heading-row h2{margin-bottom:20px}.terra-heading-row .product-lead{margin-bottom:0}.terra-topics{grid-template-columns:1fr;gap:65px}.terra-topic-row{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:55px;align-items:center}.terra-topic-row .terra-topic-image{margin:0;width:100%}.terra-topic-row p{max-width:760px}@media(max-width:800px){.terra-heading-row,.terra-topic-row{grid-template-columns:minmax(0,1fr) 260px;gap:30px}}@media(max-width:700px){.terra-heading-row,.terra-topic-row{grid-template-columns:1fr;gap:25px}.terra-heading-row .terra-topic-image,.terra-topic-row .terra-topic-image{width:300px;max-width:100%}.terra-heading-row{margin-bottom:35px}}

.securepoint-cert{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:65px;align-items:center;background:linear-gradient(135deg,#202226,#111214);border-top:1px solid #44474f;border-bottom:1px solid #44474f}.securepoint-cert h2{font-size:clamp(30px,3.2vw,46px);line-height:1.16}.securepoint-cert p{font-size:17px;color:#b9bec7;max-width:650px}.securepoint-cert .textlink{display:inline-block;margin-top:15px}.securepoint-cert figure{margin:0;max-width:360px;justify-self:end;border:1px solid #72767d;border-radius:5px;overflow:hidden}.securepoint-cert img{width:100%;height:auto;display:block;filter:none}@media(max-width:700px){.securepoint-cert{grid-template-columns:1fr;gap:32px}.securepoint-cert figure{justify-self:start;width:100%;max-width:320px}.securepoint-cert p{font-size:16px}}

.starface-cert figure{background:#fff;max-width:320px}.starface-cert .eyebrow{color:#f3ad45}

.detail-maker-logo.maker-tobit{background:#202226;border-color:#535760}.tobit-cert figure{max-width:420px}

.partner-card-logo{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d5d8dd;border-radius:4px;padding:14px;margin:0 0 22px;min-height:85px}.partner-card-logo img{display:block;width:100%;height:auto;max-height:72px;object-fit:contain;filter:none}

.partner-logos>a[href="/partner/tobit/"]{background:#202226;border-color:#535760}.partner-logos>a.starface-strip-logo{background:#fff;border-color:#d5d8dd}.partner-logos .starface-strip-logo img{width:100%;height:auto;max-height:48px}.partner-logos{gap:18px}@media(min-width:901px){.partner-logos>a{padding-left:14px;padding-right:14px}}

.about-network{position:relative;overflow:hidden;min-width:0;min-height:500px;background:linear-gradient(145deg,#282c33,#111318 70%);border:1px solid #515761;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px 0 #ffffff0d}.network-topline{display:flex;justify-content:space-between;padding:28px 30px 0;gap:15px;color:#bec5d0;font-size:10px;letter-spacing:1.8px}.network-art{display:block;width:100%;height:auto;max-height:390px;margin:0 auto}.network-caption{padding:0 30px 30px}.network-caption h3{font-size:31px;line-height:1.15;letter-spacing:-1px;margin:0 0 15px;color:#f0f2f6}.network-caption h3 span{color:#bcc3cf}.network-caption p{font-size:11px;letter-spacing:.8px;color:#a5afbf;margin:0}@media(max-width:700px){.about-network{order:2;min-height:460px}.network-art{max-height:340px}.network-caption h3{font-size:29px}}

.about-network .network-art{max-height:none;width:100%;margin:5px auto 12px}.about-network{min-height:560px}@media(max-width:700px){.about-network{min-height:0}.about-network .network-art{max-height:none}}

/* Logos occupy the existing one-line manufacturer heading. */
.partner-card .partner-brand-heading{height:28.75px;line-height:28.75px;margin:0 0 12px;flex-shrink:0;display:flex;align-items:center}.partner-brand-visual{height:28.75px;max-width:100%;display:inline-flex;align-items:center;justify-content:flex-start;border-radius:2px;padding:3px 7px;background:#fff}.partner-brand-visual.dark{background:transparent;padding-left:0}.partner-brand-visual img{display:block;width:auto;height:22.75px;max-width:100%;object-fit:contain;filter:none}.partner-card:has(img[alt="WORTMANN AG"]) .partner-brand-visual{padding:0 5px}.partner-card img[alt="WORTMANN AG"]{height:28.75px}
/* Keep the white Tobit wordmark visible at full heading width. */
.partner-card .partner-brand-visual.dark{position:relative;display:block;width:190px;height:28.75px;padding:0;overflow:hidden;background:#181a1e;flex:0 0 190px}
.partner-card .partner-brand-visual.dark img{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:190px;max-width:none;height:auto;max-height:none;opacity:1;visibility:visible}
/* Consistent manufacturer logo viewport; the card dimensions stay unchanged. */
.partner-card .partner-brand-visual.light{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:190px;min-width:190px;max-width:100%;height:28.75px;flex:0 0 190px;padding:2px 5px;overflow:visible;background:#fff}
.partner-card .partner-brand-visual.light img{display:block;width:180px;height:24.75px;max-width:180px;max-height:24.75px;object-fit:contain;filter:none}
.partner-card:has(img[alt="WORTMANN AG"]) .partner-brand-visual{padding:2px 5px}
.partner-card .partner-brand-visual.light img[alt="WORTMANN AG"]{width:180px;height:24.75px;max-height:24.75px}

.back-to-top{position:fixed;right:24px;bottom:28px;z-index:90;display:flex;align-items:center;gap:9px;padding:12px 15px;color:#f1f3f6;background:#23262cef;border:1px solid #959ca8;border-radius:5px;box-shadow:0 5px 20px #0005;backdrop-filter:blur(8px);font-size:12px;line-height:1.25;cursor:pointer}.back-to-top[hidden]{display:none}.back-to-top>span:first-child{font-size:22px}.back-to-top:hover{background:#363b44;border-color:#eef0f5}.back-to-top:focus-visible{outline:2px solid #de6b70;outline-offset:4px}@media(max-width:700px){.back-to-top{right:14px;bottom:18px;padding:10px 12px;font-size:11px}}

.core-grid article{position:relative}.core-symbol{position:absolute;right:27px;top:26px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#c9ced7}.core-symbol svg{display:block;width:44px;height:44px}.core-grid article>.tag,.core-grid article>h3{padding-right:62px}.core-grid article>.tag{min-height:20px}@media(max-width:700px){.core-symbol{right:22px;top:24px;width:40px;height:40px}.core-symbol svg{width:38px;height:38px}.core-grid article>.tag,.core-grid article>h3{padding-right:49px}}

/* Dedicated legal pages */
footer div>a{font-size:12px;color:inherit}footer div>a:hover{text-decoration:underline}footer a:focus-visible,.legal-page a:focus-visible{outline:2px solid #9c3035;outline-offset:5px}.legal-page{max-width:1280px;margin:auto;padding-top:50px;padding-bottom:90px}.legal-page>.backlink{display:inline-block;margin-bottom:38px}.legal-page h1{font-size:clamp(42px,6vw,78px);letter-spacing:-2px;overflow-wrap:anywhere}.legal-intro{color:var(--muted);max-width:700px}.legal-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:60px;margin-top:48px}.legal-toc{display:flex;flex-direction:column;gap:17px;align-self:start;border-top:1px solid var(--line);padding-top:25px;font-size:14px}.legal-content section{border-top:1px solid var(--line);padding:24px 0 20px;scroll-margin-top:30px}.legal-content h2{font-size:25px;letter-spacing:-.5px;line-height:1.3;margin:0 0 18px}.legal-content p{max-width:760px;color:#525252;overflow-wrap:anywhere}.legal-content a{text-decoration:underline;text-underline-offset:3px}.legal-content strong{color:var(--ink)}@media(max-width:760px){.legal-layout{grid-template-columns:1fr;gap:28px;margin-top:32px}.legal-toc{display:flex!important;position:static!important;background:transparent!important;padding:20px 0!important;flex-direction:column!important}.legal-page{padding-top:30px;padding-bottom:55px}.legal-content h2{font-size:22px}}

/* Google customer feedback */
.google-reviews{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;border-top:1px solid #34373c}.reviews-copy h2{font-size:clamp(32px,3.7vw,54px);line-height:1.1;letter-spacing:-1.5px}.reviews-copy h2 span{color:#b3bac5}.reviews-copy p{max-width:530px;color:#b8bec7}.google-review-card{padding:34px;border:1px solid #4a4f58;border-radius:6px;background:linear-gradient(135deg,#282b30,#181a1e);box-shadow:0 12px 32px #0003}.review-platform{font-size:13px;letter-spacing:1px;color:#d7dbe2}.review-quote{font-family:Georgia,serif;font-size:100px;line-height:.8;color:#b75b64;margin-top:12px}.google-review-card h3{font-size:27px;font-weight:500;margin:14px 0}.google-review-card p{color:#b8bec7;margin-bottom:26px}.google-review-card .button{width:100%;gap:18px;font-size:13px}.google-review-card small{display:block;color:#9fa6b1;font-size:11px;line-height:1.6;margin-top:16px}@media(max-width:700px){.google-reviews{grid-template-columns:1fr;gap:25px}.google-review-card{padding:26px}.google-review-card .button{font-size:12px}}

.review-score{display:flex;align-items:baseline;gap:12px;margin-top:24px}.review-score strong{font-size:64px;line-height:1.1;font-weight:500;letter-spacing:-2px;color:#f2f3f5}.review-score>span{font-size:16px;color:#b8bec7}.review-stars{margin-top:12px;line-height:0}.review-stars svg{display:block;max-width:100%}.google-review-card .review-count{margin:10px 0 24px;font-size:14px;color:#d5d9df}

/* Subtle silver treatment for the central network logo. */
.about-network .network-center-logo{filter:grayscale(1) brightness(1.25) contrast(.8);opacity:.72}
/* Consistent silver manufacturer logos in the partner cards. */
#partner .partner-card .partner-brand-visual{background:#181a1e;border:0;border-radius:2px;width:190px;min-width:190px;max-width:100%;height:28.75px;flex:0 0 190px;padding:2px 5px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;isolation:isolate}
#partner .partner-card .partner-brand-visual.light img{width:180px;height:24.75px;max-width:180px;max-height:24.75px;object-fit:contain;filter:grayscale(1) invert(1) brightness(1.8);mix-blend-mode:screen;opacity:.9}
#partner .partner-card .partner-brand-visual.dark{position:relative;padding:0}
#partner .partner-card .partner-brand-visual.dark img{filter:grayscale(1);mix-blend-mode:screen;opacity:.9}
/* Slightly larger TERRA, STARFACE and G DATA marks; keep card dimensions. */
#partner .partner-card .partner-brand-visual.light:has(img[alt="WORTMANN AG"]),#partner .partner-card .partner-brand-visual.light:has(img[alt="STARFACE"]),#partner .partner-card .partner-brand-visual.light:has(img[alt="G DATA"]){overflow:visible}
#partner .partner-card .partner-brand-visual.light img[alt="WORTMANN AG"],#partner .partner-card .partner-brand-visual.light img[alt="STARFACE"],#partner .partner-card .partner-brand-visual.light img[alt="G DATA"]{transform:scale(1.25);transform-origin:left center}
#partner .partner-card .partner-brand-visual.light:has(img[alt="Veeam Data Protection"]){overflow:visible}
#partner .partner-card .partner-brand-visual.light img[alt="Veeam Data Protection"]{transform:scale(1.25);transform-origin:left center}
/* Increase visible TERRA and G DATA artwork, including its fitting height. */
#partner .partner-card .partner-brand-visual.light img[alt="WORTMANN AG"],#partner .partner-card .partner-brand-visual.light img[alt="G DATA"]{width:180px;height:40px;max-width:180px;max-height:40px;transform:scale(1.35);transform-origin:left center;flex-shrink:0}
/* Larger STARFACE and Microsoft marks, within native source dimensions. */
#partner .partner-card .partner-brand-visual.light:has(img[alt="Microsoft"]){overflow:visible}
#partner .partner-card .partner-brand-visual.light img[alt="STARFACE"]{width:200px;height:40px;max-width:200px;max-height:40px;transform:scale(1.25);transform-origin:left center}
#partner .partner-card .partner-brand-visual.light img[alt="Microsoft"]{width:200px;height:38px;max-width:200px;max-height:38px;transform:none;flex-shrink:0}
/* Reveal original manufacturer colors on hover or keyboard focus. */
#partner .partner-card .partner-brand-visual img{transition:filter .22s ease,opacity .22s ease,background-color .22s ease;border-radius:2px}
#partner .partner-card .partner-brand-visual.light:hover img,#partner .partner-card:focus-within .partner-brand-visual.light img{filter:none;mix-blend-mode:normal;opacity:1;background-color:#fff}
#partner .partner-card .partner-brand-visual.dark:hover img,#partner .partner-card:focus-within .partner-brand-visual.dark img{filter:none;mix-blend-mode:normal;opacity:1}
@media(prefers-reduced-motion:reduce){#partner .partner-card .partner-brand-visual img{transition:none}}

/* Match product symbols to the Core Business line icons. */
#leistungen .solution-line-icon{display:flex;align-items:center;justify-content:flex-start;height:55px;color:#c9ced7;margin-bottom:10px}#leistungen .solution-line-icon svg{display:block;width:44px;height:44px}@media(max-width:700px){#leistungen .solution-line-icon svg{width:38px;height:38px}}

/* Cloud services use the same card design as products and solutions. */
#cloud .cloud-service-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#cloud .solution-line-icon{display:flex;align-items:center;justify-content:flex-start;height:55px;color:#c9ced7;margin-bottom:10px}#cloud .solution-line-icon svg{display:block;width:44px;height:44px}#cloud .card .tag{color:#c5c9d1}@media(max-width:700px){#cloud .cloud-service-cards{grid-template-columns:1fr}#cloud .solution-line-icon svg{width:38px;height:38px}}
/* Bright red emphasis in the home page headline. */
.hero .hero-copy h1 span{color:#ff2424}
/* Shared bright red hover color for headings. */
main :is(h1,h2,h3,h4,h5,h6),main :is(h1,h2,h3,h4,h5,h6) span,main .eyebrow{transition:color .2s ease}
@media(hover:hover){main :is(h1:not(.hero h1),h2,h3,h4,h5,h6):hover,main :is(h1:not(.hero h1),h2,h3,h4,h5,h6):hover span,main .eyebrow:hover{color:#ff2424}}
@media(prefers-reduced-motion:reduce){main :is(h1,h2,h3,h4,h5,h6),main :is(h1,h2,h3,h4,h5,h6) span,main .eyebrow{transition:none}}
/* Mint hover accent for service and solution line symbols. */
.core-symbol,#leistungen .solution-line-icon,#cloud .solution-line-icon{transition:color .2s ease}
@media(hover:hover){.core-symbol:hover,#leistungen .solution-line-icon:hover,#cloud .solution-line-icon:hover{color:#7fffd4}}
@media(prefers-reduced-motion:reduce){.core-symbol,#leistungen .solution-line-icon,#cloud .solution-line-icon{transition:none}}

/* Individual mint hover states for the eight network symbols. */
.network-art .network-node{pointer-events:all}.network-art .network-node>rect,.network-art .network-node>g{transition:stroke .2s ease}.network-art .network-node>text{transition:fill .2s ease}@media(hover:hover){.network-art .network-node:hover>rect,.network-art .network-node:hover>g{stroke:#7fffd4}.network-art .network-node:hover>text{fill:#7fffd4}}@media(prefers-reduced-motion:reduce){.network-art .network-node>rect,.network-art .network-node>g,.network-art .network-node>text{transition:none}}
/* One short entrance and red glow for the hero claim. */
.hero .hero-copy h1 span{display:inline-block;animation:hero-claim-reveal 4.5s ease-out both}
@keyframes hero-claim-reveal{0%{opacity:0;transform:translateY(12px);text-shadow:none}16%{opacity:1;transform:translateY(0);text-shadow:0 0 0 transparent}36%{opacity:1;transform:translateY(0);text-shadow:0 0 20px #ff242455,0 0 42px #ff242422}56%{text-shadow:0 0 0 transparent}76%{text-shadow:0 0 20px #ff242455,0 0 42px #ff242422}100%{opacity:1;transform:none;text-shadow:none}}
@media(prefers-reduced-motion:reduce){.hero .hero-copy h1 span{animation:none;opacity:1;transform:none;text-shadow:none}}

/* Matrix-style decode, then a slow return to the brand red. */
.hero .hero-copy h1 .matrix-claim{position:relative;animation:none;color:#ff2424;opacity:1;transform:none;text-shadow:none}
.hero .hero-copy h1 .matrix-claim.matrix-running{animation:matrix-green-to-red 5.25s ease-in-out both}
.hero .hero-copy h1 .matrix-claim.matrix-scrambling{text-shadow:none}
.matrix-claim.matrix-scrambling::after{content:attr(data-matrix-text);position:absolute;inset:0;color:#00ff66;white-space:nowrap;text-shadow:0 0 14px #00ff6655;font:inherit;letter-spacing:inherit;pointer-events:none}
@keyframes matrix-green-to-red{0%,100%{color:#ff2424;text-shadow:none}}
@media(prefers-reduced-motion:reduce){.hero .hero-copy h1 .matrix-claim.matrix-running{animation:none;color:#ff2424}}

.hero .hero-copy h1 .matrix-claim{cursor:pointer}.hero .hero-copy h1 .matrix-claim:focus-visible{outline:2px solid #7fffd4;outline-offset:7px;border-radius:3px}

/* Actual UTF-8 binary bytes for “Wir ihre IT”, replacing random Matrix glyphs. */
.matrix-claim.matrix-scrambling::after{content:none}.matrix-claim .binary-overlay{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:5px 10px;color:#00ff66;text-shadow:0 0 12px #00ff6655;pointer-events:none;letter-spacing:0;line-height:1.25}.matrix-claim .binary-overlay code{font-family:Consolas,'Courier New',monospace;font-size:clamp(9px,1.1vw,15px);font-weight:400;white-space:nowrap;letter-spacing:.08em}@media(max-width:700px){.matrix-claim .binary-overlay code{font-size:12px}.matrix-claim .binary-overlay{gap:3px 6px}}@media(max-width:380px){.matrix-claim .binary-overlay code{font-size:10px}}

/* Staggered binary blocks and a smooth crossfade into the claim. */

.hero .hero-copy h1 .matrix-claim>.binary-label{display:inline;position:relative;animation:none;transform:none;text-shadow:inherit;color:inherit;opacity:1;transition:opacity .8125s ease}
.hero .hero-copy h1 .matrix-claim.matrix-scrambling>.binary-label{opacity:0}.hero .hero-copy h1 .matrix-claim.binary-resolving>.binary-label{opacity:1}
.matrix-claim .binary-overlay{opacity:1;transition:opacity .8125s ease,transform .8125s ease}.matrix-claim.binary-resolving .binary-overlay{opacity:0;transform:translateY(-6px)}
.matrix-claim .binary-overlay code{animation:binary-block-arrive .9375s cubic-bezier(.2,.7,.25,1) both;animation-delay:calc(var(--block-i)*112.5ms)}
@keyframes binary-block-arrive{from{opacity:0;transform:translate(var(--block-x),18px);filter:blur(3px)}to{opacity:1;transform:translate(0,0);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.matrix-claim .binary-overlay code{animation:none}.hero .hero-copy h1 .matrix-claim>.binary-label{transition:none}}

/* Binary blocks and final claim share the same bright red. */
.matrix-claim .binary-overlay{color:#ff2424;text-shadow:0 0 12px #ff242455}

/* Four solution cards arranged in balanced rows. */
#leistungen .cards{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){#leistungen .cards{grid-template-columns:1fr}}
/* Larger, more legible binary blocks in three columns. */
.matrix-claim .binary-overlay{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 10px;line-height:1.15}
.matrix-claim .binary-overlay code{font-size:clamp(13.5px,1.35vw,18px);letter-spacing:.025em;font-weight:500}
@media(max-width:700px){.matrix-claim .binary-overlay{gap:4px 6px}.matrix-claim .binary-overlay code{font-size:14.4px}}
@media(max-width:380px){.matrix-claim .binary-overlay code{font-size:12.6px}}
/* Binary Decode: each byte resolves into its own precisely positioned letter. */
.hero .hero-copy h1 .matrix-claim.decode-playing>.binary-label{opacity:0;transition:none}
.decode-overlay{position:absolute;inset:0;pointer-events:none;color:#ff2424;white-space:nowrap}
.decode-slot{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;animation:decode-slot-arrival .75s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(var(--decode-i)*100ms)}
.decode-bits{position:absolute;top:50%;left:50%;display:grid;grid-template-columns:repeat(2,1fr);gap:1px 2px;transform:translate(-50%,-50%);font:11px/1.05 Consolas,'Courier New',monospace;letter-spacing:0;text-shadow:0 0 10px #ff242477;animation:decode-byte-resolve .65s ease-in-out both;animation-delay:calc(1.5s + var(--decode-i)*180ms)}
.decode-bits i{font-style:normal}.decode-letter{display:block;font:inherit;letter-spacing:inherit;animation:decode-letter-reveal .65s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(1.5s + var(--decode-i)*180ms)}
.hero .hero-copy h1 .matrix-claim.decode-sweep::after{content:'';position:absolute;inset:-5px -10px;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#ffffff88 49%,transparent 60%);background-size:250% 100%;mix-blend-mode:source-atop;opacity:0;animation:decode-light-pass .9s ease-in-out both}
@keyframes decode-slot-arrival{from{opacity:0;transform:translateY(-28px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes decode-byte-resolve{0%,15%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.4);filter:blur(3px)}}
@keyframes decode-letter-reveal{0%,15%{opacity:0;transform:translateY(8px) scale(.85);filter:blur(3px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes decode-light-pass{0%{opacity:0;background-position:100% 0}25%,70%{opacity:.6}100%{opacity:0;background-position:0 0}}
@media(max-width:700px){.decode-bits{font-size:8.8px;gap:1px}}
@media(prefers-reduced-motion:reduce){.decode-slot,.decode-bits,.decode-letter,.hero .hero-copy h1 .matrix-claim.decode-sweep::after{animation:none}}
.hero .hero-copy h1 .matrix-claim.decode-sweep::after{content:'Wir Ihre IT.';inset:0;color:transparent;background:linear-gradient(110deg,transparent 38%,#fff 49%,transparent 60%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;mix-blend-mode:normal;font:inherit;letter-spacing:inherit;white-space:nowrap}

/* Clean header and original company logo within the hero image. */
header{justify-content:center}header nav{justify-content:center}.hero-company-logo{position:absolute;bottom:30px;left:30px;right:30px;padding:18px;background:#fff;border:1px solid #d7dbe2;border-radius:5px;box-shadow:0 14px 40px #0004}.hero-company-logo img{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:700px){header{justify-content:flex-end}.hero-company-logo{bottom:22px;left:22px;right:22px;padding:14px}}

/* Keep the final text visible immediately when the decode overlay is removed. */
.hero .hero-copy h1 .matrix-claim>.binary-label{transition:none!important;animation:none!important;text-shadow:none}
/* Smaller company logo with half opacity in the hero image. */
.hero-company-logo{left:50%;right:auto;width:78%;bottom:30px;transform:translateX(-50%);opacity:.5;padding:15px;box-shadow:none}@media(max-width:700px){.hero-company-logo{left:50%;right:auto;width:78%;bottom:22px;padding:12px}}

/* Click-to-load location map between the two company facts. */
.about-facts.about-facts-map{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:18px}.about-map{min-width:0;border:1px solid #4a505a;border-radius:6px;overflow:hidden;background:#1b1e24}.map-placeholder{padding:20px 14px;text-align:center;color:#c9ced7}.map-placeholder svg{color:#7fffd4}.map-placeholder h3{font-size:19px;letter-spacing:-.4px;margin:10px 0}.map-placeholder p{font-size:12px;line-height:1.6;margin:10px 0}.map-placeholder .button{padding:11px 12px;font-size:11px;white-space:normal;display:inline-flex}.map-placeholder .map-privacy{font-size:10px;color:#aeb6c4;line-height:1.5;margin:14px 0 0}.map-privacy a{text-decoration:underline}.about-map iframe{width:100%;height:260px;border:0;display:block}.map-route{display:block;padding:12px;text-align:center;font-size:11px;text-decoration:underline;color:#c9ced7}@media(max-width:1000px){.about-facts.about-facts-map{grid-template-columns:1fr}.map-placeholder{padding:25px}.about-map iframe{height:280px}}

/* Wider, more compact privacy page with navigation above the text. */
.legal-page.privacy-wide{max-width:1600px;width:100%;padding:45px max(4vw,24px) 65px}.privacy-wide .legal-layout{display:block;margin-top:30px}.privacy-wide .legal-toc{display:flex!important;position:static!important;flex-direction:row!important;flex-wrap:wrap;gap:10px 14px;padding:20px 0!important;margin-bottom:24px;border-bottom:1px solid var(--line);box-shadow:none;background:transparent}.privacy-wide .legal-toc a{display:block;padding:9px 12px;border:1px solid #474c55;border-radius:4px;font-size:12px;line-height:1.4}.privacy-wide .legal-content p{max-width:none;font-size:14px;line-height:1.65;margin:10px 0 14px}.privacy-wide .legal-content h2{font-size:25px;line-height:1.25;break-after:avoid}.privacy-wide .legal-content h3{font-size:18px;line-height:1.35;letter-spacing:-.2px;margin:23px 0 10px;break-after:avoid}.privacy-wide .legal-content section{padding:22px 0 12px}.privacy-wide .legal-content p{orphans:3;widows:3}.privacy-wide .legal-content a{overflow-wrap:anywhere}@media(min-width:1100px){.privacy-wide .legal-content{column-count:2;column-gap:52px;column-rule:1px solid #353940}}@media(max-width:700px){.legal-page.privacy-wide{padding:30px 5% 45px}.privacy-wide .legal-toc{gap:8px}.privacy-wide .legal-content h2{font-size:23px}}
/* Compact Google review section. */
.google-reviews{gap:40px;padding-top:38px;padding-bottom:38px}.reviews-copy h2{font-size:clamp(27px,2.7vw,38px);letter-spacing:-1px;margin-top:0;margin-bottom:16px}.reviews-copy .eyebrow{margin-bottom:18px}.reviews-copy p{font-size:14px;margin-bottom:0}.google-review-card{padding:24px}.review-platform{font-size:11px}.review-score{margin-top:14px;gap:9px}.review-score strong{font-size:48px}.review-score>span{font-size:13px}.review-stars{margin-top:6px}.review-stars svg{width:145px;height:29px}.google-review-card .review-count{font-size:12px;margin:7px 0 15px}.google-review-card h3{font-size:22px;margin:10px 0}.google-review-card p{font-size:13px;line-height:1.55;margin-bottom:17px}.google-review-card .button{padding:13px 15px;font-size:12px}.google-review-card small{margin-top:11px;font-size:10px}@media(max-width:700px){.google-reviews{gap:22px;padding-top:30px;padding-bottom:30px}.google-review-card{padding:21px}}
/* Animate the actual letters in their permanent positions, avoiding glyph overlap. */
.hero .hero-copy h1 .matrix-claim.decode-playing>.binary-label{opacity:1!important}
.hero .hero-copy h1 .matrix-claim .decode-glyph{position:relative;display:inline-block;font:inherit;letter-spacing:inherit;vertical-align:baseline}
.decode-glyph-char{display:inline-block;font:inherit;font-style:normal;letter-spacing:inherit;color:#ff2424}
.decode-glyph-bits{position:absolute;left:50%;top:50%;display:grid;grid-template-columns:repeat(2,1fr);gap:1px 2px;font:11px/1.05 Consolas,'Courier New',monospace;letter-spacing:0;color:#ff2424;transform:translate(-50%,-50%);pointer-events:none;animation:fixed-byte-in .75s cubic-bezier(.2,.75,.2,1) both,fixed-byte-out .65s ease-in-out forwards;animation-delay:calc(var(--decode-i)*100ms),calc(1.5s + var(--decode-i)*180ms)}
.decode-glyph-bits i{font-style:normal}.decode-playing .decode-glyph-char{animation:decode-letter-reveal .65s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(1.5s + var(--decode-i)*180ms)}
.hero .hero-copy h1 .matrix-claim.decode-sweep::after{content:none!important}
.decode-sweep .decode-glyph-char{animation:fixed-letter-gloss .6s ease-in-out both;animation-delay:calc(var(--decode-i)*35ms)}
@keyframes fixed-byte-in{from{opacity:0;transform:translate(-50%,calc(-50% - 28px));filter:blur(3px)}to{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}}
@keyframes fixed-byte-out{to{opacity:0;transform:translate(-50%,-50%) scale(.4);filter:blur(3px)}}
@keyframes fixed-letter-gloss{0%,100%{color:#ff2424;text-shadow:none}45%{color:#ffb5b5;text-shadow:0 0 12px #ff242466}}
@media(max-width:700px){.decode-glyph-bits{font-size:8.8px}}
@media(prefers-reduced-motion:reduce){.decode-playing .decode-glyph-char,.decode-sweep .decode-glyph-char,.decode-glyph-bits{animation:none}}
/* Contact typography matches the compact Google review section. */
#kontakt.contact h2{font-size:clamp(27px,2.7vw,38px);line-height:1.1;letter-spacing:-1px;margin-top:0;margin-bottom:16px}
#kontakt.contact .eyebrow{margin-bottom:18px}
#kontakt.contact>div>p{font-size:14px;line-height:1.65}
#kontakt.contact .contact-email{font-size:22px;letter-spacing:-.4px;overflow-wrap:anywhere}
#kontakt.contact .contact-details p,#kontakt.contact .contact-details a{font-size:13px;line-height:1.55}
#kontakt.contact .contact-details span{font-size:11px;letter-spacing:1px}

/* Original company typography, blending into the dark footer. */
footer .footer-brand.footer-logo{display:block;flex:0 0 160px;width:160px;line-height:0;isolation:isolate}footer .footer-logo img{display:block;width:100%;height:auto;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.82}footer .footer-logo:focus-visible{outline:2px solid #7fffd4;outline-offset:6px}@media(max-width:700px){footer .footer-brand.footer-logo{flex-basis:auto;width:145px}}

/* Footer logo in its original red/black colors. */
footer .footer-brand.footer-logo{background:#fff;border-radius:4px;padding:8px}footer .footer-logo img{filter:none;mix-blend-mode:normal;opacity:1}
/* Match the privacy page shell; keep short imprint sections together. */
.imprint-wide .legal-content section{break-inside:avoid}.imprint-wide .legal-content{column-fill:balance}

/* Red Quick Assist link with the same binary decode animation. */
header nav .remotehelp-nav{position:relative;display:inline-block;margin-left:18px;white-space:nowrap;color:#ff2424;font-weight:500;line-height:1.5;text-decoration:none}header nav .remotehelp-nav:hover{color:#ff2424}header nav .remotehelp-nav .binary-label{display:inline;opacity:1;transition:none}header nav .remotehelp-nav .decode-glyph{position:relative;display:inline-block;font:inherit;letter-spacing:inherit;vertical-align:baseline}header nav .remotehelp-nav .decode-glyph-bits{font-size:5px;gap:0 1px}header nav .remotehelp-nav .decode-glyph-char{font:inherit;color:#ff2424}header nav .remotehelp-nav:focus-visible{outline:2px solid #7fffd4;outline-offset:5px}@media(max-width:1000px) and (min-width:701px){header nav{gap:12px;font-size:11px}header nav .remotehelp-nav{margin-left:8px}}@media(max-width:700px){header nav .remotehelp-nav{margin-left:0;padding-top:12px;border-top:1px solid #42464e}}

/* Subtle red-to-silver text sheen for Quick Assist, without binary decoding. */
header nav .remotehelp-shimmer,header nav .remotehelp-shimmer:hover{color:#ff2424;background:linear-gradient(110deg,#ff2424 35%,#ffbcbc 46%,#fff 50%,#ffbcbc 54%,#ff2424 65%);background-size:300% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:remotehelp-sheen 4.5s ease-in-out infinite}
@keyframes remotehelp-sheen{0%,55%{background-position:100% 0}90%,100%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){header nav .remotehelp-shimmer{animation:none;background:none;-webkit-text-fill-color:#ff2424}}
/* Readable footer typography and consistent spacing. */
footer{display:grid;grid-template-columns:160px minmax(0,1fr) auto;align-items:center;gap:28px;padding:34px 5%;font-size:13px;line-height:1.6;color:#c9ced7}footer>p{display:block;font-size:16px;font-weight:400;letter-spacing:-.2px;margin:0;color:#dce1e8}footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px 22px}footer div>a{font-size:14px}footer>div>span{font-size:13px;color:#abb3bf}footer div>a:hover{color:#ff2424}footer .footer-brand.footer-logo{width:160px}
/* Compact floating control; dock it in a separate footer row at page end. */
.back-to-top{right:12px;bottom:20px;width:42px;height:42px;padding:0;justify-content:center;border-radius:50%;gap:0}.back-to-top>span:nth-child(2){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.back-to-top.is-docked{position:static;grid-column:1/-1;justify-self:end;margin:0;box-shadow:none}
@media(max-width:1000px){footer{grid-template-columns:160px minmax(0,1fr);gap:20px}footer>div{grid-column:1/-1;justify-content:flex-start}footer>p{font-size:15px}}
@media(max-width:700px){footer{grid-template-columns:1fr;gap:20px;padding:28px 6%}footer .footer-brand.footer-logo{width:145px}footer>div{gap:12px 20px}footer>p{font-size:15px}.back-to-top{right:8px;bottom:16px;width:38px;height:38px;padding:0}}

/* Match the contact Quick Assist link to the navigation sheen. */
#kontakt .contact-details a.remotehelp-contact{color:#ff2424;background:linear-gradient(110deg,#ff2424 35%,#ffbcbc 46%,#fff 50%,#ffbcbc 54%,#ff2424 65%);background-size:300% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:remotehelp-sheen 4.5s ease-in-out infinite;display:inline-block;font-weight:500}
@media(prefers-reduced-motion:reduce){#kontakt .contact-details a.remotehelp-contact{animation:none;background:none;-webkit-text-fill-color:#ff2424}}
/* One consistent type scale for every footer text element. */
footer,footer>p,footer>div,footer>div>a,footer>div>span,footer>div>span>span{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:0;color:#c9ced7}