@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fade{opacity:1}.fade-enter,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity 300ms ease !important}.fade-scale{opacity:1;transform:scale(1)}.fade-scale-enter,.fade-scale-leave-to{opacity:0;transform:scale(0.9)}.fade-scale-enter-active,.fade-scale-leave-active{transition:opacity 300ms ease, transform 300ms ease !important}.fade-scale-full{opacity:1;transform:scale(1)}.fade-scale-full-enter,.fade-scale-full-leave-to{opacity:0;transform:scale(0)}.fade-scale-full-enter-active,.fade-scale-full-leave-active{transition:opacity 300ms ease, transform 300ms ease !important}.fade-slide-down{opacity:1;transform:translateY(0)}.fade-slide-down-enter,.fade-slide-down-leave-to{opacity:0;transform:translateY(100%)}.fade-slide-down-enter-active,.fade-slide-down-leave-active{transition:opacity 300ms ease, transform 300ms ease !important}.fade-slide-up{opacity:1;transform:translateY(100%)}.fade-slide-up-enter,.fade-slide-up-leave-to{opacity:0;transform:translateY(0)}.fade-slide-up-enter-active,.fade-slide-up-leave-active{transition:opacity 300ms ease, transform 300ms ease !important}.slide{max-height:inherit}.slide-enter,.slide-leave-to{max-height:0px}.slide-enter-active,.slide-leave-active{transition:max-height 300ms ease, transform 300ms ease !important}[v-cloak]{display:none}._row._checkbox-radio span{display:inline-block}.values-banner{padding:60px 0 30px}.values-banner__value{position:relative;text-align:center;z-index:2}.values-banner__value .values-banner__value-title{top:0;bottom:0;left:0;height:30%;right:0;margin:auto}.values-banner__value p{margin:0}.values-banner__value-body{opacity:0;transition:opacity .3s ease}.values-banner__value:hover .values-banner__value-body{opacity:1}.values-banner__value-title{font-size:18px;font-weight:900;opacity:1;position:absolute;transition:opacity .3s ease;cursor:default}.values-banner__value:hover .values-banner__value-title{opacity:0}.values-banner__values{-ms-flex-align:stretch !important;align-items:stretch !important;-ms-flex-pack:justify !important;justify-content:space-between !important}@media (min-width: 800px){.segments{width:calc(100% + 40%) !important}}.segments__item{margin-bottom:20px}.search-result-info h3{margin-bottom:0px}.search-result-info .productSku{margin-bottom:0px}@font-face{font-family:'fontello';src:url("/font/fontello.eot?26051057");src:url("/font/fontello.eot?26051057#iefix") format("embedded-opentype"),url("/font/fontello.woff2?26051057") format("woff2"),url("/font/fontello.woff?26051057") format("woff"),url("/font/fontello.ttf?26051057") format("truetype"),url("/font/fontello.svg?26051057#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-circle-empty:before{content:'\f10c'}.icon-circle-thin:before{content:'\f1db'}.products-category .product-filters input[type=checkbox]+label:before{border:1px solid #0a0a0a;width:14px;height:14px}.products-category .product-filters input[type=checkbox]+label.zero-results:before{border:1px solid rgba(10,10,10,0.4)}#product-filter-list label .filter-count{color:rgba(227,30,54,0.8)}#product-filter-list label.zero-results{color:rgba(10,10,10,0.4);pointer-events:none}#product-filter-list label.zero-results .filter-count{color:rgba(10,10,10,0.4)}.accordion-broen.collapsed ul{display:none !important}.accordion-broen ul{display:block !important}#product-list__pagination{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:50px 0}#product-list__pagination .pagination-item,#product-list__pagination .pagination-item-clorius{width:30px;height:30px;line-height:30px;background-color:rgba(227,30,54,0.5);color:white;text-align:center;margin-right:10px;margin-bottom:10px;cursor:pointer}#product-list__pagination .pagination-item.active,#product-list__pagination .pagination-item-clorius.active{background-color:#e31e36}.row.product>div{width:100%}@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait){.products-category .product-filters input,.products-category .product-filters label,.products-category .product-filters select{font-size:12px}}.tabs-content .table-full{min-width:800px;table-layout:fixed;margin-top:20px}.tabs-content .table-full th p{line-height:1;transform:rotate(-45deg);transform-origin:0% 0%;margin-top:35px;margin-bottom:0;max-width:90px}.tabs-content .table-full td{word-break:break-all;line-height:1.1;font-size:15px}@media print{@page{margin:15mm 10mm 15mm 10mm}.print-product-item{margin:0px 0px}.prevent-break{page-break-inside:avoid}h1{font-size:30px;margin-bottom:0px}.product-titleBar{width:100%}table tbody,table tfoot,table thead{border:0px}table .top-img{max-height:130px;max-width:90% !important;margin-bottom:5px}table .print-20{width:20%}table .print-80{width:80%}.print-container{width:100%;font-size:15px}.print-container .table-full{font-size:15px}.print-container .print-20{width:20%;float:left}.print-container .print-80{width:80%;float:left}.print-container h3{margin-top:30px;margin-bottom:0px}h3,h3.product-info-title{font-size:22px}.catalogue-product-list{width:100%}table tbody td,table tbody th{padding:3px 0 3px 0;border-bottom:1px solid #ccc}hr{border-bottom:0px}.footer__aalberts,.catalogue-map{max-width:21cm}.catalogue-top-logo img{margin-top:15px;margin-bottom:15px;margin-left:80%}.catalogue-front-page .front-page-image{margin:0;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%, -50%)}#catalogue-footer{display:block;position:fixed;bottom:0}.catalogue-map{margin-top:1.1cm;margin-bottom:10px}#view--products-detail .breadcrumbs{display:none}#view--products-detail .small-12{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}#view--products-detail #product-tab--dimensions{page-break-before:always}#view--products-detail .gallery-image img,#view--products-detail .gallery-image.hidden img{margin:0 !important;display:inline-block;max-width:55% !important}#view--products-detail .gallery-image,#view--products-detail .gallery-image.hidden{display:inline-block;float:left;width:100%}#view--products-detail .button{display:none}footer,.social-share,.back-button,.heading.full-width{display:none}}html,body{font-family:Calibri, Helvetica, Arial, sans-serif}.separator{display:none}#product-list-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#product-list-container .product{-ms-flex-positive:1;flex-grow:1;-ms-flex-order:1;order:1;width:100%}#product-list-container button{-ms-flex-order:2;order:2;display:none}.business__text{margin-left:-5px}.business__text .business__preview__title{padding-bottom:25px;border-left:1px solid #e31e36;position:relative;padding-left:10px;line-height:1}.business__text .business__preview__title:after{content:"";position:absolute;bottom:0;left:-1px;height:1px;width:10px;border-bottom:1px solid #e31e36}.business__text .business__preview__title:before{content:"\f1db";background:white;position:absolute;left:-5.5px;border-radius:50%;width:10px;height:13px;background-size:cover;background-color:#fff;color:#e31e36;font-family:'fontello';font-size:12px;line-height:16px}.business__text p{padding-left:17px;margin-top:-10px}.signature>h2{padding-bottom:25px;border-left:1px solid #e31e36;position:relative;padding-left:15px;line-height:1}.signature>h2:before{content:"\f1db";background:white;position:absolute;left:-7.5px;border-radius:50%;width:12px;height:22px;background-size:cover;background-color:#fff;color:#e31e36;font-family:'fontello';font-size:17px;top:0px;line-height:30px}.signature>h2:after{content:"";position:absolute;bottom:0;left:-1px;height:1px;width:10px;border-bottom:1px solid #e31e36}.signature .container{margin-left:20px;margin-top:-20px}.footer__aalberts a{-ms-flex-negative:0;flex-shrink:0;width:100%}article ul{margin-left:1.25rem}@media screen and (max-width: 63.9375em) and (min-width: 40em){.product-filters ul.menu a.close-mobile{font-size:0.8rem}}@media screen and (max-width: 39.9375em){.signature>h2{margin-top:15px;padding-left:15px}.signature>h2:before{left:-5.5px;width:12px;height:11px;font-size:12px;line-height:1}.signature .container{margin-left:10px}.products-category .product-list>.title{font-size:2.125rem;line-height:1.2}}#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{background-color:#fff !important;color:#18a300 !important}.loader,.loader:after{border-radius:50%;width:10em;height:10em}.loader{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(227,30,54,0.2);border-right:1.1em solid rgba(227,30,54,0.2);border-bottom:1.1em solid rgba(227,30,54,0.2);border-left:1.1em solid #e31e36;transform:translateZ(0);animation:load8 1.1s infinite linear}@keyframes load8{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#loader-container{height:80vh;width:100%;padding-top:10vh}@media (max-width: 1024px){.footer__navigation .google-maps{width:100% !important;top:0;bottom:0;left:0;right:0;height:30%;margin:auto;position:relative}.map-overlay{display:none}}.case .case__text p{color:#5a5a5a}.case:hover .case__text .case__title,.case:focus .case__text .case__title{color:#e31e36}.continent{margin-bottom:10px}.header__logo .logo-broen{display:block}.header__logo .logo-clorius{display:none}.header__search--icon i{margin-left:3px}#generateCatalogbtn{margin-left:10px}.non-compano-page-container{margin-left:10px;margin-right:10px}.mobile-table{overflow-x:auto}.product-finder{margin-top:20px;margin-left:10px}.product-finder-result{margin-left:10px;margin-right:10px}
.case-clorius__overview {
    display: grid;
    grid-template-columns: 100%;
    gap: 30px;

    @media screen and (min-width: 600px) {
        grid-template-columns: 1fr 1fr;
    }

    @media screen and (min-width: 860px) {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.case-clorius {
    display: flex;
    margin-bottom: 0;
    width: 100%;
}

.case-clorius__body {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    background-color: #fafafa;
    border-radius: 3px;
}

.case-clorius__button, .case__button {
    display: inline-block;
    border: 2px solid #e31e36;
    line-height: 26px;
    width: fit-content;

    .case-clorius:hover & {
        border: 2px solid white;
    }

    &:hover {
        color: white;

        span {
            max-width: 200px;
            opacity: 1;
        }
    }

    span {
        line-height: inherit;
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        max-width: 0;
        white-space: nowrap;
        transition: all .2s linear;
        direction: rtl;
        opacity: 0;
        color: white;

        &:after {
            content: "";
            display: inline-block;
            width: 0.5rem;
        }
    }

    svg {
        width: 9.68px;
        height: 16.258px;
        vertical-align: middle;
        display: inline-block;
        margin: 0 8px;
        padding-bottom: 1px;
        fill: #e31e36;

        .case-clorius:hover & {
            fill: white;
        }
    }
}

.case-clorius__image {
    margin-bottom: 0;
    height: unset;
    aspect-ratio: 16/9;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.case-clorius__text {
    flex: 1 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    transition: background-color .3s;

    .case-clorius:hover & {
        background-color: #4b4b4b;

        & p {
            color: white;
        }
    }

    & p {
        font-size: 14px;
        line-height: 1.5;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: color .2s;
        margin-bottom: 1.5rem;
        color: #4b4b4b;
    }
}

.case-clorius__title {
    font-size: 1rem;
    font-weight: 400;
    transition: color .2s;
    color: #e31e36;
    margin: 0 0 0.5rem;
    transition: color .2s;

    .case-clorius:hover & {
        color: white;
    }
}