:root{--ink:#222232;--muted:#636572;--red:#ff264b;--line:#e4e5e8;--paper:#f5f5f3;--white:#fff;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b8002a;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}button,a,summary{touch-action:manipulation}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.preview{background:var(--ink);color:#eee;text-align:center;font-size:12px;padding:6px 18px;letter-spacing:.035em}.preview span{opacity:.75}.skip{position:absolute;top:-100px;background:#fff;padding:12px;z-index:20}.skip:focus{top:0}header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:204px;height:42px;position:relative;overflow:hidden;flex-shrink:0}.logo img{position:absolute;width:279px;height:auto;max-width:none;left:-32.7px;top:-32.7px}nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}.nav-toggle{display:none;background:white;border:1px solid var(--line);padding:8px 12px;border-radius:6px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:13px 23px;border-radius:6px;background:var(--ink);color:#fff;border:1px solid var(--ink);font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#393949;transform:translateY(-1px)}.button.light{background:white;color:var(--ink);border-color:#d5d6db}.button.red{background:#c91838;border-color:#c91838}.arrow{font-size:20px;line-height:1}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:0 0 20px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.5vw,65px);line-height:1.06;letter-spacing:-.055em;font-weight:600;margin-bottom:25px}h2{font-size:clamp(31px,3vw,42px);line-height:1.17;letter-spacing:-.04em;font-weight:600;margin-bottom:20px}h3{font-size:22px;letter-spacing:-.025em;line-height:1.25;font-weight:600;margin-bottom:14px}.muted{color:var(--muted)}.hero{padding:70px 0 62px;display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.hero p.lead{max-width:525px;font-size:17px;color:var(--muted);line-height:1.8;margin-bottom:29px}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{margin:22px 0 0;font-size:12px;color:var(--muted)}.hero-pics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shot{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--paper);margin:0}.shot.big{grid-column:1/-1;height:276px}.shot.small{height:172px}.shot.small img{object-position:center 42%}.shot.network img{object-position:center 26%}.shot figcaption{position:absolute;left:14px;bottom:14px;font-size:11px;background:#fff;padding:4px 10px;border-radius:4px;color:var(--ink)}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0}.trust-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:13px}.trust strong{font-weight:600}.trust span{color:var(--muted);margin-left:6px}.section{padding:86px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:38px}.section-head h2{margin-bottom:0;max-width:650px}.section-head>p{color:var(--muted);max-width:350px;margin:0;font-size:15px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px}.service{padding:28px 0 30px;border-top:1px solid var(--line);scroll-margin-top:110px}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.service-no{font-size:12px;color:var(--muted);letter-spacing:.1em}.service svg{width:30px;height:30px;stroke:var(--ink);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.service p{font-size:14px;color:var(--muted);margin-bottom:13px}.service details{font-size:13px}.service summary{list-style:none;cursor:pointer;display:inline-flex;gap:16px;align-items:center;font-weight:600;padding:5px 0}.service summary::-webkit-details-marker{display:none}.service summary:after{content:'+';color:#c91838;font-size:21px;font-weight:400}.service details[open] summary:after{content:'−'}.service details p{padding-top:12px;font-size:13px}.section.grey{background:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 22px}.project figure{height:300px;margin:0 0 17px;overflow:hidden;border-radius:10px}.project .network-photo{object-position:center 28%}.project .camera-photo{object-position:center 38%}.project h3{font-size:18px;margin-bottom:7px}.project p{font-size:13px;color:var(--muted);margin:0}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#8b3648;display:block;margin-bottom:8px}.software-block{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.software-products{border-top:1px solid var(--line)}.software-product{padding:25px 0;border-bottom:1px solid var(--line)}.software-product h3{margin-bottom:10px}.software-product p{font-size:14px;color:var(--muted);margin-bottom:12px}.text-link{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:14px;padding:5px 0}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.pill{display:inline-block;font-size:11px;border:1px solid #d9dfd9;background:#f2f6f1;color:#426344;padding:2px 8px;border-radius:4px;vertical-align:middle;margin-left:10px}.web-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.web-project{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;transition:transform .2s}.web-project:hover{transform:translateY(-3px)}.web-project .web-type{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:36px}.web-project h3{font-size:21px;min-height:52px}.web-project p{font-size:13px;color:var(--muted);margin-bottom:23px}.web-project .domain{font-size:11px;overflow-wrap:anywhere;display:flex;justify-content:space-between;gap:5px}.personal{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.personal>div>p{color:var(--muted);font-size:15px}.signature{margin-top:28px;border-left:3px solid var(--red);padding-left:16px}.signature strong{display:block;font-size:17px}.signature span{font-size:12px;color:var(--muted)}.steps{margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:38px 1fr;gap:18px;border-top:1px solid var(--line);padding:21px 0}.steps li>span{color:#a6a6ad;font-size:13px;padding-top:3px}.steps h3{font-size:18px;margin:0 0 6px}.steps p{font-size:14px;color:var(--muted);margin:0}.region{background:var(--ink);color:#fff;padding:48px;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.region h2{font-size:34px}.region p{font-size:14px;color:#d0d0d8;margin-bottom:0}.region dl{margin:0}.region dt{font-size:13px;font-weight:700;margin-bottom:4px}.region dd{margin:0 0 19px;color:#d0d0d8;font-size:13px}.region dd:last-child{margin-bottom:0}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.contact p{color:var(--muted);font-size:15px}.contact address{font-style:normal;margin:28px 0;font-size:14px}.email{font-size:clamp(20px,2.3vw,28px);font-weight:600;letter-spacing:-.03em;display:inline-block;border-bottom:1px solid #ff264b;padding:5px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;font-weight:600}.full{grid-column:1/-1}input,select,textarea{width:100%;background:#fff;border:1px solid #d5d6db;border-radius:5px;padding:11px;margin-top:6px;font-size:14px;color:var(--ink)}textarea{resize:vertical;min-height:115px}.form-note{font-size:12px!important;line-height:1.5;margin:14px 0}.form-message{padding:14px;background:#fff;border-left:3px solid var(--red);margin-top:16px;font-size:14px}footer{padding:30px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.review-notes{margin-top:25px;border-top:1px solid var(--line);padding-top:20px;font-size:12px}.review-notes summary{cursor:pointer;color:var(--ink);font-weight:600}.review-notes .notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-top:20px}.review-notes h3{font-size:15px}.review-notes ul{padding-left:18px}.review-notes a{text-decoration:underline}.review-notes code{overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:80px}}
@media(max-width:1000px){.hero{gap:30px}.hero h1{font-size:48px}.hero-pics .big{height:240px}.hero-pics .small{height:160px}.web-grid{grid-template-columns:1fr 1fr}.contact{gap:45px}.personal{gap:45px}nav{gap:18px}.trust-inner{justify-content:center}.trust span{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-inner{height:72px}.logo{width:181px;height:37px}.logo img{width:247px;left:-29px;top:-29px}.nav-toggle{display:block}nav{display:none;position:absolute;left:0;right:0;top:72px;padding:18px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:12px}nav .button{margin-top:8px}.hero{grid-template-columns:1fr;padding:44px 0 35px;gap:32px}.hero h1{font-size:clamp(40px,10.5vw,58px);max-width:540px}.hero p.lead{font-size:16px}.hero-pics{gap:10px}.hero-pics .big{height:250px}.hero-pics .small{height:155px}.hero-note{font-size:11px}.section{padding:57px 0}.section-head{display:block;margin-bottom:27px}.section-head>p{margin-top:18px;max-width:100%}.services{grid-template-columns:1fr 1fr;gap:0 22px}.service h3{font-size:20px}.trust{padding:17px 0}.trust-inner{font-size:11px;gap:10px 20px}.project-grid{grid-template-columns:1fr;gap:28px}.project figure{height:260px}.project .camera-photo{object-position:center 37%}.software-block,.personal,.contact{grid-template-columns:1fr;gap:32px}.web-grid{gap:12px}.web-project{padding:19px}.web-project h3{font-size:20px}.web-project .web-type{margin-bottom:22px}.region{padding:28px;grid-template-columns:1fr;gap:24px}.region h2{font-size:30px}.contact address{margin:20px 0}.review-notes .notes-grid{grid-template-columns:1fr;gap:15px}}
@media(max-width:420px){.services{grid-template-columns:1fr}.service-top{margin-bottom:16px}.service{padding:23px 0}.web-grid{grid-template-columns:1fr}.web-project h3{min-height:0}.web-project .web-type{margin-bottom:17px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.actions .button{padding:12px 15px;font-size:13px}.preview{font-size:10px}.hero-pics .big{height:215px}.hero-pics .small{height:140px}.trust-inner{gap:7px 13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{header{position:static}.preview,.nav-toggle,.review-notes,form{display:none}.section{padding:30px 0}.hero{padding-top:30px}a{color:inherit}body{font-size:12px}.wrap{width:100%}.project figure{height:180px}}
.gallery-filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 28px}.gallery-filters button{border:1px solid #d5d6db;background:transparent;color:var(--ink);padding:9px 16px;border-radius:5px;font-size:12px;font-weight:600}.gallery-filters button:hover{background:#e8e8e7}.gallery-filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:white}.project .lock-photo{object-position:center 47%}.project .kiosk-photo{object-fit:contain;background:#dedbd7}.project .ap-photo{object-position:center 54%}.project .annke-photo{object-position:center 36%}
@media(max-width:1000px) and (min-width:761px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.pos-hero-photo{height:480px;border-radius:14px;overflow:hidden;position:relative;margin:0}.pos-hero-photo img{object-position:63% center}.pos-hero-photo figcaption{position:absolute;bottom:20px;left:20px;background:white;padding:7px 12px;font-size:11px;border-radius:4px}.branch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.branch{border-top:1px solid var(--line);padding:24px 0}.branch small{display:block;color:#9d3145;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:23px}.branch h3{font-size:21px}.branch p{color:var(--muted);font-size:14px}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px}.feature{border-top:1px solid var(--line);padding:22px 0 0}.feature h3{font-size:19px}.feature p{font-size:14px;color:var(--muted);margin:0}.section-note{font-size:12px;color:var(--muted);border-left:2px solid #c91838;padding-left:14px;margin:30px 0 0}.partner-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px}.partner{padding:25px;border:1px solid var(--line);border-radius:10px;background:#fff}.partner.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.partner p{font-size:14px;color:var(--muted);margin:0}.partner.primary p{color:#d3d3dc}.partner .tag{margin-bottom:20px}.partner.primary .tag{color:#ffaabb}.purchase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.purchase{padding:30px;border:1px solid var(--line);border-radius:10px}.purchase h3{font-size:25px}.purchase p{font-size:14px;color:var(--muted)}.purchase .service-no{display:block;margin-bottom:20px}.purchase .text-link{margin-top:8px}.install-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.install figure{height:265px;margin:0 0 17px;border-radius:10px;overflow:hidden;background:#e9e7e3}.install h3{font-size:18px;margin-bottom:8px}.install p{font-size:13px;color:var(--muted);margin:0}.install .portrait{object-position:center 48%}.install .kiosk{object-fit:contain}.install .scale{object-position:center 50%}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{font-size:16px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:#c91838}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:14px;color:var(--muted);margin:15px 0 0}.partner-intro{max-width:730px;color:var(--muted);font-size:16px;margin-bottom:35px}.pos-breadcrumb{font-size:12px;color:var(--muted);padding:22px 0 0}.pos-breadcrumb span{color:var(--ink)}.hero.pos-hero{padding-top:38px}.proof{font-size:12px;color:var(--muted);margin-top:16px}.software-name{color:#484855;font-size:12px}.region .eyebrow{color:#fff}
@media(max-width:1000px){.branch-grid{grid-template-columns:1fr 1fr}.pos-hero-photo{height:450px}.install-grid{grid-template-columns:1fr 1fr}.partner-grid{gap:14px}.partner{padding:21px}.faq-layout{gap:40px}}
@media(max-width:760px){.hero.pos-hero{padding-top:30px}.pos-hero-photo{height:310px}.branch-grid{gap:5px 24px}.features-grid,.partner-grid,.purchase-grid,.faq-layout{grid-template-columns:1fr;gap:24px}.install-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.install figure{height:230px}.install h3{font-size:17px}.partner{padding:25px}.faq-layout{gap:10px}.purchase{padding:25px}.purchase p{margin-bottom:12px}}
@media(max-width:480px){.branch-grid,.install-grid{grid-template-columns:1fr}.install figure{height:280px}.pos-hero-photo{height:290px}.branch small{margin-bottom:13px}}

.unifi-hero-photo{height:510px;margin:0;position:relative;overflow:hidden;border-radius:14px;background:var(--paper)}.unifi-hero-photo img{object-position:center 36%}.unifi-hero-photo figcaption{position:absolute;bottom:20px;left:20px;background:white;padding:7px 12px;font-size:11px;border-radius:4px}.hero.unifi-hero{padding-top:38px}.ecosystem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ecosystem article{padding:28px;border:1px solid var(--line);border-radius:10px;background:#fff}.ecosystem h3{font-size:25px;margin-bottom:9px}.ecosystem .purpose{font-size:14px;font-weight:600;color:var(--ink)}.ecosystem p{font-size:14px;color:var(--muted);margin-bottom:13px}.ecosystem .tag{margin-bottom:20px}.ecosystem article:first-child{border-top:3px solid #c91838;padding-top:26px}.component-note{margin-top:26px;border-left:2px solid #c91838;padding-left:18px;color:var(--muted);font-size:14px;max-width:860px}.component-note strong{color:var(--ink)}.management{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.management p{color:var(--muted);font-size:15px}.management-list{display:grid;grid-template-columns:1fr 1fr;gap:28px}.management-list article{border-top:1px solid var(--line);padding-top:22px}.management-list h3{font-size:19px}.management-list p{font-size:14px;margin:0}.network-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.network-photos figure{height:330px}.network-photos .rack{object-position:center 35%}.network-photos .ap{object-position:center 47%}.trust span{margin-left:7px}.region a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.ecosystem{grid-template-columns:1fr 1fr}.management{gap:35px}.network-photos figure{height:290px}.unifi-hero-photo{height:470px}}
@media(max-width:760px){.hero.unifi-hero{padding-top:30px}.unifi-hero-photo{height:350px}.ecosystem,.management{grid-template-columns:1fr}.management{gap:20px}.network-photos{grid-template-columns:1fr}.network-photos figure{height:350px}.network-photos .rack{object-position:center 30%}.ecosystem article{padding:25px}.ecosystem article:first-child{padding-top:23px}}
@media(max-width:420px){.management-list{grid-template-columns:1fr}.unifi-hero-photo{height:300px}}

.network-dashboard{margin-top:38px}.dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:20px}.dashboard-head h3{font-size:24px;margin-bottom:8px}.dashboard-head p{font-size:14px;color:var(--muted);margin:0;max-width:650px}.dashboard-views{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.dashboard-views button{background:#fff;border:1px solid #d5d6db;border-radius:6px;padding:10px 16px;font-size:13px;color:var(--ink)}.dashboard-views button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}.dashboard-screen{margin:0;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(34,34,50,.06)}.dashboard-screen img{width:100%;height:auto;object-fit:contain;border-radius:5px}.dashboard-screen figcaption{font-size:12px;color:var(--muted);padding:12px 10px 4px}.dashboard-explainer{margin:16px 0 0;color:var(--muted);font-size:13px;max-width:860px}@media(max-width:760px){.dashboard-head{display:block}.dashboard-views{margin-top:18px}.dashboard-screen{padding:4px}.dashboard-screen figcaption{padding:10px 7px 5px;font-size:11px}}

/* Gemeinsame Navigation */
#navigation{gap:22px}#navigation>a,#navigation summary{font-size:13px}
#navigation .service-menu{position:relative}#navigation .service-menu summary{cursor:pointer;padding:14px 0;white-space:nowrap;list-style:none}#navigation .service-menu summary::-webkit-details-marker{display:none}#navigation .service-menu summary::after{content:'⌄';margin-left:8px}#navigation .service-menu[open] summary::after{content:'⌃'}
.service-links{position:absolute;top:100%;left:-18px;width:255px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 15px 35px #22223214;display:grid;gap:2px}.service-links a{padding:11px 12px;border-radius:4px;font-size:13px;line-height:1.4}.service-links a:hover,.service-links a[aria-current=page]{background:var(--paper);color:#a61230}#navigation [aria-current=page],#navigation .current-section{color:#a61230}#navigation a.button{color:white}.section-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin:20px 0 0;padding-bottom:10px;color:var(--muted);font-size:12px}.section-links a:hover,.pos-breadcrumb a:hover{text-decoration:underline}.pos-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.related-links{border-top:1px solid var(--line);padding:42px 0}.related-links h2{font-size:24px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-card{display:block;border:1px solid var(--line);border-radius:8px;padding:21px;background:white}.related-card strong{display:block;font-size:17px;margin-bottom:8px}.related-card span{display:block;font-size:13px;color:var(--muted)}.related-card:hover{border-color:#a61230}.footer-services{display:flex;flex-wrap:wrap;gap:12px 25px;margin:0 0 25px;font-size:12px}.footer-services a:hover{text-decoration:underline}.service>.text-link{display:inline-block;margin:18px 0 0}fieldset.form-fields{border:0;margin:0;padding:0;min-width:0}
@media(min-width:761px) and (max-width:1050px){#navigation{gap:13px}#navigation>a,#navigation summary{font-size:12px}#navigation .button{padding:11px 13px}.header-inner{gap:14px}.logo{width:181px}}
@media(max-width:760px){#navigation{gap:0;max-height:calc(100dvh - 72px);overflow:auto}#navigation .service-menu summary{padding:12px}#navigation .service-links{position:static;width:auto;box-shadow:none;border:0;border-left:2px solid var(--line);border-radius:0;margin-left:12px;padding:0 0 0 8px}.related-grid{grid-template-columns:1fr}.section-links{gap:10px 18px}.related-links{padding:30px 0}}