.article-template .breadcrumbs-list{position:relative;top:8px}.article-container .page-width .row .column.column-1{flex-basis:46%;max-width:46%;display:flex;flex-direction:column}.article-container .page-width .row .column.column-2{flex-basis:54%;max-width:54%}.diy-pattern h1{color:var(--color-diy);text-transform:uppercase;font-size:23px}.diy-pattern h2{font-size:20px}.diy-pattern h3{color:var(--color-diy);font-size:18px;font-weight:var(--font-weight-bold);margin-bottom:12px}.diy-pattern .download-button i{margin:0 1px 0 -8px}.diy-pattern h1+h2{margin-top:3px;font-weight:var(--font-weight-normal)}.diy-pattern h1+h3{margin-top:3px}.diy-pattern strong{color:var(--color-diy)}.diy-pattern ol li{padding:0 0 0 5px}.diy-pattern .button{background-color:var(--color-diy);border-color:var(--color-diy)}.diy-pattern .button:hover{background-color:var(--color-diy-hover);border-color:var(--color-diy-hover)}.diy-pattern .article--image-container{flex:1;max-height:calc(100vh - 164px);position:sticky;top:140px;display:flex;flex-direction:column}.article--image-container .carousel-main{flex:1;background-color:#eee;position:relative}.carousel-main-container{width:100%;height:100%;position:absolute;top:0;left:0}.article--image-container .carousel-thumbs{height:95px;margin-top:10px}.carousel-main-container ul.carousel-main-list{width:100%;height:100%;list-style:none;padding:0 1px 0 0;margin:0}.carousel-main-container ul.carousel-main-list li{width:100%;height:100%;float:left;display:none}.carousel-main-container ul.carousel-main-list li:first-child,.carousel-main-container ul.carousel-main-list.slick-initialized li{display:block}.carousel-main-container ul.carousel-main-list li img{width:100%;height:100%;display:block;object-fit:cover}.carousel-main-list .slick-list,.carousel-main-list .slick-list .slick-track{height:100%}.carousel-main-list .slick-control.slick-control-prev{left:-8px}.carousel-main-list .slick-control.slick-control-next{right:-7px}.carousel-thumbs ul.carousel-thumbs-list{list-style:none;padding:0;margin:0}.carousel-thumbs ul.carousel-thumbs-list li{width:16.66%;padding:4px 2px;float:left}.carousel-thumbs ul.carousel-thumbs-list li img{width:100%;height:100%;display:block;border-width:1px;border-style:solid;border-color:#fff}.carousel-thumbs ul.carousel-thumbs-list li.slick-current img{box-shadow:0 0 4px #0006}.diy-tabs{margin:0}.diy-tablink-container{display:flex;flex-wrap:wrap;border-width:0 0 1px 0;border-style:solid;border-color:#ccc;padding:12px 0 0;position:sticky;top:126px;z-index:100}.diy-tablink-container:before{content:"";position:absolute;left:0;right:0;bottom:0;top:-20px;background-color:#fff}.diy-tablink-container .diy-tablink{position:relative;border-width:1px 1px 0 1px;border-style:solid;padding:6px 14px;margin:4px 0 0 4px;border-radius:4px 4px 0 0;border-color:#ccc;font-weight:600;color:#666;font-size:14px;line-height:1.1;cursor:pointer}.diy-tablink-container .diy-tablink:hover,.diy-tablink-container .diy-tablink.active{background-color:var(--color-diy);border-color:var(--color-diy);color:#fff}.diy-tablink-container .diy-tablink.active{cursor:default}.diy-tabcontent-container{margin:20px 0}.diy-tabcontent{border-width:0 0 1px 0;border-style:dashed;border-color:#ccc;padding:0 12px 8px;margin:22px 0 20px}.diy-tabcontent.double ul:first-of-type{column-count:2;column-gap:40px}.diy-tabcontent ul.diy-tabimage-list{list-style:none;padding:0;margin:20px 0}.diy-tabcontent ul.diy-tabimage-list li img{width:100%;height:auto;display:block}.diy-tabcontent ul.diy-tabproduct-list{padding:0;margin:20px -6px;list-style:none;display:flex;flex-wrap:wrap}.diy-tabcontent ul.diy-tabproduct-list li{flex-basis:25%;max-width:25%;padding:4px 6px;line-height:1.2}a.diy-tabproduct-link{text-decoration:none}.diy-tabproduct-image{background-color:#ddd;position:relative;aspect-ratio:1;box-shadow:0 0 3px #0000004d;transition:all .2s}.diy-tabproduct-image img{width:100%;height:100%;display:block;object-fit:cover}.diy-tabproduct-artnr{font-size:11px;text-align:center;padding:6px 0 4px}a.diy-tabproduct-link:hover{color:var(--color-diy)}a.diy-tabproduct-link:hover .diy-tabproduct-image{transform:scale(1.02);-ms-transform:scale(1.02);-webkit-transform:scale(1.02)}@media screen and (max-width: 1024px){.diy-tablink-container{top:94px}}@media screen and (max-width: 820px){.article-container .page-width .row .column.column-1,.article-container .page-width .row .column.column-2{flex-basis:100%;max-width:100%}.article--image-container .carousel-main{aspect-ratio:1}.diy-tabcontent.double ul:first-of-type{column-count:1}.diy-tablink-container{top:88px}}@media screen and (max-width: 680px){.diy-tablink-container{top:100px}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/section-diy-article.css.map */