.teaser-slider-t1+.clickpoint-with-thext-element{margin-top:-100px}@media(max-width: 1620px){.teaser-slider-t1+.clickpoint-with-thext-element{margin-top:calc(-50px + (-100 - -50)*(100vw - 360px)/(1620 - 360))}}@media(max-width: 699px){.clickpoint-with-thext-element.only-desktop{display:none !important}}.clickpoint-with-thext-element .headline-box{max-width:1050px;text-align:center}.clickpoint-with-thext-element .headline-box .subheadline{margin-top:40px}@media(max-width: 1620px){.clickpoint-with-thext-element .headline-box .subheadline{margin-top:calc(39px + (40 - 39)*(100vw - 360px)/(1800 - 360))}}.clickpoint-with-thext-element .headline-box .introduction-text{padding:0 80px;margin-top:22px}@media(max-width: 1620px){.clickpoint-with-thext-element .headline-box .introduction-text{padding:0}}.clickpoint-with-thext-element .ExtClickPointsT1{margin-top:148px}@media(max-width: 1620px){.clickpoint-with-thext-element .ExtClickPointsT1{margin-top:calc(60px + (148 - 60)*(100vw - 360px)/(1800 - 360))}}@media(max-width: 699px){.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview{margin-left:calc(-12px + (-39 - -12)*(100vw - 320px)/(699 - 320));margin-right:calc(-12px + (-39 - -12)*(100vw - 320px)/(699 - 320))}}@media(max-width: 1026px){.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview.logged-out{display:block}}@media(max-width: 1026px){.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview.logged-out+.clickpoints-preview{display:none}}.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element{margin-bottom:7px}@media(max-width: 1026px){.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element{border-bottom:none}}.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .number{margin-right:15px;width:25px;height:25px;min-width:25px;min-height:25px;border-radius:50%;border:1px solid hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;font-size:12px}@media(max-width: 1026px){.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .indicator,.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .position,.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .delete-icon{display:none}}@media(max-width: 1026px){.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .content{font-family:SourceSansPro,sans-serif;width:auto;padding:0;flex:inherit;margin-right:2px;letter-spacing:2.5px;text-transform:uppercase;color:var(--zepp-bggallerybox-color)}}.clickpoint-with-thext-element .ExtClickPointsT1 .clickpoints-preview .clickpoint-list-element .content svg{width:22px;height:13px;display:inline;fill:var(--zepp-bggallerybox-color);color:var(--zepp-bggallerybox-color);stroke:var(--zepp-bggallerybox-color)}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint{width:40px;height:40px}@media(max-width: 1620px){.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint{width:calc(25px + (40 - 25)*(100vw - 360px)/(1800 - 360));height:calc(25px + (40 - 25)*(100vw - 360px)/(1800 - 360))}}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint.bghighlighted2{color:var(--zepp-bghighlight2-background-color)}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint.bghighlighted2 svg{fill:currentColor}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint.bghighlighted2 .morelink:before{background:#d5ded6}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint.bghighlighted1{color:var(--zepp-bghighlight-background-color)}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint.bghighlighted1 svg{fill:currentColor}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint svg{width:40px;height:40px}@media(max-width: 1620px){.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint svg{width:calc(25px + (40 - 25)*(100vw - 360px)/(1800 - 360));height:calc(25px + (40 - 25)*(100vw - 360px)/(1800 - 360))}}@media(max-width: 1026px){.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint svg{display:none}}@media(max-width: 1026px){.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .number-show{display:flex}}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content *{color:#fff}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .image-box{width:100%;height:auto;min-width:0}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .image-box+.right-box{padding-left:0;margin-top:25px}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .content-inner{max-width:305px;flex-flow:column}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .introduction{margin-top:10px}@media(max-width: 1620px){.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .introduction{margin-top:calc(8px + (10 - 8)*(100vw - 320px)/(1800 - 320))}}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .linkbox{margin-top:20px}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .linkbox a{font-size:14px}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .linkbox.morelink{padding-left:24px;padding-right:23px}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .linkbox.morelink:before{top:0px;width:19px;height:19px}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .linkbox.morelink:hover:before{width:30px;height:30px;top:-6px}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .linkbox svg{top:-2px;width:15px;height:20px}.clickpoint-with-thext-element .ExtClickPointsT1 .elements-container .element .image .clickpoint .content .dot{left:15px}.clickpoint-with-thext-element .bottom-text-content{margin-top:148px;text-align:center}@media(max-width: 1620px){.clickpoint-with-thext-element .bottom-text-content{margin-top:calc(80px + (148 - 80)*(100vw - 360px)/(1800 - 360))}}.clickpoint-with-thext-element .bottom-text-content .text-description{margin-top:20px}