@font-face{font-family:TNeo-Regular;src:url(/frontend/fonts/TeleNeoWeb-Regular.eot);src:url(/frontend/fonts/TeleNeoWeb-Regular.eot?#iefix) format("embedded-opentype"),url(/frontend/fonts/TeleNeoWeb-Regular.woff2) format("woff2"),url(/frontend/fonts/TeleNeoWeb-Regular.woff) format("woff"),url(/frontend/fonts/TeleNeoOffice-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TNeo-Medium;src:url(/frontend/fonts/TeleNeoWeb-Medium.eot);src:url(/frontend/fonts/TeleNeoWeb-Medium.eot?#iefix) format("embedded-opentype"),url(/frontend/fonts/TeleNeoWeb-Medium.woff2) format("woff2"),url(/frontend/fonts/TeleNeoWeb-Medium.woff) format("woff"),url(/frontend/fonts/TeleNeoOffice-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:TNeo-Bold;src:url(/frontend/fonts/TeleNeoWeb-Bold.eot);src:url(/frontend/fonts/TeleNeoWeb-Bold.eot?#iefix) format("embedded-opentype"),url(/frontend/fonts/TeleNeoWeb-Bold.woff2) format("woff2"),url(/frontend/fonts/TeleNeoWeb-Bold.woff) format("woff"),url(/frontend/fonts/TeleNeoOffice-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:TNeo-ExtraBold;src:url(/frontend/fonts/TeleNeoWeb-ExtraBold.eot);src:url(/frontend/fonts/TeleNeoWeb-ExtraBold.eot?#iefix) format("embedded-opentype"),url(/frontend/fonts/TeleNeoWeb-ExtraBold.woff2) format("woff2"),url(/frontend/fonts/TeleNeoWeb-ExtraBold.woff) format("woff"),url(/frontend/fonts/TeleNeoOffice-ExtraBold.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:TNeo-Thin;src:url(/frontend/fonts/TeleNeoWeb-Thin.eot);src:url(/frontend/fonts/TeleNeoWeb-Thin.eot?#iefix) format("embedded-opentype"),url(/frontend/fonts/TeleNeoWeb-Thin.woff2) format("woff2"),url(/frontend/fonts/TeleNeoWeb-Thin.woff) format("woff"),url(/frontend/fonts/TeleNeoOffice-Thin.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:TeleIcon Solid;src:url(/frontend/fonts/TeleIcon-Solid.eot);src:url(/frontend/fonts/TeleIcon-Solid.eot?#iefix) format("embedded-opentype"),url(/frontend/fonts/TeleIcon-Solid.woff2) format("woff2"),url(/frontend/fonts/TeleIcon-Solid.woff) format("woff"),url(/frontend/fonts/TeleIcon-Solid.ttf) format("truetype"),url(/frontend/fonts/TeleIcon-Solid.svg#TeleIcon-Solid) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:TeleIcon Out;src:url(/frontend/fonts/TeleIcon-Outline.eot);src:url(/frontend/fonts/TeleIcon-Outline.eot?#iefix) format("embedded-opentype"),url(/frontend/fonts/TeleIcon-Outline.woff2) format("woff2"),url(/frontend/fonts/TeleIcon-Outline.woff) format("woff"),url(/frontend/fonts/TeleIcon-Outline.ttf) format("truetype"),url(/frontend/fonts/TeleIcon-Outline.svg#TeleIcon-Outline) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:tsde-icon-new;src:url(/frontend/fonts/tsde-icon-new.eot);src:url(/frontend/fonts/tsde-icon-new.eot?#iefix) format("embedded-opentype"),url(/frontend/fonts/tsde-icon-new.woff2) format("woff2"),url(/frontend/fonts/tsde-icon-new.woff) format("woff"),url(/frontend/fonts/tsde-icon-new.ttf) format("truetype")}.piktogram__image img{object-fit:contain}div.piktogram{padding:100px 0;position:relative;overflow:hidden}div.piktogram .alignL{text-align:left;align-self:flex-start}div.piktogram .alignC{text-align:center;align-self:center}div.piktogram .alignR{text-align:right;align-self:flex-end}div.piktogram div.headline{text-align:center}div.piktogram div.headline h3{font-style:normal;font-weight:400;font-size:2.375rem;line-height:inherit;font-family:TNeo-ExtraBold,Arial,sans-serif,sans-serif;letter-spacing:.3px;color:#fff;text-transform:uppercase;padding:0 5%}div.piktogram div.headline p{font-style:normal;font-weight:400;font-size:1.25rem;line-height:32px;font-family:TNeo-Regular,Arial,sans-serif,sans-serif;letter-spacing:.3px;color:#fff;width:100%;margin:60px auto 0;padding:0 5%}div.piktogram div.devices{display:flex;justify-content:center;flex-wrap:wrap;width:80%;margin:0 auto;padding:120px 0 0}div.piktogram div.devices .tooltip:hover .tip-content{opacity:1;display:flex;text-transform:initial}div.piktogram div.devices .tooltip .tip-content{font-style:normal;font-weight:400;font-size:.9375rem;line-height:19px;font-family:TNeo-Regular,Arial,sans-serif,sans-serif;letter-spacing:.3px;position:absolute;transform:translateY(100%);top:unset;bottom:-10px;left:-208px;height:100px;width:450px;z-index:1;max-width:450px;background:#fff;color:#000;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;zoom:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));filter:alpha(opacity = 0);transition:opacity .25s ease-out;display:none;justify-content:center;align-items:center;text-align:center;padding:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}div.piktogram div.devices .tooltip .tip-content:before{content:"";position:absolute;top:-16px;transform:rotate(180deg);width:0;height:0;margin-bottom:-15px;border:8px solid transparent;border-top-color:#fff}div.piktogram div.devices .tooltip .tip-content ul li{padding:10px 0}div.piktogram div.devices .tooltip .tip-content ul li span{font-style:normal;font-weight:400;font-size:1.4375rem;line-height:inherit;font-family:TeleIcon Out,Arial,sans-serif,sans-serif;letter-spacing:.3px;font-weight:700;padding-right:15px;position:relative;top:5px;color:#e6007e}div.piktogram div.devices .tooltip .tip-content ul li div{font-style:normal;font-weight:400;font-size:1rem;line-height:19px;font-family:TNeo-Regular,Arial,sans-serif,sans-serif;letter-spacing:.3px}div.piktogram div.devices .tooltip .tip-content span.bold{font-style:normal;font-weight:400;font-size:1rem;line-height:19px;font-family:TNeo-ExtraBold,Arial,sans-serif,sans-serif;letter-spacing:.3px}div.piktogram div.devices>div{text-align:center;min-width:25%;position:relative}div.piktogram div.devices>div h3{font-style:normal;font-weight:400;font-size:1.5rem;line-height:inherit;font-family:TNeo-ExtraBold,Arial,sans-serif,sans-serif;letter-spacing:.3px;color:#fff;margin:25px 0 20px;text-transform:uppercase}div.piktogram div.devices>div div>span{font-style:normal;font-weight:400;font-size:1.125rem;line-height:inherit;font-family:TNeo-Regular,Arial,sans-serif,sans-serif;letter-spacing:.3px;color:#fff;display:block;margin-bottom:3px}div.piktogram div.devices>div div>span em,div.piktogram div.devices>div div>span span.ico-info-1{position:relative;cursor:help}div.piktogram div.devices>div div>span em .tip-content,div.piktogram div.devices>div div>span span.ico-info-1 .tip-content{font-style:normal;font-weight:400;font-size:1rem;line-height:19px;font-family:TNeo-Regular,Arial,sans-serif,sans-serif;letter-spacing:.3px;height:auto;width:350px;color:#262938;left:-162px;top:-151px;z-index:1;-webkit-box-shadow:0 0 107px -10px rgba(0,0,0,.22);-moz-box-shadow:0 0 107px -10px rgba(0,0,0,.22);box-shadow:0 0 107px -10px #00000038}div.piktogram div.devices>div div>span em .tip-content:before,div.piktogram div.devices>div div>span span.ico-info-1 .tip-content:before{margin-bottom:-16px}div.piktogram div.devices>div div.icon{height:50px;text-align:center}@media all and (min-width: 768px){div.piktogram div.devices .tooltip{position:relative}}@media all and (max-width: 1500px){div.piktogram div.headline h3{font-size:2.375rem;line-height:46px}div.piktogram div.headline p{font-size:1.25rem;line-height:30px}}@media all and (max-width: 1400px){div.piktogram div.devices{width:60%;padding:100px 0 0}div.piktogram div.devices>div{width:calc(33% - 40px);margin:20px}}@media all and (max-width: 1024px){div.piktogram div.headline h3{font-size:2rem;line-height:40px}div.piktogram div.headline p{font-size:1.125rem;line-height:28px}div.piktogram div.devices{width:100%}div.piktogram div.devices>div h3{font-size:1.25rem}}@media all and (max-width: 900px){div.piktogram div.devices .tooltip .tip-content{width:30vw;left:-160px}div.piktogram div.headline{padding:0 30px}div.piktogram div.headline h3{font-size:1.75rem;line-height:32px}div.piktogram div.headline p{font-size:1.125rem;line-height:25px}}@media all and (max-width: 750px){div.piktogram div.headline p em{display:none}div.piktogram div.devices .tooltip .tip-content{left:unset;height:135px;width:80vw;transform:translateY(100%) translateY(-20px)}div.piktogram div.devices>div{min-width:50%;margin-bottom:25px}div.piktogram div.devices>div:last-child{margin-bottom:0}div.piktogram br{display:none}}@media all and (max-width: 640px){div.piktogram div.headline p.hide-mobile{display:none}}@media all and (max-width: 550px){div.piktogram div.devices{padding:60px 0 0}div.piktogram div.devices .tooltip .tip-content{width:100vw}div.piktogram div.devices>div{min-width:100%}}@media all and (max-width: 420px){div.piktogram{padding:100px 0}div.piktogram div.headline{padding:0 15px}div.piktogram div.headline p{padding:0}}@media all and (max-width: 400px){.devices .tooltip .tip-content{left:-165px}}
