.pageheader-inverted .maincontent>div:first-of-type.skinswitch-list{padding-top:121px}@media(max-width: 1620px){.pageheader-inverted .maincontent>div:first-of-type.skinswitch-list{padding-top:calc(125px + -4*(100vw - 414px)/1286)}}.skinswitch-configurator header{box-shadow:0px 0px 10px 0px rgba(0,0,0,.2)}.skinswitch-configurator header .pageheader__container{padding-top:30px}.skinswitch-configurator header .button1{background:rgba(0,0,0,0);border:1px solid var(--zepp-bgheader-button1-background-color);color:var(--zepp-bgheader-button1-background-color)}.skinswitch-configurator header .button2{background:rgba(0,0,0,0);border:1px solid var(--zepp-bgheader-button2-background-color);color:var(--zepp-bgheader-button2-background-color)}.skinswitch-configurator header .language-box{display:none}.skinswitch-list{z-index:2;position:relative}.skinswitch-list .skinswitch-list__outer{padding-top:0px}.skinswitch-list .tabs{margin-top:40px;display:flex;flex-wrap:wrap;max-width:345px}.skinswitch-list .tabs .tab{border-radius:4px;border:1px solid #000;margin:0px 12px 12px 0px;padding:3px 12px 3px 12px;font-weight:bold}.skinswitch-list .tabs .tab.active,.skinswitch-list .tabs .tab:hover{background:var(--zepp-bgheader-button2-background-color);color:var(--zepp-bgheader-button2-color);border:1px solid var(--zepp-bgheader-button2-background-color);cursor:pointer}.skinswitch-list [data-content]{display:none}.skinswitch-list [data-content].active{display:block}.skinswitch-list__container{display:flex}.skinswitch-list__container .container__templatewindow{width:auto;position:relative;display:flex;flex:1 0 auto;z-index:1}.skinswitch-list__container .container__templatewindow .templatewindow_inner{width:100%;display:flex;align-items:center;flex-direction:column;position:absolute;top:auto;right:auto;z-index:5;padding-top:30px}.skinswitch-list__container .container__templatewindow .templatewindow_inner.scrolling{position:fixed;width:calc(100% - 380px - 2.5%)}@media(max-width: 1744px){.skinswitch-list__container .container__templatewindow .templatewindow_inner.scrolling{width:75.5%}}@media(max-width: 1580px){.skinswitch-list__container .container__templatewindow .templatewindow_inner.scrolling{width:calc(100% - (88% - 1041px) - 2.5%)}}@media(max-width: 1520px){.skinswitch-list__container .container__templatewindow .templatewindow_inner.scrolling{width:calc(100% - (88% - 1041px) - 2.5%)}}.skinswitch-list__container .container__templatewindow .switcher-container{width:88%;position:relative;margin-left:auto;margin-right:auto;display:flex;margin-left:6.5%}@media(max-width: 1580px){.skinswitch-list__container .container__templatewindow .switcher-container{width:1041px;margin-left:6.5%}}.skinswitch-list__container .container__templatewindow .switcher-container .switcher{margin-bottom:25px;display:flex;align-items:center;justify-content:flex-end}.skinswitch-list__container .container__templatewindow .switcher-container .switcher a{margin:0px 5px;padding:10px 10px;color:#aaa}.skinswitch-list__container .container__templatewindow .switcher-container .switcher a.active{background:#dadada;border-radius:3px;color:#000}.skinswitch-list__container .container__templatewindow .switcher-container .switcher a svg{width:25px;height:25px}.skinswitch-list__container .container__templatewindow .switcher-container .switcher .back{display:flex;align-items:center;color:#000}.skinswitch-list__container .container__templatewindow .switcher-container .switcher .back svg{width:15px;height:15px;margin-right:5px}.skinswitch-list__container .container__templatewindow div.iframcontainer{min-width:1041px}.skinswitch-list__container .container__templatewindow div.iframcontainer .pointsleft{content:"...";position:absolute;left:10px;bottom:100%;color:#ccc;z-index:1000;font-weight:bold;font-size:40px;margin-bottom:3px}.skinswitch-list__container .container__templatewindow div.iframcontainer .templatewindow{width:100%;padding:50% 0px 0px;position:relative;box-shadow:0px 9px 14px 0px rgba(0,0,0,.3)}.skinswitch-list__container .container__templatewindow div.iframcontainer .templatewindow:before{content:"";display:block;position:absolute;bottom:100%;left:0px;height:15px;width:100%;background:var(--zepp-bgweb-background-color);border-top-left-radius:10px;border-top-right-radius:10px}.skinswitch-list__container .container__templatewindow div.iframcontainer .templatewindow:after{content:"";display:block;position:absolute;top:100%;left:0px;height:10px;width:100%;background:var(--zepp-bgweb-background-color);border-bottom-left-radius:10px;border-bottom-right-radius:10px}.skinswitch-list__container .container__templatewindow div.iframcontainer iframe{position:absolute;left:0px;top:0px;height:100%;width:100%;border-left:3px solid var(--zepp-bgweb-background-color);border-right:1px solid var(--zepp-bgweb-background-color);box-sizing:border-box;zoom:.74}@media(max-width: 699px){.skinswitch-list__container .container__templatewindow div.iframcontainer{padding:177.7777777778% 0px 0px}}.skinswitch-list__container .container__templatewindow div.iframcontainer .mobile{margin-left:auto;margin-right:auto;padding:0px}.skinswitch-list__container .container__templatewindow div.iframcontainer .mobile .templatewindow{margin-left:auto;margin-right:auto;padding:0px;width:370px;height:630px}.skinswitch-list__container .container__templatewindow div.iframcontainer .mobile .pointsleft{left:50%;transform:translateX(-175px)}.skinswitch-list__container .container__templatewindow div.iframcontainer .mobile iframe{zoom:1}.skinswitch-list__container .container__templatewindow .templatewindow-inner{position:relative;margin-left:auto;margin-right:auto;width:88%;margin-left:6.5%}@media(max-width: 1580px){.skinswitch-list__container .container__templatewindow .templatewindow-inner{width:1041px;margin-left:6.5%}}.skinswitch-list__container .container__configurator{width:22%;padding-left:0px;padding-right:2.5%;position:relative;max-width:380px;z-index:10;padding-top:80px}@media(max-width: 1580px){.skinswitch-list__container .container__configurator{width:calc(88% - 1041px)}}.skinswitch-list__container .container__configurator:after{content:"";display:block;clear:both;position:absolute;left:100%;top:0px;width:100%;height:100%;background:var(--zepp-bgweb-background-color)}.skinswitch-list__container .container__configurator .configurator__row.scrollframe{position:relative}.skinswitch-list__container .container__configurator .configurator__row.scrollframe div.inner{width:100%;height:100%;max-height:100%}.skinswitch-list__container .container__configurator .configurator__row:first-child{padding-bottom:20px}.skinswitch-list__container .container__configurator .configurator__row+.configurator__row{margin-top:10px;padding-top:10px}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses[data-content]{display:none}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses{width:100%;display:flex;flex-wrap:wrap;margin-left:-5px;margin-top:40px}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses[data-content].active{display:block}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass{margin:5px}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass input{display:none}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass input:hover+label .class-colors-outer,.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass input:checked+label .class-colors-outer{position:relative}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass input:hover+label .class-colors-outer:after,.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass input:checked+label .class-colors-outer:after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;border-radius:4px;background:rgba(0,0,0,.1);z-index:1}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass input:checked+label .class-colors-outer{border:1px solid hsla(0,0%,100%,.5)}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass label{width:100%;display:block;cursor:pointer}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass label .class-title{display:none}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass label .class-colors-outer{display:inline-flex;border:1px solid hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden;background:rgba(0,0,0,.03)}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass label .class-colors-outer .class-colors{display:flex;border-radius:0px;overflow:hidden;margin:10px;position:relative;z-index:2}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass label .class-colors-outer .class-colors .bgclass{display:block;height:40px;width:23px;position:relative}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass label .class-colors-outer .class-colors .bgclass:first-child{border-left:1px solid rgba(0,0,0,.1)}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass label .class-colors-outer .class-colors .bgclass:last-child{border-right:1px solid rgba(0,0,0,.1)}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass label .class-colors-outer .class-colors .bgclass:before,.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass label .class-colors-outer .class-colors .bgclass:after{content:"";position:absolute;left:0px;width:100%;height:1px;background:#000;opacity:.1}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass label .class-colors-outer .class-colors .bgclass:before{top:0px}.skinswitch-list__container .container__configurator .configurator__row .stylebgclasses .stylebgclass label .class-colors-outer .class-colors .bgclass:after{bottom:0px}.skinswitch-list__container .container__configurator .configurator__row .radioimg .layout{position:relative}.skinswitch-list__container .container__configurator .configurator__row .radioimg .layout img{filter:grayscale(1)}.skinswitch-list__container .container__configurator .configurator__row .radioimg .layout:hover input{display:none}.skinswitch-list__container .container__configurator .configurator__row .radioimg .layout:hover label{display:block;position:relative}.skinswitch-list__container .container__configurator .configurator__row .radioimg .layout:hover label:before{content:"";position:absolute;top:-10px;left:-10px;width:100%;height:100%;border-radius:4px;border:10px solid rgba(0,0,0,.1);border-radius:4px}.skinswitch-list__container .container__configurator .configurator__row .radioimg .layout input{display:none}.skinswitch-list__container .container__configurator .configurator__row .radioimg .layout input:checked+label{display:block;position:relative}.skinswitch-list__container .container__configurator .configurator__row .radioimg .layout input:checked+label:before{content:"";position:absolute;top:-10px;left:-10px;width:100%;height:100%;border-radius:4px;border:10px solid rgba(0,0,0,.1);border-radius:4px}.skinswitch-list__container .container__configurator .configurator__row .radioimg .layout input:checked+label img{filter:grayscale(0)}.skinswitch-list__container .container__configurator .configurator__row .radioimg .layout+.layout{margin-top:30px}.skinswitch-list__container .container__configurator .configurator__row .radioimg label{cursor:pointer}.skinswitch-list__container .container__configurator .configurator__row .radioimg label .tooltip{position:absolute;top:50%;right:100%;margin-right:10px;transform:translateY(-50%);text-align:center;padding:5px 10px;border-radius:1px;border:1px solid rgba(0,0,0,.2);white-space:nowrap;display:none;box-sizing:content-box}.skinswitch-list__container .container__configurator .configurator__row .radioimg label .tooltip:after{content:"";position:absolute;top:50%;left:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--zepp-bgweb2-background-color)}.skinswitch-list__container .container__configurator .configurator__row .radioimg label .tooltip:before{content:"";position:absolute;top:50%;left:100%;margin-top:-7px;border-width:7px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,.2)}.skinswitch-list__container .container__configurator .configurator__row .radioimg label:hover .tooltip{display:block}.skinswitch-list__container .container__configurator .configurator__row .radioimg img{width:100%;height:auto;display:block}.skinswitch-list__container .container__configurator .configurator__row .inner{display:flex;flex-wrap:wrap;justify-content:space-between}.skinswitch-list__container .container__configurator .configurator__row .confrow{display:flex;width:47%;background-color:#ebebeb;justify-content:space-between;margin-bottom:6%;border-radius:4px;cursor:pointer}.skinswitch-list__container .container__configurator .configurator__row .confrow label{order:2;display:flex;align-items:center;flex-direction:column;width:100%;padding:5% 12px;height:100%;box-sizing:border-box;cursor:pointer}.skinswitch-list__container .container__configurator .configurator__row .confrow label:hover{opacity:.9}.skinswitch-list__container .container__configurator .configurator__row .confrow label:hover div.image img.original{animation:imagefadeOutIn 3s infinite}.skinswitch-list__container .container__configurator .configurator__row .confrow label:hover div.image img.hover{animation:imagefadeInOut 3s infinite}.skinswitch-list__container .container__configurator .configurator__row .confrow label span{text-align:center;margin-top:12%;margin-bottom:12%}.skinswitch-list__container .container__configurator .configurator__row .confrow label img{filter:grayscale(1);max-width:90%;height:auto}.skinswitch-list__container .container__configurator .configurator__row .confrow label.activated img{filter:grayscale(0)}.skinswitch-list__container .container__configurator .configurator__row .confrow input[type=checkbox]{order:1;margin:5px 10px 0px 0px;display:none}.skinswitch-list__container .container__configurator .configurator__row .confrow .customselect-label svg{margin-top:-10px}.skinswitch-list__container .container__configurator .configurator__row .confrow .tabtext{font-size:calc(15px + (19 - 15)*(100vw - 1350px)/(1920 - 1350));line-height:calc(19px + (23 - 19)*(100vw - 1350px)/(1920 - 1350))}.skinswitch-list__container .container__configurator .configurator__row .confrow div.image{display:flex;justify-content:space-around;position:relative;width:100%}.skinswitch-list__container .container__configurator .configurator__row .confrow div.image.bildhover{margin-top:2.5%}.skinswitch-list__container .container__configurator .configurator__row .confrow div.image img.hover{position:absolute;left:50%;top:0px;transform:translateX(-50%);opacity:0;transition:opacity .3s ease 0s}.skinswitch-list__container .container__configurator .configurator__row .options{width:100%}.skinswitch-list__container .container__configurator .configurator__row .options .additionaloptions.active{margin-bottom:25px}.skinswitch-list__container .container__configurator .options div.additionaloptions{display:none}.skinswitch-list__container .container__configurator .options div.additionaloptions.active{display:block}.skinswitch-list__container .container__configurator .options div.additionaloptions .optionheader{font-weight:bold;margin-bottom:5px}.skinswitch-list__container .container__configurator .options div.additionaloptions .optioncolors-outer{margin-left:-5px}.skinswitch-list__container .container__configurator .options div.additionaloptions div>div{display:inline-flex;border:1px solid hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden;position:relative;margin:5px}.skinswitch-list__container .container__configurator .options div.additionaloptions div>div.optioncolor{background:rgba(0,0,0,.03)}.skinswitch-list__container .container__configurator .options div.additionaloptions div>div:hover label:after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;border-radius:4px;background:rgba(0,0,0,.1);z-index:1}.skinswitch-list__container .container__configurator .options div.additionaloptions div>div input{display:none}.skinswitch-list__container .container__configurator .options div.additionaloptions div>div input:checked+label:after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;border-radius:4px;background:rgba(0,0,0,.1);z-index:1}.skinswitch-list__container .container__configurator .options div.additionaloptions div>div label{margin:10px;cursor:pointer}.skinswitch-list__container .container__configurator .options div.additionaloptions div>div label span{z-index:2;position:relative;display:block;width:74px;height:40px;font-size:0px;border:1px solid hsla(0,0%,100%,.1)}.skinswitch-list__container .container__configurator .buttons{margin-top:30px}.skinswitch-list__container .container__configurator .customselect-box{position:relative}.skinswitch-list__container .container__configurator .customselect-box .customselect-label{padding-right:25px;cursor:pointer}.skinswitch-list__container .container__configurator .customselect-box .customselect-label:hover{opacity:.8}.skinswitch-list__container .container__configurator .customselect-box .customselect-label svg{width:20px;height:20px;position:absolute;right:0px;top:50%;margin-top:-5px}.skinswitch-list__container .container__configurator .customselect-box.open .customselect{max-height:500px;opacity:1;padding:.5em;z-index:2}.skinswitch-list__container .container__configurator .customselect-box.open .customselect-label svg{transform:rotate(180deg)}.skinswitch-list__container .container__configurator .customselect-box .customselect{box-sizing:border-box;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;width:100%;z-index:-1;border:1px solid #ccc;padding:.5em;margin-top:.3em;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);max-height:300px;overflow-y:auto}.skinswitch-list__container .container__configurator .customselect-box .customselect input[type=radio]{margin:5px 10px 0px 0px}.skinswitch-list.bgweb .skinswitch-list__container .container__templatewindow .templatewindow_inner .iframcontainer .templatewindow:before,.skinswitch-list.bgweb .skinswitch-list__container .container__templatewindow .templatewindow_inner .iframcontainer .templatewindow:after{background:var(--zepp-bgweb2-background-color)}.skinswitch-list.bgweb .skinswitch-list__container .container__templatewindow .templatewindow_inner .iframcontainer iframe{border-left:3px solid var(--zepp-bgweb2-background-color);border-right:1px solid var(--zepp-bgweb2-background-color)}@media(max-width: 1350px){.skinswitch-list .skinswitch-list__container{display:none}}.skinswitch-list .skinswitch-list__outer .imageouter{display:none;margin-top:calc(40px + (var(--zepp-spacesmall-nopx-padding-bottom) - 40)*(100vw - 414px)/1286)}@media(max-width: 1350px){.skinswitch-list .skinswitch-list__outer .imageouter{display:block}}.skinswitch-list .skinswitch-list__outer .imageouter a{display:block}.skinswitch-list .skinswitch-list__outer .imageouter a picture{width:100%}.skinswitch-list .skinswitch-list__outer .imageouter .buttons{display:flex;justify-content:flex-end;margin-top:20px}.skinswitch-list .skinswitch-list__outer .imageouter .buttons a.button1{display:inline-block}#loader-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.8);z-index:9999;display:none;align-items:center;justify-content:center}#loader-overlay.active{display:flex}.spinner{width:50px;height:50px;border:6px solid #000;border-top:6px solid #02aef9;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes imagefadeInOut{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes imagefadeOutIn{0%{opacity:1}50%{opacity:0}100%{opacity:1}}