@font-face{font-family:"PT Sans";font-style:normal;font-weight:400;src:local("PT Sans"),local("PTSans-Regular"),url(../assets/070b269439953b54344dc2b0cc231f7e.woff2) format("woff2"),url(../assets/7d77968bb2d6005504dd3831b4ff5dca.woff) format("woff"),url(../assets/072805fcbd74782af5db500cc9158e6c.ttf) format("truetype"),url(../assets/8e567d0d56c66189411d208710b51760.svg#PTSans) format("svg");font-display:fallback}@font-face{font-family:"PT Sans";font-style:normal;font-weight:700;src:local("PT Sans Bold"),local("PTSans-Bold"),url(../assets/ae01925c3a14c2fc112a3fd93374a329.woff2) format("woff2"),url(../assets/8519e7d954d26d7b63006dc715187965.woff) format("woff"),url(../assets/357b3729b3f10002598e3fed9893d5ca.ttf) format("truetype"),url(../assets/edeabdaccc4c0c09e2d4de96a0caa3fa.svg#PTSans) format("svg");font-display:fallback}html{font:16px/1.3 "PT Sans","Roboto",sans-serif;background-color:#263f5d;color:#fff;overflow-y:scroll;height:100%}@media only screen and (max-width: 767px){html{background-image:none}}html{background-image:url(../assets/f767527252e52aa235406f6ccb750e0c.webp)}html.no-webp{background-image:url(../assets/92873aad8ca7ff0f6db612dce17fcfc7.png)}body{position:relative;max-width:1000px;margin:0 auto;padding:0 10px;box-sizing:border-box}@media only screen and (max-width: 767px){body{padding-top:70px}}p{margin:10px 0}a,.email-link{color:inherit;text-decoration:underline}a:visited,.email-link:visited{color:inherit}.email-link{cursor:pointer}.email-link img{float:none !important;display:inline-block !important;height:1em;position:relative;top:3px;padding:0 2px;background-color:rgba(0,0,0,0)}.no-break{white-space:nowrap}.breadcrumb{display:none}input{font:inherit}input[type=submit]{cursor:pointer}.hint{margin:10px 0;padding:.5em;color:#000;background-color:#fc0;font-size:14px;border-radius:2px}.hint h5{margin:0 0 5px;font-size:inherit}.hint p{margin:0}.hint a,.hint .email-link,.hint a:visited{color:#000;text-decoration:underline}.hint .close{display:block;float:right;padding-left:10px;cursor:pointer;text-align:center;width:1em;height:1em;line-height:1em;color:hsla(0,0%,100%,.5)}.hint .close::before{content:"×";font-size:2em}#browser-warning.hint{font-size:16px}#cookies-hint.hint{background-color:hsla(0,0%,100%,.5)}header{display:flex;margin:10px 0}@media only screen and (max-width: 767px){header{position:fixed;top:0;left:0;right:0;height:50px;margin:0;padding:10px;background-color:#263f5d;z-index:3}.hint+header{border-bottom:1px solid rgb(23.2061068702,38.4732824427,56.7938931298)}header{background-image:url(../assets/f767527252e52aa235406f6ccb750e0c.webp)}header.no-webp{background-image:url(../assets/92873aad8ca7ff0f6db612dce17fcfc7.png)}}header h1{margin:0 10px 0 0}header h1 a,header h1 .email-link{display:block;overflow:hidden;width:92.7272727273px;height:68px;color:rgba(0,0,0,0)}@media only screen and (max-width: 767px){header h1 a,header h1 .email-link{width:68.1818181818px;height:50px}}header h1 a img,header h1 .email-link img{display:inline-block;height:100%}@media print{header h1 a img,header h1 .email-link img{background-color:#263f5d;-webkit-print-color-adjust:exact}}header p{flex:1;position:relative;margin:0}header p strong{display:block;position:absolute;bottom:0;right:0;left:0;line-height:1.1;font-weight:normal;color:#fff;font-size:1.5rem}@media only screen and (max-width: 365px){header p strong{display:none}}header a[href="#menu"],header [href="#menu"].email-link{width:3rem;position:relative;display:none;margin-left:10px;align-self:center}@media only screen and (max-width: 767px){header a[href="#menu"],header [href="#menu"].email-link{display:block}}.hamburger{display:block;position:relative;height:1.75em;color:#fff;padding:1em 0}.hamburger span{display:block;transform:translateY(0.75em)}.hamburger span,.hamburger span::before,.hamburger span::after{transition:120ms transform,60ms background-color;position:absolute;width:100%;height:.25em;border-radius:.25em;background-color:currentColor}.menu .hamburger span{background-color:rgba(0,0,0,0)}.hamburger span::before,.hamburger span::after{content:"";display:block}.hamburger span::before{transform:translateY(-0.75em)}.menu .hamburger span::before{transform:translateX(0.25em) rotate(-45deg)}.hamburger span::after{transition:120ms transform;transform:translateY(0.75em)}.menu .hamburger span::after{transform:translateX(0.25em) rotate(45deg)}nav{position:relative;z-index:3}nav ul{display:flex;margin:0;padding:0;list-style:none;font-weight:bold}nav ul li{padding:0 !important;overflow:visible !important}nav ul li a,nav ul li .email-link{display:block;position:relative;padding:3px 5px 2px;text-transform:uppercase;text-align:center;text-decoration:none}nav ul li a:hover,nav ul li .email-link:hover{text-decoration:underline}nav ul li a.selected,nav ul li .selected.email-link{background:#fff;color:#da612f;text-shadow:none;text-decoration:none;cursor:default}nav ul li a.selected:hover,nav ul li .selected.email-link:hover{text-decoration:none}nav ul li a.selected::before,nav ul li .selected.email-link::before{content:"";display:block;position:absolute;width:.6em;height:.6em;left:50%;bottom:-1em;background:#fff;transform:rotate(45deg)}.loading nav ul li a.selected::before,.loading nav ul li .selected.email-link::before,.loading nav ul li a.selected::after,.loading nav ul li .selected.email-link::after{content:none}nav .login h3{font:inherit;margin:0 0 .25rem}nav .login .links{margin-bottom:1rem}nav .login .links a,nav .login .links .email-link{text-decoration:underline}nav .login .inputs{display:flex;margin-bottom:.75rem}nav .login .inputs input{display:block;width:50%;box-sizing:border-box;border:none;line-height:1.5;padding:.5rem;background:hsla(0,0%,100%,.8);outline:none}nav .login .inputs input:first-child{border-radius:.5rem 0 0 .5rem}nav .login .inputs input[type=password]{margin-left:1px;margin-right:-1px;border-radius:0 .5rem .5rem 0}nav .login .inputs input:focus{background:#fff}nav .login .submits{display:flex}nav .login .submits input{display:block;width:50%;color:#fff;background:#de6900;border:none;border-radius:.5rem;line-height:2;margin-right:.75rem;-webkit-appearance:none}nav .login .submits input:last-child{margin-right:0}nav .login .close{position:absolute;top:.5rem;right:.5rem;color:#fff;display:none;font-size:3rem;cursor:pointer;line-height:.5}nav .login .close::before{content:"×"}nav .login ::-webkit-input-placeholder{color:rgba(0,0,0,.4)}nav .login :-moz-placeholder{color:rgba(0,0,0,.4);opacity:1}nav .login ::-moz-placeholder{color:rgba(0,0,0,.4);opacity:1}nav .login :-ms-input-placeholder{color:rgba(0,0,0,.4)}@keyframes fade-in{0%{background-color:rgba(191,191,191,.25)}100%{background-color:rgba(191,191,191,.85)}}@media only screen and (max-width: 767px){nav{position:fixed;top:70px;left:0;right:0;bottom:0;display:none}.menu nav{display:flex}nav{flex-direction:column;animation:fade-in 500ms forwards;z-index:4}nav .login{position:fixed;left:0;right:0;bottom:0;z-index:1;background:rgba(38,63,93,.8)}nav .login button{display:none}nav .login form{margin:0 auto;max-width:20rem;padding:.75rem}nav .login h3::before{content:"Login "}nav ul{flex-wrap:wrap;align-content:flex-start;overflow-y:auto;cursor:default;position:absolute;top:0;left:0;right:0;bottom:0;padding-right:1rem}nav ul li{line-height:2.5;margin:1rem 0 0 1rem;width:calc(50% - 1rem);box-sizing:border-box}nav ul li a:not(.selected):hover,nav ul li .email-link:not(.selected):hover{background:rgba(254,164,28,.75)}nav ul li a::before,nav ul li .email-link::before,nav ul li a::after,nav ul li .email-link::after{display:none !important}}@media only screen and (min-width: 768px){nav{margin-bottom:10px}nav ul li{flex:1;margin:0 5px}nav ul li:first-child{margin-left:0}nav ul li:last-child{margin-right:0}nav .login{position:absolute;top:-78px;right:0;z-index:1}nav .login::before{content:"";display:block;position:fixed;top:0;left:0;right:0;background:#000;opacity:0;transition:opacity .5s}nav .login button{font:inherit;line-height:2;padding:0 1rem;border:none;border-radius:2px;cursor:pointer;background:hsla(0,0%,100%,.8)}nav .login button:hover{background:#fff}nav .login form{display:none;position:absolute;width:16rem;right:0;top:0;padding:.75rem;background:#263f5d;box-shadow:0 0 8em #000;border-radius:2px}nav .login form .close{display:block}.show-login nav .login form{display:block}.show-login nav .login::before{bottom:0;opacity:.35}}@media only screen and (max-width: 767px){.menu body{position:fixed;overflow:hidden;left:0;right:0;min-height:100%}}.color-button,nav ul li{display:block;padding:3px 5px 2px;border:none;color:#fff;white-space:nowrap;overflow:hidden;background:#de6900;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fea41c', endColorstr='#da612f',GradientType=0);border-radius:2px;box-shadow:0 0 3px rgba(0,0,0,.8);text-shadow:0 0 1px rgba(0,0,0,.8);text-decoration:none}@media print{.color-button,nav ul li{text-shadow:none;color:#000}}.color-button.grey,nav ul li.grey{background:#aaa;color:#000}.color-button a,nav ul li a,.color-button .email-link,nav ul li .email-link{text-decoration:none}.color-button a:hover,nav ul li a:hover,.color-button .email-link:hover,nav ul li .email-link:hover{text-decoration:underline}main{padding:10px;color:#000;background:#fff;border-radius:2px;min-height:50vh;box-shadow:0 0 8em rgba(0,0,0,.6);position:relative;z-index:1}@media only screen and (max-width: 767px){main{margin-left:-10px;margin-right:-10px;border-radius:0}}.loading main{opacity:.2;transition:opacity 500ms}main::after{content:"";display:table;clear:both}main h2{margin-top:0}main h3{color:#da612f;margin:20px 0 10px;clear:both}main h3 a,main h3 .email-link{color:rgb(160.0326530612,66.9367346939,28.4673469388) !important}main h4{margin:0}main ul,main ol{margin:0;padding-left:1.5em}main ul li,main ol li{margin-top:10px}main ul li p,main ol li p{margin:5px 0}main ul:first-child,main ol:first-child{margin-top:0}main img{background-color:#ccc}main .row{display:flex}main .row .col-3{width:33%;box-sizing:border-box;padding-right:1em}main .row .col-3 p{margin-top:0}@media only screen and (max-width: 767px){main .row{display:block}main .row .col-3{width:auto !important}}main.progress{opacity:1;background-color:hsla(0,0%,100%,.2)}main.progress progress{position:absolute;top:6em;left:20%;width:60%;display:block}main.progress .on-error{text-align:center}main.progress .on-error p{color:#fd8;text-shadow:0 0 .5em maroon}footer{padding:10px 0;margin:0 -10px;text-align:center;line-height:1.5;position:relative;z-index:2}footer p{margin:0}footer a,footer .email-link,footer a:visited{color:#fff}footer .links{white-space:nowrap}footer .links .separator::before{content:"·";display:inline-block;width:1em;text-align:center}@media only screen and (max-width: 767px){footer .links{display:block}footer .links .separator:first-child::before{content:none}}main.start{position:relative;box-shadow:none;background:rgba(0,0,0,0);height:70vh;max-height:50em;min-height:0;overflow:hidden}main.start figure{position:absolute;left:0;right:0;height:70vh;max-height:50em;min-height:0;background:#222 no-repeat center;background-size:auto 100%;border-radius:2px;margin:-10px 0 1.5em;-webkit-print-color-adjust:exact}@media only screen and (max-width: 767px){main.start figure{border-radius:0}}main.start figure.box-neu{background-image:url(../assets/b5a0239d82d0d377dec229b57aba5167.webp);background-size:contain}main.start figure.tablet{background-image:url(../assets/e193afe16f80eeb986756fc755db12ee.webp)}main.start figure.smartphone{background-image:url(../assets/389d0259f408b9fe8d8527c69a6f4574.webp)}main.start figure.laptop{background-image:url(../assets/f1055fb6197ea0af6b140395fb06a973.webp)}main.start figure.panorama1{background-image:url(../assets/29d890799be85046adf6af46a6aecb4e.webp)}main.start figure.panorama2{background-image:url(../assets/7fd74f808f754a5b90377c2875ed5b04.webp)}main.start figure.panorama3{background-image:url(../assets/baaac911337f2e4e04a28d022eed1165.webp)}main.start figure.homeassistant{background-image:url(../assets/b3aa7ad288feef2df4f8534388bfa30d.webp);background-size:contain}.no-webp main.start figure.box-neu{background-image:url(../assets/c9c06dec6d9cad30afdcc31da1c42447.png)}.no-webp main.start figure.tablet{background-image:url(../assets/d3c396aec0aa04b2288f48f788910759.jpg)}.no-webp main.start figure.smartphone{background-image:url(../assets/1cbb33c3aa44d598b84b8409f175fcba.jpg)}.no-webp main.start figure.laptop{background-image:url(../assets/6d34035be5362284c9d7b1b98de7816a.jpg)}.no-webp main.start figure.panorama1{background-image:url(../assets/3293383156dfe6eaa431d4034768c9a1.jpg)}.no-webp main.start figure.panorama2{background-image:url(../assets/7223a50cfc45e6c721c6b9801321bef7.jpg)}.no-webp main.start figure.panorama3{background-image:url(../assets/9845b9ac71b726db9e538d7486ef263f.jpg)}.no-webp main.start figure.homeassistant{background-image:url(../assets/7329954797cbe2a7c1c51f64387c9f43.png)}main.start figure img{display:none}main.start figure figcaption{text-align:center;line-height:2;width:26em;max-width:90%;color:#fff;background-color:#000;border-radius:2px;position:absolute;bottom:-1em;left:50%;transform:translateX(-50%);z-index:2}main.start .nav{position:absolute;top:0;height:70vh;max-height:50em;width:11%;min-width:5em;z-index:1;cursor:pointer;transition:background-color 500ms}main.start .nav.nav-previous{left:0}main.start .nav.nav-next{right:0}.mouse main.start .nav:hover{background-color:rgba(34,34,34,.3)}main.start .nav::before{content:"";position:absolute;top:50%;left:50%;display:block;width:2em;height:2em;border-left:3px solid;border-bottom:3px solid;border-color:hsla(0,0%,100%,.5)}main.start .nav:active::before{border-color:hsla(0,0%,100%,.8)}main.start .nav.nav-previous::before{transform:translate(-25%, -50%) rotate(45deg)}main.start .nav.nav-next::before{transform:translate(-75%, -50%) rotate(225deg)}main.vorteile h2{display:none}main.vorteile .teaser-img{text-align:center}main.vorteile .teaser-img img{height:8em;border-radius:1px}main.vorteile .teaser-title{text-align:center}main.vorteile .teaser-text{margin-bottom:25px}main.vorteile .separator{clear:both;margin-right:1rem;margin-bottom:1rem;padding-top:1rem;border-bottom:1px solid #de6900}main.vorteile .img-box{display:block;width:18em;margin:0 0 1em;max-width:90%}main.vorteile .img-fernzugriff{display:block;width:18em;margin:1em 0;max-width:80%}@media only screen and (min-width: 768px){main.vorteile .img-box{float:right;margin:1em 0}}main.vorteile li.integration{position:relative}main.vorteile li.integration div.img{position:relative;width:40em;max-width:90%}main.vorteile li.integration ul{width:100%;position:absolute;list-style:none;margin:0;padding:48.1% 0 0}main.vorteile li.integration ul li{position:absolute;font-size:12px;color:#26405d;font-weight:bold;background:#fff}main.vorteile li.integration ul .pchk{top:14%;left:44.8%;border:2px solid #26405d;padding:1px 5px;border-radius:2px}main.vorteile li.integration img{width:100%}main.beispiel h2{display:none}main.beispiel figure{margin:.5em 0 1.5em;text-align:center}main.beispiel figure img{max-height:90vh;max-width:90%;margin:.5em 0;border-radius:2px}main.beispiel figcaption{font-weight:bold}main.beispiel li{margin-top:.5ex}main.bestellen h2{display:none}main.bestellen .partner{list-style:none;margin:0;padding:0}main.bestellen .partner li{margin:2em 0;clear:left}main.bestellen .partner li img{max-width:30%;float:left;border:none}main.bestellen .partner p{margin:.5em 0 .5em 35%}main.bestellen .partner span:not(.email-link){display:inline-block;width:4em}main.bestellen .angebot{float:left;margin-right:1em;padding:.4em .6em;border-radius:2px}main.bestellen .angebot p{margin:0;font-weight:bold}main.bestellen .price-container{display:flex;margin:1.5rem 0}@media only screen and (max-width: 767px){main.bestellen .price-container{display:block}}main.bestellen .price-container .preis{flex:1;padding-right:4rem}@media only screen and (max-width: 767px){main.bestellen .price-container .preis{padding-right:1rem}}main.bestellen .price-container .preis table{border-spacing:0}main.bestellen .price-container .preis tr.small{font-size:12px}main.bestellen .price-container .preis td{vertical-align:top}main.bestellen .price-container .preis .price-tag{text-align:right}main.bestellen .price-container .preis .obsolete{position:relative;color:#ccc}main.bestellen .price-container .preis .strike{position:relative}main.bestellen .price-container .preis .strike::before{content:"";display:block;position:absolute;background:#da612f;height:2px;top:-18px;left:0;right:0;transform:rotate(-7deg)}main.bestellen .price-container .ansprechpartner{flex:1}main.bestellen .price-container .ansprechpartner p:first-child{margin-top:0}main.bestellen .price-container .ansprechpartner td{vertical-align:middle;white-space:nowrap}main.bestellen .price-container .ansprechpartner td:first-child{padding-right:.5rem}main.bestellen .leistungsbeschreibung{position:relative;background:#eee;border:1px solid #ccc;padding:.5rem;width:70%;margin:2rem 0 3rem}@media only screen and (max-width: 767px){main.bestellen .leistungsbeschreibung{width:auto}}main.bestellen .leistungsbeschreibung .clipboard-ta{position:absolute;top:1rem;right:1rem;z-index:-1}main.bestellen .leistungsbeschreibung .clipboard-ta textarea{width:0;height:0;border:none;resize:none}main.bestellen .leistungsbeschreibung .clipboard-trigger{display:block;float:right;margin:0 0 .5rem .5rem}@media only screen and (max-width: 767px){main.bestellen .product-container{display:block}main.bestellen .product-container .leistungsbeschreibung{width:auto}main.bestellen .product-container .ansprechpartner{width:auto;padding:0}}main.service h2{display:none}main.service ul{list-style:none;padding-left:.2em}main.service ul li{padding-left:1em;text-indent:-1em}main.service ul li img{position:relative;top:2px;background-color:rgba(0,0,0,0);border:none}main.service .support{display:flex;flex-wrap:wrap-reverse}main.service .support .gesicht{margin-right:1rem}main.service .support table{padding:.25rem .5rem;background:#eee;border:1px solid #ccc;margin-bottom:1rem}main.service .support table td{vertical-align:middle;white-space:nowrap}main.service .support table td:first-child{padding-right:.5rem}main.impressum>div{display:flex}main.impressum>div>div{width:40%}@media only screen and (max-width: 767px){main.impressum>div{display:block}main.impressum>div>div{width:auto;margin-bottom:1rem}}main.impressum td{padding:0}main.impressum td:first-child{padding-right:1rem}main.datenschutz .label{display:inline-block;width:6.5em;vertical-align:top}