.iScrollWrapper{position:relative;overflow:hidden}.iScrollWrapper .colorChartGraph img{margin:0 auto}.iScrollScroller{width:auto;position:absolute;z-index:1;list-style:none;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transform:translateZ(0);transform:translateZ(0);transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;white-space:nowrap}.iScrollSlide{display:inline-block;list-style:none}.colorChartGraph__item{margin:0;padding:45px 0 0;position:relative}.colorChartGraph__itemName>span:not(:first-of-type){border-left:2px solid #fff}.kolestonPerfect .colorChartGraph__item.colorChartGraph__item--last{min-width:425px}.kolestonPerfectInnosense .colorChartGraph__item.colorChartGraph__item--last{min-width:284px}.desktop-device .colourChart .colorChartGraph__buttonNav{word-wrap:normal}.desktop-device .colourChart .colorChartGraph__buttonNav:hover .colorChartGraph__arrow,.desktop-device .colourChart .colorChartGraph__buttonNav:hover .slick-arrow{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.desktop-device .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev:hover .colorChartGraph__arrow,.desktop-device .colourChart .colorChartGraph__buttonNav .slick-prev:hover .colorChartGraph__arrow{-webkit-animation-name:bounceLeft;animation-name:bounceLeft}.desktop-device .colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next:hover .colorChartGraph__arrow,.desktop-device .colourChart .colorChartGraph__buttonNav .slick-next:hover .colorChartGraph__arrow{-webkit-animation-name:bounceRight;animation-name:bounceRight}.colourChart{background:#e9e9e9;background:rgba(233,233,233,0.35);margin:0 -29.5px;padding:60px 0 75px;position:relative}.colourChart.colourChartRoll{padding:60px 0}.colourChart .header-decor h2{margin:0 0 50px}.colourChart .header-decor p{font-size:1.2em;color:#000;margin-bottom:45px}.colourChart .colorChartGraph__paginator{width:100%;text-align:center;position:absolute;bottom:-105px}.colourChart .colorChartGraph__page{display:inline-block;margin:0 3px}.colourChart .colorChartGraph__page a{overflow:hidden;display:block;width:14px;height:14px;border-radius:50%;background:#b8b8b8;font-size:0;text-indent:-9999em}@media only screen and (max-width: 767px){.colourChart .colorChartGraph__page:last-child{display:none}}.colourChart .colorChartGraph__page.is-current a{background:#c8003c}.colourChart .colorChartGraph__buttonNav{width:172px;height:80px;padding:12px 15px;background:#c5c5c5;position:absolute;z-index:10;top:50%;margin-top:-40px;overflow:hidden}.colourChart .colorChartGraph__buttonNav .colorChartGraph__arrow{display:block}.colourChart .colorChartGraph__buttonNav p{font-family:"Aspira W05 Regular";font-size:1.6em;line-height:18px;text-transform:uppercase;color:#f8f8f8;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev{left:0}.colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev .colorChartGraph__arrow{background-image:url(../i/sprite/sprite_1669982090580.png);background-position:-216px -344px;width:29px;height:56px;float:left}.colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev p{right:15px;left:59px}.colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next{right:0}.colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next .colorChartGraph__arrow{background-image:url(../i/sprite/sprite_1669982090580.png);background-position:-187px -344px;width:29px;height:56px;float:right}.colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next p{left:15px;right:55px}.colourChart.paints .colorChartGraph.has-ordinate{padding-left:166px}@media only screen and (max-width: 767px){.colourChart.paints .colorChartGraph.has-ordinate{padding-left:0}}.colourChart.paints .colorChartGraph__ordinate{bottom:-2px}@media only screen and (min-width: 1025px) and (max-width: 1399px){.colourChart.paints .colorChartGraph__ordinate{left:30px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.colourChart.paints .colorChartGraph__ordinate{left:76px}}@media only screen and (max-width: 767px){.colourChart.paints .colorChartGraph__ordinate{z-index:0}}.colourChart.paints .colorChartGraph__buttonNav p,.colourChart.paints .colorChartGraph__itemName{display:none}@media only screen and (min-width: 768px) and (max-width: 1024px){.colourChart.paints .colorChartGraph__picture img,.colourChart.paints .colorChartGraph__ordinate img{height:512px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.colourChart.paints .colourChartMenu{display:none}}.colorChartGraph__wrapper{position:relative;margin-bottom:0}@media only screen and (min-width: 768px) and (max-width: 1024px){.colorChartGraph__wrapper{margin-bottom:40px}}@media only screen and (max-width: 767px){.colorChartGraph__wrapper{margin-bottom:40px}}.colorChartGraph{margin:0 auto;position:relative;-webkit-transition:width 0.2s ease;transition:width 0.2s ease}.colorChartGraph.has-ordinate{padding-left:62px}.colourChartMenu{display:none}.colourChartMenu select{text-transform:uppercase}.colourChartMenu .selectBox+.selectBox{margin-top:10px}.colourChartMenu .styled-select-wrapper{border:none;height:40px}.colourChartMenu .styled-select-text{text-transform:uppercase;font-size:1.4em;color:#fff;padding-right:40px;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}.colourChartMenu .styled-select-button{width:40px;background:#b8b8b8 url("../i/_redesign/select_arrow_colour_chart.png") center center no-repeat}.colorChartGraph__ordinate{position:absolute;z-index:1000;bottom:0;left:0}.colourChartDubleRow .colorChartGraph__ordinate{top:60px}.colorChartGraph__bodyWrapper{height:auto;margin:0 auto}@media only screen and (max-width: 767px){.colorChartGraph__bodyWrapper{height:inherit}}.colorChartGraph__body .colorChartGraph__picture{width:100%;height:100%}.colorChartGraph__body .colorChartGraph__itemName{font-family:"Aspira W05 Thin";font-size:1.8em;text-transform:uppercase;text-align:center;color:#fff;width:100%;height:30px;line-height:30px;position:absolute;top:0;left:0;white-space:normal}.colorChartGraph__body .colorChartGraph__itemName>span:not(:first-of-type){border-left:2px solid #f7f7f7}.colorChartGraph__body .colorChartGraph__itemNameWrapper{display:table;width:100%;height:30px}.colorChartGraph__body .colorChartGraph__itemNamePositioner{display:table-cell;vertical-align:middle}.colorChartGraph__body .groupName{display:inline-block}.colorChartGraph__body .colorChartGraph__pictureImg{max-width:initial}.colorChartGraph__body .groupNameSingle .colorChartGraph__itemName{height:60px;line-height:60px}@media only screen and (min-width: 1025px) and (max-width: 1399px){.colorFresh .colorChartGraph__body .colorChartGraph__itemName>span:not(:first-of-type){width:465px !important}}.kolestonPerfectInnosense .colorChartGraph__item:first-child .colorChartGraph__itemName>span:first-child .colorChartGraph__itemNamePositioner,.kolestonPerfectInnosense .colorChartGraph__item:last-child .colorChartGraph__itemName>span:last-child .colorChartGraph__itemNamePositioner{line-height:1;font-size:0.7em}[lang="de"] .colorTouch .colorChartGraph__item:first-child .colorChartGraph__itemName>span:first-child .colorChartGraph__itemNamePositioner{line-height:1;font-size:0.7em}@media screen and (min-width: 1025px) and (max-width: 1399px){.colourChart{padding:42.85714px 0 53.57143px}.colourChart .header-decor h2{margin:0 0 35.71429px}.colourChart .header-decor p{font-size:1em;margin-bottom:32.14286px}.colourChart .colorChartGraph__buttonNav{width:100px;height:55px;padding:8px 10px;margin-top:-22.5px}.colourChart .colorChartGraph__buttonNav p{font-size:1.14286em;line-height:12.85714px}.colourChart .colorChartGraph__buttonNav .colorChartGraph__arrow{margin-top:3px}.colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev .colorChartGraph__arrow{background-image:url(../i/sprite/sprite_1669982090580.png);background-position:-378px -137px;width:18px;height:35px}.colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev p{right:10px;left:35px}.colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next .colorChartGraph__arrow{background-image:url(../i/sprite/sprite_1669982090580.png);background-position:-378px -96px;width:18px;height:35px}.colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next p{left:10px;right:35px}.colourChart img{max-height:520px}.colourChart.magmaByBlondor .colorChartGraph__bodyWrapper{height:345px}.colourChart.magmaByBlondor img{height:269px}}@media screen and (max-width: 1024px){.colourChart{margin:0;padding:40px 20px}.colourChart.colourChartRoll{padding:40px 20px 0}.colourChart .header-decor h2{margin:0 0 50px}.colourChart .header-decor p{font-size:1.2em;margin-bottom:35px}.colourChart .colorChartGraph__paginator{bottom:-45px;padding-left:0}.colourChart .colorChartGraph__buttonNav{width:33px;height:48px;background:transparent;padding:10px;margin-top:-14px}.colourChart .colorChartGraph__buttonNav p{display:none}.colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev{left:auto;right:-19px;margin-top:45px}.colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--prev .colorChartGraph__arrow{background-image:url(../i/sprite/sprite_1669982090580.png);background-position:-462px -175px;width:13px;height:28px;float:none}.colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next{right:-20px}.colourChart .colorChartGraph__buttonNav.colorChartGraph__buttonNav--next .colorChartGraph__arrow{background-image:url(../i/sprite/sprite_1669982090580.png);background-position:-462px -141px;width:13px;height:28px;float:none}.colourChart.magmaByBlondor .colorChartGraph__bodyWrapper{height:345px}.colourChart.magmaByBlondor img{height:269px}.colorChartGraph__wrapper{padding:0 7px}.colorChartGraph{width:100%;padding-left:0;margin-top:20px;padding-right:0}.colorChartGraph.has-ordinate{padding-left:0;padding-right:19px}.colourChartMenu{display:block}.colorChartGraph__ordinate{top:0}.colourChartDubleRow .colorChartGraph__ordinate{top:0}.has-ordinate .colorChartGraph__bodyWrapper{margin-left:44px}}@media only screen and (max-width: 1024px) and (max-width: 767px){.has-ordinate .colorChartGraph__bodyWrapper{margin-left:30px}}@media screen and (max-width: 1024px){.colorChartGraph__body .colorChartGraph__item{vertical-align:top;padding-top:0}.colorChartGraph__body .colorChartGraph__itemName{display:none}}@media only screen and (max-width: 767px){.productPage.paints .prodPresentation .prodVisual img{margin-top:-20px;margin-bottom:-10px}.productPage.paints .colourChartRoll.paints{padding:40px 0 55px}.productPage.paints .colourChartRoll.paints .header-decor.center{position:absolute;background-color:#f7f7f7;z-index:99;height:210px;padding-top:50px;top:0;font-size:12px}.productPage.paints .colourChartRoll.paints .header-decor.center h2{font-size:30px;text-transform:uppercase;margin:0 0 15px}.productPage.paints .colourChartRoll.paints .header-decor.center p{margin:0 20px;color:#000}.productPage.paints .colourChartRoll.paints .header-decor.center p::before{content:"TIP: ";font-weight:bold}.productPage.paints .colourChartRoll.paints .colorChartGraph__wrapper{top:-50px;padding:0}.productPage.paints .colourChartRoll.paints .colorChartGraph__wrapper .colourChartMenu{display:none}.productPage.paints .colourChartRoll.paints .colorChartGraph__paginator::after{content:"swipe to see more colors";text-transform:uppercase;font-size:15px;margin-top:18px;color:#b8b8b8;display:block}.productPage.paints .colourChartRoll.paints .colorChartGraph__bodyWrapper{margin-left:164px}.productPage.paints .colourChartRoll.paints .colorChartGraph.has-ordinate{padding-right:0}.productPage.paints .colourChartRoll.paints .colorChartGraph__buttonNav{display:none}.productPage.paints .isotope.tiles .item.tile.block-3x1.dark{width:300px}.productPage.paints .isotope.tiles .item.tile.block-3x1.dark .mask{padding:0 0 100px}.productPage.paints .isotope.tiles .item.tile.block-3x1.dark .mask .mask-content{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.productPage.paints .isotope.tiles .item.tile.block-3x1.dark .mask .mask-content .mask-headline{font-size:28px}.productPage.paints .isotope.tiles .item.tile.block-3x1.dark .mask .mask-content .mask-headline .firstLine{margin-top:12px}.productPage.paints .isotope.tiles .item.tile.block-3x1.dark .mask .mask-content .mask-headline .firstLine::after{background:transparent}.colourChart.colourChartRoll.newColorChart{padding:40px 0 55px}}.ColorMultiproductInformationDocument+.main #Footer .footerpanels.paints{display:none}.swipeInfo{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.45);z-index:10;text-align:center;display:none}@media only screen and (max-width: 1024px){.swipeInfo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.swipeInfo img{width:100px}.colorChartGraph__bodyWrapper .slide-previous,.colorChartGraph__bodyWrapper .slide-next{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;max-width:240px;min-width:210px;height:80px;position:absolute;z-index:10;top:50%;margin-top:-40px;overflow:hidden;background:#c5c5c5;font-family:"Aspira W05 Regular";font-size:1.6em;line-height:18px;text-transform:uppercase;color:#f8f8f8;border:none;cursor:pointer}@media only screen and (min-width: 768px) and (max-width: 1024px){.colorChartGraph__bodyWrapper .slide-previous,.colorChartGraph__bodyWrapper .slide-next{display:none !important}}@media only screen and (max-width: 767px){.colorChartGraph__bodyWrapper .slide-previous,.colorChartGraph__bodyWrapper .slide-next{display:none !important}}.colorChartGraph__bodyWrapper .slide-previous:hover:before,.colorChartGraph__bodyWrapper .slide-next:hover:before{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.colorChartGraph__bodyWrapper .slide-previous::before,.colorChartGraph__bodyWrapper .slide-next::before{content:"";height:100%;background-repeat:no-repeat}.colorChartGraph__bodyWrapper .slide-previous div,.colorChartGraph__bodyWrapper .slide-next div{width:auto;max-width:170px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.colorChartGraph__bodyWrapper .slide-previous div p,.colorChartGraph__bodyWrapper .slide-next div p{text-align:left;width:auto}.colorChartGraph__bodyWrapper .swiper-button-disabled{display:none !important}.colorChartGraph__bodyWrapper .slide-previous{left:0}.colorChartGraph__bodyWrapper .slide-previous:hover:before{-webkit-animation-name:bounceLeft;animation-name:bounceLeft}.colorChartGraph__bodyWrapper .slide-previous::before{margin-left:15px;background-image:url(../i/sprite/sprite_1669982090580.png);background-position:-216px -344px;width:29px;height:56px}.colorChartGraph__bodyWrapper .slide-previous div{margin-left:10px}.colorChartGraph__bodyWrapper .slide-previous p{margin:0 10px 0 0}.colorChartGraph__bodyWrapper .slide-next{right:0;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.colorChartGraph__bodyWrapper .slide-next:hover:before{-webkit-animation-name:bounceRight;animation-name:bounceRight}.colorChartGraph__bodyWrapper .slide-next::before{margin-right:15px;background-image:url(../i/sprite/sprite_1669982090580.png);background-position:-187px -344px;width:29px;height:56px}.colorChartGraph__bodyWrapper .slide-next div{margin-right:10px}.colorChartGraph__bodyWrapper .slide-next p{margin:0 0 0 10px}.colorChartGraph__bodyWrapper .swiper img{margin:0 auto}.colorChartGraph__bodyWrapper .swiper .swiper-slide{width:648px}.colorChartGraph__bodyWrapper .swiper .swiper-pagination{position:relative;bottom:0;margin-top:10px}.colorChartGraph__bodyWrapper .swiper .swiper-pagination-bullet{width:14px;height:14px}.colorChartGraph__bodyWrapper .swiper .swiper-pagination-bullet-active{background:#c8003c}.colorChartGraph__bodyWrapper .swiper .swiper-pagination li{width:14px;height:14px}.colorChartGraph__bodyWrapper .swiper .swiper-pagination li button::before{content:"";border-radius:50%;background:#b8b8b8;width:100%;height:100%}.colorChartGraph__bodyWrapper .swiper .swiper-pagination li.slick-active button::before{background:#c8003c}