.viva-wrapper{max-width:1080px;margin:0 auto;min-height:1920px;padding-bottom:52px;position:relative}.viva-wrapper .header{width:1080px}.viva-wrapper .header .back-button{padding:22px 0}.viva-wrapper .header.compact .back-button{padding:10px 0}.viva-wrapper .header .back-button .type-1{padding:0 40px;line-height:44px}.viva-wrapper .footer{position:absolute;bottom:0;left:0;width:100%;height:52px;padding:20px;text-align:center}.viva-wrapper .reference-image-component{margin-bottom:40px;border-radius:5px;overflow:hidden;box-shadow:rgba(0,0,0,.25) 0 5px 10px -2.5px}.viva-wrapper .reference-image-component .reference-image-text{display:none}.viva-wrapper .grid .grid-item.small{width:33.33333%}.viva-wrapper .grid .grid-item.small .extra{display:none}.viva-wrapper .grid .grid-item.small .inner img{max-width:100%;max-height:70%;width:auto!important;margin:0 auto!important}.viva-wrapper .grid .grid-item.small .text-container{text-align:center;padding-bottom:42px;background:#fff}.viva-wrapper .grid .grid-item.small .text-container h5{width:100%;font-size:2.4em;line-height:1em}.viva-wrapper .grid .grid-item.small.with-hover-layer img{max-width:70%;margin:10px auto!important}.viva-wrapper .grid .grid-item.small.with-hover-layer .toggle-button{display:none}.viva-wrapper .viva-product-head{}.viva-wrapper .viva-product-head .product-image{padding:50px 10px}.viva-wrapper .viva-product-head .product-image img{max-width:100%;max-height:600px;display:block;margin:0 auto}.viva-wrapper .viva-small-container{padding:15px 15px 0 15px;max-width:760px;margin:0 auto;width:100%}.viva-wrapper .viva-product-navigation .nav-item{width:50%}.viva-wrapper .viva-product-navigation .nav-item .nav-link{font-weight:700;font-size:1.6rem}.viva-wrapper .viva-product-navigation .nav-item .nav-link.active,.viva-wrapper .viva-product-navigation .nav-item .nav-link:focus,.viva-wrapper .viva-product-navigation .nav-item .nav-link:hover{color:#282724}.viva-wrapper .viva-product-head h1{font-size:50px}.viva-wrapper .viva-product-head p.bodytext{font-size:1.8rem}.viva-wrapper .viva-small-container ul.highlights li h2{font-size:1.8rem}.viva-wrapper .viva-small-container p.introtext{font-size:1.8rem}.viva-wrapper .viva-small-container .variant-details.table .row .th,.viva-wrapper .viva-small-container .variant-details.table .row .td{font-size:1.6rem}.header{background-color:#fff;position:fixed;width:100%;z-index:1100;top:0}.header .content{padding:16px 24px;box-sizing:border-box;transition:padding 300ms ease-in-out}.header .content .logo{margin:0 8px 0 0;transition:margin 300ms ease-in-out}.header .content .logo img{width:88px;height:88px;display:block;transition:width 300ms ease-in-out , height 300ms ease-in-out;margin:0}.header .content .main-menu{margin:39px 0 0;transition:margin 300ms ease-in-out}.header .content .main-menu .menu-item{font-size:20px;font-family: var(--font-family-medium);line-height:42px;letter-spacing:-.5px;padding:0 3px;cursor:pointer}.header .content .main-menu .menu-item a{color:#000;transition:color 300ms ease-in-out}.header .content .main-menu .menu-item a.menu-item--country-selector{color:#868e96}.header .content .icons .icon .country-selector-icon{height:38px;margin:0 0 8px}.header .content .icons .icon .country-selector-icon img{margin:8px 0 0;height:22px;width:22px}.header .content .main-menu .menu-item.no-submenu{padding:0 11px 0 5px}.header .content .main-menu .menu-item.hover a{color:#df0a25;text-decoration:none}.header .content .main-menu .menu-item span{color:#df0a25;height:20px;line-height:20px}.header .content .main-menu .menu-item span::before{height:20px;line-height:20px}.header .content .main-menu .menu-item.hover .arrow{display:block;content:'';position:absolute;background:url(https://dev.baumit.com/images/megamenu/xsubmenu-arrow.png.pagespeed.ic.Kequv8FV1t.png);width:28px;height:15px;bottom:-25px;left:calc(50% - 10px);transform:translateX(-50%);z-index:10;transition:bottom 300ms ease-in-out}.header .content .main-menu .menu-item.no-submenu .submenu::before{display:none}.header .content .main-menu .menu-item .submenu{display:none;border:1px solid #e2e0da;position:absolute;background-color:#fff;color:#000;width: calc(100% + 48px);padding:24px;left:-24px;top:104px;cursor:default;transition:top 300ms ease-in-out}.header .content .main-menu .menu-item .submenu.one-col>.row{flex-direction:column}.header .content .main-menu .menu-item .submenu.one-col>.row .submenu-item img{display:none}.icon.country:hover .submenu--country{display:block}.container-fluid.submenu.submenu--country{display:none;border:1px solid #e2e0da;position:absolute;background-color:#fff;color:#000;padding:0 0;left:-67px;cursor:default;transition:top 300ms ease-in-out;width:220px;height:280px}.compact .container-fluid.submenu.submenu--country{left:-86px}.submenu--country .country-selection-wrapper{display:block;height:calc(100% - 48px);width:100%;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.submenu--country .dropdown-item{display:block;opacity:1;font-size:19px;font-family: var(--font-family-normal);line-height:1.5;text-align:left}.submenu--country .submenu--country-up,.submenu--country .submenu--country-down{display:block;height:24px;text-align:center;float:left;width:100%}.submenu--country .submenu--country-up .material-icons,.submenu--country .submenu--country-down .material-icons{color:#575550}.submenu--country .submenu--country-up.active .material-icons,.submenu--country .submenu--country-down.active .material-icons{color:#df0a25}.submenu--country .country-selection-wrapper::-webkit-scrollbar{width:2px}.submenu--country .country-selection-wrapper .dropdown-item.selected-country{position:relative}.submenu--country .country-selection-wrapper .dropdown-item.selected-country:before{position:absolute;left:0;color:#df0a25;height:20px;line-height:20px;content:"\F142";display:inline-block;font:24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header .content .main-menu .menu-item .submenu .row{margin:0 -12px}.header .content .main-menu .menu-item .submenu.visible{display:block}.header .content .main-menu .menu-item .submenu .submenu-item{margin:0;padding:0 12px}.header .content .main-menu .menu-item .submenu .submenu-item img{display:block;max-width:186px;margin:0 0 19px;max-height:120px}.header .content .main-menu .menu-item .submenu .submenu-item img.large{max-width:100%;margin:0}.header .content .main-menu .menu-item .submenu .submenu-item .teaser{position:relative;display:block;width:100%;height:104px;padding:18px;margin:0 0 8px;box-sizing:border-box}.header .content .main-menu .menu-item .submenu .submenu-item .teaser i{position:absolute;right:18px;top:18px;font-size:24px}.header .content .main-menu .menu-item .submenu .submenu-item .teaser img:not(.large) {position:absolute;right:18px;top:18px;width:24px;height:24px;margin:0}.header .content .main-menu .menu-item .submenu .submenu-item .teaser p{position:absolute;left:18px;bottom:18px;font-size:20px;font-family: var(--font-family-medium);line-height:1;margin:0}.header .content .main-menu .menu-item .submenu .submenu-item .teaser.red{background-color:#df0a25}.header .content .main-menu .menu-item .submenu .submenu-item .teaser.red i{color:#fff}.header .content .main-menu .menu-item .submenu .submenu-item .teaser.red p{color:#fff}.header .content .main-menu .menu-item .submenu .submenu-item .teaser.grey{background-color:#ecebe7}.header .content .main-menu .menu-item .submenu .submenu-item .teaser.grey i{color:#575550}.header .content .main-menu .menu-item .submenu .submenu-item .teaser.grey p{color:#000}.header .content .main-menu .menu-item .submenu .submenu-item .teaser.with-background{height:auto;padding:0;margin:0}.header .content .main-menu .menu-item .submenu .submenu-item .teaser:nth-last-child(1) {margin:0}.header .content .main-menu .menu-item .submenu .submenu-item a{color:#000}.header .content .main-menu .menu-item .submenu .submenu-item a:hover{color:#df0a25}.header .content .icons{margin:24px 0 0;transition:margin 300ms ease-in-out}.header .content .icons .icon{text-align:center;width:66px;cursor:pointer;transition:width 300ms ease-in-out}.header .content .icons .icon.country{width:85px}.header .content .icons .icon.myBaumit{position:relative}.header .content .icons .icon.myBaumit.loggedInLCJury a{color:#df0a25}.header .content .icons .icon.myBaumit .myBaumit-counter{background:#e00a24;color:#fff;font-size:10px;line-height:20px;border-radius:2px;position:absolute;width:25px;height:20px;right:0;top:-15px;transition:right 300ms ease-in-out}.header .content .icons .icon.myBaumit .myBaumit-counter::after{position:absolute;display:block;content:'';bottom:-6px;left:6px;width:0;height:0;border-top:6px solid #e00a24;border-right:8px solid transparent}.header .content .icons .icon:hover{color:#df0a25}.header .content .icons .icon p{color:#575550;font-size:14px;font-family: var(--font-family-medium);line-height:16px;margin:0;opacity:1;transition:opacity 300ms ease-in-out}.header .content .icons .icon:hover p{color:#df0a25}.header .content .icons .icon a{display:block;color:#575550;text-decoration:none;width:100%;height:62px;transition:all 300ms ease-in-out}.header.compact .content .icons .icon p.language-country-code-wrapper{display:none}.header .content .icons .icon a.language-country-code{color:#575550;height:unset;display:unset}.header .content .icons .icon a.language-country-code.active{color:#df0a25;text-decoration:underline;height:14px}.header .content .icons .icon a:hover{color:#df0a25}.header .content .icons .icon span{font-size:30px;margin:0 0 8px;position:relative;display:block;transition:margin 300ms ease-in-out}.header .content .icons .icon span::before{height:38px;line-height:38px;display:block}.header.compact .content{padding:8px 24px}.header.compact .content .logo{margin:0 19px 0 0}.header.compact .content .logo img{width:64px;height:64px}.header.compact .content .main-menu{margin:11px 0 0}.header.compact .content .icons{margin:13px 0 0}.header.compact .content .icons .icon{font-size:0;line-height:0;width:44px}.header.compact .content .icons .icon.myBaumit .myBaumit-counter{right:-10px}.header.compact .content .icons .icon a{width:44px;height:43px}.header.compact .content .icons .icon span{margin:0}.header.compact .content .icons .icon p{opacity:0}.header.compact .content .main-menu .menu-item.hover .arrow{bottom:-21px}.header.compact .content .main-menu .menu-item .submenu{top:72px}.header.compact .content .search-container{top:72px}.header .content .icons .icon.hamburger{width:0;overflow:hidden;transition:width 300ms ease-in-out}.header .mobile-menu-background{position:fixed;background-color:#000;width:100vw;height:100vh;top:0;left:0;z-index:-1;content:'';opacity:0;pointer-events:none;transition:opacity 300ms ease-in-out;display:none}.header .mobile-menu-background.visible{z-index:5;opacity:.7;pointer-events:all;display:block}.header .menu-loading-container.visible{position:fixed;top:0;height:100vh;width:100vw}.header .menu-loading-container .common-loader{display:block;position:absolute;width:64px;height:64px;left:50%;top:50%;margin-left:-32px;margin-top:-58px;z-index:6;visibility:hidden}.header .menu-loading-container.visible .common-loader{visibility:visible}.header .menu-loading-container .common-loader div:after{background:#fff}.header .mobile-menu,.header .mobile-menu-country{background-color:#fff;position:fixed;min-width:280px;height:100vh;top:0;right:-280px;z-index:10;overflow:hidden;transition:right 300ms ease-in-out}.header .mobile-menu-country{overflow:auto}.header .mobile-menu.visible,.header .mobile-menu-country.visible{right:0}.header .mobile-menu-header,.header .mobile-menu-container .mobile-menu-item{border-bottom:1px solid #e2e0da}.header .mobile-menu-header p{position:relative;color:#575550;font-size:18px;font-family: var(--font-family-normal);line-height:52px;margin:0;padding:0 16px;top:28px}.header .mobile-menu-header i{position:absolute;width:52px;height:52px;top:14px;right:15px;line-height:52px;text-align:center;cursor:pointer}.header .mobile-menu-container{position:absolute;width:280px;left:0;transition:left 300ms ease-in-out}.header .mobile-menu-container.selected .mobile-menu-item:nth-last-child(1) {margin-bottom:152px}.header .mobile-menu-container.level-2-menu,.header .mobile-menu-container.level-3-menu{left:280px}.header .mobile-menu-container.hidden{left:-280px}.header .mobile-menu-container.selected{left:0;height:100vh;overflow-x:scroll}.header .mobile-menu-container .mobile-menu-item a{position:relative;display:inline-block;color:#000;font-size:18px;font-family: var(--font-family-medium);line-height:25px;width:238px;padding:8px 16px;vertical-align:top}.header .mobile-menu-container .mobile-menu-item.level-3-item a{width:280px;top:0}.header .mobile-menu-container .mobile-menu-item.level-3-item a.title{width:238px}.header .mobile-menu-container .mobile-menu-item a.title{background-color:#f7f5f4}.header .mobile-menu-container .mobile-menu-item a:hover{color:#df0a25;text-decoration:none}.header .mobile-menu-container .mobile-menu-item.selected a{color:#df0a25}.header .mobile-menu-container .mobile-menu-item span{display:inline-block;background-color:transparent;border-left:1px solid #e2e0da;cursor:pointer;transition:background-color 300ms ease-in-out}.header .mobile-menu-container .mobile-menu-item span.title{background-color:#f7f5f4;border-left:unset;border-right:1px solid #e2e0da}.header .mobile-menu-container .mobile-menu-item span::before{color:#df0a25;font-size:24px;width:41px;text-align:center;line-height:41px}.header-spacer{height:120px;background:#fff;max-width:1280px;width:100%;margin:0 auto}.search-trends-container{display:block;width:100%;position:absolute;top:100%;left:0;border:1px solid #e2e0da;background:#fff;margin-top:-7px}.search-trend-title{color:#df0a25;margin:0;font-size:130%;font-weight:bold;padding-left:15px}.search-trend-item{-webkit-transition:background .5s linear;-moz-transition:background .5s linear;-ms-transition:background .5s linear;-o-transition:background .5s linear;transition:background .5s linear;padding-left:15px;border-bottom:solid 1px #e2e0da}.search-trend-item:hover{background:#e4e4e2}.search-trend-item a{color:inherit;display:block;line-height:45px}.search-trend-item a:hover{color:inherit}@media screen and (max-width:1279px){.header .content .main-menu .menu-item .submenu{top:80px}.header .content .main-menu .menu-item.hover .arrow{bottom:-18px}.header .content .logo img{width:64px;height:64px}.header .content .main-menu{margin:22px 0 0}.header .content .main-menu .menu-item{font-size:16px}.header .content .icons{margin:7px 0 -5px}.header .content .icons .icon{font-size:12px}.header .content .icons .icon span{margin:0 0 6px}.header-spacer{height:96px}.header .content .search-container{top:78px}}@media screen and (max-width:959px){.header .content{padding:12px 16px}.header .content .logo img{width:56px;height:56px}.header .content .main-menu{display:none}.header .content .icons{height:56px;margin:0}.header .content .icons .icon{width:52px;height:56px}.header .content .icons .icon.myBaumit .myBaumit-counter{display:none}.header .content .icons .icon.hamburger{width:52px}.header .content .icons .icon a{width:52px;height:56px}.header .content .icons .icon span{margin:0}.header .content .icons .icon span::before{height:56px;line-height:56px}.header .content .icons .icon p{opacity:0;display:none}.header .content .icons .icon.country{width:52px}.header .content .icons .icon.country:hover .submenu--country{display:none!important}.header .content .icons .icon p.language-country-code-wrapper{display:block;opacity:1;font-size:0;margin-top:-8px}.header .content .icons .icon p.language-country-code-wrapper a.language-country-code.active{font-size:10px}.header .content .icons .icon .country-selector-icon img{margin:15px 0 0;height:22px;width:22px}.header-spacer{height:80px}.header .content .search-container{top:66px}.target-group .inner{padding:4px 16px}}@media screen and (max-width:599px){.header-spacer{height:52px}.header .content .search-container{top:42px}.header .content{padding:8px}.header .content .logo img{width:36px;height:36px}.header .content .icons{height:36px}.header .content .icons .icon{width:36px;height:36px;margin:0 0 0 8px}.header .content .icons .icon.country{width:36px}.header .content .icons .icon p.language-country-code-wrapper{display:block;opacity:1;font-size:0;margin-top:-8px}.header .content .icons .icon p.language-country-code-wrapper a.language-country-code.active{font-size:10px}.header .content .icons .icon .country-selector-icon img{margin:8px 0 0;height:20px;width:20px}.header .content .logo{margin:0}.header .content .icons .icon.hamburger{width:36px}.header .content .icons .icon a{width:36px;height:36px}.header .content .icons .icon span::before{height:36px;line-height:36px}.header .mobile-menu-header p{top:0;padding:0 52px 0 16px}.header .mobile-menu-header i{top:0;right:0}.target-group{font-size:14px}.target-group .inner{padding:4px 8px}.target-group .mdi{margin:0}.target-group .target-group-title{width:100%;padding:0 0 0 4px}.target-group .target-group-item{width:50%}.target-group .target-group-button{width:19px;height:19px}.target-group .target-group-button span{font-size:10px;line-height:12px}}@media screen and (min-width:960px) and (max-width:1100px){.header .content .icons .icon{width:55px}.header .content .icons .icon p{font-size:11px;line-height:11px}}