:root{color-scheme:dark;--bg:#071119;--panel:#0d1d28;--ink:#f1f8f5;--dim:#a6b9c2;--line:#25404a;--accent:#a6d8ff;--blue:#73c4ff;--brand:#1d5a96;--mono:ui-monospace,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,sans-serif}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 100px));margin:auto}.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.logo{font-weight:850;letter-spacing:-.075em;font-size:27px;white-space:nowrap}.logo i{font-style:normal;color:var(--accent)}.nav{display:flex;align-items:center;gap:24px;font-size:14px}.nav a:hover,.nav a[aria-current]{color:var(--accent)}.motion{background:transparent;border:1px solid var(--line);border-radius:100px;padding:7px 12px;font:11px var(--mono);white-space:nowrap}.flag,.eyebrow,.tag{font:11px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase}.flag{color:var(--dim);margin:21px 0 0}.flag::before,.dot{content:'';display:inline-block;background:var(--accent);width:7px;height:7px;border-radius:50%;margin-right:9px;box-shadow:0 0 13px var(--accent)}.hero{position:relative;isolation:isolate;min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding:48px 0 55px}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--accent);margin:0 0 19px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(55px,7vw,115px);line-height:.9;letter-spacing:-.085em;margin-bottom:27px}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:clamp(16px,1.6vw,21px);color:var(--dim);max-width:490px;margin-bottom:28px}.actions{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 19px;border:1px solid var(--line);border-radius:7px;background:transparent;font-weight:700;transition:background .2s,transform .2s;color:var(--ink)}.btn:hover{transform:translateY(-3px);background:#203743}.btn.main{background:var(--brand);color:#fff;border-color:#6199cc}.btn.main:hover{background:#286eae}.art{position:relative;min-width:0;align-self:stretch;display:grid;align-items:center;perspective:900px}.terrain{width:115%;margin-left:-9%;overflow:visible;filter:drop-shadow(0 0 35px #4fcfff22)}.art::before{content:'';position:absolute;inset:9% -3% 4%;background:radial-gradient(ellipse,#0e52634d,transparent 69%);z-index:-1}.ridge{stroke-dasharray:1200;animation:trace 2.7s ease-out both}.contour{animation:appear 2s both;animation-delay:var(--delay)}.route{stroke-dasharray:5 10;animation:flow 3s linear infinite}.ping{transform-box:fill-box;transform-origin:center;animation:ping 3s ease-out infinite;animation-delay:var(--delay)}.scan{animation:scan 5s ease-in-out infinite}.art-foot{position:absolute;bottom:10%;right:0;color:var(--dim);font:10px var(--mono);letter-spacing:.13em}.strip{border-block:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:17px 0;color:var(--dim);font:11px var(--mono);letter-spacing:.13em}.section{padding:86px 0}.section h2{font-size:clamp(39px,5vw,72px);line-height:1;letter-spacing:-.065em;margin-bottom:25px}.section .sub{color:var(--dim);max-width:620px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.card{padding:25px;background:linear-gradient(150deg,#142934,#0a1720 70%);border:1px solid var(--line);border-radius:12px;min-height:216px;display:flex;flex-direction:column;transition:transform .24s,border-color .24s}.card:hover{transform:translateY(-6px);border-color:var(--blue)}.card strong{font:12px var(--mono);color:var(--blue);margin-bottom:26px}.card h3{font-size:25px;line-height:1.15;letter-spacing:-.04em;margin-bottom:9px}.card p{color:var(--dim);margin-bottom:16px}.card span{margin-top:auto;color:var(--accent);font-size:14px}.band{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:35px}.band a:not(.btn){color:var(--accent)}.footer{border-top:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;align-items:center;padding:24px 0;color:var(--dim);font-size:13px}.footlinks{display:flex;gap:15px;flex-wrap:wrap}.msp-hero{min-height:545px}.msp-hero h1{font-size:clamp(48px,6.2vw,96px)}.console{border:1px solid #315362;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#112733,#09161e 74%);box-shadow:0 24px 90px #0006}.console-top{display:flex;justify-content:space-between;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.12em;color:var(--dim)}.console-body{padding:22px}.event{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--dim);transition:color .35s}.event.active{color:var(--ink)}.event .lamp{font:12px var(--mono);display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:7px}.event.active .lamp{color:var(--accent);border-color:#527ca8;box-shadow:0 0 18px #a6d8ff32}.event small{font:10px var(--mono);text-transform:uppercase}.console-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:19px}.console-actions .btn{padding:7px 11px;font-size:13px}.console-actions p{color:var(--dim);font-size:12px;margin:0;min-height:36px;flex:1 1 130px}.steps .card{min-height:160px}.faq{margin-top:24px}details{border-top:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:650}details p{margin:9px 0 0;color:var(--dim)}.reveal.ready{opacity:0;translate:0 22px}.reveal{transition:opacity .6s,translate .6s}.page-enter{animation:enter .55s both}.no-motion *, .no-motion *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.no-motion .reveal.ready{opacity:1;translate:none}@keyframes trace{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}@keyframes appear{from{opacity:0}to{opacity:1}}@keyframes flow{to{stroke-dashoffset:-45}}@keyframes ping{0%{transform:scale(.7);opacity:.8}85%,100%{transform:scale(2.7);opacity:0}}@keyframes scan{0%,100%{transform:translateY(-75px);opacity:.12}50%{transform:translateY(90px);opacity:.65}}@keyframes enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:880px){.wrap{width:calc(100% - 48px)}.hero{min-height:0;padding:50px 0 32px}.nav{gap:13px}.section{padding:62px 0}.terrain{width:108%;margin-left:-5%}}
@media(max-width:660px){.wrap{width:calc(100% - 36px)}.bar{padding:14px 0;flex-wrap:wrap;gap:8px}.nav{order:3;width:100%;justify-content:space-between;font-size:12px}.hero,.band,.grid{grid-template-columns:1fr}.hero{gap:25px;padding-top:35px}h1{font-size:clamp(48px,11vw,72px)}.terrain{width:100%;margin:0}.art-foot{bottom:0}.strip{font-size:9px}.card{min-height:0}.section{padding:49px 0}.footer{align-items:flex-start;flex-direction:column}.event{gap:6px}.console-body{padding:15px}}
@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal.ready{opacity:1;translate:none}}
.logo{display:inline-flex;padding:5px 7px;background:#fff;border-radius:5px}.logo img{display:block;width:142px;height:auto}.footer .logo img{width:105px}@media(max-width:660px){.logo img{width:112px}}
body{background:#081925}.header-shell{background:#edf1fa;color:#223650}.bar{border:0;padding:18px 0}.logo{display:inline-flex;padding:0;background:none;border-radius:0}.logo img{display:block;width:156px;height:auto}.nav a:hover,.nav a[aria-current]{color:#185ac2}.motion{border-color:#b9c7da}.header-shell a:focus-visible,.header-shell button:focus-visible,.footer a:focus-visible{outline-color:#1865e0}.flag{margin:18px auto 0}.footer-shell{background:#edf1fa;color:#223650}.footer{border:0;color:inherit}.footer .logo img{width:112px}.btn.main{background:linear-gradient(110deg,#1858bd,#116dad);border-color:#568ac5;color:#fff}.btn.main:hover{background:linear-gradient(110deg,#164ca2,#126190)}.service-stage{margin-left:20px;padding:26px;border-radius:18px;border:1px solid #37607a;background:radial-gradient(ellipse at top right,#154a78,#0c273a 68%);box-shadow:0 22px 65px #0005}.stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.stage-top .eyebrow{margin:0}.stage-label,.stage-count{font:11px var(--mono);color:var(--dim);white-space:nowrap}.service-options{display:flex;gap:7px;flex-wrap:wrap}.service-options button{padding:8px 11px;border:1px solid #54738a;border-radius:6px;background:#102b41;font-size:13px}.service-options button[aria-pressed=true]{background:#e2efff;color:#113457;border-color:#e2efff}.service-detail{margin-top:20px;padding:21px;border:1px solid #416682;border-radius:12px;background:#091e30;min-height:222px}.service-detail h2{font-size:clamp(23px,2.65vw,41px);letter-spacing:-.055em;line-height:1.1;margin:8px 0 12px}.service-detail p:not(.stage-count){color:var(--dim);margin-bottom:18px}.stage-count{margin-bottom:0;color:var(--accent)}.service-flow{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.service-flow span{border-radius:5px;background:#16406a;padding:5px 8px;font:11px var(--mono);animation:service-in .55s both}.service-flow span:nth-child(2){animation-delay:.12s}.service-flow span:nth-child(3){animation-delay:.24s}@keyframes service-in{from{opacity:0;translate:-8px 0}to{opacity:1;translate:0 0}}@media(max-width:880px){.service-stage{margin-left:0;padding:18px}}@media(max-width:660px){.bar{padding:12px 0}.logo img{width:126px}.service-stage{padding:14px}.service-detail{padding:15px}}
/* Photographic design direction */
:root{--bg:#081724;--ink:#f4f8ff;--dim:#afc4d7;--accent:#9fd5ff;--line:#2a4760}
body{background:radial-gradient(ellipse at 90% 35%,#123456 0%,transparent 38%),#081724}
.header-shell,.footer-shell{background:#f2f6fc}.bar{padding-block:16px}.flag{display:none}
.hero.photo-hero{position:relative;min-height:690px;display:flex;align-items:center;width:100%;padding:clamp(35px,7vw,110px) max(24px,calc((100% - 1320px)/2));overflow:hidden}
.photo-hero::before,.msp-hero::before{content:'';position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;animation:slow-photo 15s ease-in-out infinite alternate}
.photo-hero::before{background-image:url('start-bildwelt.jpg');background-position:64% 46%}
.photo-hero::after,.msp-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061321 0%,#061321ed 23%,#06132198 46%,#06132100 73%),linear-gradient(0deg,#081724 0%,transparent 32%)}
.photo-hero .hero-copy{max-width:660px;padding:28px 0}.hero h1{font-size:clamp(52px,7.6vw,112px);letter-spacing:-.075em;line-height:.91}.hero .intro{color:#d0dfec}.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero .eyebrow::before{content:'';width:23px;height:1px;background:currentColor}.btn.main{background:#2273da;border-color:#77b8ff;box-shadow:0 8px 30px #1359ba55}.btn.main:hover{background:#145cac}
.hero-marker{position:absolute;right:max(24px,calc((100% - 1320px)/2));bottom:55px;color:#e3efff;font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:12px}
.hero-marker::before{content:'';width:40px;height:1px;background:#a2d5ff}
.intro-band{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:60px;padding:60px 0 78px}
.intro-band h2{font-size:clamp(37px,5vw,69px);letter-spacing:-.06em;line-height:1;margin-bottom:16px}.intro-band .sub{color:var(--dim);max-width:410px}
.intro-band .service-stage{margin:0;background:linear-gradient(145deg,#193c5e,#0e2236)}
.photo-break{background:#0b1e2f;padding:70px 0;border-block:1px solid var(--line)}
.msp-hero{min-height:660px;padding:65px max(24px,calc((100% - 1320px)/2));grid-template-columns:1fr 1fr;gap:45px;overflow:hidden}
.msp-hero::before{background-image:url('netzwerk-hero.jpg');background-position:center 54%}
.msp-hero::after{background:linear-gradient(90deg,#061321ef,#0613217d 55%,#061321b8),linear-gradient(0deg,#081724,transparent 40%)}
.msp-hero h1{font-size:clamp(48px,6vw,94px)}.msp-hero .console{backdrop-filter:blur(12px);background:#081b2be8}
@keyframes slow-photo{from{transform:scale(1)}to{transform:scale(1.045)}}
@media(min-width:1421px){.hero.photo-hero,.msp-hero{padding-inline:calc((100% - 1320px)/2)}}
@media(max-width:1420px){.hero.photo-hero,.msp-hero{padding-inline:50px}}
@media(max-width:880px){.hero.photo-hero,.msp-hero{padding-inline:24px}.intro-band{gap:25px}.hero-marker{right:24px}.photo-hero::after{background:linear-gradient(90deg,#061321ed,#06132185 62%,#0613213b),linear-gradient(0deg,#081724,transparent 38%)}}
@media(max-width:660px){.bar{padding-block:11px}.hero.photo-hero,.msp-hero{padding-inline:18px}.hero.photo-hero{align-items:end;min-height:680px;padding-bottom:36px}.photo-hero::before{background-position:67% top;background-size:auto 78%;background-repeat:no-repeat}.photo-hero::after{background:linear-gradient(0deg,#081724 3%,#081724f5 36%,#08172414 81%),linear-gradient(90deg,#08172459,transparent)}.photo-hero .hero-copy{padding:0}.hero-marker{display:none}.intro-band{grid-template-columns:1fr;padding:35px 0 54px}.msp-hero{grid-template-columns:1fr;gap:24px}.msp-hero::before{background-position:28% center}.photo-break{padding:35px 0}}
/* Navigation over the photographic header */
.header-shell{position:absolute;inset:0 0 auto;z-index:5;color:#ecf5ff;background:linear-gradient(180deg,#071827f5,#071827bb 61%,transparent)}
.bar{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;min-height:96px;padding-block:18px}
.header-shell .logo{justify-self:start;position:relative;isolation:isolate}.header-shell .logo::before{content:'';position:absolute;inset:-14px -23px;z-index:-1;background:radial-gradient(ellipse,#527fa663,transparent 72%)}.header-shell .logo img{width:138px;filter:drop-shadow(0 2px 8px #0008)}
.header-shell .nav{gap:8px;padding:5px;border:1px solid #b5d8f333;border-radius:100px;background:#081725b8;backdrop-filter:blur(14px);white-space:nowrap}.header-shell .nav a{padding:9px 15px;border-radius:100px;font-size:13px;font-weight:650;transition:color .2s,background .2s}.header-shell .nav a:hover{background:#d6edff22;color:#fff}.header-shell .nav a[aria-current]{background:#d9eeff;color:#123150}.header-shell .nav a.support-link{color:#a9d7ff}.header-shell .nav a.support-link:hover{color:#fff}
.header-shell .motion{justify-self:end;border-color:#b5d8f350;background:#08172599;color:#e0edf9}.header-shell .motion:hover{background:#21415f}.header-shell a:focus-visible,.header-shell button:focus-visible{outline-color:#b1dbff}
.hero.photo-hero,.msp-hero{padding-top:120px}.hero.photo-hero{min-height:765px}.msp-hero{min-height:735px}
@media(max-width:660px){.bar{display:grid;grid-template-columns:1fr auto;gap:10px;min-height:0;padding-block:12px}.header-shell .logo img{width:112px}.header-shell .nav{grid-column:1/-1;width:auto;justify-self:start;gap:3px;max-width:100%}.header-shell .nav a{padding:7px 9px;font-size:12px}.header-shell .motion{grid-column:2;grid-row:1}.hero.photo-hero,.msp-hero{padding-top:132px}.hero.photo-hero{min-height:695px}}
@media(max-width:350px){.header-shell .nav a{padding-inline:6px;font-size:11px}}
/* Small illustrated controls and dark footer */
.icon-library{position:absolute;pointer-events:none}.ui-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.header-shell .nav a,.btn{display:inline-flex;align-items:center;gap:9px}.header-shell .nav .ui-icon{width:16px;height:16px}.bar{grid-template-columns:1fr auto 1fr}.footer-shell{background:#071521;color:#adc1d2;border-top:1px solid #274052}.footer{gap:24px;padding-block:26px}.footer .logo{position:relative;isolation:isolate}.footer .logo::before{content:'';position:absolute;inset:-10px -16px;z-index:-1;background:radial-gradient(ellipse,#527fa655,transparent 72%)}.footer .footlinks{align-items:center}.footer .footlinks a:hover{color:#d3eaff}.footer .motion{display:grid;place-items:center;width:34px;height:34px;padding:0;border-color:#55768d;color:#c0ddf1}.footer .motion:hover{background:#15344e}.footer .motion:disabled{opacity:.55;cursor:default}.footer a:focus-visible,.footer button:focus-visible{outline-color:#a6d8ff}.service-flow span+span::before{content:'';display:inline-block;width:4px;height:4px;margin-right:7px;vertical-align:2px;border-radius:50%;background:var(--accent)}
@media(max-width:660px){.bar{grid-template-columns:1fr}.header-shell .nav a{gap:5px}.header-shell .nav .ui-icon{width:14px;height:14px}}
@media(max-width:660px){.header-shell .nav{flex-wrap:wrap;white-space:normal}.hero.photo-hero,.msp-hero{padding-top:155px}}@media(min-width:661px) and (max-width:830px){.bar{grid-template-columns:auto 1fr;gap:12px}.header-shell .nav{justify-self:end}.header-shell .nav a{padding-inline:9px}}
.audience-section{padding-top:56px;padding-bottom:40px}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.audience-card{padding:clamp(21px,3vw,36px);border:1px solid #395772;border-radius:16px;background:linear-gradient(135deg,#163651,#0c2032 72%);scroll-margin-top:24px}.audience-card:nth-child(2){background:linear-gradient(135deg,#192f4b,#10263b 75%)}.audience-card h3{font-size:clamp(26px,3vw,39px);line-height:1.1;letter-spacing:-.045em;margin-bottom:12px}.audience-card p:not(.eyebrow){color:var(--dim);max-width:42ch}.audience-links{display:flex;gap:9px;flex-wrap:wrap}.audience-links .btn{font-size:14px}.hero .audience-actions .btn{justify-content:flex-start}.hero .hero-marker{font-size:10px}.priority-card{border-color:#446888}.priority-card strong{color:#a9dcff}.priority-card[id]{scroll-margin-top:24px}.priority-card:focus,.audience-card:focus{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:660px){.audience-grid{grid-template-columns:1fr}.audience-section{padding-top:34px}.hero .audience-actions .btn{padding:10px 13px}.photo-hero .hero-marker{display:block;right:18px;bottom:12px;font-size:8px}.hero-marker::before{width:16px}}
@media(max-width:660px){.hero.photo-hero h1{font-size:clamp(36px,9.4vw,54px)}}
.detail-hero{min-height:660px;padding:135px max(24px,calc((100% - 1320px)/2)) 65px;display:grid;grid-template-columns:1.15fr .85fr;gap:38px;overflow:hidden;background:#0b2236}.detail-hero::before,.detail-hero::after{content:'';position:absolute;inset:0;z-index:-2}.detail-hero::before{background:url('netzwerk-hero.jpg') center 54%/cover;animation:slow-photo 15s ease-in-out infinite alternate}.detail-hero::after{z-index:-1;background:linear-gradient(90deg,#071725 9%,#071725e8 40%,#0c29427d 78%),linear-gradient(0deg,#081724,transparent 45%)}.detail-home::before{background-image:url('werkstatt-hero.jpg');background-position:65% 52%}.detail-security::after{background:linear-gradient(90deg,#071725 13%,#0e2136f5 37%,#143d60a6),linear-gradient(0deg,#081724,transparent 50%)}.detail-web::before{background-position:23% center;transform:scaleX(-1);animation:none}.detail-hero h1{font-size:clamp(46px,6.6vw,94px)}.crumb{display:inline-block;margin-bottom:20px;color:#b4d8fb;font-size:13px;text-decoration:underline;text-underline-offset:4px}.detail-emblem{justify-self:center;width:min(100%,280px);aspect-ratio:1;display:grid;place-content:center;justify-items:center;gap:16px;padding:20px;border:1px solid #83c2ff6e;border-radius:31px;background:linear-gradient(145deg,#122f4ec4,#081929d9);backdrop-filter:blur(7px);box-shadow:0 20px 65px #020c19a6;color:#c8e8ff;font-size:15px;font-weight:700}.detail-emblem .ui-icon{width:clamp(62px,8vw,112px);height:clamp(62px,8vw,112px);stroke-width:1.15;filter:drop-shadow(0 0 14px #78baff77)}.detail-body .card:hover{transform:none;border-color:var(--line)}.detail-bottom .footlinks{margin-bottom:14px}.detail-bottom details{margin-bottom:15px}@media(max-width:1420px){.detail-hero{padding-inline:50px}}@media(max-width:880px){.detail-hero{padding-inline:24px}}@media(max-width:660px){.detail-hero{grid-template-columns:1fr;gap:27px;min-height:0;padding:158px 18px 42px}.detail-emblem{justify-self:start;width:150px;aspect-ratio:auto;padding:12px;gap:6px;font-size:12px}.detail-emblem .ui-icon{width:34px;height:34px}.detail-hero h1{font-size:clamp(39px,10vw,60px)}}
.subscription{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,5vw,70px);border-top:1px solid var(--line);scroll-margin-top:24px}.subscription-form{background:linear-gradient(145deg,#163752,#0d2234);padding:clamp(18px,3vw,32px);border:1px solid #416682;border-radius:15px}.subscription-form label{display:grid;gap:7px;margin-bottom:14px;font-weight:650}.subscription-form input,.subscription-form select{width:100%;padding:10px 12px;border:1px solid #54738a;border-radius:6px;background:#081a2a;color:#fff;font:inherit}.subscription-form input:focus-visible,.subscription-form select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-note{color:#b0cce2;font-size:13px}.subscription-result{margin:16px 0 0;padding:12px;border-radius:7px;background:#081c2c;color:#deefff}@media(max-width:660px){.subscription{grid-template-columns:1fr}}
.product-benefits{list-style:none;margin:0 0 24px;padding:0;color:#d0e4f6;font-size:14px;display:grid;gap:7px}.product-benefits li{display:flex;align-items:baseline;gap:10px}.product-benefits li::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#92caff;box-shadow:0 0 10px #92caff80}
.av-original-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 0 17px;border-radius:10px;background:#e9f3fd}.av-original-icon img{display:block;width:42px;height:42px;object-fit:contain}.antivirus-scenarios .card strong{margin-bottom:14px}
.detail-security{min-height:710px;grid-template-columns:1fr}.detail-security::before{background-image:url('virenschutz-hero.jpg');background-position:65% center}.detail-security::after{background:linear-gradient(90deg,#061321 0%,#061321df 28%,#0613214d 58%,transparent 85%),linear-gradient(0deg,#081724 0%,transparent 29%)}.detail-security .hero-copy{max-width:610px}.detail-security .intro{max-width:480px}.antivirus-scenarios{padding-top:48px;padding-bottom:54px}.av-picture-grid{margin-top:24px}.av-picture-card{padding:0;overflow:hidden;min-height:0;background:#10263b}.av-picture{width:100%;aspect-ratio:1;background-image:url('virenschutz-motive.jpg');background-repeat:no-repeat;background-size:300% 100%;transition:filter .3s}.av-mail{background-position:left}.av-link{background-position:center}.av-files{background-position:right}.av-picture-card:hover .av-picture{filter:brightness(1.14)}.av-card-copy{padding:19px 20px 22px}.av-card-copy h3{margin-bottom:7px}.av-card-copy p{margin-bottom:0}.av-install{padding-top:36px;padding-bottom:50px}.av-install .card{min-height:0}.av-install .card strong{margin-bottom:14px}.av-install .card p{margin-bottom:0}
@media(max-width:660px){.detail-security{min-height:660px;align-items:end}.detail-security::before{background-position:72% top;background-size:auto 68%;background-repeat:no-repeat}.detail-security::after{background:linear-gradient(0deg,#081724 0%,#081724 27%,#081724e6 50%,#08172432 86%)}.av-picture-card{display:grid;grid-template-columns:110px 1fr;align-items:center}.av-card-copy{padding:12px}.av-card-copy h3{font-size:20px}.av-card-copy p{font-size:14px}}
.av-usp{color:var(--dim);max-width:58ch;margin-bottom:22px;font-size:clamp(16px,1.55vw,19px)}
.av-ticket{color:#a9dcff;text-decoration:underline;text-underline-offset:3px}
/* Shared blue-glass illustrations */
.service-art{display:block;flex:none;width:100%;aspect-ratio:1;background-image:url('leistungen-bildwelt.jpg');background-size:300% 300%;background-repeat:no-repeat;background-position:var(--art-x,0%) var(--art-y,0%);transition:filter .35s,transform .35s}.art-home{--art-x:0%;--art-y:0%}.art-monitoring{--art-x:50%;--art-y:0%}.art-website{--art-x:100%;--art-y:0%}.art-managed{--art-x:0%;--art-y:50%}.art-office{--art-x:50%;--art-y:50%}.art-backup{--art-x:100%;--art-y:50%}.art-antivirus{--art-x:0%;--art-y:100%}.art-film{--art-x:50%;--art-y:100%}.art-support{--art-x:100%;--art-y:100%}
.service-tile{padding:0;overflow:hidden}.service-tile-image{display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse,#113653,#061321 73%);border-bottom:1px solid #2d465d}.service-tile-image .service-art{width:min(100%,230px);mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)}.service-tile:hover .service-art{transform:scale(1.045);filter:brightness(1.13)}.service-tile-copy{padding:19px 23px 23px;display:flex;flex:1;flex-direction:column}.service-tile-copy strong{margin-bottom:12px}
.audience-card{position:relative;overflow:hidden}.audience-card>.service-art{float:right;width:clamp(100px,16vw,220px);margin:0 0 8px 14px;border-radius:11px;mask-image:radial-gradient(ellipse,#000 45%,transparent 74%)}.audience-links{clear:both}
.detail-hero .illustration-panel{align-self:center;justify-self:center;width:min(100%,350px);overflow:hidden;border-radius:24px;border:1px solid #6295c875;box-shadow:0 20px 65px #0008;background:#07192a}.detail-hero .illustration-panel .service-art{width:100%}
.msp-hero .console-top .service-art{width:38px;border-radius:7px}.msp-hero .console-top{align-items:center}.msp-hero .console-top>span:first-child{display:flex;align-items:center;gap:10px}
.studio-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.studio-links a{display:grid;gap:8px;align-content:start;padding:8px;border-radius:9px;border:1px solid #35536c;font-size:13px;font-weight:650}.studio-links .service-art{border-radius:6px}.studio-links a:hover .service-art{filter:brightness(1.18)}
@media(max-width:660px){.detail-hero .illustration-panel{width:145px;justify-self:start;border-radius:13px}.audience-card>.service-art{width:106px}.service-tile-image .service-art{width:170px}.service-tile-copy{padding:16px 19px}}
.detail-home::before{background-image:url("start-bildwelt.jpg")}
.detail-expanded::before{background-image:url("start-bildwelt.jpg");opacity:.62}.detail-expanded .detail-body .card{min-height:0}.detail-body .card .btn{align-self:flex-start;margin-top:auto}
.extra-art{background-image:url('leistungen-details.jpg')}.art-setup{--art-x:0%;--art-y:0%}.art-wifi{--art-x:50%;--art-y:0%}.art-mail{--art-x:100%;--art-y:0%}.art-restore{--art-x:0%;--art-y:50%}.art-check{--art-x:50%;--art-y:50%}.art-notice{--art-x:100%;--art-y:50%}.art-ticket{--art-x:0%;--art-y:100%}.art-location{--art-x:50%;--art-y:100%}.art-clapper{--art-x:100%;--art-y:100%}
.detail-visual-card{padding:0;overflow:hidden}.detail-visual-image{display:grid;place-items:center;background:radial-gradient(ellipse,#123853,#061321 74%);border-bottom:1px solid #29455a;overflow:hidden}.detail-visual-image .service-art{width:min(100%,200px);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.detail-visual-copy{padding:20px 23px 23px;display:flex;flex:1;flex-direction:column}.detail-visual-copy h3{margin-bottom:8px}.detail-visual-copy strong{margin-bottom:12px}.detail-visual-copy p:last-child{margin-bottom:0}
@media(max-width:660px){.detail-visual-image .service-art{width:150px}.detail-visual-copy{padding:16px 18px}}
@media(min-width:881px){#ueber-uns-ablauf .grid{grid-template-columns:repeat(4,1fr)}}
.detail-network.rmm-hero{min-height:695px;grid-template-columns:1fr}.rmm-hero::before{background-image:url('monitoring-hero.jpg');background-position:65% center}.rmm-hero::after{background:linear-gradient(90deg,#061321 0%,#061321d8 30%,#06132140 63%,transparent 88%),linear-gradient(0deg,#081724 0%,transparent 29%)}.rmm-hero .hero-copy{max-width:650px}.rmm-hero .intro{max-width:500px}.rmm-art{width:100%;aspect-ratio:1;background-image:url('monitoring-motive.jpg');background-size:300% 100%;background-repeat:no-repeat}.rmm-art-storage{background-position:left}.rmm-art-updates{background-position:center}.rmm-art-ticket{background-position:right}.rmm-example{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;padding:clamp(21px,4vw,42px);border:1px solid #395e7a;border-radius:17px;background:linear-gradient(145deg,#12334f,#0b2032)}.rmm-example h2{font-size:clamp(25px,3vw,42px);line-height:1.07;letter-spacing:-.045em;margin-bottom:13px}.rmm-example p:not(.eyebrow){color:var(--dim);margin:0}.rmm-example ol{margin:0;padding-left:27px;align-self:center;color:#dfedfc}.rmm-example li{padding:7px 0}.rmm-example li::marker{color:#a6d8ff;font-family:var(--mono)}
@media(max-width:660px){.detail-network.rmm-hero{min-height:670px;align-items:end}.rmm-hero::before{background-position:73% top;background-size:auto 65%;background-repeat:no-repeat}.rmm-hero::after{background:linear-gradient(0deg,#081724 0%,#081724ee 42%,#08172422 86%)}.rmm-example{grid-template-columns:1fr}.rmm-art{aspect-ratio:1.6;background-size:300% auto;background-position-y:center}}
.partner-showcase{padding-top:52px;padding-bottom:56px;scroll-margin-top:20px}.partner-groups{display:grid;grid-template-columns:1.18fr 1fr .87fr;gap:14px}.partner-group{padding:clamp(17px,2vw,28px);border-radius:16px;border:1px solid #416484;background:radial-gradient(ellipse at 0 0,#1c4263,#0a2034 70%)}.partner-group h3{font-size:23px;line-height:1.15;margin-bottom:8px}.partner-group p{color:var(--dim);font-size:14px;min-height:3em;margin-bottom:13px}.partner-logos{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0}.partner-logos li{min-height:112px;display:grid;justify-items:center;align-content:center;gap:8px;border-radius:9px;background:#f0f5fb;color:#19364e;padding:10px 9px;transition:transform .25s,background .25s}.partner-logos li:hover{transform:translateY(-3px);background:#fff}.partner-logos img{display:block;max-width:100%;width:105px;height:52px;object-fit:contain}.partner-logos span{font-size:11px;font-weight:650;text-align:center}
.detail-visual-image .service-art{width:min(100%,250px);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
@media(max-width:940px){.partner-groups{grid-template-columns:repeat(2,1fr)}}@media(max-width:660px){.partner-groups{grid-template-columns:1fr}.partner-group p{min-height:0}.detail-visual-image .service-art{width:170px}}
.topic-hero,.detail-expanded.partner-hero{grid-template-columns:1fr;min-height:680px}.topic-hero .hero-copy,.partner-hero .hero-copy{max-width:690px}.topic-hero::before{inset:50% 0 auto auto;width:min(69%,780px);height:auto;aspect-ratio:1;translate:0 -50%;background-image:url('header-bildwelt.jpg');background-size:300% 300%;background-position:var(--topic-x) var(--topic-y);background-repeat:no-repeat;opacity:1;transform:none;animation:slow-photo 15s ease-in-out infinite alternate}.topic-hero::after{background:linear-gradient(90deg,#071725 11%,#071725e8 33%,#07172535 64%,transparent),linear-gradient(0deg,#081724 0%,transparent 29%)}.detail-expanded.partner-hero::before{background-image:url('partner-hero.jpg');background-position:66% 53%;opacity:1}.partner-hero::after{background:linear-gradient(90deg,#061321 4%,#061321ee 29%,#06132144 66%,transparent),linear-gradient(0deg,#081724,transparent 32%)}
#page-privatkunden .topic-hero{--topic-x:0%;--topic-y:0%}
#page-wordpress .topic-hero{--topic-x:50%;--topic-y:0%}
#page-backup .topic-hero{--topic-x:100%;--topic-y:0%}
#page-microsoft-365 .topic-hero{--topic-x:0%;--topic-y:50%}
#page-email .topic-hero{--topic-x:50%;--topic-y:50%}
#page-webdesign .topic-hero{--topic-x:100%;--topic-y:50%}
#page-film .topic-hero{--topic-x:0%;--topic-y:100%}
#page-ueber-uns .topic-hero{--topic-x:50%;--topic-y:100%}
#page-support .topic-hero{--topic-x:100%;--topic-y:100%}
@media(max-width:660px){.topic-hero,.detail-expanded.partner-hero{min-height:650px;align-items:end}.topic-hero::before{inset:15px 0 auto;width:100%;translate:none}.topic-hero::after,.partner-hero::after{background:linear-gradient(0deg,#081724 0%,#081724ed 36%,#0817249e 61%,#08172422 87%)}.detail-expanded.partner-hero::before{background-position:74% top;background-size:auto 68%;background-repeat:no-repeat}}
.topic-hero::before{mask-image:linear-gradient(90deg,transparent,#000 18%)}@media(max-width:660px){.topic-hero::before{mask-image:none}}
.new-detail::before{background-position:65% center}.legal-note{margin-top:20px;color:var(--dim)}.legal-note a{color:#a6d8ff;text-decoration:underline}
.subscription-form textarea{width:100%;padding:10px 12px;border:1px solid #54738a;border-radius:6px;background:#081a2a;color:#fff;font:inherit;resize:vertical}.subscription-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.subscription-form .demo-note a{color:#a6d8ff;text-decoration:underline}

.kk-contact-trap{position:absolute;left:-9999px}

.legacy-content summary { cursor:pointer; font-weight:700; color:var(--accent); }
.legacy-content details[open] summary { margin-bottom:24px; }
.legacy-content img { max-width:100%; height:auto; }
.legacy-content a { text-decoration:underline; color:#a6d8ff; }
.legacy-content [hidden] { display:revert !important; }
.legacy-content [class*="uk-hidden"] { display:revert !important; }