.ks-unifi{--navy:#0d1b30;--blue:#152e49;--green:#51b22f;--green-dark:#2f7d23;--pale:#eef8e9;--ink:#14243b;--muted:#526879;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow:hidden}.ks-unifi *{box-sizing:border-box}.ks-unifi h1,.ks-unifi h2,.ks-unifi h3,.ks-unifi p{margin-top:0}.ks-unifi h1,.ks-unifi h2,.ks-unifi h3{font-family:Arial,Helvetica,sans-serif;font-weight:900}.ks-unifi a{text-decoration:none}.ks-unifi-eyebrow{align-items:center;color:#75c83e;display:flex;font-size:12px;font-weight:900;gap:12px;letter-spacing:1.6px;margin:0 0 19px;text-transform:uppercase}.ks-unifi-eyebrow:before{background:currentColor;content:'';height:2px;width:28px}.ks-unifi-eyebrow.dark{color:var(--green-dark)}.ks-unifi-hero{align-items:center;background:linear-gradient(135deg,#0b1728,#173653);color:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:675px;overflow:hidden;padding:80px max(24px,calc((100% - 1180px)/2));position:relative}.ks-unifi-hero-copy,.ks-unifi-hero-image{position:relative;z-index:1}.ks-unifi h1{font-size:clamp(50px,5.5vw,78px);letter-spacing:-3.5px;line-height:.96;margin-bottom:28px}.ks-unifi h1 span,.ks-unifi h1 em{display:inline-block;white-space:nowrap}.ks-unifi h1 em,.ks-unifi h2 em{color:var(--green);font-style:normal}.ks-unifi-lead{color:#d3dfe7;font-size:18px;line-height:1.65;max-width:575px}.ks-unifi-actions{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-top:34px}.ks-unifi-button{align-items:center;background:var(--green);border:2px solid var(--green);border-radius:7px;color:#fff!important;display:inline-flex;font-size:15px;font-weight:900;gap:28px;justify-content:space-between;padding:16px 21px;transition:.2s}.ks-unifi-button:hover{background:#3f9827;border-color:#3f9827;transform:translateY(-2px)}.ks-unifi-text-link{color:#fff!important;font-size:14px;font-weight:800}.ks-unifi-text-link:after{color:#75c83e;content:' →';margin-left:7px}.ks-unifi-trust{display:flex;flex-wrap:wrap;gap:9px 22px;list-style:none;margin:30px 0 0;padding:0}.ks-unifi-trust li{color:#d8e4ea;font-size:12px;font-weight:700}.ks-unifi-trust li:before{color:#75c83e;content:'✓';font-weight:900;margin-right:7px}.ks-unifi-hero-image{align-self:stretch;background:radial-gradient(circle at 58% 48%,rgba(75,177,76,.24),transparent 54%);display:flex;justify-content:flex-end}.ks-unifi-hero-image img{height:100%;max-height:500px;object-fit:contain;width:118%}.ks-unifi-intro{padding:95px max(24px,calc((100% - 1180px)/2))}.ks-unifi-intro header{align-items:end;display:grid;gap:70px;grid-template-columns:1.1fr .9fr;margin-bottom:42px}.ks-unifi h2{font-size:clamp(38px,4.3vw,58px);letter-spacing:-2.7px;line-height:1.02;margin:0}.ks-unifi-intro header>p{color:var(--muted);font-size:16px;line-height:1.65;margin:0}.ks-unifi-cards{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.ks-unifi-cards article{background:#f4f7f9;border:1px solid #d8e4ea;border-radius:14px;min-height:235px;padding:29px;transition:.25s}.ks-unifi-cards article:hover{background:var(--navy);border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green),0 18px 32px rgba(13,27,48,.18);transform:translateY(-5px)}.ks-unifi-cards i{align-items:center;background:#e5f3df;border-radius:10px;color:var(--green-dark);display:flex;font-size:24px;font-style:normal;font-weight:900;height:48px;justify-content:center;width:48px}.ks-unifi-cards h3{font-size:21px;margin:22px 0 10px}.ks-unifi-cards p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.ks-unifi-cards article:hover h3{color:#fff}.ks-unifi-cards article:hover p{color:#cbd9e1}.ks-unifi-feature{align-items:center;background:linear-gradient(135deg,#edf8e9,#f9fcf8);display:grid;gap:70px;grid-template-columns:1fr 1fr;padding:90px max(24px,calc((100% - 1180px)/2))}.ks-unifi-feature>div>p:not(.ks-unifi-eyebrow){color:var(--muted);font-size:16px;line-height:1.65}.ks-unifi-feature ul{list-style:none;margin:25px 0 0;padding:0}.ks-unifi-feature li{font-size:14px;margin:12px 0;padding-left:25px;position:relative}.ks-unifi-feature li:before{color:var(--green-dark);content:'✓';font-weight:900;left:0;position:absolute}.ks-unifi-network-visual{background:linear-gradient(135deg,#0d1b30,#173653);border-radius:18px;height:380px;overflow:hidden;position:relative}.ks-unifi-orbit{border:1px solid rgba(117,200,62,.45);border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.orbit-one{height:260px;width:260px}.orbit-two{height:390px;width:390px}.ks-unifi-node{align-items:center;background:#fff;border:4px solid #75c83e;border-radius:50%;box-shadow:0 12px 28px rgba(0,0,0,.3);color:var(--navy);display:flex;font-size:26px;font-weight:900;height:78px;justify-content:center;position:absolute;width:78px}.ks-unifi-node.main{height:106px;left:50%;top:50%;transform:translate(-50%,-50%);width:106px}.ks-unifi-node.camera{right:15%;top:20%}.ks-unifi-node.screen{bottom:15%;right:20%}.ks-unifi-node.mobile{bottom:20%;left:16%}.ks-unifi-process{background:linear-gradient(135deg,#0c192c,#173653);color:#fff;padding:92px max(24px,calc((100% - 1180px)/2));text-align:center}.ks-unifi-process>.ks-unifi-eyebrow{justify-content:center}.ks-unifi-process h2{color:#fff}.ks-unifi-process-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:46px;text-align:left}.ks-unifi-process-grid article{background:rgba(255,255,255,.055);border:1px solid rgba(185,207,222,.22);border-radius:12px;min-height:180px;padding:27px;transition:.25s}.ks-unifi-process-grid article:hover{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);transform:translateY(-4px)}.ks-unifi-process-grid h3{color:#fff;font-size:21px;margin:0 0 12px}.ks-unifi-process-grid p{color:#c7d6df;font-size:13px;line-height:1.6;margin:0}.ks-unifi-contact{align-items:center;background:var(--pale);display:grid;gap:70px;grid-template-columns:1.1fr .9fr;padding:78px max(24px,calc((100% - 1180px)/2))}.ks-unifi-contact>div>p:not(.ks-unifi-eyebrow){color:var(--muted);font-size:16px;line-height:1.65;margin:23px 0 0;max-width:570px}.ks-unifi-contact-card{background:#fff;border:1px solid var(--ink);border-radius:22px;box-shadow:0 18px 40px rgba(47,125,35,.1);padding:10px 36px}.ks-unifi-contact-card a{align-items:center;border-bottom:1px solid #d7e3d2;color:var(--ink)!important;display:flex;justify-content:space-between;padding:22px 0}.ks-unifi-contact-card a:last-child{border:0}.ks-unifi-contact-card span,.ks-unifi-contact-card strong,.ks-unifi-contact-card small{display:block}.ks-unifi-contact-card strong{color:var(--green-dark);font-size:17px}.ks-unifi-contact-card small{color:var(--muted);font-size:13px;font-weight:700;margin-top:3px}.ks-unifi-contact-card b{color:var(--green-dark);font-size:20px;font-weight:500;transition:.2s}.ks-unifi-contact-card a:hover b{transform:translateX(5px)}body:has(.ks-unifi) .entry-title,body:has(.ks-unifi) .page-title,body:has(.ks-unifi) .wp-block-post-title{display:none!important}@media(max-width:950px){.ks-unifi-hero,.ks-unifi-feature,.ks-unifi-contact{gap:35px;grid-template-columns:1fr}.ks-unifi-hero-image{min-height:380px}.ks-unifi-intro header{gap:25px;grid-template-columns:1fr}.ks-unifi-contact-card{max-width:620px}.ks-unifi-cards,.ks-unifi-process-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.ks-unifi-hero,.ks-unifi-intro,.ks-unifi-feature,.ks-unifi-process,.ks-unifi-contact{padding-left:20px;padding-right:20px}.ks-unifi-hero{padding-bottom:55px;padding-top:60px}.ks-unifi h1{font-size:clamp(38px,11vw,52px)}.ks-unifi-hero-image{min-height:280px}.ks-unifi-cards,.ks-unifi-process-grid{grid-template-columns:1fr}.ks-unifi-intro,.ks-unifi-feature,.ks-unifi-process,.ks-unifi-contact{padding-bottom:65px;padding-top:65px}.ks-unifi-feature{gap:40px}.ks-unifi-network-visual{height:300px}.orbit-two{height:310px;width:310px}.ks-unifi-contact-card{border-radius:16px;padding:8px 22px}}
.ks-unifi-hardware{background:#fff;padding:92px max(24px,calc((100% - 1180px)/2))}.ks-unifi-hardware header{align-items:end;display:grid;gap:70px;grid-template-columns:1.1fr .9fr;margin-bottom:42px}.ks-unifi-hardware header>p:not(.ks-unifi-eyebrow){color:var(--muted);font-size:16px;line-height:1.65;margin:0}.ks-unifi-hardware-grid{display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.ks-unifi-hardware-grid article{background:#f4f7f9;border:1px solid #d8e4ea;border-radius:14px;min-height:275px;overflow:hidden;padding:20px;transition:.25s}.ks-unifi-hardware-grid article:hover{border-color:var(--green);box-shadow:0 16px 30px rgba(13,27,48,.12);transform:translateY(-5px)}.ks-unifi-hardware-grid img{display:block;height:142px;mix-blend-mode:multiply;object-fit:contain;width:100%}.ks-unifi-hardware-grid h3{font-size:19px;margin:18px 0 7px}.ks-unifi-hardware-grid p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}@media(max-width:950px){.ks-unifi-hardware{padding:75px max(24px,calc((100% - 1180px)/2))}.ks-unifi-hardware header{gap:25px;grid-template-columns:1fr}.ks-unifi-hardware-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.ks-unifi-hardware{padding:65px 20px}.ks-unifi-hardware-grid{grid-template-columns:1fr}.ks-unifi-hardware-grid article{min-height:250px}}
.ks-unifi-hero-image{overflow:hidden}.ks-unifi-hero-image img{mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 100%),linear-gradient(180deg,transparent 0%,#000 13%,#000 87%,transparent 100%);mask-composite:intersect;mix-blend-mode:screen;opacity:.96}
.ks-unifi-hero{background:radial-gradient(circle at 72% 45%,rgba(14,65,90,.58) 0%,rgba(5,28,53,.34) 28%,transparent 52%),linear-gradient(112deg,#031226 0%,#061a33 50%,#082641 100%)}.ks-unifi-hero-image{background:transparent}
.ks-unifi-hero{background:#03152d url('unifi-netzwerke-hero-produktfamilie.png') center center/100% 100% no-repeat}.ks-unifi-hero-image{display:none}@media(max-width:950px){.ks-unifi-hero{background:#03152d}.ks-unifi-hero-image{display:flex}.ks-unifi-hero-image img{mix-blend-mode:normal;opacity:1}}
.ks-unifi-intro header{display:block;margin-bottom:38px;max-width:860px}.ks-unifi-intro header h2{margin:0 0 22px}.ks-unifi-intro header>p:not(.ks-unifi-eyebrow){max-width:710px}.ks-unifi-cards article{min-height:250px}.ks-unifi-cards i{background:#e7f6e1;border-radius:12px;height:54px;padding:11px;width:54px}.ks-unifi-cards i svg{fill:none;height:100%;stroke:#2f7d23;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6;width:100%}
/* Keep the studio backdrop full width while rendering the hardware at its intended size. */
.ks-unifi-hero{background:radial-gradient(circle at 75% 62%,#0a3153 0%,#061d39 37%,#03142d 75%);isolation:isolate}
.ks-unifi-hero::before{background:url('unifi-netzwerke-hero-produktfamilie.png') center/contain no-repeat;content:'';height:min(56vw,565px);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 100%),linear-gradient(180deg,transparent 0%,#000 19%,#000 66%,transparent 100%);mask-composite:intersect;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(62vw,1000px);z-index:0}
.ks-unifi-hero-copy{z-index:1}
@media(max-width:950px){.ks-unifi-hero{gap:24px;grid-template-columns:1fr}.ks-unifi-hero::before{display:none}.ks-unifi-hero-image{display:flex;min-height:320px}.ks-unifi-hero-image img{mask-image:linear-gradient(90deg,transparent,#000 15%,#000 100%),linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect;mix-blend-mode:normal;opacity:1}}
.ks-unifi-contact-card{transition:box-shadow .25s,transform .25s}
.ks-unifi-contact-card:hover{box-shadow:0 22px 46px rgba(13,27,48,.16);transform:translateY(-3px)}
.ks-unifi-contact-card a{border-radius:10px;margin:0 -16px;padding:22px 16px;transition:padding-left .2s}
.ks-unifi-contact-card a:hover,.ks-unifi-contact-card a:focus-visible{padding-left:22px}
.ks-unifi-contact-card a:focus-visible{outline:2px solid var(--green-dark);outline-offset:2px}
.ks-unifi-contact-card a:hover b,.ks-unifi-contact-card a:focus-visible b{transform:translateX(6px)}
@media(prefers-reduced-motion:reduce){.ks-unifi-contact-card,.ks-unifi-contact-card a,.ks-unifi-contact-card b{transition:none}}
/* Match the calmer greens used on the Kassenverleih page. */
.ks-unifi{--green:#3ba936;--green-dark:#2f7d23}
.ks-unifi-eyebrow{color:#51b22f}
.ks-unifi h2 em{color:var(--green-dark)}
.ks-unifi-feature h2{font-size:clamp(34px,3vw,42px)}
@media(min-width:951px){.ks-unifi-feature{grid-template-columns:.85fr 1.15fr;gap:50px}}
@media(min-width:681px){.ks-unifi-feature h2 .ks-unifi-heading-first,.ks-unifi-feature h2 em{white-space:nowrap}}
@media(max-width:680px){.ks-unifi-feature h2{font-size:clamp(30px,7vw,42px)}}
.ks-unifi-feature h2 .ks-unifi-heading-first,.ks-unifi-feature h2 em{display:block}
.ks-unifi .ks-unifi-hero h1,.ks-unifi .ks-unifi-process h2{color:#fff!important}
.ks-unifi .ks-unifi-feature h2{color:var(--ink)!important}
.ks-unifi .ks-unifi-feature h2{margin-bottom:8px!important}
.ks-unifi-process{text-align:left}
.ks-unifi-process-header{align-items:center;display:grid;gap:52px;grid-template-columns:1fr 1fr}
.ks-unifi-process .ks-unifi-process-copy .ks-unifi-eyebrow{justify-content:flex-start}
.ks-unifi-process-image{border-radius:18px!important;clip-path:inset(0 round 18px);display:block;height:300px;object-fit:cover;width:100%}
.ks-unifi-process-grid{margin-top:38px}
@media(max-width:950px){.ks-unifi-process-header{gap:30px}.ks-unifi-process-image{height:250px}}
@media(max-width:680px){.ks-unifi-process-header{grid-template-columns:1fr}.ks-unifi-process-image{height:auto;max-height:330px}.ks-unifi-process-grid{margin-top:32px}}
.ks-unifi .ks-unifi-feature h2 em,.ks-unifi .ks-unifi-hero h1 em,.ks-unifi .ks-unifi-process h2 em{color:var(--green)!important}
.ks-unifi .ks-unifi-intro h2{color:var(--ink)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(38px,4.3vw,58px)!important;font-weight:900!important;letter-spacing:-2.7px!important;line-height:1.02!important;text-transform:none!important}
.ks-unifi .ks-unifi-intro h2 em{color:var(--green)!important;font-family:inherit!important;font-size:inherit!important;font-style:normal!important;font-weight:inherit!important;letter-spacing:inherit!important;text-transform:none!important}
.ks-unifi .ks-unifi-intro .ks-unifi-eyebrow{color:var(--green-dark)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:900!important;letter-spacing:1.6px!important;line-height:1.3!important;text-transform:uppercase!important}
.ks-unifi h1::after,.ks-unifi h2::after,.ks-unifi h1::before,.ks-unifi h2::before{content:none!important;display:none!important}
.ks-unifi-hero h1 em,.ks-unifi-process h2 em{color:var(--green)}
.ks-unifi-text-link:after,.ks-unifi-trust li:before{color:#51b22f}
.ks-unifi-button:hover{background:#2f7d23;border-color:#2f7d23}
/* The studio backdrop and hardware are one image, so no inset edge can appear. */
.ks-unifi-hero{background:#03142d url('unifi-netzwerke-hero-durchgehend.png') center center/cover no-repeat}
.ks-unifi-hero::before{content:none}
@media(max-width:950px){.ks-unifi-hero{background:#03142d}.ks-unifi-hero-image{overflow:hidden}.ks-unifi-hero-image img{height:100%;max-height:none;object-fit:cover;object-position:75% center;width:100%;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 82%,transparent 100%);mix-blend-mode:normal}}
@media(max-width:680px){.ks-unifi-hero-copy{min-width:0}.ks-unifi-hero h1{font-size:clamp(32px,8.5vw,42px);letter-spacing:-1.8px}.ks-unifi-hero h1 span,.ks-unifi-hero h1 em{display:inline;white-space:normal}}