/*
 * Theme Name: Artware Child
 * Theme URI: https://www.artware.gr/
 * Description: Artware Child is a child theme of Artware
 * Author: Artware Development Team
 * Author URI: https://www.artware.gr/
 * Template: artware
 * Version: 1.3
 * Text Domain: artware-child
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/*
 * Contents:
 * General.
 * Slide in with fade in effects.
 * Splide progress bar navigation.
 * Product types selector.
 * Posts per page selector.
 * Pagination.
 * Header.
 * - Top header.
 * - Main header.
 * Burger menu.
 * Search popup.
 * Breadcrumbs.
 * Home.
 * Product.
 * - Product intro.
 * - Product sticky bar.
 * - Product popup (media + variations).
 * - Product benefits.
 * - Product support.
 * - Product video.
 * - Product banner UN1 Power.
 * - Product related.
 * New arrivals.
 * Product categories.
 * UN1 Power.
 * Brushless.
 * Demo.
 * - Demo post.
 * Catalogues.
 * Guarantee.
 * Service.
 * Manuals & Spare parts.
 * About.
 * Brand.
 * Diktio.
 * Giveaway.
 * Showroom.
 * Contact us.
 * Terms.
 * Policy.
 * 404.
 * Search results.
 * Block: Marquee.
 * Block: Header.
 * Block: Istagram.
 * Block: Specialties.
 * Block: YouTube.
 * Block: Button.
 * Block: Mark.
 * Block: Product categories slide.
 * Block: Feature products slide.
 * Contact form 7.
 * Newsletter.
 * Footer.
 * Complianz.
 */

/* General. */
@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-Bold.woff2') format('woff2'),
         url('assets/fonts/OpenSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-ExtraBold.woff2') format('woff2'),
         url('assets/fonts/OpenSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-Regular.woff2') format('woff2'),
         url('assets/fonts/OpenSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
         url('assets/fonts/OpenSans-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-SemiBold.woff2') format('woff2'),
         url('assets/fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-0: #8A8A8D;
    --color-1: #FF661B;
    --color-1-hover: #F68B57;
    --color-1-transparent: rgba(246,139,87,.5);
    --color-2: #45C2B1;
    --color-2-hover: #7FCDC1;
    --color-2-transparent: rgba(127,205,193,.5);
    --color-3: #009ADD;
    --color-3-hover: #66B3E3;
    --color-3-transparent: rgba(102,179,227,.5);

    --color-4: #FFFFFF;
    --color-4-transparent: rgba(255,255,255,.5);
    --color-5: #F2F2F2;
    --color-6: #D9DAD9;
    --color-7: #A5A5A5;
    --color-8: #545554;
    --color-9: #2C2C2C;
    --color-10: #000000;
    --color-10-transparent: rgba(0,0,0,.7);
    --color-11: #ED1C24;
    --color-12: #949494;
    --color-12-transparent: rgba(148,148,148,.20);
    --color-13: #393839;
    --color-14: #1F1F1F;

    --width-1254: 1254px;
    --width-1024: 1024px;
    --width-574: 574px;
    --width-400: 400px;
}

::selection {
    background-color: var(--color-1);
    color: var(--color-4);
}

* {
    scrollbar-width: thin;
    scrollbar-color: #757575 #1e1e1e;
}

html {
    /* overflow-x: hidden; */
}

body {
    font-family: 'Open Sans';
    /* overflow-x: hidden; */
}
body.admin-bar {
    margin-top: 32px;
}

#main-container {
    overflow-x: clip;
    /* overflow-y: clip; */
}

.page-template-page-arrivals .mainHeader,
.page-template-page-un1power .mainHeader,
.page-template-page-brushless .mainHeader,
.page-template-page-service .mainHeader,
.page-template-page-demos .mainHeader,
.page-template-page-about .mainHeader,
.page-template-page-catalogues .mainHeader,
.page-template-page-guarantee .mainHeader,
.page-template-page-brand .mainHeader,
.page-template-page-diktio .mainHeader,
.page-template-page-antallaktika .mainHeader,
.page-template-page-terms .mainHeader,
.page-template-page-policy .mainHeader,
.page-template-page-giveaway .mainHeader,
.page-template-page-showroom .mainHeader,
.page-template-page-contactus .mainHeader,
.post-type-archive-krausmann_products .mainHeader,
.archive .mainHeader,
.search-results .mainHeader,
.search-no-results .mainHeader,
.single-demo .mainHeader {
    background-color: var(--color-4);
    border-bottom: 1px solid var(--color-5);
}
.page-template-page-arrivals #main-container,
.page-template-page-un1power #main-container,
.page-template-page-brushless #main-container,
.page-template-page-service #main-container,
.page-template-page-demos #main-container,
.page-template-page-about #main-container,
.page-template-page-catalogues #main-container,
.page-template-page-guarantee #main-container,
.page-template-page-brand #main-container,
.page-template-page-diktio #main-container,
.page-template-page-antallaktika #main-container,
.page-template-page-terms #main-container,
.page-template-page-policy #main-container,
.page-template-page-giveaway #main-container,
.page-template-page-showroom #main-container,
.page-template-page-contactus #main-container,
.post-type-archive-krausmann_products #main-container,
.archive #main-container,
.search-results #main-container,
.search-no-results #main-container,
.single-demo #main-container {
    padding: 0 20px;
    position: relative;
    overflow-x: clip;
}
.page-template-page-arrivals .breads,
.page-template-page-un1power .breads,
.page-template-page-brushless .breads,
.page-template-page-service .breads,
.page-template-page-demos .breads,
.page-template-page-about .breads,
.page-template-page-catalogues .breads,
.page-template-page-guarantee .breads,
.page-template-page-brand .breads,
.page-template-page-diktio .breads,
.page-template-page-antallaktika .breads,
.page-template-page-terms .breads,
.page-template-page-policy .breads,
.page-template-page-giveaway .breads,
.page-template-page-showroom .breads,
.page-template-page-contactus .breads,
.post-type-archive-krausmann_products .breads,
.archive .breads,
.search-results .breads,
.search-no-results .breads,
.single-demo .breads {
    padding-top: 10px;
}
.page-template-page-arrivals h1,
.page-template-page-un1power h1,
.page-template-page-brushless h1,
.page-template-page-service h1,
.page-template-page-demos h1,
.page-template-page-about h1,
.page-template-page-catalogues h1,
.page-template-page-guarantee h1,
.page-template-page-brand h1,
.page-template-page-diktio h1,
.page-template-page-antallaktika h1,
.page-template-page-terms h1,
.page-template-page-policy h1,
.page-template-page-giveaway h1,
.page-template-page-showroom h1,
.page-template-page-contactus h1,
.post-type-archive-krausmann_products h1,
.archive h1,
.search-results h1,
.search-no-results h1,
.single-demo h1 {
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 80%;
    font-weight: 800;
    font-size: 98px;
    line-height: 98px;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-6);
    hyphens: auto;
}
.page-template-page-arrivals h1:not(:has(+ .pageTemplate__tagline)),
.page-template-page-un1power h1:not(:has(+ .pageTemplate__tagline)),
.page-template-page-brushless h1:not(:has(+ .pageTemplate__tagline)),
.page-template-page-service h1:not(:has(+ .pageTemplate__tagline)),
.page-template-page-demos h1:not(:has(+ .pageTemplate__tagline)),
.page-template-page-about h1:not(:has(+ .pageTemplate__tagline)),
.page-template-page-catalogues h1:not(:has(+ .pageTemplate__tagline)),
.page-template-page-guarantee h1:not(:has(+ .pageTemplate__tagline)),
.page-template-page-brand h1:not(:has(+ .pageTemplate__tagline)),
.page-template-page-diktio h1:not(:has(+ .pageTemplate__tagline)),
.page-template-page-antallaktika h1:not(:has(+ .pageTemplate__tagline)),
.page-template-page-terms h1:not(:has(+ .pageTemplate__tagline)),
.page-template-page-policy h1:not(:has(+ .pageTemplate__tagline)),
.page-template-page-giveaway h1:not(:has(+ .pageTemplate__tagline)),
.page-template-page-showroom h1:not(:has(+ .pageTemplate__tagline)),
.page-template-page-contactus h1:not(:has(+ .pageTemplate__tagline)),
.post-type-archive-krausmann_products h1:not(:has(+ .pageTemplate__tagline)),
.archive h1:not(:has(+ .pageTemplate__tagline)),
.search-results h1:not(:has(+ .pageTemplate__tagline)),
.search-no-results h1:not(:has(+ .pageTemplate__tagline)),
.single-demo h1:not(:has(+ .pageTemplate__tagline)) {
    margin-bottom: 90px;
}

.pageTemplate__tagline {
    margin-top: 24px;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    color: var(--color-9);
}

h2 {
    font-weight: 800;
    font-size: 54px;
    line-height: 80px;
    color: var(--color-9);
}
h4 {
    font-weight: 800;
    font-size: 30px;
    line-height: 44px;
    color: var(--color-9);
}

p,
ul,
td {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 30px;
    color: var(--color-8);
}
td {
    line-height: 24px;
}
ul:not(.menu):not(.sub-menu):not(.breads-inn):not(.gmap-list):not(.wpml-ls ul):not(.krausmannProduct__intro__about__description ul.wp-block-list) {
    padding-left: 38px;
    list-style: none;
}
ul:not(.menu):not(.sub-menu):not(.breads-inn):not(.gmap-list):not(.wpml-ls ul):not(.krausmannProduct__intro__about__description ul.wp-block-list) li {
    margin-bottom: 12px;
    position: relative;
}
ul:not(.menu):not(.sub-menu):not(.breads-inn):not(.gmap-list):not(.wpml-ls ul):not(.krausmannProduct__intro__about__description ul.wp-block-list) li:last-child {
    margin-bottom: 0;
}
ul:not(.menu):not(.sub-menu):not(.breads-inn):not(.gmap-list):not(.wpml-ls ul):not(.krausmannProduct__intro__about__description ul.wp-block-list) li::before {
    content: '';
    width: 21px;
    height: 12px;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/list-arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/list-arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 12px;
    left: -38px;
}

@media(max-width: 1366px) {
    .page-template-page-arrivals .breads,
    .page-template-page-un1power .breads,
    .page-template-page-brushless .breads,
    .page-template-page-service .breads,
    .page-template-page-demos .breads,
    .page-template-page-about .breads,
    .page-template-page-catalogues .breads,
    .page-template-page-guarantee .breads,
    .page-template-page-brand .breads,
    .page-template-page-diktio .breads,
    .page-template-page-antallaktika .breads,
    .page-template-page-terms .breads,
    .page-template-page-policy .breads,
    .page-template-page-giveaway .breads,
    .page-template-page-showroom .breads,
    .page-template-page-contactus .breads,
    .post-type-archive-krausmann_products .breads,
    .archive .breads,
    .search-results .breads,
    .search-no-results .breads,
    .single-demo .breads {
        display: none;
    }
    .page-template-page-arrivals h1,
    .page-template-page-un1power h1,
    .page-template-page-brushless h1,
    .page-template-page-service h1,
    .page-template-page-demos h1,
    .page-template-page-about h1,
    .page-template-page-catalogues h1,
    .page-template-page-guarantee h1,
    .page-template-page-brand h1,
    .page-template-page-diktio h1,
    .page-template-page-antallaktika h1,
    .page-template-page-terms h1,
    .page-template-page-policy h1,
    .page-template-page-giveaway h1,
    .page-template-page-showroom h1,
    .page-template-page-contactus h1,
    .post-type-archive-krausmann_products h1,
    .archive h1,
    .search-results h1,
    .search-no-results h1,
    .single-demo h1 {
        margin-top: 46px;
        font-size: 30px;
        line-height: 34px;
    }
    .page-template-page-arrivals h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-un1power h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-brushless h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-service h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-demos h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-about h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-catalogues h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-guarantee h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-brand h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-diktio h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-antallaktika h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-terms h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-policy h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-giveaway h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-showroom h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-contactus h1:not(:has(+ .pageTemplate__tagline)),
    .post-type-archive-krausmann_products h1:not(:has(+ .pageTemplate__tagline)),
    .archive h1:not(:has(+ .pageTemplate__tagline)),
    .search-results h1:not(:has(+ .pageTemplate__tagline)),
    .search-no-results h1:not(:has(+ .pageTemplate__tagline)),
    .single-demo h1:not(:has(+ .pageTemplate__tagline)) {
        margin-bottom: 46px;
    }

    .pageTemplate__tagline {
        margin-top: 14px;
        font-size: 16px;
        line-height: 18px;
    }

    h2 {
        font-size: 30px;
        line-height: 34px;
    }
    h4 {
        font-size: 20px;
        line-height: 30px;
    }

    p,
    ul,
    td {
        font-size: 14px;
        line-height: 22px;
    }
    td {
        line-height: 14px;
    }
    ul:not(.menu):not(.sub-menu):not(.breads-inn):not(.gmap-list):not(.wpml-ls ul):not(.krausmannProduct__intro__about__description ul.wp-block-list) {
        padding-left: 25px;
    }
    ul:not(.menu):not(.sub-menu):not(.breads-inn):not(.gmap-list):not(.wpml-ls ul):not(.krausmannProduct__intro__about__description ul.wp-block-list) li {
        /* margin-bottom: 0; */
    }
    ul:not(.menu):not(.sub-menu):not(.breads-inn):not(.gmap-list):not(.wpml-ls ul):not(.krausmannProduct__intro__about__description ul.wp-block-list) li::before {
        width: 17.5px;
        height: 10px;
        top: 8px;
        left: -25px;
    }
}
@media(max-width: 781px) {
    .page-template-page-arrivals h1,
    .page-template-page-un1power h1,
    .page-template-page-brushless h1,
    .page-template-page-service h1,
    .page-template-page-demos h1,
    .page-template-page-about h1,
    .page-template-page-catalogues h1,
    .page-template-page-guarantee h1,
    .page-template-page-brand h1,
    .page-template-page-diktio h1,
    .page-template-page-antallaktika h1,
    .page-template-page-terms h1,
    .page-template-page-policy h1,
    .page-template-page-giveaway h1,
    .page-template-page-showroom h1,
    .page-template-page-contactus h1,
    .post-type-archive-krausmann_products h1,
    .archive h1,
    .search-results h1,
    .search-no-results h1,
    .single-demo h1 {
        margin-top: 44px;
    }
    .page-template-page-arrivals h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-un1power h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-brushless h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-service h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-demos h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-about h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-catalogues h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-guarantee h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-brand h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-diktio h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-antallaktika h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-terms h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-policy h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-giveaway h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-showroom h1:not(:has(+ .pageTemplate__tagline)),
    .page-template-page-contactus h1:not(:has(+ .pageTemplate__tagline)),
    .post-type-archive-krausmann_products h1:not(:has(+ .pageTemplate__tagline)),
    .archive h1:not(:has(+ .pageTemplate__tagline)),
    .search-results h1:not(:has(+ .pageTemplate__tagline)),
    .search-no-results h1:not(:has(+ .pageTemplate__tagline)),
    .single-demo h1:not(:has(+ .pageTemplate__tagline)) {
        margin-bottom: 44px;
    }
}

a {
    color: var(--color-1);
    transition: color .3s;
}
a:hover {
    color: var(--color-1-hover);
}

strong {
    font-weight: 600;
}

ul {
    list-style-position: inside;
}

.has-text-align-center {
    text-align: center;
}

.wp-block-column {
    flex-direction: column;
}

.nobreak {
    display: inline-block;
}

.width__1254 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1254);
}
.width__1024 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1024);
}
.width__574 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-574);
}
.width__400 {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-400);
}

@media(max-width: 781px) {
    .width__574,
    .width__400 {
        max-width: 100%;
    }
}

.bgColor__f2f2f2 {
    background-color: var(--color-5);
}

.sep__140-60-60 {
    height: 140px;
}
.sep__100-60-60 {
    height: 100px;
}
.sep__94-50-50 {
    height: 94px;
}
.sep__78-50-46 {
    height: 78px;
}
.sep__78-30-30 {
    height: 78px;
}
.sep__50-33-31 {
    height: 50px;
}
.sep__36-20-20 {
    height: 36px;
}
.sep__30-23-13 {
    height: 30px;
}
.sep__28-17-17 {
    height: 28px;
}
.sep__26-15-10 {
    height: 26px;
}

@media(max-width: 1366px) {
    .sep__140-60-60 {
        height: 60px;
    }
    .sep__100-60-60 {
        height: 60px;
    }
    .sep__94-50-50 {
        height: 50px;
    }
    .sep__78-50-46 {
        height: 50px;
    }
    .sep__78-30-30 {
        height: 30px;
    }
    .sep__50-33-31 {
        height: 33px;
    }
    .sep__36-20-20 {
        height: 20px;
    }
    .sep__30-23-13 {
        height: 23px;
    }
    .sep__28-17-17 {
        height: 17px;
    }
    .sep__26-15-10 {
        height: 15px;
    }
}
@media(max-width: 781px) {
    .sep__78-50-46 {
        height: 46px;
    }
    .sep__50-33-31 {
        height: 31px;
    }
    .sep__30-23-13 {
        height: 13px;
    }
    .sep__26-15-10 {
        height: 10px;
    }
}

.wp-block-gallery {
    margin: 0;
    /* height: 100vw; */
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
    gap: 20px !important;
}
.wp-block-gallery figure {
    width: calc(25% - 20px) !important;
    flex-grow: unset !important;
    aspect-ratio: 1;
}

@media(max-width: 781px) {
    .wp-block-gallery figure {
        width: calc(50% - 10px) !important;
    }
}

.borderSeparator__a5a5a5,
.wp-block-separator.borderSeparator__a5a5a5 {
    margin: 0;
    width: 35px;
    height: 4px;
    background-color: var(--color-7);
    border: none;
}
.borderSeparator__ff661b,
.wp-block-separator.borderSeparator__ff661b {
    margin: 0;
    width: 35px;
    height: 4px;
    background-color: var(--color-1);
    border: none;
}

.underline__2c2c2c {
    margin: 0 auto;
    padding: 0 5px;
    width: fit-content;
    line-height: 38px;
    box-shadow: inset 0 -14px 0 0 var(--color-9);
    transition: box-shadow .3s;
    cursor: default;
}
.underline__2c2c2c:hover {
    box-shadow: inset 0 38px 0 0 var(--color-9);
}
.underline__f68b57 {
    margin: 0 auto;
    padding: 0 5px;
    width: fit-content;
    line-height: 38px;
    box-shadow: inset 0 -14px 0 0 var(--color-1-transparent);
    transition: box-shadow .3s;
    cursor: default;
}
.underline__f68b57:hover {
    box-shadow: inset 0 38px 0 0 var(--color-1-transparent);
}
.underline__7fcdc1 {
    margin: 0 auto;
    padding: 0 5px;
    width: fit-content;
    line-height: 38px;
    box-shadow: inset 0 -14px 0 0 var(--color-2-transparent);
    transition: box-shadow .3s;
    cursor: default;
}
.underline__7fcdc1:hover {
    box-shadow: inset 0 38px 0 0 var(--color-2-transparent);
}
.underline__66b3e3 {
    margin: 0 auto;
    padding: 0 5px;
    width: fit-content;
    line-height: 38px;
    box-shadow: inset 0 -14px 0 0 var(--color-3-transparent);
    transition: box-shadow .3s;
    cursor: default;
}
.underline__66b3e3:hover {
    box-shadow: inset 0 38px 0 0 var(--color-3-transparent);
}

@media(max-width: 1366px) {
    .underline__2c2c2c {
        line-height: 24px;
        box-shadow: inset 0 -9px 0 0 var(--color-9);
    }
    .underline__2c2c2c:hover {
        box-shadow: inset 0 24px 0 0 var(--color-9);
    }
    .underline__f68b57 {
        line-height: 24px;
        box-shadow: inset 0 -9px 0 0 var(--color-1-transparent);
    }
    .underline__f68b57:hover {
        box-shadow: inset 0 24px 0 0 var(--color-1-transparent);
    }
    .underline__7fcdc1 {
        line-height: 24px;
        box-shadow: inset 0 -7px 0 0 var(--color-2-transparent);
    }
    .underline__7fcdc1:hover {
        box-shadow: inset 0 24px 0 0 var(--color-2-transparent);
    }
    .underline__66b3e3 {
        line-height: 24px;
        box-shadow: inset 0 -7px 0 0 var(--color-3-transparent);
    }
    .underline__66b3e3:hover {
        box-shadow: inset 0 24px 0 0 var(--color-3-transparent);
    }
}

.triangles__ff661b {
    position: absolute;
    z-index: 8;
}

.arrowedSection {
    padding: 78px 0 144px 0;
    overflow-x: clip;
}
.arrowedSection .wp-block-columns > .wp-block-column {
    padding: 0 30px;
    position: relative;
}
.arrowedSection .wp-block-columns > .wp-block-column:not(:last-child)::after {
    content: '';
    width: 8px;
    height: calc(100% + 80px);
    background-color: var(--color-12-transparent);
    display: block;
    position: absolute;
    top: -40px;
    right: -4px;
}
.arrowedSection .wp-block-columns > .wp-block-column:first-child {
    --yPixel: 0px;
}
.arrowedSection .wp-block-columns > .wp-block-column:first-child::after {
    transform: translateY(var(--yPixel));
}
.arrowedSection .wp-block-columns > .wp-block-column:nth-child(2) {
    --yPixel: 0px;
}
.arrowedSection .wp-block-columns > .wp-block-column:nth-child(2)::after {
    transform: translateY(var(--yPixel));
}
.arrowedSection .wp-block-columns > .wp-block-column p {
    font-size: 18px;
    line-height: 28px;
}
.arrowedSection .triangles__ff661b {
    top: 50px;
    right: 20%;
}
.arrowedSection .triangles__ff661b svg {
    height: 122px;
}
.arrowedSection .row__separator {
    display: none;
}
.arrowedSection__arrowsGray1 {
    top: calc(50% - 86px);
    right: -100px;
}
.arrowedSection__arrowsOrange1 {
    top: 0;
    left: -10px;
}
.arrowedSection__arrowsGreen2 {
    bottom: -64px;
    right: 25px;
}
.arrowedSection__arrowsBlue2 {
    top: 0;
    right: 0;
}
.arrowedSection__triangles1,
.arrowedSection__triangles2 {
    position: absolute;
    z-index: 7;
}
.arrowedSection__triangles1 {
    bottom: -125px;
    right: 15px;
}
.arrowedSection__triangles2 {
    top: -150px;
    right: -40px;
}
.arrowedSection__triangles1 svg,
.arrowedSection__triangles2 svg {
    height: 122px;
}
.arrowedSection__triangles1 svg path:nth-child(1),
.arrowedSection__triangles1 svg path:nth-child(2),
.arrowedSection__triangles1 svg path:nth-child(3),
.arrowedSection__triangles2 svg path:nth-child(1),
.arrowedSection__triangles2 svg path:nth-child(2),
.arrowedSection__triangles2 svg path:nth-child(3) {
    display: none;
}

@media(max-width: 1366px) {
    .arrowedSection .triangles__ff661b svg {
        height: 88px;
    }
    .arrowedSection__arrowsOrange1 {
        left: 5px;
    }
    .arrowedSection__triangles1 {
        right: -30px;
    }
    .arrowedSection__triangles1 svg,
    .arrowedSection__triangles2 svg {
        height: 88px;
    }
}
@media(max-width: 781px) {
    .arrowedSection {
        padding: 34px 0 58px 0;
    }
    .arrowedSection .wp-block-columns > .wp-block-column:not(:last-child)::after {
        display: none;
    }
    .arrowedSection .triangles__ff661b {
        display: none;
    }
    .arrowedSection .row__separator {
        display: unset;
    }
    .arrowedSection__arrowsGreen2 {
        top: 0;
        bottom: unset;
    }
    .arrowedSection__arrowsBlue2 {
        top: 0;
        left: 20px;
        right: unset;
    }
    .arrowedSection__triangles1 {
        top: -40px;
        bottom: unset;
    }
    .arrowedSection__triangles2 {
        top: -40px;
        left: -215px;
        right: unset;
    }
}

.promoProduct {
    overflow: hidden;
}
.promoProduct h2 {
    line-height: 60px;
}
.promoProduct .width__574 {
    margin: 0 0 0 46px;
    position: relative;
}
.promoProduct .triangles__ff661b {
    bottom: -75px;
    left: clamp(95%,30vw,125%);
}
.promoProduct__tagline {
    font-size: 24px;
    line-height: 35px;
    color: var(--color-7);
}
.promoProduct__description {
    font-size: 18px;
    line-height: 30px;
    color: var(--color-8);
}
.promoProduct__column {
    position: relative;
    overflow: hidden;
}
.promoProduct__product {
    position: relative;
    z-index: 8;
}
.promoProduct__brushless::before {
    content: '';
    display: block;
    width: 316px;
    height: 52px;
    background-image: url(assets/icons/brushless.webp);
    background-repeat: no-repeat;
    background-size: 316px 52px;
    background-position: center;
    position: absolute;
    z-index: 8;
    top: 20px;
    right: 20px;
}
.promoProduct__un1Power20v::before {
    content: '';
    display: block;
    width: 85px;
    height: 49px;
    background-image: url(assets/icons/un1_power_20v.webp);
    background-repeat: no-repeat;
    background-size: 85px 49px;
    background-position: center;
    position: absolute;
    z-index: 8;
    top: 82px;
    right: 25px;
}
.promoProduct__product img {
    transform: scale(.95);
}
.promoProduct__triangles {
    position: absolute;
    z-index: 6;
    bottom: 0;
    left: 0;
}
.promoProduct__series {
    font-weight: 800;
    font-style: italic;
    font-size: clamp(130px, 28vw, 400px);
    line-height: clamp(100px, 20vw, 300px);
    text-align: center;
    color: var(--color-4);
    position: absolute;
    z-index: 7;
    right: 0;
    top: 50%;
    writing-mode: vertical-rl;
    transform: rotate(180deg) translateY(50%);
    white-space: nowrap;
}
.promoProduct__arrowsGray1 {
    z-index: 7 !important;
    left: 5%;
}

@media(max-width: 1366px) {
    .promoProduct .width__574 {
        margin: 0 0 0 22px;
        padding: 0 40px 0 0;
    }
    .promoProduct h2 {
        line-height: 34px;
    }
    .promoProduct .triangles__ff661b {
        display: none;
    }
    .promoProduct__tagline {
        font-size: 12px;
        line-height: 18px;
    }
    .promoProduct__brushless,
    .promoProduct__un1Power20v {
        display: none;
    }
    .promoProduct__product img {
        /* transform: scale(.75); */
    }
    .promoProduct__triangles {
        top: 55px;
        bottom: unset;
        left: -176px;
    }
    .promoProduct__triangles svg {
        width: 350px;
        height: auto;
    }
}
@media(min-width: 883px) and (max-width: 1580px) {
    .promoProduct__column {
        aspect-ratio: 3/4;
    }
    .promoProduct__product {
        top: 50%;
        transform: translateY(-50%);
    }
}
@media(min-width: 782px) and (max-width: 882px) {
    .promoProduct__column {
        aspect-ratio: 3/5.25;
    }
    .promoProduct__product {
        top: 50%;
        transform: translateY(-50%);
    }
}
@media(max-width: 781px) {
    .promoProduct .width__574 {
        margin: 0;
        padding: 35px 20px 60px 20px;
    }
    .promoProduct__description {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4; /* Number of lines you want to display */
        overflow: hidden;
    }
    .promoProduct__column {
        justify-content: center;
        aspect-ratio: 4/3;
    }
    .promoProduct__product img {
        /* transform: scale(.5); */
    }
}
@media(max-width: 581px) {
    .promoProduct__column {
        aspect-ratio: 1;
    }
}

.krausIntro .krausIntro__tagline {
    text-align: right;
    font-size: 30px;
    line-height: 44px;
    color: var(--color-7);
}
.krausIntro h2 {
    text-align: right;
}
.krausIntro p {
    font-size: 28px;
    line-height: 48px;
    text-align: right;
}
.krausIntro figure {
    margin: 0;
    aspect-ratio: 1;
    overflow: hidden;
}
.krausIntro figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
}
.krausIntro .wp-block-separator {
    margin: 0 0 0 auto;
}
.krausIntro .width__574 {
    margin: 0 46px 0 auto;
}
.krausIntro .KrausmannButton {
    text-align: right;
}
.krausIntro .KrausmannMark {
    position: absolute;
    top: calc(100% - 87px);
}

@media(max-width: 1366px) {
    .krausIntro .krausIntro__tagline {
        font-size: 14px;
        line-height: 20px;
    }
    .krausIntro h2 {
        line-height: 44px;
    }
    .krausIntro p {
        font-size: 18px;
        line-height: 30px;
    }
    .krausIntro figure {
        aspect-ratio: unset;
        overflow: unset;
    }
    .krausIntro .width__574 {
        margin: 0 0 0 auto;
        padding: 0 22px 0 40px;
    }
    .krausIntro .KrausmannMark {
        left: 20px;
    }
    .krausIntro .KrausmannMark svg {
        width: 100px;
    }
}
@media(max-width: 781px) {
    .krausIntro {
        flex-direction: column-reverse;
    }
    .krausIntro .krausIntro__tagline {
        text-align: unset;
    }
    .krausIntro h2 {
        text-align: unset;
    }
    .krausIntro p {
        text-align: unset;
    }
    .krausIntro figure {
        aspect-ratio: 1;
        overflow: hidden;
    }
    .krausIntro .wp-block-separator {
        margin: 0;
    }
    .krausIntro .width__574 {
        margin: 0;
        padding: 35px 20px 40px 20px;
    }
    .krausIntro .KrausmannButton {
        text-align: unset;
    }
    .krausIntro .KrausmannMark {
        left: unset;
        right: 20px;
    }
}

.pageTemplate__triangle01 {
    width: 147px;
    position: absolute;
    z-index: -1;
    top: 52px;
    left: -212px;
    overflow: hidden;
}
.pageTemplate__coloredTriangles {
    position: absolute;
    z-index: -1;
    top: 74px;
    left: -190px;
}

.pageTemplate__triangle02 {
    position: absolute;
    z-index: -1;
    top: -89px;
    right: -420px;
}
.pageTemplate__triangle02 svg path {
    stroke: var(--color-7);
}

@media(max-width: 1366px) {
    .pageTemplate__triangle01 {
        width: 108px;
        top: -25px;
        left: -10px;
    }
    .pageTemplate__triangle01 svg {
        width: 262px;
        height: auto;
    }
    .pageTemplate__coloredTriangles {
        top: -10px;
        left: 7.5px;
    }

    .pageTemplate__triangle02 {
        top: -142px;
        right: -294px;
    }
    .pageTemplate__triangle02 svg {
        width: 420px;
        height: auto;
    }
}
@media(max-width: 781px) {
    .pageTemplate__triangle01 {
        top: -20px;
        left: -80px;
    }
    .pageTemplate__coloredTriangles {
        top: -12px;
        left: -80px;
    }

    .pageTemplate__triangle02 {
        top: -193px;
        right: -335px;
    }
}

.overlay {
    background-color: var(--color-10-transparent);
    width: 100%;
    height: calc(100% - 30px);
    position: fixed;
    z-index: 990;
    top: 30px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s;
}
.admin-bar .overlay {
    top: 53px;
    height: calc(100% - 53px);
}
.overlay.is-active {
    visibility: visible;
    opacity: 1;
}

/* Slide in with fade in effects. */
.slideFadeIn {
    opacity: 0;
    transition: all .8s ease-out;
}
.slideFadeIn.delay.inView {
    opacity: 1;
    transition: opacity .8s .5s ease-out;
}

.slideFromRight {
    transform: translateX(100px);
}
.slideFromRight.inView {
    transform: translateX(0);
    opacity: 1;
}

.slideFromBottom {
    transform: translateY(100px);
}
.slideFromBottom.inView {
    transform: translateY(0);
    opacity: 1;
}

/* Splide progress bar navigation. */
.progress-pagination {
    margin-top: 44px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    width: 100%;
    max-width: 520px;
    display: flex;
    align-items: center;
}
.progress-bar {
    height: 4px;
    background-color: var(--color-6);
    flex-grow: 1;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: height .3s;
}
.progress-pagination:hover .progress-bar.is-active {
    height: 8px;
    transition: height 0s;
}
.progress-bar-inner {
    width: 0;
    height: 100%;
    background-color: var(--color-7);
    position: absolute;
    top: 0;
    left: 0;
    transition: width .3s ease, height .3s;
}
.progress-bar.is-active .progress-bar-inner {
    background-color: var(--color-7);
}

@media(max-width: 1366px) {
    .progress-pagination {
        margin-top: 30px;
    }
}

.splide-arrow {
    width: 32px;
    height: 32px;
    background: none;
    border: 1px solid var(--color-6);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s;
}
.progress-pagination:hover .splide-arrow {
    opacity: 1;
}
.splide-arrow.splide-arrow-prev {
    margin-right: 15px;
}
.splide-arrow.splide-arrow-next {
    margin-left: 15px;
}
.splide-arrow.splide-arrow-prev span::before,
.splide-arrow.splide-arrow-next span::before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: var(--color-8);
    -webkit-mask-image: url(assets/icons/arrow-small.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-small.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.splide-arrow.splide-arrow-prev span::before {
    transform: rotate(180deg);
}

/* Product types selector. */
.productTypesSelector {
    width: calc(50% - 15px);
}
.dropdownToggle {
    margin-bottom: 38px;
    width: 300px;
    position: relative;
    cursor: pointer;
}
.dropdownToggle__title {
    padding: 8px 20px;
    background-color: var(--color-4);
    border: 2px solid var(--color-6);
    border-radius: 100vh;
    text-align: center;
    position: relative;
    z-index: 11;
}
.dropdownToggle__text {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: var(--color-8);
}
.dropdownToggle__content {
    padding: 40px 10px 5px 10px;
    width: 100%;
    background-color: var(--color-4);
    border-radius: 18px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .3);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .3);
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
}
.dropdownToggle__content.active {
    display: block;
}
.dropdownToggle__list {
    margin-left: -5px;
    width: calc(100% + 10px);
    max-height: 450px;
    overflow-y: auto;
}
html .dropdownToggle__list {
    scrollbar-width: thin;
    scrollbar-color: var(--color-6) transparent;
}
.dropdownToggle__link {
    margin-left: 5px;
    padding: 5px;
    width: calc(100% - 10px);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-8);
    display: block;
    transition: background-color .3s;
}
.dropdownToggle__link:not(:first-child) {
    border-top: 1px solid var(--color-6);
}
.dropdownToggle__link:hover {
    background-color: var(--color-5);
    color: var(--color-8);
}

@media(max-width: 781px) {
    .productTypesSelector {
        width: 100%;
    }
    .dropdownToggle {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Posts per page selector. */
.postsPerPageSelector {
    margin-bottom: 38px;
    margin-left: auto;
    width: calc(50% - 15px); /* width: 100%; */
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 6px;
}

.postsPerPageSelector__title {
    font-size: 13px;
    line-height: 13px;
    color: var(--color-7);
}

.postsPerPageSelector__dropdown {
    position: relative;
}
.postsPerPageSelector__dropdown__selected {
    font-size: 13px;
    line-height: 13px;
    color: var(--color-8);
    display: flex;
    align-items: center;
    gap: 6px;
}
.postsPerPageSelector__dropdown__selected::after {
    content: '';
    width: 10px;
    height: 5px;
    display: block;
    background-color: var(--color-7);
    -webkit-mask-image: url(assets/icons/arrowChevron__down.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrowChevron__down.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    transition: transform .3s;
}
.postsPerPageSelector__dropdown.active .postsPerPageSelector__dropdown__selected::after {
    transform: rotate(180deg);
}

.postsPerPageSelector__dropdown__choices {
    padding: 14px 10px;
    width: 95px;
    background-color: var(--color-4);
    border-radius: 18px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .3);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .3);
    display: none;
    flex-direction: column;
    position: absolute;
    z-index: 10;
    top: 20px;
    left: calc(-100% - 48px);
}
.postsPerPageSelector__dropdown.active .postsPerPageSelector__dropdown__choices {
    display: flex;
}
.postsPerPageSelector__dropdown__choices .count-option {
    font-size: 13px;
    line-height: 13px;
    color: var(--color-7);
    text-align: center;
    text-decoration: none;
    transition: color .3s;
}
.postsPerPageSelector__dropdown__choices .count-option:not(:last-child)::after {
    content: '';
    margin: 14px 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-6);
    display: block;
}
.postsPerPageSelector__dropdown__choices .count-option:hover {
    color: var(--color-8);
}
.postsPerPageSelector__dropdown__choices .count-option.active {
    color: var(--color-8);
}

@media(max-width: 781px) {
    .postsPerPageSelector {
        display: none;
    }
}

/* Pagination. */
.pagination-wrapper {
    margin: 0 auto;
}

.artwarePagination {
    margin-top: 53px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
}
.artwarePagination .prev-button,
.artwarePagination .next-button {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.artwarePagination .prev-button::before,
.artwarePagination .next-button::before {
    content: '';
    width: 14px;
    height: 9px;
    display: block;
    background-color: var(--color-8);
    -webkit-mask-image: url(assets/icons/arrowChevron__down.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrowChevron__down.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    transition: background-color .3s;
}
.artwarePagination .prev-button:hover::before,
.artwarePagination .next-button:hover::before {
    background-color: var(--color-1);
}
.artwarePagination .prev-button.disabled::before,
.artwarePagination .next-button.disabled::before {
    background-color: var(--color-6);
}
.artwarePagination .prev-button::before {
    transform: rotate(90deg);
}
.artwarePagination .next-button::before {
    transform: rotate(-90deg);
}
.artwarePagination .prev-button span,
.artwarePagination .next-button span {
    display: none;
}
.artwarePagination .pagination-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.artwarePagination .page-link {
    width: auto;
    min-width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.artwarePagination .page-numbers {
    font-size: 16px;
    line-height: 18px;
    color: var(--color-7);
    text-align: center;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: color .3s;
}
.artwarePagination a.page-numbers:hover {
    color: var(--color-1);
}
.artwarePagination .page-numbers.current {
    font-weight: 600;
    color: var(--color-8);
}
.artwarePagination .page-numbers.current::after {
    content: '';
    width: 58px;
    height: 1px;
    background-color: var(--color-8);
    display: block;
}
.artwarePagination .page-numbers.current span {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(max-width: 1366px) {
    .artwarePagination {
        margin-top: 46px;
    }
    .artwarePagination .pagination-links {
        gap: 0;
    }
    .artwarePagination .page-numbers {
        font-size: 14px;
        line-height: 16px;
    }
    .artwarePagination .page-numbers.current::after {
        margin-right: 10px;
        width: 48px;
    }
}

/*
 * Header.
 * - Top header.
 * - Main header.
 */
.topHeader {
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    transition: top .3s;
    background: var(--color-1);
    background: linear-gradient(90deg, var(--color-1) 0%, var(--color-1) 50%, var(--color-2) 50%, var(--color-2) 75%, var(--color-3) 75%, var(--color-3) 100%);
}
.topHeader.nav-down + .mainHeader {
    top: 30px;
}

.admin-bar .topHeader,
.admin-bar .mainHeader {
    top: 32px;
}
.admin-bar .topHeader.nav-down + .mainHeader {
    top: 62px;
}

@media(min-width: 2184px) {
    .topHeader.nav-down + .mainHeader {
        top: 29.5px;
    }
}
@media(max-width: 1366px) {
    .topHeader.nav-down + .mainHeader {
        top: 10px;
    }

    /* .admin-bar .topHeader.nav-down + .mainHeader {
        top: 42px;
    }  */
}

.header__inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1254);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-down {
    z-index: 1000;
}
.nav-up {
    top: -30px;
}

/* - Top header. */
.topHeader {
    padding: 0 20px;
    height: 30px;
    display: flex;
    align-items: center;
}

.topHeader__orange {
    width: 100%;
    max-width: 50%;
    height: 100%;
    /* background-color: var(--color-1); */
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9;
}
.topHeader__green {
    width: 100%;
    max-width: 25%;
    height: 100%;
    /* background-color: var(--color-2); */
    position: relative;
    z-index: 9;
}
.topHeader__blue {
    width: 100%;
    max-width: 25%;
    height: 100%;
    /* background-color: var(--color-3); */
    display: flex;
    align-items: center;
    justify-content: end;
    position: relative;
    z-index: 9;
}

.topHeader__orange nav ul,
.burgerMenu__footer__stick ul.menu {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.topHeader__orange nav ul > li,
.burgerMenu__footer__stick ul.menu > li {
    display: flex;
    align-items: center;
    gap: 10px;
}
.topHeader__orange nav ul > li:not(:first-child)::before,
.burgerMenu__footer__stick ul.menu > li:not(:first-child)::before {
    content: '';
    width: 2px;
    height: 13px;
    background-color: var(--color-4-transparent);
    display: block;
}
.burgerMenu__footer__stick ul.menu > li:not(:first-child)::before {
    background-color: var(--color-7);
}
.topHeader__orange nav ul > li > a,
.burgerMenu__footer__stick ul.menu > li > a {
    border-bottom: 1px solid transparent;
    font-size: 13px !important;
    line-height: normal;
    color: var(--color-4);
    transition: border-color .2s ease;
}
.burgerMenu__footer__stick ul.menu > li > a {
    text-transform: none !important;
    color: var(--color-7)!important;
}
.topHeader__orange nav ul > li > a:hover {
    border-color: var(--color-4);
}
.burgerMenu__footer__stick ul.menu > li > a:hover {
    border-color: var(--color-7);
}

.topHeader__blue .wpml-ls,
.burgerMenu__footer__stick .wpml-ls {
    position: absolute;
    z-index: 999;
}
.burgerMenu__footer__stick .wpml-ls {
    right: 20px;
}
.topHeader__blue .wpml-ls > ul,
.burgerMenu__footer__stick .wpml-ls > ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 4px;
}
.topHeader__blue .wpml-ls > ul::before,
.burgerMenu__footer__stick .wpml-ls > ul::before {
    content: '';
    width: 14px;
    height: 14px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/global.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/global.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.burgerMenu__footer__stick .wpml-ls > ul::before {
    background-color: var(--color-7);
}
.topHeader__blue .wpml-ls > ul > li {
    padding: 5px 0;
}
.burgerMenu__footer__stick .wpml-ls > ul > li {
    padding: 0;
}
.topHeader__blue .wpml-ls > ul > li::before,
.burgerMenu__footer__stick .wpml-ls > ul > li::before {
    display: none !important;
}
.topHeader__blue .wpml-ls > ul > li > a,
.burgerMenu__footer__stick .wpml-ls > ul > li > a {
    font-size: 13px;
    line-height: normal;
    color: var(--color-4);
}
.burgerMenu__footer__stick .wpml-ls > ul > li > a {
    color: var(--color-7);
}
.topHeader__blue .wpml-ls > ul > li.wpml-ls-current-language > a,
.burgerMenu__footer__stick .wpml-ls > ul > li.wpml-ls-current-language > a {
    display: flex;
    align-items: center;
    gap: 7px;
}
.topHeader__blue .wpml-ls > ul > li.wpml-ls-current-language > a::after,
.burgerMenu__footer__stick .wpml-ls > ul > li.wpml-ls-current-language > a::after {
    content: '';
    width: 14px;
    height: 9px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/arrowChevron__down.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrowChevron__down.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transition: transform .2s ease;
}
.burgerMenu__footer__stick .wpml-ls > ul > li.wpml-ls-current-language > a::after {
    background-color: var(--color-7);
}
.topHeader__blue .wpml-ls > ul > li.wpml-ls-current-language:hover > a::after,
.burgerMenu__footer__stick .wpml-ls > ul > li.wpml-ls-current-language:hover > a::after {
    transform: rotate(180deg);
}
.topHeader__blue .wpml-ls > ul > li > ul.wpml-ls-sub-menu,
.burgerMenu__footer__stick .wpml-ls > ul > li > ul.wpml-ls-sub-menu {
    padding: 14px 10px;
    list-style: none;
    position: absolute;
    transform: translateX(-50%);
    background-color: var(--color-4);
    border-radius: 18px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.3);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,.3);
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease;
}
.topHeader__blue .wpml-ls > ul > li > ul.wpml-ls-sub-menu {
    margin-top: 5px;
}
.burgerMenu__footer__stick .wpml-ls > ul > li > ul.wpml-ls-sub-menu {
    bottom: 100%;
}
.topHeader__blue .wpml-ls > ul > li:hover > ul.wpml-ls-sub-menu,
.burgerMenu__footer__stick .wpml-ls > ul > li:hover > ul.wpml-ls-sub-menu {
    visibility: visible;
    opacity: 1;
}
.topHeader__blue .wpml-ls > ul > li > ul.wpml-ls-sub-menu > li::before {
    display: none;
}
.topHeader__blue .wpml-ls > ul > li > ul.wpml-ls-sub-menu > li:not(:last-child)::after,
.burgerMenu__footer__stick .wpml-ls > ul > li > ul.wpml-ls-sub-menu > li:not(:last-child)::after {
    content: '';
    margin: 14px 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-6);
    display: block;
}
.topHeader__blue .wpml-ls > ul > li > ul.wpml-ls-sub-menu > li > a,
.burgerMenu__footer__stick .wpml-ls > ul > li > ul.wpml-ls-sub-menu > li > a {
    font-size: 14px;
    line-height: 21px;
    color: var(--color-7);
    white-space: nowrap;
}
.topHeader__blue .wpml-ls > ul > li > ul.wpml-ls-sub-menu > li > a:hover,
.burgerMenu__footer__stick .wpml-ls > ul > li > ul.wpml-ls-sub-menu > li > a:hover {
    color: var(--color-9);
}

@media(max-width: 1366px) {
    .topHeader {
        height: 10px;
    }

    .topHeader__orange nav ul,
    .topHeader__blue .wpml-ls > ul {
        display: none;
    }
}

/* - Main header. */
.mainHeader {
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    gap: 20px;
    position: sticky;
    z-index: 999;
    top: 0;
    transition: padding .3s, top .3s;
}
.home .mainHeader {
    background: linear-gradient(180deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 100%);
}
.mainHeader.active__burgerMenu {
    background: unset;
}
.scrolled .mainHeader {
    background: unset;
    background-color: rgba(255,255,255,.9);
    backdrop-filter: blur(10px);
}
.mainHeader.active__burgerMenu,
.scrolled .mainHeader.active__burgerMenu {
    background-color: var(--color-4);
}

.logo__white {
    display: block;
    opacity: 1;
}
.active__burgerMenu .logo__white {
    display: none !important;
    opacity: 0 !important;
}
.logo__black {
    display: none;
    opacity: 0;
}
.active__burgerMenu .logo__black {
    display: block !important;
    opacity: 1 !important;
}
body:not(.home) .logo__white {
    display: none !important;
    opacity: 0 !important;
}
body:not(.home) .logo__black {
    display: block !important;
    opacity: 1 !important;
}
.logo__white,
.logo__black {
    width: 277px;
    transition: all .3s;
}
.scrolled .logo__white,
.scrolled .logo__black {
    width: 216px;
}
.logo__white svg,
.logo__black svg {
    width: 100%;
}

@media(max-width: 1366px) {
    .logo__white,
    .scrolled .logo__white,
    .logo__black,
    .scrolled .logo__black {
        width: 156px;
    }
}

.mainHeader nav ul:not(.sub-menu) {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
}
.mainHeader nav ul#menu-main > li > a,
.mainHeader nav ul#menu-main_en > li > a {
    display: block;
    padding: 40px 15px;
}
.scrolled .mainHeader nav ul#menu-main > li > a,
.scrolled .mainHeader nav ul#menu-main_en > li > a {
    padding: 30px 15px;
}
.mainHeader nav ul:not(.sub-menu) > li > a {
    font-size: 16px;
    line-height: 24px;
    color: var(--color-7);
    text-transform: uppercase;
    transition: color .2s ease;
}
.mainHeader nav ul:not(.sub-menu) > li:hover > a {
    color: var(--color-9);
}
.mainHeader nav ul:not(.sub-menu) > li > a::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: transparent;
    display: block;
    transition: background-color .2s ease;
}
.mainHeader nav ul:not(.sub-menu) > li:hover > a::after {
    background-color: var(--color-0);
    transition: background-color .2s ease;
}
.mainHeader nav ul:not(.sub-menu) > li.current-menu-item > a {
    color: var(--color-9);
}
.mainHeader nav ul:not(.sub-menu) > li.current-menu-item > a::after {
    height: 2px;
    border-bottom: 4px solid var(--color-9);
}

.home .mainHeader nav ul:not(.sub-menu) > li > a,
.home .mainHeader nav ul:not(.sub-menu) > li:hover > a,
.home .mainHeader nav ul:not(.sub-menu) > li.current-menu-item > a {
    color: var(--color-4)
}
.home.scrolled .mainHeader nav ul:not(.sub-menu) > li > a,
.home.scrolled .mainHeader nav ul:not(.sub-menu) > li.current-menu-item > a,
.mainHeader.active__burgerMenu nav ul:not(.sub-menu) > li > a,
.mainHeader.active__burgerMenu nav ul:not(.sub-menu) > li.current-menu-item > a{
    color: var(--color-7);
}
.home.scrolled .mainHeader nav ul:not(.sub-menu) > li:hover > a,
.mainHeader.active__burgerMenu nav ul:not(.sub-menu) > li:hover > a {
    color: var(--color-9);
}

.home .mainHeader nav ul:not(.sub-menu) > li:hover > a::after {
    background-color: var(--color-4);
}
.home.scrolled .mainHeader nav ul:not(.sub-menu) > li:hover > a::after,
.mainHeader.active__burgerMenu nav ul:not(.sub-menu) > li:hover > a::after {
    background-color: var(--color-7);
}

.mainHeader nav {
    margin-left: auto;
}
.mainHeader nav ul > li > ul.sub-menu {
    padding: 15px 10px;
    list-style: none;
    position: absolute;
    z-index: 10;
    background-color: var(--color-4);
    border-radius: 18px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.3);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,.3);
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s;
}
.mainHeader nav ul > li > ul.sub-menu.sub-menu-full {
    padding: 15px 10px 0 10px;
}
.mainHeader nav ul > li:hover > ul.sub-menu {
    /* display: block; */
    /* visibility: visible; */
    /* opacity: 1; */
}


/*
.mainHeader nav > .primary-menu > ul > li:first-child::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 106px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 225px solid var(--color-1);
    position: absolute;
    top: 0;
    margin: 0 0 0 -225px;
}
.mainHeader nav > .primary-menu > ul > li:last-child::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 106px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 225px solid var(--color-1);
    position: absolute;
    top: 0;
    margin: 0 0 0 95px;
}
*/

.mainHeader nav ul > li > ul.sub-menu.current__sub {
    display: block;
    visibility: visible;
    opacity: 1;
}
.mainHeader nav ul > li:hover > ul.sub-menu.current__sub {
}


.mainHeader nav ul > li > ul.sub-menu > li:not(:last-child)::after {
    content: '';
    margin: 15px 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-6);
    display: block;
}
.mainHeader nav ul > li > ul.sub-menu > li > a {
    font-size: 14px;
    line-height: 21px;
    color: var(--color-7);
    transition: color .2s ease;
}
.mainHeader nav ul > li > ul.sub-menu > li > a:hover {
    color: var(--color-9);
}

.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full {
    width: 100%;
    left: 0;
    border-top: 1px solid var(--color-5);
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu {
    flex-direction: column;
    align-items: unset;
    gap: 20px;
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li > a {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: var(--color-9);
    transform: translate(0);
    display: inline-block;
    transition: color .3s, transform .3s;
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li:hover > a,
.mainHeader nav ul > li.sub-menu-full.current-menu-item > ul.sub-menu.sub-menu-full ul.menu > li.current-menu-item > a {
    font-weight: 700;
    color: var(--color-1);
    transform: translateX(17px);
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li > a::before {
    content: '';
    width: 6px;
    height: 100%;
    background-color: var(--color-1);
    display: block;
    position: absolute;
    transform: translateX(-20px);
    opacity: 0;
    transition: transform .3s, opacity .3s;
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li:hover > a::before,
.mainHeader nav ul > li.sub-menu-full.current-menu-item > ul.sub-menu.sub-menu-full ul.menu > li.current-menu-item > a::before {
    transform: translateX(-17px);
    opacity: 1;
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li.dynamicTools > a:hover,
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li.dynamicTools:hover > a,
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li.dynamicTools.current-menu-item > a {
    color: var(--color-2);
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li.dynamicTools > a::before {
    background-color: var(--color-2);
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li.homeSolutions > a:hover,
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li.homeSolutions:hover > a,
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li.homeSolutions.current-menu-item > a {
    color: var(--color-3);
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li.homeSolutions > a::before {
    background-color: var(--color-3);
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li > a::after {
    display: none;
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li > ul.sub-menu {
    padding: 0;
    max-width: 300px;
    position: relative;
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li > ul.sub-menu > li {
    display: flex;
    align-items: center;
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li > ul.sub-menu > li:not(:last-child)::after {
    margin: 0 10px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li > ul.sub-menu > li > a {
    line-height: 18px;
}
.mainHeader nav ul > li.sub-menu-full.current-menu-item > ul.sub-menu.sub-menu-full ul.menu > li > ul.sub-menu > li.current-menu-item > a {
    color: var(--color-9);
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li > ul.sub-menu > li > a::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: transparent;
    display: block;
    transition: background-color .3s;
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full ul.menu > li:hover > ul.sub-menu > li > a:hover::after,
.mainHeader nav ul > li.sub-menu-full.current-menu-item > ul.sub-menu.sub-menu-full ul.menu > li > ul.sub-menu > li.current-menu-item > a::after {
    background-color: var(--color-0);
}

.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full .megaMenu__bottom ul.menu,
.burgerMenu__footer .megaMenu__bottom ul.menu {
    margin-top: 30px;
    flex-direction: row;
    align-items: center;
    gap: 0;
    border-top: 2px solid var(--color-5);
}
.burgerMenu__footer .megaMenu__bottom ul.menu {
    display: flex;
    flex-wrap: wrap;
}

.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full .megaMenu__bottom ul.menu > li,
.burgerMenu__footer .megaMenu__bottom ul.menu > li {
    width: 50%;
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full .megaMenu__bottom ul.menu > li:last-child,
.burgerMenu__footer .megaMenu__bottom ul.menu > li:last-child {
    border-left: 2px solid var(--color-5);
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full .megaMenu__bottom ul.menu > li > a,
.burgerMenu__footer .megaMenu__bottom ul.menu > li > a {
    padding: 30px 38px 30px 46px;
    width: 100%;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    transition: background-color .3s;
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full .megaMenu__bottom ul.menu > li:hover > a,
.burgerMenu__footer .megaMenu__bottom ul.menu > li:hover > a {
    background-color: var(--color-5);
    color: var(--color-9);
    transform: translateX(0);
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full .megaMenu__bottom ul.menu > li > a::before,
.burgerMenu__footer .megaMenu__bottom ul.menu > li > a::before {
    display: none;
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full .megaMenu__bottom ul.menu > li:hover > a::before,
.burgerMenu__footer .megaMenu__bottom ul.menu > li:hover > a::before {
    transform: translateX(0);
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full .megaMenu__bottom ul.menu > li > a::after,
.burgerMenu__footer .megaMenu__bottom ul.menu > li > a::after {
    content: '';
    width: 16px;
    height: 16px;
    background-color: var(--color-8);
    -webkit-mask-image: url(assets/icons/arrow-large.svg);
    -webkit-mask-position: right center;
    -webkit-mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-large.svg);
    mask-position: right center;
    mask-size: auto;
    mask-repeat: no-repeat;
    display: block;
    transition: width .3s;
}
.mainHeader nav ul > li.sub-menu-full > ul.sub-menu.sub-menu-full .megaMenu__bottom ul.menu > li:hover > a::after,
.burgerMenu__footer .megaMenu__bottom ul.menu > li:hover > a::after {
    width: 48px;
}

@media(max-width: 1366px) {
    .mainHeader nav {
        display: none;
    }
}

.mainHeader__icons {
    margin-left: 80px;
    padding: 17px 0;
    display: flex;
    align-items: center;
    gap: 0;
    position: relative;
    z-index: 9;
}
.scrolled .mainHeader__icons {
    padding: 11px 0;
}

.mainHeader__icon__search {
    width: 24px;
    height: 24px;
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .3s, border-color .2s;
}
.mainHeader__icon__search:hover {
    border-color: var(--color-4);
}
.mainHeader__icon__search::before {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/search.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/search.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
}

.home.scrolled .mainHeader__icon__search:hover,
body:not(.home) .mainHeader__icon__search:hover {
    border-color: var(--color-8);
}
.home.scrolled .mainHeader__icon__search::before,
.active__burgerMenu .mainHeader__icon__search::before,
body:not(.home) .mainHeader__icon__search::before {
    background-color: var(--color-8);
}

@media(max-width: 1366px) {
    .mainHeader__icons {
        margin-left: 0;
        gap: 22px;
    }

    .mainHeader__icon__search {
        border-color: var(--color-4);
    }
    /* .home.scrolled .mainHeader__icon__search, */
    .scrolled .mainHeader__icon__search,
    .active__burgerMenu .mainHeader__icon__search {
        border-color: var(--color-8);
    }
    .mainHeader__icon__search::before {
        width: 18px;
        height: 18px;
        background-color: var(--color-4);
    }
    .active__burgerMenu .mainHeader__icon__search::before {
        background-color: var(--color-8);
    }
}
@media(max-width: 781px) {
    .mainHeader__icons {
        gap: 10px;
    }
}

@media(max-width: 1366px) {
    .mainHeader__icon__responsiveMenu {
        width: 40px;
        height: 40px;
        background-color: var(--color-4);
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background-color .3s;
    }
    .scrolled .mainHeader__icon__responsiveMenu,
    .active__burgerMenu .mainHeader__icon__responsiveMenu {
        background-color: var(--color-8);
    }
    .responsiveMenu__icon {
        width: 18px;
        height: 18px;
        display: flex;
        flex-wrap: wrap;
        gap: 3px;
    }
    .responsiveMenu__icon__line {
        width: 100%;
        height: 2px;
        background-color: var(--color-8);
        position: relative;
        transition: transform .3s;
    }
    .scrolled .responsiveMenu__icon__line,
    .active__burgerMenu .responsiveMenu__icon__line {
        background-color: var(--color-4);
    }
    .responsiveMenu__icon__line.half {
        width: 50%;
    }
    .responsiveMenu__icon__line:last-child {
        margin-left: auto;
    }

    .mainHeader__icon__responsiveMenu.active .responsiveMenu__icon {
        gap: 0;
    }
    .mainHeader__icon__responsiveMenu.active .responsiveMenu__icon__line:nth-child(1) {
        top: 4px;
        left: 1px;
        transform: rotate(45deg);
    }
    .mainHeader__icon__responsiveMenu.active .responsiveMenu__icon__line:nth-child(2) {
        top: 1.5px;
        transform: rotate(-45deg);
    }
    .mainHeader__icon__responsiveMenu.active .responsiveMenu__icon__line:nth-child(3) {
        top: -1px;
        left: -1px;
        transform: rotate(45deg);
    }
}

/* Burger menu. */
.slidePopup__burgerMenu {
    width: 100%;
    height: 100vh;
    background-color: var(--color-4);
    border-top: 1px solid var(--color-5);
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    display: none;
    flex-direction: column;
    justify-content: space-between;
    transition: transform .3s;
}
.slidePopup__burgerMenu.active {
    transform: translateY(0);
}

.slidePopup__burgerMenu .goBack {
    padding: 20px 20px 20px 10px;
    border-bottom: 1px solid var(--color-5);
    display: flex;
    align-items: center;
    gap: 10px;
}
.slidePopup__burgerMenu .goBack__icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slidePopup__burgerMenu .goBack__icon::before {
    content: '';
    width: 14px;
    height: 9px;
    display: block;
    background-color: var(--color-8);
    -webkit-mask-image: url(assets/icons/arrowChevron__down.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrowChevron__down.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    transform: rotate(90deg);
}

.slidePopup__burgerMenu ul {
    list-style: none;
}

.slidePopup__burgerMenu ul.menu > li {
    position: relative;
}
.slidePopup__burgerMenu ul#menu-responsivemenu.menu > li,
.slidePopup__burgerMenu ul#menu-responsivemenu_en.menu > li {
    margin-bottom: 40px;
    padding: 0 29px 0 20px;
}
.slidePopup__burgerMenu ul#menu-responsivemenu.menu > li:first-child,
.slidePopup__burgerMenu ul#menu-responsivemenu_en.menu > li:first-child {
    padding: 20px 29px 0 20px;
}
.slidePopup__burgerMenu ul#menu-responsivemenu.menu > li:last-child,
.slidePopup__burgerMenu ul#menu-responsivemenu_en.menu > li:last-child {
    margin-bottom: 0;
}
.slidePopup__burgerMenu ul.menu > li > a {
    width: 100%;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: var(--color-9);
    text-transform: uppercase;
    display: inline-block;
}
.slidePopup__burgerMenu ul.menu > li > a + span.burgerMenu__subMenuIcon {
    width: 100%;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: end;
    position: absolute;
    top: -2px;
    right: 29px;
    cursor: pointer;
}
.slidePopup__burgerMenu ul.menu > li:first-child > a + span.burgerMenu__subMenuIcon {
    top: 18px;
}
.slidePopup__burgerMenu ul.menu > li > a + span.burgerMenu__subMenuIcon::before {
    content: '';
    width: 14px;
    height: 9px;
    display: block;
    background-color: var(--color-8);
    -webkit-mask-image: url(assets/icons/arrowChevron__down.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrowChevron__down.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    transform: rotate(-90deg);
}

.slidePopup__burgerMenu ul.menu > li > ul.sub-menu {
    width: 100%;
    height: max-content;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    left: calc(100% + 20px);
    transition: transform .3s;
}

.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li {
    margin-bottom: 30px;
    padding: 0 20px;
    position: relative;
    transition: transform .2s;
}
.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li:first-child {
    margin-bottom: 15px;
    padding: 0;
}
.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li:last-child {
    margin-bottom: 0;
}
.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li::before {
    content: '';
    width: 3px;
    height: 0;
    background-color: var(--color-1);
    position: absolute;
    transform: translateX(0);
    opacity: 0;
    transition: height .3s, opacity .3s;
}
.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li.active::before {
    height: 100%;
    opacity: 1;
}
.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li > a {
    margin-left: 0;
    width: calc(100% - 40px);
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: var(--color-9);
    text-transform: uppercase;
    transition: margin-left .3s, color .3s;
    display: inline-flex;
}
.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li.active > a {
    margin-left: 12px;
    color: var(--color-1);
}
.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li > a + span.burgerMenu__subMenuIcon {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    z-index: 9;
    top: -2px;
    right: 29px;
    cursor: pointer;
}
.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li > a + span.burgerMenu__subMenuIcon::before,
.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li > a + span.burgerMenu__subMenuIcon::after {
    content: '';
    width: 10px;
    height: 2px;
    display: block;
    background-color: var(--color-8);
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 5px);
    transition: transform .3s;
}
.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li > a + span.burgerMenu__subMenuIcon::after {
    transform: rotate(-90deg);
}
.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li.active > a + span.burgerMenu__subMenuIcon::after {
    transform: rotate(0deg);
}

.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li > ul.sub-menu {
    max-height: 0;
    opacity: 0;
    transition: max-height .3s, opacity .3s;
}
.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li.active > ul.sub-menu {
    max-height: 500px;
    opacity: 1;
}
.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li > ul.sub-menu > li:not(:last-child) {
    margin-bottom: 7px;
}
.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li > ul.sub-menu > li:first-child {
    padding-top: 9px;
}
.slidePopup__burgerMenu ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
    margin-left: 22px;
    width: calc(100% - 40px);
    font-size: 14px;
    line-height: 20px;
    color: var(--color-7);
    text-transform: uppercase;
    display: inline-flex;
}

.burgerMenu__footer__stick {
    padding: 4px 0 4px 20px;
    background-color: var(--color-5);
}

@media(max-width: 1366px) {
    .slidePopup__burgerMenu {
        display: flex;
    }

    .burgerMenu__footer .megaMenu__bottom ul.menu > li > a {
        padding: 30px 25px 30px 20px;
    }
}
@media(max-width: 781px) {
    .burgerMenu__footer .megaMenu__bottom ul.menu > li {
        width: 100%;
    }
    .burgerMenu__footer .megaMenu__bottom ul.menu > li:last-child {
        border-top: 2px solid var(--color-5);
        border-left: 0 solid var(--color-5);
    }
    .burgerMenu__footer .megaMenu__bottom ul.menu > li > a {
        padding: 30px 32px 30px 20px;
    }

    .burgerMenu__footer__stick.wp-block-columns {
        flex-wrap: nowrap !important;
    }
    .burgerMenu__footer__stick.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: unset !important;
    }
}

/* Search popup. */
.slidePopup__search {
    background-color: var(--color-4);
    width: 100%;
    height: 0%;
    overflow: hidden;
    position: fixed;
    z-index: 99999;
    top: 0;
    transition: height .3s;
}
.slidePopup__search.active {
    height: 100%;
}

.slidePopup__search__header {
    padding: 18px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid var(--color-5);
}

.slidePopup__search__title {
    /* font-weight: 700; */
    /* font-size: 20px; */
    /* line-height: 20px; */
    /* color: var(--color-9); */
    /* text-transform: uppercase; */
    display: none;
}

.slidePopup__search__close {
    margin-left: auto;
    width: 40px;
    height: 40px;
    background-color: var(--color-8);
    border: 2px solid transparent;
    border-radius: 100%;
    position: relative;
    cursor: pointer;
    transition: background-color .3s, border-color .3s;
}
.slidePopup__search__close:hover {
    background-color: var(--color-4);
    border-color: var(--color-8);
}
.slidePopup__search__close::before,
.slidePopup__search__close::after {
    content: '';
    width: 16px;
    height: 2px;
    display: block;
    background-color: var(--color-4);
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 8px);
    transform: rotate(-45deg);
    transition: background-color .3s;
}
.slidePopup__search__close::after {
    transform: rotate(45deg);
}
.slidePopup__search__close:hover::before,
.slidePopup__search__close:hover::after {
    background-color: var(--color-8);
}

.slidePopup__search__content {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    max-width: 1080px;
    height: calc(100% - 77px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.slidePopup__search__content__title {
    font-weight: 800;
    font-size: 98px;
    line-height: 98px;
    text-align: center;
    color: var(--color-6);
    position: relative;
}
.slidePopup__search__content__text {
    margin-top: 88px;
}
.slidePopup__search__content__textStrong {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    color: var(--color-9);
}
.slidePopup__search__content__textSimple {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: var(--color-8);
}

@media(max-width: 1366px) {
    .slidePopup__search__content {
        max-width: 640px;
    }
    .slidePopup__search__content__title {
        margin-top: 0;
        font-size: 30px;
        line-height: 30px;
    }
    .slidePopup__search__content__text {
        margin-top: 40px;
    }
    .slidePopup__search__content__textSimple {
        font-size: 14px;
        line-height: 18px;
    }
}
@media(max-width: 781px) {
    .slidePopup__search__content__title {
        margin-top: 0;
        font-size: 30px;
        line-height: 30px;
    }
    .slidePopup__search__content__textSimple {
        display: none;
    }
}

.slidePopup__search__content .widget_search {
    margin-top: 56px;
    width: 100%;
}
.slidePopup__search__content .widget_search form {
    background-color: var(--color-8);
    border: 2px solid var(--color-8);
    border-radius: 100vh;
    box-shadow: 0px 4px 10px 0px rgba(84,85,84,.3);
}
.slidePopup__search__content .widget_search form label {
    display: none;
}
.slidePopup__search__content .widget_search form input[type='search'] {
    margin: 0;
    padding: 15px 30px;
    border: none;
    border-radius: 100vh;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: var(--color-8);
}
.slidePopup__search__content .widget_search form input[type='search']:focus {
    outline: none;
    box-shadow: none;
    border: none;
}
.slidePopup__search__content .widget_search form input[type='search']::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: var(--color-6 );
}
.slidePopup__search__content .widget_search form input[type='search']::-webkit-search-cancel-button {
  display: none;
}
.slidePopup__search__content .widget_search form input[type='search']::-webkit-search-clear-button {
  display: none;
}
.slidePopup__search__content .widget_search form button {
    margin: 0;
    padding: 0 45px 0 35px;
    background-color: transparent;
    border: none;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: var(--color-4);
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    gap: 18px;
}
.slidePopup__search__content .widget_search form button::before {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/search.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/search.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
}

@media(max-width: 1366px) {
    .slidePopup__search__content .widget_search {
        margin-top: 36px;
    }
    .slidePopup__search__content .widget_search form input[type='search'] {
        padding: 13px 20px;
        font-size: 14px;
        line-height: 14px;
    }
    .slidePopup__search__content .widget_search form input[type='search']::placeholder {
        font-size: 14px;
        line-height: 14px;
    }
    .slidePopup__search__content .widget_search form button {
        padding: 0 20px 0 14px;
        font-size: 14px;
        line-height: 14px;
        gap: 12px;
    }
}
@media(max-width: 781px) {
    .slidePopup__search__content .widget_search form button {
        font-size: 0;
        line-height: 0;
        gap: 0;
    }
}

.searchPopup__triangle01 {
    width: 147px;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 150%;
    overflow: hidden;
}
.searchPopup__triangle02 {
    position: absolute;
    z-index: -1;
    bottom: -92px;
    left: calc(100% - 280px);
}
.searchPopup__triangle01 svg path,
.searchPopup__triangle02 svg path {
    stroke: var(--color-7);
}
.searchPopup__coloredTriangles {
    position: absolute;
    z-index: -1;
    top: 15px;
    right: calc(150% + 25px);
}

@media(max-width: 1366px) {
    .searchPopup__triangle01 {
        right: 175%;
    }
    .searchPopup__triangle01 svg {
        width: 262px;
        height: auto;
    }
    .searchPopup__triangle02 {
        top: 50%;
        bottom: unset;
        left: calc(100% - 120px);
    }
    .searchPopup__triangle02 svg {
        width: 420px;
        height: auto;
    }
    .searchPopup__coloredTriangles {
        top: 5px;
        right: calc(175% + 47.5px);
    }
}
@media(max-width: 781px) {
    .searchPopup__triangle01 {
        right: 100%;
    }
    .searchPopup__coloredTriangles {
        right: calc(100% + 47.5px);
    }
}

/* Breadcrumbs. */
.breads {
    margin: 0;
    padding: 0;
}
.breads .breads-inn {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: unset;
    gap: 10px;
}
.breads .breads-inn .breads-sin,
.breads .breads-inn .breads-sin a {
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    color: var(--color-6);
}
.krausmannProduct__header .breads .breads-inn .breads-sin,
.krausmannProduct__header .breads .breads-inn .breads-sin a {
    color: var(--color-4);
}
.breads .breads-inn .breads-sin:last-child {
    font-weight: unset;
}
.breads .breads-inn .breads-sep {
    font-size: 11px;
    line-height: 11px;
    color: var(--color-5);
}

/* Home. */
.home #main-container {
    margin-top: -124px;
}

/*
 * Product.
 * - Product intro.
 * - Product sticky bar.
 * - Product popup (media + variations).
 * - Product benefits.
 * - Product support.
 * - Product video.
 * - Product banner UN1 Power.
 * - Product related.
 */
.krausmannProduct__header {
    padding: 0 20px;
    position: relative;
    overflow: hidden;
}
.power-tools .krausmannProduct__header,
.power-tools-en .krausmannProduct__header {
    background-color: var(--color-1);
}
.dynamic-tools .krausmannProduct__header,
.dynamic-tools-en .krausmannProduct__header {
    background-color: var(--color-2);
}
.home-solutions .krausmannProduct__header,
.home-solutions-en .krausmannProduct__header {
    background-color: var(--color-3);
}
.krausmannProduct__header__content {
    padding: 20px 0 17px 0;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 22px;
}
.krausmannProduct__header__badges {
    margin-bottom: 22px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.productBadges.badgeNew,
.productBadges.badgeType {
    padding: 4px 7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
}
.productBadges.badgeNew {
    background-color: var(--color-9);
    color: var(--color-4);
}
.productBadges.badgeType {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
}
.power-tools .productBadges.badgeType,
.power-tools-en .productBadges.badgeType {
    background-color: var(--color-4);
    color: var(--color-1);
}
.dynamic-tools .productBadges.badgeType,
.dynamic-tools-en .productBadges.badgeType {
    background-color: var(--color-4);
    color: var(--color-2);
}
.home-solutions .productBadges.badgeType,
.home-solutions-en .productBadges.badgeType {
    background-color: var(--color-4);
    color: var(--color-3);
}
.productBadges.badgeType .badge__handTools,
.productBadges.badgeType .badge__garden,
.productBadges.badgeType .badge__storage,
.productBadges.badgeType .badge__security,
.productBadges.badgeType .badge__cleaning,
.productBadges.badgeType .badge__safety,
.productBadges.badgeType .badge__paint,
.productBadges.badgeType .badge__lighting,
.productBadges.badgeType .badge__sanitary,
.productBadges.badgeType .badge__houseware,
.productBadges.badgeType .badge__accessories,
.productBadges.badgeType .badge__hardware {
    padding: 3px 9px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 10px;
    line-height: 10px;
    color: var(--color-4);
}
.productBadges.badgeType .badge__handTools {
    background-color: #F47A69;
}
.productBadges.badgeType .badge__garden {
    background-color: #B3D458;
}
.productBadges.badgeType .badge__storage {
    background-color: #21409A;
}
.productBadges.badgeType .badge__security {
    background-color: #B72025;
}
.productBadges.badgeType .badge__cleaning {
    background-color: #662D91;
}
.productBadges.badgeType .badge__safety {
    background-color: #F8C811;
}
.productBadges.badgeType .badge__paint {
    background-color: #F3809E;
}
.productBadges.badgeType .badge__lighting {
    background-color: #8BCDF0;
}
.productBadges.badgeType .badge__sanitary {
    background-color: #F58127;
}
.productBadges.badgeType .badge__houseware {
    background-color: #AEAEC8;
}
.productBadges.badgeType .badge__accessories {
    background-color: #B2D2C1;
}
.productBadges.badgeType .badge__hardware {
    background-color: #E3B777;
}
.productBadges.badgeType .badge__pro {
    position: relative;
}
.productBadges.badgeType .badge__pro::before {
    content: '';
    width: 40px;
    height: 16px;
    background-image: url(assets/icons/PRO.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 43px 22px;
    display: block;
}

.deprecatedProduct {
    padding: 4px 8px !important;
    width: 100%;
    background-color: #FF0000;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center !important;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--color-4);
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
}
.sparePart__searchSection #ajaxsearchprores1_1 .deprecatedProduct,
.sparePart__searchSection #ajaxsearchprores5_1 .deprecatedProduct {
    width: calc(100% - 16px);
}

@media(max-width: 781px) {
    .deprecatedProduct {
        font-size: 10px;
        line-height: 12px;
        bottom: 4px;
    }
}

.krausmannProduct__header h1 {
    font-weight: 800;
    font-style: italic;
    font-size: 74px;
    line-height: 84px;
    color: var(--color-4);
}
.krausmannProduct__header h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
    color: var(--color-9);
    position: relative;
    z-index: 9;
    display: none;
}
.krausmannProduct__header__triangles {
    position: absolute;
    bottom: -180px;
    right: 0;
}
.krausmannProduct__header__triangles svg path {
    stroke: var(--color-4);
}

@media(max-width: 1366px) {
    .krausmannProduct__header__content {
        height: 176px;
        justify-content: end;
    }
    .krausmannProduct__header__content .breads {
        display: none;
    }
    .krausmannProduct__header__badges {
        margin-bottom: 12px;
    }
    .krausmannProduct__header h1 {
        font-size: 36px;
        line-height: 40px;
    }
    .krausmannProduct__header__triangles {
        bottom: -84px;
    }
    .krausmannProduct__header__triangles svg {
        width: 125px;
        height: auto;
    }
}
@media(max-width: 781px) {
    .krausmannProduct__header__content {
        height: 272px;
        justify-content: start;
    }
    .krausmannProduct__header h2 {
        display: block;
    }
    .krausmannProduct__header__triangles {
        top: 0;
        bottom: unset;
    }

    .sparePart__searchSection #ajaxsearchprores1_1 .deprecatedProduct,
    .sparePart__searchSection #ajaxsearchprores5_1 .deprecatedProduct {
        bottom: 4px;
        font-size: 10px;
        line-height: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

/* - Product intro. */
.krausmannProduct__intro {
    padding: 0 20px;
}
.krausmannProduct__intro__content {
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
    position: relative;
}
.krausmannProduct__intro__about,
.krausmannProduct__intro__media {
    width: calc(50% - 40px);
}

@media(max-width: 781px) {
    .krausmannProduct__intro__content {
        flex-direction: column-reverse;
        gap: 54px;
    }
    .krausmannProduct__intro__about,
    .krausmannProduct__intro__media {
        width: 100%;
    }
}

.krausmannProduct__intro h2 {
    margin: 25px 0 40px 0;
    padding: 0;
    font-weight: 600;
    font-size: 52px;
    line-height: 56px;
    color: var(--color-9);
}
.krausmannProduct__intro h3 {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: var(--color-8);
}

.krausmannProduct__intro__about__description ul {
    padding-left: 24px;
    list-style-position: outside;
}

.krausmannProduct__intro__about__description {
    max-height: 60px;
    position: relative;
    overflow: hidden;
    transition: max-height .3s;
}
.krausmannProduct__intro__about__description.readMore::after {
    content: '';
    background: var(--color-4);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    width: 100%;
    height: 30px;
    display: block;
    position: absolute;
    bottom: 0px;
    opacity: 1;
    transition: opacity .3s;
}

/*
.krausmannProduct__intro__about__description a {
    color: var(--color-8);
    * border-bottom: 1px solid var(--color-8); *
    text-decoration: none;
    * background: linear-gradient(var(--color-8), var(--color-8)) left repeat-y; *
    * background-size: 0px 2px; *
    position: relative;
    transition: color .3s;
    display: inline-block;
}
.krausmannProduct__intro__about__description a::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-8);
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 0;
    transition: height .3s;
}
.power-tools .krausmannProduct__intro__about__description a {
    * border-bottom: 1px solid var(--color-1); *
    * background: linear-gradient(var(--color-1), var(--color-1)) left repeat-y; *
    * background-size: 0px 2px; *
}
.power-tools .krausmannProduct__intro__about__description a::after {
    background-color: var(--color-1);
}
.dynamic-tools .krausmannProduct__intro__about__description a {
    * border-bottom: 1px solid var(--color-2); *
    * background: linear-gradient(var(--color-2), var(--color-2)) left repeat-y; *
    * background-size: 0px 2px; *
}
.dynamic-tools .krausmannProduct__intro__about__description a::after {
    background-color: var(--color-2);
}
.home-solutions .krausmannProduct__intro__about__description a {
    * border-bottom: 1px solid var(--color-3); *
    * background: linear-gradient(var(--color-3), var(--color-3)) left repeat-y; *
    * background-size: 0px 2px; *
}
.home-solutions .krausmannProduct__intro__about__description a::after {
    background-color: var(--color-3);
}
.krausmannProduct__intro__about__description a:hover {
    * background-size: 100% 100%; *
    color: var(--color-4);
}
.krausmannProduct__intro__about__description a:hover::after {
    height: 100%;
}
*/

.krausmannProduct__intro__about__description a {
  text-decoration: none;
  color: var(--color-8);
  cursor: pointer;

  color: var(--color-8);                /* default text color */
  --underline: var(--color-8);          /* default underline color */

  background-image: linear-gradient(var(--underline), var(--underline));
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 2px;     /* thin underline by default */

  transition: color 200ms ease, background-size 200ms ease, background-image 200ms ease;
}
.krausmannProduct__intro__about__description a:hover,
.krausmannProduct__intro__about__description a:focus-visible {
  color: var(--color-4);                   /* hover text color */
  --underline: var(--color-8);          /* hover underline color (optional) */
  background-size: 100% 100%;    /* grows to full text height; use 0.6em for a thick underline only */
}
.krausmannProduct__intro__about__description a:focus-visible {
  outline: 2px solid #cfd3ff;
  outline-offset: 2px;
}
.power-tools .krausmannProduct__intro__about__description a,
.power-tools-en .krausmannProduct__intro__about__description a {
    --underline: var(--color-1);          /* default underline color */
}
.power-tools .krausmannProduct__intro__about__description a:hover,
.power-tools .krausmannProduct__intro__about__description a:focus-visible,
.power-tools-en .krausmannProduct__intro__about__description a:hover,
.power-tools-en .krausmannProduct__intro__about__description a:focus-visible {
    --underline: var(--color-1);          /* hover underline color (optional) */
}
.dynamic-tools .krausmannProduct__intro__about__description a,
.dynamic-tools-en .krausmannProduct__intro__about__description a {
    --underline: var(--color-2);          /* default underline color */
}
.dynamic-tools .krausmannProduct__intro__about__description a:hover,
.dynamic-tools .krausmannProduct__intro__about__description a:focus-visible,
.dynamic-tools-en .krausmannProduct__intro__about__description a:hover,
.dynamic-tools-en .krausmannProduct__intro__about__description a:focus-visible {
    --underline: var(--color-2);          /* hover underline color (optional) */
}
.home-solutions .krausmannProduct__intro__about__description a,
.home-solutions-en .krausmannProduct__intro__about__description a {
    --underline: var(--color-3);          /* default underline color */
}
.home-solutions .krausmannProduct__intro__about__description a:hover,
.home-solutions .krausmannProduct__intro__about__description a:focus-visible,
.home-solutions-en .krausmannProduct__intro__about__description a:hover,
.home-solutions-en .krausmannProduct__intro__about__description a:focus-visible {
    --underline: var(--color-3);          /* hover underline color (optional) */
}

.krausmannProduct__intro__about__description.expanded {
    max-height: none;
}
.krausmannProduct__intro__about__description.expanded::after {
    height: 0;
    opacity: 0;
}
.krausmannProduct__intro__about__description__moreButton {
    margin-top: 20px;
    border-bottom: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    position: relative;
    cursor: pointer;
    transition: border-color .3s;
}
.krausmannProduct__intro__about__description__moreButton::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: transparent;
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    transition: background-color .3s;
}
.power-tools .krausmannProduct__intro__about__description__moreButton:hover::after,
.power-tools-en .krausmannProduct__intro__about__description__moreButton:hover::after {
    background-color: var(--color-1);
}
.dynamic-tools .krausmannProduct__intro__about__description__moreButton:hover::after,
.dynamic-tools-en .krausmannProduct__intro__about__description__moreButton:hover::after {
    background-color: var(--color-2);
}
.home-solutions .krausmannProduct__intro__about__description__moreButton:hover::after,
.home-solutions-en .krausmannProduct__intro__about__description__moreButton:hover::after {
    background-color: var(--color-3);
}
.krausmannProduct__intro__about__description__moreButton__text {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-1);
}
.power-tools .krausmannProduct__intro__about__description__moreButton__text,
.power-tools-en .krausmannProduct__intro__about__description__moreButton__text {
    color: var(--color-1);
}
.dynamic-tools .krausmannProduct__intro__about__description__moreButton__text,
.dynamic-tools-en .krausmannProduct__intro__about__description__moreButton__text {
    color: var(--color-2);
}
.home-solutions .krausmannProduct__intro__about__description__moreButton__text,
.home-solutions-en .krausmannProduct__intro__about__description__moreButton__text {
    color: var(--color-3);
}
.krausmannProduct__intro__about__description__moreButton__icon {
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
}
.krausmannProduct__intro__about__description__moreButton__icon::before {
    content: '';
    width: 10px;
    height: 2px;
    display: block;
    background-color: var(--color-1);
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 5px);
    transition: transform .3s;
}
.krausmannProduct__intro__about__description__moreButton__icon::after {
    content: '';
    width: 10px;
    height: 2px;
    display: block;
    background-color: var(--color-1);
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 5px);
    transform: rotate(-90deg);
    transition: transform .3s;
}
.power-tools .krausmannProduct__intro__about__description__moreButton__icon::before,
.power-tools .krausmannProduct__intro__about__description__moreButton__icon::after,
.power-tools-en .krausmannProduct__intro__about__description__moreButton__icon::before,
.power-tools-en .krausmannProduct__intro__about__description__moreButton__icon::after {
    background-color: var(--color-1);
}
.dynamic-tools .krausmannProduct__intro__about__description__moreButton__icon::before,
.dynamic-tools .krausmannProduct__intro__about__description__moreButton__icon::after,
.dynamic-tools-en .krausmannProduct__intro__about__description__moreButton__icon::before,
.dynamic-tools-en .krausmannProduct__intro__about__description__moreButton__icon::after {
    background-color: var(--color-2);
}
.home-solutions .krausmannProduct__intro__about__description__moreButton__icon::before,
.home-solutions .krausmannProduct__intro__about__description__moreButton__icon::after,
.home-solutions-en .krausmannProduct__intro__about__description__moreButton__icon::before,
.home-solutions-en .krausmannProduct__intro__about__description__moreButton__icon::after {
    background-color: var(--color-3);
}
.krausmannProduct__intro__about__description.expanded + .krausmannProduct__intro__about__description__moreButton .krausmannProduct__intro__about__description__moreButton__icon::after {
    transform: rotate(0deg);
}

@media(max-width: 1366px) {
    .krausmannProduct__intro h2 {
        font-size: 24px;
        line-height: 26px;
    }

    .krausmannProduct__intro__about__description {
        max-height: 70px;
    }
    .krausmannProduct__intro__about__description__moreButton {
        margin-top: 15px;
    }
}
@media(max-width: 781px) {
    .krausmannProduct__intro h2 {
        display: none;
    }
}

.krausmannProduct__intro__about__variations {
    margin-top: 56px;
    padding: 12px;
    border: 1px solid var(--color-5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    position: relative;
    cursor: pointer;
}
.krausmannProduct__intro__about__variationImage {
    width: 100px;
}
.krausmannProduct__intro__about__variationImage img {
    display: block;
}
.krausmannProduct__intro__about__variationInfo {
    width: calc(100% - 260px);
}
.krausmannProduct__intro__about__variationInfoTitle {
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    color: var(--color-9);
}
.krausmannProduct__intro__about__variationInfoCounter {
    font-size: 18px;
    line-height: 18px;
    color: var(--color-8);
}
.krausmannProduct__intro__about__variationButton {
    width: 120px;
    height: 100%;
    clip-path: polygon(80% 0, 100% 0%, 100% 100%, 0% 100%);
    transition: width .3s, clip-path .3s;
    position: absolute;
    right: 0;
}
.power-tools .krausmannProduct__intro__about__variationButton,
.power-tools-en .krausmannProduct__intro__about__variationButton {
    background-color: var(--color-1);
}
.dynamic-tools .krausmannProduct__intro__about__variationButton,
.dynamic-tools-en .krausmannProduct__intro__about__variationButton {
    background-color: var(--color-2);
}
.home-solutions .krausmannProduct__intro__about__variationButton,
.home-solutions-en .krausmannProduct__intro__about__variationButton {
    background-color: var(--color-3);
}
.krausmannProduct__intro__about__variations:hover .krausmannProduct__intro__about__variationButton {
    clip-path: polygon(40% 0, 100% 0%, 100% 100%, 0% 100%);
}
.krausmannProduct__intro__about__variationButton::after {
    content: '';
    width: 16px;
    height: 16px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/arrow-large.svg);
    -webkit-mask-position: right center;
    -webkit-mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-large.svg);
    mask-position: right center;
    mask-size: auto;
    mask-repeat: no-repeat;
    display: block;
    transition: width .3s;
    position: absolute;
    z-index: 8;
    top: calc(50% - 8px);
    right: 18px;
}
.krausmannProduct__intro__about__variations:hover .krausmannProduct__intro__about__variationButton::after {
    width: 48px;
}

@media(max-width: 1366px) {
    .krausmannProduct__intro__about__variations {
        gap: 20px;
    }
    .krausmannProduct__intro__about__variationImage {
        width: 70px;
    }
    .krausmannProduct__intro__about__variationInfo {
        width: calc(100% - 150px);
    }
    .krausmannProduct__intro__about__variationInfoTitle {
        font-size: 16px;
        line-height: 18px;
    }
    .krausmannProduct__intro__about__variationInfoCounter {
        font-size: 14px;
        line-height: 14px;
    }
}

.krausmannProduct__intro__about__toggles {
    margin-top: 60px;
    border-top: 1px solid var(--color-5);
    border-bottom: 1px solid var(--color-5);
}
.krausmannProduct__intro__about__toggleTitle {
    padding: 12px 0 12px 7px;
    border-top: 1px solid var(--color-5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
    transition: background-color .3s;
}
.krausmannProduct__intro__about__toggleTitle:hover:not(.is-open) {
    background-color: var(--color-5);
}
.krausmannProduct__intro__about__toggle:first-child .krausmannProduct__intro__about__toggleTitle {
    border-top: unset;
}
.krausmannProduct__intro__about__toggleText {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: var(--color-9);
}
.krausmannProduct__intro__about__toggleIcon {
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
}
.krausmannProduct__intro__about__toggleIcon::before {
    content: '';
    width: 10px;
    height: 2px;
    display: block;
    background-color: var(--color-8);
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 5px);
    transition: transform .3s;
}
.krausmannProduct__intro__about__toggleIcon::after {
    content: '';
    width: 10px;
    height: 2px;
    display: block;
    background-color: var(--color-8);
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 5px);
    transform: rotate(-90deg);
    transition: transform .3s;
}
.krausmannProduct__intro__about__toggleTitle.is-open .krausmannProduct__intro__about__toggleIcon::after {
    transform: rotate(0deg);
}

.productInclude__packet,
.productSpecs {
    margin-bottom: 30px;
    padding: 0 7px;
}

.productInclude__packet table,
.productSpecs table {
    width: 100%;
    border-collapse: collapse;
}
.productSpecs__row td {
    padding: 6px 0;
}
.productSpecs__row:first-child td {
    padding: 0 0 6px 0;
}
.productSpecs__row:last-child td {
    padding: 6px 0 0 0;
}
.productSpecs__row:only-child td {
    padding: 0;
}
.productSpecs__row td:nth-child(1) {
    width: 24px;
}
.productSpecs__row td:nth-child(2) {
    padding-left: 16px;
    padding-right: 16px;
    width: calc(50% - 24px);
}
.productSpecs__row td:nth-child(3) {
    width: calc(50% - 24px);
}
.productSpecs__row td svg {
    width: 24px;
    height: 24px;
}
.productSpecs__row td svg path {
    fill: #231f20;
}

.productManuals,
.productSpareParts {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-5);
}
.productManuals .krausmannProduct__intro__about__toggleText,
.productSpareParts .krausmannProduct__intro__about__toggleText {
    padding: 12px 0 12px 7px;
}
.productManuals__list,
.productSpareParts__list {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.productManuals__list .krausmannProductDownload a::after,
.productSpareParts__list .krausmannProductDownload a::after {
    background-image: url(assets/icons/download.svg);
}

.krausmannProductStoresButton {
    margin-top: 70px;
}

@media(max-width: 1366px) {
    .krausmannProduct__intro__about__toggleText {
        font-size: 16px;
        line-height: 16px;
    }

    .krausmannProductStoresButton {
        margin-top: 50px;
    }
}

.krausmannProduct__intro__media {
    margin-top: -150px;
    height: 100%;
    position: sticky;
    top: 175px;
}
.tileGallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    position: relative;
}

.tileGallery__tile {
    position: relative;
    cursor: pointer;
}
.tileGallery__badges {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 17px;
}
.tileGallery__badges svg {
    width: min-content;
    height: auto;
}

.tileGallery__row:nth-child(2) {
    width: 100%;
}

.tileGallery__row:nth-child(3),
.tileGallery__row:nth-child(4) {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.tileGallery__row:nth-child(3) .tileGallery__col,
.tileGallery__row:nth-child(4) .tileGallery__col {
    width: calc(33.33% - 7px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.tileGallery__row:nth-child(3) .tileGallery__col > .tileGallery__col,
.tileGallery__row:nth-child(4) .tileGallery__col > .tileGallery__col {
    width: calc(50% - 5px);
}

.tileGallery__tile__landscape {
    width: 240px;
    height: 120px;
}
.tileGallery__tile__portait {
    width: 90px;
    height: 120px;
}

.tileGallery__figure {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}
.tileGallery__figure a {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tileGallery__figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tileGallery__more {
    width: 40px;
    height: 40px;
    background-color: var(--color-1);
    border: 2px solid var(--color-4);
    border-radius: 100%;
    display: flex ;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 7;
    bottom: -20px;
    right: 10px;
}
.tileGallery__more span {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: var(--color-4);
}
.tileGallery__remainingImages {
    display: none;
}

@media(max-width: 1366px) {
    .tileGallery__badges {
        gap: 12px;
    }
    .tileGallery__row:nth-child(3) .tileGallery__col,
    .tileGallery__row:nth-child(4) .tileGallery__col {
        width: calc(50% - 5px);
    }
    .tileGallery__row:nth-child(3) > .tileGallery__col:nth-child(3),
    .tileGallery__row:nth-child(4) > .tileGallery__col:nth-child(3) {
        display: none;
    }
    .tileGallery__tile__landscape {
        width: 290px;
        height: 150px;
    }
    .tileGallery__tile__portait {
        width: 140px;
        height: 150px;
    }
}
@media(max-width: 781px) {
    .krausmannProduct__intro__media {
        position: relative;
        top: 0;
    }
}
@media(max-width: 681px) {
    .krausmannProduct__intro__media {
        margin-top: -75px;
    }
}
@media(max-width: 581px) {
    .tileGallery__tile__landscape {
        width: 290px;
        height: 115px;
    }
    .tileGallery__tile__portait {
        width: 140px;
        height: 115px;
    }
}

/* - Product sticky bar. */
.krausmannProduct__stickyBar {
    padding: 0 20px;
    max-height: 0px;
    position: sticky;
    z-index: 99;
    background-color: var(--color-4);
    overflow: hidden;
    transition: padding-top .3s, padding-bottom .3s, max-height .3s;
}
.krausmannProduct__stickyBar.active {
    padding-top: 5px;
    padding-bottom: 5px;
    max-height: 100%;
}
.krausmannProduct__stickyBar__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.krausmannProduct__stickyBar__content__info{
    display: flex;
    align-items: center;
    gap: 28px;
}
.krausmannProduct__stickyBar__image {
    width: 80px;
}
.krausmannProduct__stickyBar__image img {
    width: 100%;
    height: auto;
}
.krausmannProduct__stickyBar__sku {
    margin-bottom: 10px;
    font-weight: 800;
    font-style: italic;
    font-size: 30px;
    line-height: 24px;

}
.power-tools .krausmannProduct__stickyBar__sku,
.power-tools-en .krausmannProduct__stickyBar__sku {
    color: var(--color-1);
}
.dynamic-tools .krausmannProduct__stickyBar__sku,
.dynamic-tools-en .krausmannProduct__stickyBar__sku {
    color: var(--color-2);
}
.home-solutions .krausmannProduct__stickyBar__sku,
.home-solutions-en .krausmannProduct__stickyBar__sku {
    color: var(--color-3);
}
.krausmannProduct__stickyBar__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 12px;
    color: var(--color-9);
}
.krausmannProduct__stickyBar__icon {
    display: none;
}
.krausmannProduct__stickyBar__content__more .krausmannProductStoresButton {
    margin: 0;
}

@media(max-width: 1366px) {
    .krausmannProduct__stickyBar__content {
        flex-direction: column;
        align-items: start;
    }
    .krausmannProduct__stickyBar__content__info {
        width: 100%;
    }
    .krausmannProduct__stickyBar__image {
        width: 38px;
    }
    .krausmannProduct__stickyBar__sku {
        margin-bottom: 0;
        font-size: 25px;
        line-height: 23px;
    }
    .krausmannProduct__stickyBar__title {
        font-size: 12px;
        line-height: 18px;
    }
    .krausmannProduct__stickyBar__icon {
        margin-left: auto;
        width: 24px;
        height: 24px;
        display: block;
        position: relative;
    }
    .krausmannProduct__stickyBar__icon::before {
        content: '';
        width: 10px;
        height: 2px;
        display: block;
        background-color: var(--color-8);
        position: absolute;
        top: calc(50% - 1px);
        left: calc(50% - 5px);
        transition: transform .3s;
    }
    .krausmannProduct__stickyBar__icon::after {
        content: '';
        width: 10px;
        height: 2px;
        display: block;
        background-color: var(--color-8);
        position: absolute;
        top: calc(50% - 1px);
        left: calc(50% - 5px);
        transform: rotate(-90deg);
        transition: transform .3s;
    }
    .krausmannProduct__stickyBar__content.is-open .krausmannProduct__stickyBar__icon::after {
        transform: rotate(0deg);
    }
}
@media(max-width: 781px) {
    .krausmannProduct__stickyBar__header {
        max-width: 220px;
    }
    .krausmannProduct__stickyBar__title {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

/* - Product popup (media + variations). */
.krausmannProduct__media__popup,
.krausmannProduct__variations__popup {
    background-color: var(--color-4);
    width: 100%;
    height: 0%;
    overflow: hidden;
    position: fixed;
    z-index: 99999;
    top: 0;
    transition: height .3s;
}
.krausmannProduct__media__popup.active,
.krausmannProduct__variations__popup.active {
    height: 100%;
    overflow-y: auto;
}
.krausmannProduct__media__popup__close,
.krausmannProduct__variations__popup__close {
    width: 40px;
    height: 40px;
    background-color: var(--color-8);
    border-radius: 100%;
    position: absolute;
    z-index: 10;
    top: 50px;
    right: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.krausmannProduct__media__popup__closeIcon,
.krausmannProduct__variations__popup__closeIcon {
    width: 18px;
    height: 18px;
    position: relative;
}
.krausmannProduct__media__popup__closeIcon::before,
.krausmannProduct__media__popup__closeIcon::after,
.krausmannProduct__variations__popup__closeIcon::before,
.krausmannProduct__variations__popup__closeIcon::after {
    content: '';
    width: 16px;
    height: 2px;
    display: block;
    background-color: var(--color-4);
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 8px);
    transform: rotate(-45deg);
    transition: background-color .3s;
}
.krausmannProduct__media__popup__closeIcon::after,
.krausmannProduct__variations__popup__closeIcon::after {
    transform: rotate(45deg);
}

.krausmannProduct__media__popup__triangles1,
.krausmannProduct__media__popup__triangles2,
.krausmannProduct__variations__popup__triangles1,
.krausmannProduct__variations__popup__triangles2 {
    position: absolute;
    z-index: -1;
}
.krausmannProduct__media__popup__triangles1,
.krausmannProduct__variations__popup__triangles1 {
    top: 70px;
    left: 90px;
}
.krausmannProduct__media__popup__triangles2,
.krausmannProduct__variations__popup__triangles2 {
    top: 0;
    right: 0;
}
.productGalleryPopup__arrowsGray1 {
    position: absolute;
    top: 90px;
    left: 40px;
}
.productVariationsPopup__arrowsOrange1 {
    position: absolute;
    top: 90px;
    right: -30px;
}

.krausmannProduct__media__popup__content,
.krausmannProduct__variations__popup__content {
    margin: 0 auto;
    padding: 0 20px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.krausmannProduct__variations__popup__content {
    /* padding-top: 85px; */
    /* padding-bottom: 108px; */
    /* overflow-y: auto; */
}
.krausmannProduct__media__popup__content__inner,
.krausmannProduct__variations__popup__content__inner {
    max-width: 800px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
}
.krausmannProduct__variations__popup__content__inner {
    padding-top: 85px;
    padding-bottom: 108px;
    max-width: var(--width-1254);
}
.krausmannProduct__variations__popup__content__inner h2 {
    margin-top: clamp(44px,10vw,90px);
    margin-bottom: clamp(44px,10vw,90px);
    width: 100%;
    font-weight: 800;
    font-size: clamp(30px,10vw,80px);
    line-height: clamp(34px,10vw,80px);
    text-align: center;
    color: var(--color-6);
}

.productGallerySplide,
.productGalleryThumbSplide {
    margin: 0 auto;
    width: 700px;
}

.productGallerySplide .splide__arrow {
    width: 40px;
    height: 40px;
    background: none;
    border: 2px solid var(--color-8);
    opacity: 1;
    transition: background-color .3s;
}
.productGallerySplide .splide__arrow:hover {
    background-color: var(--color-8);
}
.productGallerySplide .splide__arrow.splide__arrow--prev {
    left: -120px;
}
.productGallerySplide .splide__arrow.splide__arrow--next {
    right: -120px;
}
.productGallerySplide .splide__arrow.splide__arrow--prev::before,
.productGallerySplide .splide__arrow.splide__arrow--next::before {
    content: '';
    width: 14px;
    height: 9px;
    background-color: var(--color-8);
    -webkit-mask-image: url(assets/icons/arrowChevron__down.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrowChevron__down.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    transition: background-color .3s;
}
.productGallerySplide .splide__arrow.splide__arrow--prev:hover::before,
.productGallerySplide .splide__arrow.splide__arrow--next:hover::before {
    background-color: var(--color-4);
}
.productGallerySplide .splide__arrow.splide__arrow--prev::before {
    transform: rotate(90deg);
}
.productGallerySplide .splide__arrow.splide__arrow--next::before {
    transform: rotate(-90deg);
}
.productGallerySplide .splide__arrow svg {
    display: none;
}

.productGalleryThumbSplide {
    /* height: 80px; */
}
.productGalleryThumbSplide .splide__list {
    align-items: center;
}
.productGalleryThumbSplide .splide__slide {
    /* width: 60px !important; */
    /* height: 60px !important; */
    border: none !important;
    opacity: .6;
}
.productGalleryThumbSplide .splide__slide.is-active {
    /* margin-left: 10px !important; */
    /* margin-right: 20px !important; */
    /* width: 80px !important; */
    /* height: 80px !important; */
    opacity: 1;
}
.productGalleryThumbSplide .splide__arrow {
    width: 20px;
    height: 20px;
    background: none;
    opacity: 1;
}
.productGalleryThumbSplide .splide__arrow.splide__arrow--prev {
    left: -40px;
}
.productGalleryThumbSplide .splide__arrow.splide__arrow--next {
    right: -40px;
}
.productGalleryThumbSplide .splide__arrow.splide__arrow--prev::before,
.productGalleryThumbSplide .splide__arrow.splide__arrow--next::before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: var(--color-8);
    -webkit-mask-image: url(assets/icons/arrow-small.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-small.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.productGalleryThumbSplide .splide__arrow.splide__arrow--prev::before {
    transform: rotate(180deg);
}
.productGalleryThumbSplide .splide__arrow svg {
    display: none;
}

.productVariationsSplide {
    width: 100%;
}
.productVariationsSplide .splide__list {
    flex-wrap: wrap;
    gap: 30px;
}
.productVariationsSplide .splide__slide {
    width: calc(25% - 22.75px) !important;
}
.productVariationsSplide__image {
    background-color: var(--color-5);
}
.productVariationsSplide .splide__slide.current .productVariationsSplide__image {
    background-color: var(--color-6);
}
.productVariationsSplide__sku {
    margin-top: 14px;
    font-weight: 800;
    font-style: italic;
    font-size: 26px;
    line-height: 30px;
    color: var(--color-7);
}
.productVariationsSplide__packet__row,
.productInclude__packet__row,
.productSpecs__row {
    vertical-align: top;
}
.productVariationsSplide__packet__row td {
    font-size: 14px;
    line-height: 18px;
}
.productVariationsSplide__packet__row td,
.productInclude__packet__row td {
    padding: 6px 0;
}
.productVariationsSplide__packet__row:first-child td,
.productInclude__packet__row:first-child td {
    padding: 0 0 6px 0;
}
.productVariationsSplide__packet__row:last-child td,
.productInclude__packet__row:last-child td {
    padding: 6px 0 0 0;
}
.productVariationsSplide__packet__row:only-child td,
.productInclude__packet__row:only-child td {
    padding: 0;
}
.productVariationsSplide__packet__row td:first-child,
.productInclude__packet__row td:first-child {
    width: 20px;
    text-align: right;
}
.productVariationsSplide__packet__row td:nth-child(2),
.productInclude__packet__row td:nth-child(2) {
    padding-left: 5px;
    padding-right: 5px;
    width: 20px;
}
.productVariationsSplide .splide__slide::before {
    content: '';
    width: 24px;
    height: 4px;
    background-color: var(--color-9);
    position: absolute;
    top: 0;
    left: 0;
}
.productVariationsSplide .splide__slide.current::before {
    width: 100%;
}
.productVariationsSplide .splide__slide.splide__slide__ff661b::before {
    background-color: var(--color-1);
}
.productVariationsSplide .splide__slide.splide__slide__45c2b1::before {
    background-color: var(--color-2);
}
.productVariationsSplide .splide__slide.splide__slide__009add::before {
    background-color: var(--color-3);
}
.productVariationsSplide .splide__slide::after {
    content: '';
    width: 0;
    height: 4px;
    background-color: var(--color-9);
}
.productVariationsSplide .splide__slide.current::after {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.productVariationsSplide .splide__slide.splide__slide__ff661b::after {
    background-color: var(--color-1);
}
.productVariationsSplide .splide__slide.splide__slide__45c2b1::after {
    background-color: var(--color-2);
}
.productVariationsSplide .splide__slide.splide__slide__009add::after {
    background-color: var(--color-3);
}
.productVariationsSplide__content {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    /* align-items: center; */
    justify-content: center;
    gap: 28px;
}
.productVariationsSplide .splide__slide__ff661b.current .productVariationsSplide__sku {
    color: var(--color-1);
}
.productVariationsSplide .splide__slide__45c2b1.current .productVariationsSplide__sku {
    color: var(--color-2);
}
.productVariationsSplide .splide__slide__009add.current .productVariationsSplide__sku {
    color: var(--color-3);
}
.productVariationsSplide__title {
    margin-top: 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: var(--color-9);
}
.productVariationsSplide__packet {
    margin-top: 24px;
}
.productVariationsSplide__packet__title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-7);
}
.productVariationsSplide .splide__slide .krausmannProductStoresButton {
    margin-top: auto;
    margin-bottom: 10px;
}
.productVariationsSplide .splide__slide.current .krausmannProductStoresButton a {
    width: 40px;
    height: 40px;
    pointer-events: none;
}
.productVariationsSplide .splide__slide.current .krausmannProductStoresButton a::after {
    width: 16px;
    height: 16px;
    background-image: url(assets/icons/check.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    right: calc(50% - 8px);
    opacity: 1;
}
.productVariationsSplide .splide__slide.current .krausmannProductStoresButton a:hover {
    opacity: 1;
}
.productVariationsSplide .splide__slide.splide__slide__ff661b.current .krausmannProductStoresButton a {
    background-color: var(--color-1);
}
.productVariationsSplide .splide__slide.splide__slide__45c2b1.current .krausmannProductStoresButton a {
    background-color: var(--color-2);
}
.productVariationsSplide .splide__slide.splide__slide__009add.current .krausmannProductStoresButton a {
    background-color: var(--color-3);
}
.productVariationsSplide .splide__slide.current .krausmannProductStoresButton span {
    display: none;
}

#variations-progress-pagination {
    margin-top: 30px;
    margin-bottom: 20px;
    display: none;
}

@media(max-width: 1366px) {
    .krausmannProduct__media__popup__close,
    .krausmannProduct__variations__popup__close {
        top: 28px;
        right: 24px;
    }

    .krausmannProduct__media__popup__triangles1,
    .krausmannProduct__variations__popup__triangles1 {
        width: 104px;
        top: 30px;
        left: 30px;
    }
    .krausmannProduct__media__popup__triangles1 svg,
    .krausmannProduct__variations__popup__triangles1 svg {
        width: 104px;
        height: auto;
    }
    .productGalleryPopup__arrowsGray1 {
        width: 27px !important;
        height: 124px !important;
        top: 56px;
        left: 32px;
    }
    .krausmannProduct__media__popup__triangles2,
    .krausmannProduct__variations__popup__triangles2 {
        width: 167px;
    }
    .krausmannProduct__media__popup__triangles2 svg,
    .krausmannProduct__variations__popup__triangles2 svg {
        width: 167px;
        height: auto;
    }

    .krausmannProduct__media__popup__content__inner,
    .krausmannProduct__variations__popup__content__inner {
        gap: 40px;
    }
    .krausmannProduct__variations__popup__content__inner {
        gap: 0;
    }

    .productGallerySplide {
        width: 600px;
    }
    .productGalleryThumbSplide {
        width: 520px;
    }

    .productGallerySplide .splide__arrow.splide__arrow--prev {
        left: -60px;
    }
    .productGallerySplide .splide__arrow.splide__arrow--next {
        right: -60px;
    }

    .productVariationsSplide .splide__slide {
        width: calc(33.33% - 20px) !important;
    }
}
@media(max-width: 781px) {
    .krausmannProduct__media__popup__content,
    .krausmannProduct__variations__popup__content {
        padding: 0;
    }
    .productVariationsPopup__arrowsOrange1 {
        width: 64px !important;
        height: 58px !important;
        top: 40px;
        right: 20px;
    }
    .krausmannProduct__media__popup__content__inner,
    .krausmannProduct__variations__popup__content__inner {
        max-width: 100%;
    }

    .productGallerySplide {
        width: calc(100% - 40px);
    }
    .productGalleryThumbSplide {
        width: 100%;
    }

    .productGalleryThumbSplide .splide__slide {
        /* width: 50px !important; */
        /* height: 50px !important; */
    }
    .productGalleryThumbSplide .splide__slide.is-active {
        /* width: 70px !important; */
        /* height: 70px !important; */
    }
    .productVariationsSplide .splide__list {
        flex-wrap: nowrap;
        gap: 0;
    }
    .productVariationsSplide .splide__slide {
        width: 100% !important;
    }
    .productVariationsSplide .splide__slide.current::after {
        bottom: auto;
    }
    .productVariationsSplide__content {
        height: auto;
    }
    .productVariationsSplide .splide__slide .krausmannProductStoresButton {
        margin-top: 0;
    }
    #variations-progress-pagination {
        display: flex;
    }
}

/* - Product benefits. */
.krausmannProduct__benefits__badge {
    margin-top: -170px;
    width: 170px;
    height: 170px;
    position: relative;
    z-index: 9;
    top: 220px;
    left: 77.5%;
}
.krausmannProduct__benefits__badge svg {
    width: 100%;
    height: auto;
}
.krausmannProduct__benefits {
    margin-top: 90px;
    padding: 0 20px 0 10px;
    height: 700px;
    background-color: var(--color-9);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    position: relative;
    overflow: hidden;
}
.krausmannProduct__benefits::after {
    content: '';
    width: calc(50% - 25px);
    height: 18px;
    clip-path: polygon(16px 0,100% 0,100% 100%,0 100%);
    background-color: var(--color-4);
    position: absolute;
    bottom: 0;
    right: 0;
}
.power-tools .krausmannProduct__benefits::after,
.power-tools-en .krausmannProduct__benefits::after {
    background-color: var(--color-1);
}
.dynamic-tools .krausmannProduct__benefits::after,
.dynamic-tools-en .krausmannProduct__benefits::after {
    background-color: var(--color-2);
}
.home-solutions .krausmannProduct__benefits::after,
.home-solutions-en .krausmannProduct__benefits::after {
    background-color: var(--color-3);
}
.krausmannProduct__benefits__media,
.krausmannProduct__benefits__content {
    width: calc(50% - 25px);
    height: 100%;
    display: flex;
    align-items: center;
}
.krausmannProduct__benefits__media svg,
.krausmannProduct__benefits__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.krausmannProduct__benefits__content__inner {
    width: 100%;
    max-width: 610px;
    position: relative;
}
.krausmannProduct__benefits h2 {
    margin-bottom: 40px;
    font-weight: 800;
    font-size: 54px;
    line-height: 60px;
    color: var(--color-4);
}
.krausmannProduct__benefits ul {
    padding-left: 36px;
    list-style: none;
    font-size: 24px;
    line-height: 36px;
    color: var(--color-4);
}
.krausmannProduct__benefits ul li {
    margin-bottom: 30px;
    position: relative;
}
.krausmannProduct__benefits ul li:last-child {
    margin-bottom: 0;
}
.krausmannProduct__benefits ul li::before {
    content: '';
    width: 21px;
    height: 12px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/list-arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/list-arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 16px;
    left: -36px;
}
.power-tools .krausmannProduct__benefits ul li::before,
.power-tools-en .krausmannProduct__benefits ul li::before {
    background-color: var(--color-1);
}
.dynamic-tools .krausmannProduct__benefits ul li::before,
.dynamic-tools-en .krausmannProduct__benefits ul li::before {
    background-color: var(--color-2) !important;
}
.home-solutions .krausmannProduct__benefits ul li::before,
.home-solutions-en .krausmannProduct__benefits ul li::before {
    background-color: var(--color-3) !important;
}

@media(max-width: 1366px) {
    .krausmannProduct__benefits__badge {
        margin-top: -102px;
        width: 102px;
        height: 102px;
        top: 131px;
        left: calc(100% - 122px);
    }
    .krausmannProduct__benefits {
        margin-top: 80px;
        height: 460px;
        gap: 20px;
    }
    .krausmannProduct__benefits::after {
        width: 50%;
        height: 10px;
        clip-path: polygon(10px 0,100% 0,100% 100%,0 100%);
    }
    .krausmannProduct__benefits__media {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .krausmannProduct__benefits__media svg,
    .krausmannProduct__benefits__media img {
        position: unset;
    }
    .krausmannProduct__benefits h2 {
        margin-bottom: 16px;
        font-size: 30px;
        line-height: 34px;
    }
    .krausmannProduct__benefits ul {
        font-size: 18px;
        line-height: 26px;
    }
    .krausmannProduct__benefits ul li {
        margin-bottom: 20px;
    }
}
@media(max-width: 781px) {
    .krausmannProduct__benefits {
        padding: 64px 10px 0 10px;
        height: 700px;
    }
    .krausmannProduct__benefits::after {
        width: calc(100% - 25px);
    }
    .krausmannProduct__benefits__media,
    .krausmannProduct__benefits__content {
        width: 100%;
        height: auto;
    }
    .krausmannProduct__benefits__media {
        order: 1;
    }
    .krausmannProduct__benefits__content {
        padding: 0 10px;
        order: 0;
    }
}

/* - Product support. */
.krausmannProduct__support {
    margin-top: 88px;
    padding: 0 20px;
}
.krausmannProduct__support h2 {
    padding: 0 20px;
    margin: 0 0 20px 0;
    font-weight: 800;
    font-size: clamp(30px,7vw,98px);
    line-height: clamp(30px,7vw,98px);
    text-align: center;
    color: var(--color-6);
}

.productSupportSplide .splide__slide {
    padding-top: 50px;
}
.productSupportSplide__backgroundColor_holder {
    width: 100%;
    height: 345px;
    background-color: var(--color-5);
    position: absolute;
    z-index: -1;
    bottom: 0;
    transition: height .3s;
}
.productSupportSplide .splide__slide:hover .productSupportSplide__backgroundColor_holder {
    height: 100%;
}
.power-tools .productSupportSplide .splide__slide.splide__slide__guarantee .productSupportSplide__backgroundColor_holder,
.power-tools-en .productSupportSplide .splide__slide.splide__slide__guarantee .productSupportSplide__backgroundColor_holder {
    background-color: var(--color-1);
}
.dynamic-tools .productSupportSplide .splide__slide.splide__slide__guarantee .productSupportSplide__backgroundColor_holder,
.dynamic-tools-en .productSupportSplide .splide__slide.splide__slide__guarantee .productSupportSplide__backgroundColor_holder {
    background-color: var(--color-2);
}
.home-solutions .productSupportSplide .splide__slide.splide__slide__guarantee .productSupportSplide__backgroundColor_holder,
.home-solutions-en .productSupportSplide .splide__slide.splide__slide__guarantee .productSupportSplide__backgroundColor_holder {
    background-color: var(--color-3);
}
.productSupportSplide .splide__slide.splide__slide__service .productSupportSplide__backgroundColor_holder,
.productSupportSplide .splide__slide.splide__slide__service .productSupportSplide__backgroundColor_holder,
.productSupportSplide .splide__slide.splide__slide__service .productSupportSplide__backgroundColor_holder {
    background-color: var(--color-9);
}

.productSupportSplide .splide__slide a {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.productSupportSplide__content {
    padding: 30px 24px 20px 24px;
}
.productSupportSplide__badge svg {
    width: 100%;
    height: auto;
}
.power-tools .productSupportSplide__badge .Krausmann__colorChange,
.power-tools-en .productSupportSplide__badge .Krausmann__colorChange {
    fill: var(--color-1);
}
.dynamic-tools .productSupportSplide__badge .Krausmann__colorChange,
.dynamic-tools-en .productSupportSplide__badge .Krausmann__colorChange {
    fill: var(--color-2);
}
.home-solutions .productSupportSplide__badge .Krausmann__colorChange,
.home-solutions-en .productSupportSplide__badge .Krausmann__colorChange {
    fill: var(--color-3);
}
.productSupportSplide .productSupportSplide__title {
    font-weight: 700;
    font-size: 38px;
    line-height: 48px;
    text-align: center;
}
.power-tools .productSupportSplide .splide__slide__guarantee .productSupportSplide__title,
.power-tools-en .productSupportSplide .splide__slide__guarantee .productSupportSplide__title,
.dynamic-tools .productSupportSplide .splide__slide__guarantee .productSupportSplide__title,
.dynamic-tools-en .productSupportSplide .splide__slide__guarantee .productSupportSplide__title,
.home-solutions .productSupportSplide .splide__slide__guarantee .productSupportSplide__title,
.home-solutions-en .productSupportSplide .splide__slide__guarantee .productSupportSplide__title {
    color: var(--color-9);
}
.power-tools .productSupportSplide .splide__slide__stores .productSupportSplide__title,
.power-tools-en .productSupportSplide .splide__slide__stores .productSupportSplide__title,
.dynamic-tools .productSupportSplide .splide__slide__stores .productSupportSplide__title,
.dynamic-tools-en .productSupportSplide .splide__slide__stores .productSupportSplide__title,
.home-solutions .productSupportSplide .splide__slide__stores .productSupportSplide__title,
.home-solutions-en .productSupportSplide .splide__slide__stores .productSupportSplide__title {
    color: var(--color-9);
}
.power-tools .productSupportSplide .splide__slide__service .productSupportSplide__title,
.power-tools .productSupportSplide .splide__slide__stores .productSupportSplide__title span,
.power-tools-en .productSupportSplide .splide__slide__service .productSupportSplide__title,
.power-tools-en .productSupportSplide .splide__slide__stores .productSupportSplide__title span {
    color: var(--color-1);
}
.dynamic-tools .productSupportSplide .splide__slide__service .productSupportSplide__title,
.dynamic-tools .productSupportSplide .splide__slide__stores .productSupportSplide__title span,
.dynamic-tools-en .productSupportSplide .splide__slide__service .productSupportSplide__title,
.dynamic-tools-en .productSupportSplide .splide__slide__stores .productSupportSplide__title span {
    color: var(--color-2);
}
.home-solutions .productSupportSplide .splide__slide__service .productSupportSplide__title,
.home-solutions .productSupportSplide .splide__slide__stores .productSupportSplide__title span,
.home-solutions-en .productSupportSplide .splide__slide__service .productSupportSplide__title,
.home-solutions-en .productSupportSplide .splide__slide__stores .productSupportSplide__title span {
    color: var(--color-3);
}
.productSupportSplide__description {
    margin-top: 25px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: var(--color-4);
}
.productSupportSplide__link {
    margin-top: 30px;
    /* height: 0; */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s;
}
.productSupportSplide .splide__slide:hover .productSupportSplide__link {
    /* height: 16px; */
    opacity: 1;
}
.productSupportSplide__link::after {
    content: '';
    width: 16px;
    height: 16px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/arrow-small.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-small.svg);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
}
.splide__slide__stores .productSupportSplide__link::after {
    background-color: var(--color-8);
}
.productSupportSplide__link span {
    display: none;
}

#support-progress-pagination {
    display: none;
}

@media(max-width: 1366px) {
    .krausmannProduct__support {
        margin-top: 60px;
    }

    .productSupportSplide .splide__slide {
        padding-top: 20px;
    }
    .productSupportSplide__backgroundColor_holder {
        height: 230px;
    }
    .productSupportSplide__content {
        padding: 18px 10px 12px 10px;
    }
    .productSupportSplide .productSupportSplide__title {
        font-size: 20px;
        line-height: 26px;
    }
    .productSupportSplide__description {
        margin-top: 10px;
        font-size: 12px;
        line-height: 16px;
    }
    .productSupportSplide__link {
        margin-top: 18px;
    }
}
@media(max-width: 1118px) {
    .productSupportSplide__backgroundColor_holder {
        height: 245px;
    }
}
@media(max-width: 893px) {
    .productSupportSplide__backgroundColor_holder {
        height: 262px;
    }
}
@media(max-width: 781px) {
    .krausmannProduct__support {
        padding: 0;
    }

    .productSupportSplide__backgroundColor_holder {
        height: 230px;
    }
    #support-progress-pagination {
        display: flex;
    }
}
@media(max-width: 439px) {
    .productSupportSplide__backgroundColor_holder {
        height: 247px;
    }
}

/* - Product video. */
.krausmannProduct__video {
    margin-top: 100px;
}

@media(max-width: 1366px) {
    .krausmannProduct__video {
        margin-top: 60px;
    }
}

/* - Product banner UN1 Power. */
.krausmannProduct__un1Power {
    margin-top: 124px;
    background: linear-gradient(0deg, var(--color-5) 5%, var(--color-4) 100%);
    position: relative;
    overflow: hidden;
}

.un1Power .krausmannProduct__un1Power {
    background: linear-gradient(180deg, var(--color-5) 5%, var(--color-4) 100%);
}

.krausmannProduct__un1Power::before,
.krausmannProduct__un1Power::after {
    content: '';
    width: 100%;
    height: 14px;
    background: linear-gradient(90deg, #8F4199 12%, #7080BF 41%, #6393CA 52%, #52AFDB 71%, #48C0E5 88%, #45C6E9 100%);
    display: block;
}

.krausmannProduct__un1Power__triangles {
    width: 256px;
    height: 322px;
    position: absolute;
    top: 14px;
    right: 0;
    overflow: hidden;
}
.krausmannProduct__un1Power__triangles svg {
    width: 256px;
    height: auto;
    position: absolute;
    bottom: 0;
}

.krausmannProduct__un1Power__content {
    height: 322px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px;
}
.krausmannProduct__un1Power__media {
    width: auto;
    height: 297px;
}
.krausmannProduct__un1Power__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.krausmannProduct__un1Power__about {
    width: calc(100% - 346px);
    position: relative;
}
.krausmannProduct__un1Power__about01 {
    display: flex;
    align-items: center;
    gap: 34px;
    opacity: 1;
    transition: opacity .3s;
}
.krausmannProduct__un1Power:hover .krausmannProduct__un1Power__about01 {
    opacity: 0;
}
.krausmannProduct__un1Power__about01__part01,
.krausmannProduct__un1Power__about01__part02 {
    width: min-content;
    display: flex;
    align-items: center;
}
.krausmannProduct__un1Power__about01__part02 {
    gap: 10px;
}
.krausmannProduct__un1Power__about01__separator {
    width: 3px;
    height: 146px;
    background-color: var(--color-7);
    display: block;
}
.krausmannProduct__un1Power__about01__counter {
    font-weight: 800;
    font-size: clamp(45px,8vw,146px);
    line-height: clamp(52px,8vw,165px);
    color: var(--color-10);
}
.krausmannProduct__un1Power__about01__description__title {
    font-weight: 800;
    font-size: clamp(13px,3vw,41px);
    line-height: clamp(12px,3vw,37px);
    color: var(--color-1);
}
.krausmannProduct__un1Power__about01__description__tagline {
    font-size: clamp(6px,1.5vw,20px);
    line-height: clamp(7px,1.5vw,22px);
    color: var(--color-9);
}
.krausmannProduct__un1Power__about02 {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity .3s;
}
.krausmannProduct__un1Power:hover .krausmannProduct__un1Power__about02 {
    opacity: 1;
}
.krausmannProduct__un1Power__about02__description__title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: clamp(14px,2.5vw,40px);
    line-height: clamp(18px,2.5vw,45px);
    color: var(--color-10);
}
.krausmannProduct__un1Power__about02__description__separator {
    color: var(--color-7);
}
.krausmannProduct__un1Power__about02__description__tagline {
    font-weight: 700;
    font-size: clamp(10px,1.75vw,28px);
    line-height: clamp(14px,1.75vw,32px);
    color: var(--color-1);
}

@media(max-width: 1366px) {
    .krausmannProduct__un1Power {
        margin-top: 60px;
    }

    .krausmannProduct__un1Power__triangles {
        display: none;
    }

    .krausmannProduct__un1Power__content {
        height: 180px;
        justify-content: center;
    }
    .krausmannProduct__un1Power__media {
        height: 136px;
    }
    .krausmannProduct__un1Power__about {
        width: auto;
    }
    .krausmannProduct__un1Power__about01 {
        gap: 18px;
    }
    .krausmannProduct__un1Power__about01__separator {
        width: 1.5px;
        height: 78px;
    }
}
@media(max-width: 781px) {
    .krausmannProduct__un1Power__content {
        height: 226px;
        gap: 0;
    }
    .krausmannProduct__un1Power__media,
    .krausmannProduct__un1Power__about {
        width: 100%;
    }
    .krausmannProduct__un1Power__about01 {
        justify-content: center;
    }
    .krausmannProduct__un1Power__about01__separator {
        width: 1px;
        height: 46px;
    }
    .krausmannProduct__un1Power__about02__description__title {
        margin-bottom: 5px;
    }
}

/* - Product related. */
.krausmannProduct__related {
    margin-top: 100px;
    padding: 0 20px;
}
.krausmannProduct__related__content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.krausmannProduct__related__content__carousel {
    width: calc(75% - 15px); /* width: calc(100% - 320px); */
}
.krausmannProduct__related__content__title {
    width: calc(25% - 15px); /* width: 290px; */
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    hyphens: auto;
    word-wrap: break-word;
    word-break: break-word;
    letter-spacing: -1px;
    color: var(--color-9);
}

@media(max-width: 1366px) {
    .krausmannProduct__related {
        margin-top: 60px;
    }
    .krausmannProduct__related__content {
        gap: 20px;
    }
    .krausmannProduct__related__content__title {
        padding: 0;
        font-size: 30px;
        line-height: 34px;
        letter-spacing: 0;
    }
    .krausmannProduct__related__content__carousel {
    width: calc(66.66% - 10px);
    }
    .krausmannProduct__related__content__title {
        width: calc(33.33% - 10px);
    }
}
@media(max-width: 681px) {
    .krausmannProduct__related {
        padding: 0;
        margin-top: 42px;
    }
    .krausmannProduct__related__content {
        gap: 30px;
    }
    .krausmannProduct__related__content__carousel,
    .krausmannProduct__related__content__title {
        width: 100%;
    }
    .krausmannProduct__related__content__carousel {
        order: 1;
    }
    .krausmannProduct__related__content__title {
        padding: 0 20px;
        order: 0;
    }
    .krausmannProduct__related .progress-pagination {
        order: 2;
    }
}

.krausmannProduct__item__media {
    position: relative;
}
.krausmannProduct__item__type {
    padding: 2px 4px;
    font-weight: 600;
    font-size: 9px;
    line-height: 10px;
    color: var(--color-4);
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 4px;
    transition: width .3s, height .3s;
}
.krausmannProduct__item:hover .krausmannProduct__item__type {
    width: auto;
    height: auto;
}
.power-tools .krausmannProduct__item__type,
.power-tools-en .krausmannProduct__item__type {
    background-color: var(--color-1);
}
.dynamic-tools .krausmannProduct__item__type,
.dynamic-tools-en .krausmannProduct__item__type {
    background-color: var(--color-2);
}
.home-solutions .krausmannProduct__item__type,
.home-solutions-en .krausmannProduct__item__type {
    background-color: var(--color-3);
}
.krausmannProduct__item__type span {
    opacity: 0;
    transition: opacity .3s 0s;
}
.krausmannProduct__item:hover .krausmannProduct__item__type span {
    opacity: 1;
    transition: opacity .3s .3s;
}
.krausmannProduct__item__media .productBadges {
    position: absolute;
    z-index: 9;
    top: 12px;
    right: 12px;
}
.krausmannProduct__item__media .krausmannProduct__item__combo {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: var(--color-9);
    position: absolute;
    z-index: 9;
    bottom: 9px;
    right: 12px;
}
.krausmannProduct__item__image {
    margin-bottom: 14px;
    padding: 30px 20px 20px 20px;
    background-color: var(--color-5);
    transition: background-color .3s;
}
.krausmannProduct__item:hover .krausmannProduct__item__image {
    background-color: var(--color-6);
}
.krausmannProduct__item__image img {
    transition: transform .3s;
}
.krausmannProduct__item:hover .krausmannProduct__item__image img {
    transform: scale(1.1);
}
.krausmannProduct__item__sku {
    font-weight: 800;
    font-style: italic;
    font-size: 26px;
    line-height: 29px;
    color: var(--color-7);
    transition: color .3s;
}
.krausmannProduct__item.power-tools:hover .krausmannProduct__item__sku,
.krausmannProduct__item.power-tools-en:hover .krausmannProduct__item__sku {
    color: var(--color-1);
}
.krausmannProduct__item.dynamic-tools:hover .krausmannProduct__item__sku,
.krausmannProduct__item.dynamic-tools-en:hover .krausmannProduct__item__sku {
    color: var(--color-2);
}
.krausmannProduct__item.home-solutions:hover .krausmannProduct__item__sku,
.krausmannProduct__item.home-solutions-en:hover .krausmannProduct__item__sku {
    color: var(--color-3);
}
.krausmannProduct__item__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: var(--color-9);
}

/* New arrivals. */
.newArrivals {
    position: relative;
}
.newArrivals__products {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    row-gap: 50px;
}
.newArrivals__products article {
    width: calc(25% - 22.5px);
}

@media(max-width: 1366px) {
    .newArrivals {
        gap: 20px;
        row-gap: 23px;
    }
    .newArrivals article {
        width: calc(33.33% - 20px);
    }
}
@media(max-width: 781px) {
    .newArrivals {
        gap: 0;
        row-gap: 12px;
    }
    .newArrivals article {
        width: 100%;
    }
}

/* Product categories. */
.krausmannProductCategory {
    position: relative;
}

.krausmannProductCategory__container {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 30px;
}
.krausmannProductCategory__filters {
    width: 290px;
}
.krausmannProductCategory__products {
    width: calc(100% - 320px);
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    row-gap: 50px;
    transition: all .3s;
}
.krausmannProductCategory__products.loading {
    position: relative;
}
.krausmannProductCategory__products.loading::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.75);
    backdrop-filter: blur(2px);
    pointer-events: all;
    z-index: 12;
}
.krausmannProductCategory__products.loading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    margin: -22px 0 0 -22px;
    border: 3px solid var(--color-7);
    border-top-color: var(--color-1);
    border-radius: 50%;
    animation: artware-spin .8s linear infinite;
    z-index: 13;
}
@keyframes artware-spin {
    to { transform: rotate(360deg); }
}

.krausmannProductCategory__products article {
    width: calc(33.33% - 20px);
}

.filterToggle.filterHide {
    display: none !important;
}

.filters__close {
    width: 40px;
    height: 40px;
    background-color: var(--color-4);
    border-radius: 100%;
    position: fixed;
    z-index: 9999;
    top: 21px;
    right: 20px;
    display: none;
}
.filters__close::before,
.filters__close::after {
    content: '';
    width: 16px;
    height: 2px;
    display: block;
    background-color: var(--color-8);
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 8px);
    transform: rotate(-45deg);
    transition: background-color .3s;
}
.filters__close::after {
    transform: rotate(45deg);
}

.filterTrigger {
    margin-top: 30px;
    padding: 8px 20px;
    width: fit-content;
    background-color: var(--color-1);
    border-radius: 100vh;
    display: none; /* display: flex; */
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    position: sticky;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}
.filterTrigger__text {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-4);
}
.filterTrigger__icon {
    content: '';
    width: 16px;
    height: 13px;
    display: block;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/filters.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/filters.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
}

@media(max-width: 1366px) {
    .krausmannProductCategory__container {
        gap: 20px;
    }
    .krausmannProductCategory__products {
        width: calc(100% - 310px);
        gap: 20px;
        row-gap: 23px;
    }
    .krausmannProductCategory__products article {
        width: calc(50% - 10px);
    }
}
@media(max-width: 781px) {
    .krausmannProductCategory__container {
        gap: 0;
    }
    .krausmannProductCategory__filters,
    .krausmannProductCategory__products {
        width: 100%;
    }

    .filters__close.is-active {
        display: flex;
    }

    .krausmannProductCategory__filters {
        padding: 10px 20px 0 20px;
        background-color: var(--color-4);
        /* border: 2px solid var(--color-3); */
        border-radius: 20px 20px 0 0;
        width: 100%;
        height: calc(100% - 85px);
        position: fixed;
        z-index: 9999;
        bottom: 0;
        right: 0;
        transform: translateY(100%);
        overflow-y: scroll;
        transition: all .6s;
    }
    .krausmannProductCategory__filters.open {
        transform: translateY(0);
    }

    .overlay.filtering {
        height: 100%;
        z-index: 9998;
        top: 0;
        backdrop-filter: blur(2px);
    }

    .krausmannProductCategory__products {
        gap: 30px;
    }
    .krausmannProductCategory__products article {
        width: 100%;
    }

    .filterTrigger {
        display: flex;
    }
}

.krausmannProductCategory__filters__header {
    margin-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 20px;
}
.krausmannProductCategory__filters__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: var(--color-9);
}
.krausmannProductCategory__filters__clear,
.krausmannProductCategory__filters__clear a {
    margin-left: auto;
    font-weight: 700;
    font-size: 11px;
    line-height: 11px;
    color: var(--color-7);
}

.filterToggles {
    border-top: 1px solid var(--color-5);
    border-bottom: 1px solid var(--color-5);
}
.filterToggle__title {
    padding: 12px 0;
    border-top: 1px solid var(--color-5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
}
.filterToggle:first-of-type .filterToggle__title {
    border-top: unset;
}
.filterToggle__text {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: var(--color-9);
}
.filterToggle__icon {
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
}
.filterToggle__icon::before {
    content: '';
    width: 10px;
    height: 2px;
    display: block;
    background-color: var(--color-8);
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 5px);
    transition: transform .3s;
}
.filterToggle__icon::after {
    content: '';
    width: 10px;
    height: 2px;
    display: block;
    background-color: var(--color-8);
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 5px);
    transform: rotate(-90deg);
    transition: transform .3s;
}
.filterToggle__title.is-open .filterToggle__icon::after {
    transform: rotate(0deg);
}
.filterToggle__content {
    padding: 20px 0 40px 0;
    position: relative;
}
.filterToggle__clear {
    position: absolute;
    bottom: 10px;
    right: 0;
}
.clear-filter-btn,
.clear-filter-btn:hover {
    font-size: 10px;
    line-height: 10px;
    color: var(--color-7);
}

.checkboxes__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.checkboxes__list label {
    width: 100%;
    display: flex;
    align-items: center;
}
.checkboxes__list input {
    margin: 0;
    display: none;
}
.checkboxes__list span.checkboxes__title {
    font-size: 14px;
    line-height: 16px;
    color: var(--color-8);
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}
.checkboxes__list span.checkboxes__title::before {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid var(--color-6);
    border-radius: 3px;
    display: block;
}
.checkboxes__list input:checked + span.checkboxes__title::before {
    background-image: url(assets/icons/acceptance.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    background-color: var(--color-8);
    border: 1px solid var(--color-8);
}
.checkboxes__list .checkboxes__list__label__power-tools input:checked + span::before,
.checkboxes__list .checkboxes__list__label__power-tools-en input:checked + span::before {
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
}
.checkboxes__list .checkboxes__list__label__dynamic-tools input:checked + span::before,
.checkboxes__list .checkboxes__list__label__dynamic-tools-en input:checked + span::before {
    background-color: var(--color-2);
    border: 1px solid var(--color-2);
}
.checkboxes__list .checkboxes__list__label__home-solutions input:checked + span::before,
.checkboxes__list .checkboxes__list__label__home-solutions-en input:checked + span::before {
    background-color: var(--color-3);
    border: 1px solid var(--color-3);
}
.checkboxes__list span.checkboxes__counter {
    margin-left: auto;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-7);
}
.checkboxes__disabled {
    pointer-events: none;
}
.checkboxes__disabled span.checkboxes__title,
.checkboxes__disabled span.checkboxes__counter {
    color: var(--color-6);
}

.rangeSlider__input {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.rangeSlider__input input {
    margin: 0;
    padding: 4px 12px;
    width: 80px;
    border: 1px solid var(--color-6);
    border-radius: 3px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: var(--color-6);
}
.rangeSlider__separator {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: var(--color-7);
}

.rangeSlider__bar {
    margin: 0 auto 30px auto;
    width: calc(100% - 15px); /* width: 275px; */
    height: 2px !important;
    background: var(--color-5);
    border: none !important;
    border-radius: 0 !important;
}
.rangeSlider__bar .ui-widget-header {
    background: var(--color-1);
}
.rangeSlider__bar .ui-slider-handle {
    width: 16px;
    height: 16px;
    background: var(--color-1);
    border: 2px solid var(--color-4);
    border-radius: 100%;
    top: -7.5px;
    margin-left: -7.5px;
}
.rangeSlider__bar .ui-slider-handle .ui-slider-tip {
    padding: 4px;
    background: var(--color-5);
    border-radius: 5px;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: var(--color-7);
    white-space: nowrap;
    position: absolute;
    top: 22px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}
.rangeSlider__bar .ui-slider-handle .ui-slider-tip::before {
    content: '';
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--color-5);
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
}

.filterSubmit {
    margin-top: 30px;
    padding: 12px 20px;
    width: 100%;
    background-color: var(--color-1);
    border: none;
    border-radius: 100vh;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: var(--color-4);
    cursor: pointer;
    transition: background-color .3s;
}
.filterSubmit:hover {
    background-color: var(--color-1-hover);
}

/* UN1 Power. */
.un1Power {
    position: relative;
}

.page-template-page-un1power .pageTemplate__triangle02 {
    z-index: 1;
}

.un1Power .krausmannProduct__un1Power::after {
    display: none;
}
.un1Power .krausmannProduct__un1Power__content {
    height: 300px;
}
.un1Power .krausmannProduct__un1Power__content {
    justify-content: center;
}
.un1Power .krausmannProduct__un1Power__about01__part01,
.un1Power .krausmannProduct__un1Power__about01__part02 {
    width: calc(50% - 1.5px);
}

@media (max-width: 1366px) {
    .un1Power .krausmannProduct__un1Power__content {
        max-width: min-content;
        height: 150px;
    }
}
@media (max-width: 781px) {
    .un1Power .krausmannProduct__un1Power__content {
        height: 100px;
    }
}

.un1Power .krausmannProduct__video {
    margin-top: 0;
}

.un1Power__battery {
    margin-top: 130px;
    margin-bottom: 110px;
    padding: 0 20px;
    position: relative;
}
.un1Power__battery__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 75px;
}

.un1Power__battery__triangles {
    position: absolute;
    z-index: -1;
    top: -20px;
    left: -420px;
    transform: rotate(180deg);
}
.un1Power__battery__triangles svg path {
    stroke: var(--color-7);
}

.un1Power__battery__coloredTriangles {
    position: absolute;
    z-index: 1;
    top: -20px;
    left: 100px;
}

.un1Power__battery__animation {
    width: calc(33.33% - 37.5px);
    position: relative;
}
.un1Power__battery__item img {
    width: 100%;
    height: auto;
}
.un1Power__battery__item.battery__top {
    position: absolute;
    z-index: 6;
    left: 0;
}
.un1Power__battery__item.battery__inner {
    width: 85%;
    position: relative;
    z-index: 5;
    left: 27.5px;
    opacity: 0;
}
.un1Power__battery__item.battery__base {
    position: absolute;
    z-index: 4;
    top: 12.5px;
}

.un1Power__battery__content {
    width: calc(66.66% - 37.5px);
}
.un1Power__battery__badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 62px;
}
.un1Power__battery__responsiveTitle,
.un1Power__battery__title {
    margin-top: 54px;
    max-width: 670px;
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    color: var(--color-9);
}
.un1Power__battery__responsiveTitle {
    display: none;
}
.un1Power__battery__responsiveTitle span,
.un1Power__battery__title span {
    color: var(--color-1);
}
.un1Power__battery__responsiveTitle span::before,
.un1Power__battery__title span::before {
    content: '';
    display: block;
}
.un1Power__battery__description {
    margin-top: 42px;
    font-size: 28px;
    line-height: 48px;
    color: var(--color-9);
}

@media(max-width: 1366px) {
    .un1Power__battery__inner {
        gap: 37px;
    }

    .un1Power__battery__triangles {
        top: -130px;
        left: -252px;
    }
    .un1Power__battery__triangles svg {
        width: 420px;
        height: auto;
    }

    .un1Power__battery__coloredTriangles {
        top: -130px;
        left: 55px;
    }
    .un1Power__battery__coloredTriangles svg {
        width: 70px;
        height: auto;
    }

    .un1Power__battery__animation {
        margin: 0 0 0 auto;
        max-width: 275px;
    }

    .un1Power__battery__badges {
        /* display: none; */
        opacity: 0;
        height: 0;
    }
    .un1Power__battery__responsiveTitle,
    .un1Power__battery__title {
        margin-top: 0;
        max-width: 410px;
        font-size: 30px;
        line-height: 34px;
    }
    .un1Power__battery__responsiveTitle span::before,
    .un1Power__battery__title span::before {
        display: unset;
    }
    .un1Power__battery__description {
        margin-top: 25px;
        font-size: 18px;
        line-height: 30px;
    }
}
@media(max-width: 781px) {
    .un1Power__battery {
        margin-top: 48px;
        margin-bottom: 54px;
    }
    .un1Power__battery__inner {
        gap: 0;
    }

    .un1Power__battery__triangles {
        top: 120px;
        left: -252px;
    }

    .un1Power__battery__coloredTriangles {
        top: 160px;
        left: 15px;
    }

    .un1Power__battery__arrowsGray1 {
        display: none;
    }

    .un1Power__battery__animation,
    .un1Power__battery__content {
        width: 100%;
    }
    .un1Power__battery__animation {
        margin: 100px auto 120px auto;
    }

    .un1Power__battery__responsiveTitle,
    .un1Power__battery__title {
        max-width: none;
    }
    .un1Power__battery__responsiveTitle {
        margin-bottom: 54px;
        display: block;
    }
    .un1Power__battery__title {
        display: none;
    }
    .un1Power__battery__description {
        margin-top: 55px;
    }
}
@media(max-width: 481px) {
    .un1Power__battery__triangles {
        top: 180px;
    }

    .un1Power__battery__coloredTriangles {
        top: 220px;
    }
}
@media(max-width: 381px) {
    .un1Power__battery__triangles {
        top: 220px;
    }

    .un1Power__battery__coloredTriangles {
        top: 260px;
    }
}

.un1Power__saveMoney {
    height: 800px;
    background-image: url(assets/icons/un1Power_saveMoney_bg.webp);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
.un1Power__saveMoney__title {
    font-weight: 800;
    font-size: 64px;
    line-height: 72px;
    color: var(--color-4);
}
.un1Power__saveMoney__right,
.un1Power__saveMoney__left {
    display: flex;
    align-items: center;
    gap: 50px;
}
.un1Power__saveMoney__right {
    padding-top: 390px;
    transform: translateX(calc(50vw - 550px));
}
.un1Power__saveMoney__left {
    transform: translateX(50vw);
}
.un1Power__saveMoney__right::after,
.un1Power__saveMoney__left::before {
    content: '';
    width: 5px;
    height: 150px;
    background-color: var(--color-1);
    display: block;
}
.un1Power__saveMoney__right span,
.un1Power__saveMoney__left span {
    width: 500px;
}

@media(max-width: 1366px) {
    .un1Power__saveMoney {
        height: 600px;
    }
    .un1Power__saveMoney__title {
        font-size: 40px;
        line-height: 45px;
    }
    .un1Power__saveMoney__right,
    .un1Power__saveMoney__left {
        gap: 10px;
    }
    .un1Power__saveMoney__right {
        padding-top: 330px;
        transform: translateX(calc(50vw - 310px));
    }
    .un1Power__saveMoney__right::after,
    .un1Power__saveMoney__left::before {
        height: 100px;
    }
    .un1Power__saveMoney__right span,
    .un1Power__saveMoney__left span {
        width: 300px;
    }
}
@media(max-width: 781px) {
    .un1Power__saveMoney {
        height: 450px;
    }
    .un1Power__saveMoney__title {
        font-size: 30px;
        line-height: 34px;
    }
    .un1Power__saveMoney__right,
    .un1Power__saveMoney__left {
        gap: 15px;
    }
    .un1Power__saveMoney__right {
        padding-top: 52px;
        transform: translateX(calc(100vw - 240px));
    }
    .un1Power__saveMoney__left {
        transform: translateX(0);
        position: absolute;
        bottom: 52px;
    }
    .un1Power__saveMoney__right span,
    .un1Power__saveMoney__left span {
        width: 220px;
    }
}

.un1Power__combination {
    margin-top: 88px;
    margin-bottom: 104px;
    padding: 0 20px;
}

.un1Power__combination__triangles {
    position: absolute;
    z-index: -1;
    top: -101px;
    left: -140px;
    transform: rotate(180deg);
}
.un1Power__combination__triangles svg path {
    stroke: var(--color-7);
}
.un1Power__combination__arrowsOrange1 {
    z-index: -1 !important;
}

.un1Power__combination__title {
    width: fit-content;
    font-weight: 800;
    font-size: 54px;
    line-height: 54px;
    color: var(--color-9 );
}
.un1Power__combination__title .underline__f68b57 {
    margin: 0;
    line-height: 54px;
}
.un1Power__combination__title:hover .underline__f68b57 {
    box-shadow: inset 0 54px 0 0 var(--color-1-transparent);
}

.un1Power__combination__list {
    margin-top: 74px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
    gap: 0;
    counter-reset: combination-counter;
}
.un1Power__combination__item {
    padding: 0 30px;
    width: calc(25% - 0px);
    position: relative;
    counter-increment: combination-counter;
}
.un1Power__combination__item::before {
    content: counter(combination-counter);
    width: 54px;
    height: 54px;
    background-color: var(--color-1);
    border-radius: 100% ;
    font-weight: 800;
    font-size: 34px;
    line-height: 36px;
    text-align: center;
    color: var(--color-4);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 5;
    top: -54px;
    left: 50%;
    transform: translateX(-50%);
}
.un1Power__combination__item:not(:last-child)::after {
    content: '';
    width: 1px;
    height: calc(100% + 27px);
    background-color: var(--color-7);
    position: absolute;
    top: -27px;
    right: 0;
}
.un1Power__combination__item__media {
    width: auto;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.un1Power__combination__item__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.un1Power__combination__item__title {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: var(--color-8);
}
.un1Power__combination__item__title span {
    font-weight: 800;
    font-size: 32px;
    line-height: 36px;
    color: var(--color-1);
}

@media(max-width: 1366px) {
    .un1Power__combination {
        margin-top: 52px;
        margin-bottom: 70px;
    }

    .un1Power__combination__triangles {
        top: -109px;
        left: -252px;
    }
    .un1Power__combination__triangles svg {
        width: 420px;
        height: auto;
    }
    .un1Power__combination__arrowsGray1 {
        display: none;
    }

    .un1Power__combination__title {
        margin: 0 auto;
        font-size: 30px;
        line-height: 34px;
        text-align: center;
        letter-spacing: -0.9px;
    }
    .un1Power__combination__title .underline__f68b57 {
        margin: 0 auto;
        line-height: 30px;
    }
    .un1Power__combination__title:hover .underline__f68b57 {
        box-shadow: inset 0 34px 0 0 var(--color-1-transparent);
    }

    .un1Power__combination__list {
        margin-top: 96px;
        justify-content: center ;
    }
    .un1Power__combination__item {
        padding: 0 16px;
    }
    .un1Power__combination__item::before {
        width: 44px;
        height: 44px;
        font-size: 26px;
        line-height: 28px;
    }
    .un1Power__combination__item__media {
        height: 180px;
    }
    .un1Power__combination__item__title {
        font-size: 14px;
        line-height: 18px;
    }
    .un1Power__combination__item__title span {
        font-size: 24px;
        line-height: 28px;
    }
}
@media(max-width: 781px) {
    .un1Power__combination__triangles {
        top: -267px;
    }

    .un1Power__combination__list {
        margin-top: 50px;
    }
    .un1Power__combination__item {
        padding: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: end;
    }
    .un1Power__combination__item::before {
        top: 0;
        left: 75%;
    }
    .un1Power__combination__item:nth-child(odd)::before {
        left: 25%;
    }
    .un1Power__combination__item:not(:last-child)::after {
        width: 100%;
        height: 1px;
        position: relative;
        top: unset;
        right: unset;
        display: block;
    }
    .un1Power__combination__item__media,
    .un1Power__combination__item__title {
        width: 50%;
    }
    .un1Power__combination__item__media {
        height: 115px;
    }
    .un1Power__combination__item::after {
        margin: 14px 0;
    }
    .un1Power__combination__item:nth-child(odd)::after {
        order: 2;
    }
    .un1Power__combination__item:nth-child(odd) .un1Power__combination__item__media {
        order: 1;
    }
    .un1Power__combination__item:nth-child(odd) .un1Power__combination__item__title {
        order: 0;
    }
}

.un1Power__tech {
    padding: 0 20px;
    height: 980px;
    background-image: url(assets/icons/un1Power_tech_bg.webp);
    background-size: cover;
    /* background-attachment: fixed; */
    background-position: center;
    background-repeat: no-repeat;
}

.un1Power__tech__header {
    width: 100%;
    max-width: 1024px;
    position: absolute;
    top: 86px;
    left: 50%;
    transform: translateX(-50%);
}

.un1Power__tech__title {
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    text-align: center;
    color: var(--color-9);
}
.un1Power__tech__title span {
    color: var(--color-1);
}

.un1Power__tech__inputPower {
    margin-top: 42px;
    display: flex;
    justify-content: space-between;
    gap: 0 ;
}
.un1Power__tech__inputPower__connector svg {
    margin-top: 15px;
    position: relative;
    z-index: 5;
}
.un1Power__tech__inputPower__connector.verticalLine {
    width: 2px;
    height: 0px;
    background-color: var(--color-4);
    position: absolute;
    z-index: 4;
    bottom: 81px;
    left: 50%;
    transform: translateX(-50%);
}
.un1Power__tech__inputPower__connector.horizontalLine {
    width: 0px;
    height: 2px;
    background-color: var(--color-4);
    position: absolute;
    z-index: 4;
    bottom: 81px;
    left: 50%;
    transform: translateX(-50%);
}
.un1Power__tech__inputPower__12Volt,
.un1Power__tech__inputPower__20Volt {
    width: 400px;
    text-align: center;
    position: relative;
    z-index: 5;
}
.un1Power__tech__inputPower__description {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: var(--color-9);
}

@media(max-width: 1366px) {
    .un1Power__tech {
        height: 600px;
    }

    .un1Power__tech__header {
        width: 724px;
        top: 50px;
    }

    .un1Power__tech__title {
        max-width: 480px;
        font-size: 30px;
        line-height: 34px;
    }

    .un1Power__tech__inputPower {
        margin-top: 32px;
    }
    .un1Power__tech__inputPower__12Volt,
    .un1Power__tech__inputPower__20Volt {
        width: 230px;
    }
    .un1Power__tech__inputPower__12Volt svg,
    .un1Power__tech__inputPower__20Volt svg {
        width: 86px;
        height: auto;
    }
    .un1Power__tech__inputPower__connector svg {
        margin-top: 9px;
        width: 36px;
        height: 36px;
    }
    .un1Power__tech__inputPower__connector.verticalLine {
        bottom: 76px;
    }
    .un1Power__tech__inputPower__connector.horizontalLine {
        bottom: 76px;
    }
    .un1Power__tech__inputPower__description {
        font-size: 16px;
        line-height: 18px;
    }
}
@media(max-width: 781px) {
    .un1Power__tech {
        height: 450px;
    }

    .un1Power__tech__header {
        width: 324px;
    }

    .un1Power__tech__title {
        max-width: 280px;
    }

    .un1Power__tech__inputPower__12Volt svg,
    .un1Power__tech__inputPower__20Volt svg {
        width: 72px;
    }
    .un1Power__tech__inputPower__connector.verticalLine,
    .un1Power__tech__inputPower__connector.horizontalLine {
        display: none;
    }
    .un1Power__tech__inputPower__connector svg {
        display: none;
    }
    .un1Power__tech__inputPower__description {
        display: none;
    }
}

.un1Power__system {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

@media(max-width: 386px) {
    .un1Power__system .KrausmannSpecialties__header__tagline {
        top: 72px;
    }
}

.un1Power__newSeries {
    margin-top: 85px;
    padding: 0 20px;
    height: 875px;
    background-color: var(--color-9);
    background-image: linear-gradient(128deg, var(--color-1) 60%, var(--color-9) 60%);
    display: flex;
    align-items: center;
    position: relative;
}
.un1Power__newSeries__sep01 {
    width: 805px;
    height: 887px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/newSeries__seperator01.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/newSeries__seperator01.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: calc(60% - 55px);
    transform: translateX(-40%);
}
.un1Power__newSeries__sep02 {
    width: 338px;
    height: 418px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/newSeries__seperator02.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/newSeries__seperator02.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    position: absolute;
    bottom: -10px;
    left: calc(60% - 125px);
    transform: translateX(-40%);
}

.un1Power__newSeries__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.un1Power__newSeries__content,
.un1Power__newSeries__media {
    width: calc(50% - 20px);
    position: relative;
}
.un1Power__newSeries__title {
    margin-top: 62px;
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    color: var(--color-4);
}
.un1Power__newSeries__title span {
    color: var(--color-9);
}
.un1Power__newSeries__description {
    margin-top: 36px;
    font-size: 28px;
    line-height: 48px;
    color: var(--color-4);
}
.un1Power__newSeries__links {
    margin-top: 52px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    row-gap: 10px;
}
.un1Power__newSeries__links__item.KrausmannButton a {
    color: var(--color-4);
}
.un1Power__newSeries__links__item.KrausmannButton a:hover {
    background-color: var(--color-4);
    border-color: var(--color-4);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, .3);
    color: var(--color-4);
}
.un1Power__newSeries__links__item.KrausmannButton a::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: unset;
    background-repeat: unset;
    background-size: unset;
    background-position: unset;
    background-color: var(--color-1);
    -webkit-mask-image: url(assets/icons/arrow-small.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: 16px;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-small.svg);
    mask-position: center center;
    mask-size: 16px;
    mask-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 8px);
    right: 14px;
    opacity: 0;
    transition: opacity .3s;
}
.un1Power__newSeries__links__item.KrausmannButton a span {
    background-color: var(--color-1);
}
.un1Power__newSeries__links__item.KrausmannButton a:hover span {
    background-color: var(--color-1);
}
.un1Power__newSeries__links__item.KrausmannButton__default a {
    border: 2px solid var(--color-4);
}

@media(max-width: 1366px) {
    .un1Power__newSeries__links__item.KrausmannButton a::after {
        width: 12px;
        height: 12px;
        -webkit-mask-size: 12px;
        mask-size: 12px;
        top: calc(50% - 6px);
        right: 10px;
    }
}

.un1Power__newSeries__media__linear {
    width: 570px;
    height: auto;
    position: absolute;
    top: 35px;
    left: calc(60% + 225px);
}
.un1Power__newSeries__media__image01 {
    width: 459px;
    height: auto;
    position: absolute;
    top: calc(50% + 125px);
    left: calc(60% + 325px);
    transform: translate(-40%, -50%);
}
.un1Power__newSeries__media__image02 {
    width: 386px;
    height: auto;
    position: absolute;
    bottom: 50px;
    left: calc(60% - 150px);
}
.un1Power__newSeries__media__linear svg,
.un1Power__newSeries__media__image01 img,
.un1Power__newSeries__media__image02 img {
    width: 100%;
    height: auto;
}

@media(max-width: 1366px) {
    .un1Power__newSeries {
        height: 595px;
        background-image: linear-gradient(128deg, var(--color-1) 50%, var(--color-9) 50%);
    }
    .un1Power__newSeries__sep01 {
        width: 545px;
        height: 600px;
        left: calc(50% - 85px);
    }
    .un1Power__newSeries__sep02 {
        width: 235px;
        height: 290px;
        left: calc(50% - 130px);
    }

    .un1Power__newSeries__content {
        max-width: 355px;
    }
    .un1Power__newSeries__badge svg {
        width: 86px;
        height: auto;
    }
    .un1Power__newSeries__title {
        margin-top: 32px;
        font-size: 30px;
        line-height: 34px;
    }
    .un1Power__newSeries__description {
        margin-top: 15px;
        font-size: 18px;
        line-height: 30px;
    }
    .un1Power__newSeries__links {
        margin-top: 22px;
    }

    .un1Power__newSeries__media__linear {
        width: 340px;
        top: 56px;
        left: calc(50% + 100px);
    }
    .un1Power__newSeries__media__image01 {
        width: 275px;
        top: calc(50% + 100px);
        left: calc(50% + 150px);
        transform: translate(-50%, -50%);
    }
    .un1Power__newSeries__media__image02 {
        width: 230px;
        bottom: 15px;
        left: calc(50% - 150px);
    }
}
@media(max-width: 981px) {
    .un1Power__newSeries__inner {
        height: 100%;
        flex-direction: column;
        align-items: unset;
    }
    .un1Power__newSeries__content {
        margin-top: 60px;
    }
}
@media(max-width: 881px) {
    .un1Power__newSeries__content {
        max-width: 355px;
    }
}
@media(max-width: 781px) {
    .un1Power__newSeries {
        height: 715px;
        background-image: linear-gradient(128.5deg, var(--color-1) 55%, var(--color-9) 55%);
    }
    .un1Power__newSeries__sep01 {
        width: 650px;
        height: 715px;
        left: calc(50% - 25px);
    }
    .un1Power__newSeries__sep02 {
        left: calc(50% - 115px);
    }

    .un1Power__newSeries__content,
    .un1Power__newSeries__media {
        width: 100%;
    }

    .un1Power__newSeries__media__linear {
        width: 285px;
        top: 325px;
        left: calc(55% - 25px);
    }
    .un1Power__newSeries__media__image01 {
        width: 210px;
        top: unset;
        bottom: 0;
        left: calc(55% + 25px);
        transform: translateX(-55%);
    }
    .un1Power__newSeries__media__image02 {
        width: 180px;
        /* bottom: 20px; */
        left: calc(55% - 185px);
    }
}
@media(max-width: 581px) {
    .un1Power__newSeries__description {
        display: none;
    }
}
@media(max-width: 481px) {
    .un1Power__newSeries__sep01 {
        width: 545px;
        height: 600px;
        top: unset;
        bottom: 0;
        left: calc(50% - 80px);
    }
    .un1Power__newSeries__sep02 {
        left: calc(50% - 135px);
    }
}

/* Brushless. */
.page-template-page-brushless .pageTemplate__triangle02 {
    z-index: 1;
}

.brushless {
    position: relative;
}

.brushlessIntro__header {
    padding: 0 20px;
    background-color: var(--color-1);
}
.brushlessIntro__header > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}
.brushlessIntro__header__title {
    margin: 0;
    padding: 120px 0 40px 0;
    width: 50%;
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    color: var(--color-9);
    position: relative;
    z-index: 1;
}
.brushlessIntro__header__title > div {
    margin: 0;
}
.brushlessIntro__header__title span {
    color: var(--color-4);
}

@media(max-width: 1366px) {
    .brushlessIntro__header__title {
        padding: 70px 0 24px 0;
        font-size: 30px;
        line-height: 34px;
    }
}
@media(max-width: 781px) {
    .brushlessIntro__header__title {
        padding: 48px 0;
        width: 100%;
    }
    .brushlessIntro__header__title:last-child {
        display: none;
    }
}

.brushlessIntro__container {
    margin-bottom: 140px;
    display: flex;
    flex-wrap: wrap;
}
.brushlessIntro__container__media,
.brushlessIntro__container__content {
    width: 50%;
    position: relative;
}
.brushlessIntro__container__content {
    z-index: 9;
}
.brushlessIntro__container__content > div {
    margin: 38px 70px 0 auto;
    padding: 0 20px;
    font-size: 28px;
    line-height: 48px;
    color: var(--color-9);
    position: relative;
    z-index: 1;
}
.brushlessIntro__container__media__image {
    position: relative;
}
.brushlessIntro__container__media__image img {
    position: absolute;
    top: -450px;
    right: 0;
    width: 1380px;
    height: 1210px;
    transition: right .3s;
}
.brushlessIntro__container__media__badge {
    position: absolute;
    bottom: 30px;
    right: 650px;
    transition: right .3s;
}

@media(max-width: 1681px) {
    .brushlessIntro__container__media__image img {
        right: -100px;
    }
    .brushlessIntro__container__media__badge {
        right: 550px;
    }
}
@media(max-width: 1581px) {
    .brushlessIntro__container__media__image img {
        right: -200px;
    }
    .brushlessIntro__container__media__badge {
        right: 450px;
    }
}
@media(max-width: 1366px) {
    .brushlessIntro__container {
        margin-bottom: 80px;
    }
    .brushlessIntro__container__content > div {
        font-size: 18px;
        line-height: 30px;
    }
    .brushlessIntro__container__media__image img {
        top: -200px;
        width: auto;/* width: 717px; */
        height: 632px;
        right: 0;
    }
    .brushlessIntro__container__media__badge {
        bottom: -175px;
        right: 420px;
    }
    .brushlessIntro__container__media__badge svg {
        width: 100px;
        height: 100px;
    }
}
@media(max-width: 1250px) {
    .brushlessIntro__container__content > div {
        margin-left: 0;
        margin-right: 0;
        /* padding: 0 20px; */
    }
}
@media(max-width: 1075px) {
    .brushlessIntro__container {
        margin-bottom: 50px;
    }
    .brushlessIntro__container__media__image img {
        right: -100px;
    }
    .brushlessIntro__container__media__badge {
        bottom: -150px;
        right: 265px;
    }
}
@media(max-width: 937px) {
    .brushlessIntro__container {
        margin-bottom: 20px;
    }
    .brushlessIntro__container__media__badge {
        bottom: -120px;
    }
}
@media(max-width: 860px) {
    .brushlessIntro__container__media__image img {
        right: -150px;
    }
    .brushlessIntro__container__media__badge {
        right: 215px;
    }
}
@media(max-width: 839px) {
    .brushlessIntro__container {
        margin-bottom: 0;
    }
    .brushlessIntro__container__media__badge {
        bottom: -90px;
    }
}
@media(max-width: 781px) {
    .brushlessIntro__container {
        margin-bottom: -80px;
        flex-direction: column-reverse;
    }
    .brushlessIntro__container__media,
    .brushlessIntro__container__content {
        width: 100%;
    }
    .brushlessIntro__container__media {
        margin-top: -40px;
        height: 341px;
    }
    .brushlessIntro__container__content > div {
        margin-top: 0;
    }
    .brushlessIntro__container__media__image img {
        top: 0;
        right: 0;
        width: auto; /* width: 337px; */
        height: 350px;
    }
    .brushlessIntro__container__media__badge {
        bottom: 25px;
        right: 200px;
    }
}

.brushlessIntro__triangles {
    position: relative;
}
.brushlessIntro__triangle {
    position: absolute;
    top: -107px;
    left: -210px;
    transform: rotate(180deg);
}
.brushlessIntro__triangle svg path {
    stroke: var(--color-7);
}

@media (max-width: 1366px) {
    .brushlessIntro__triangle {
        top: -23px;
        left: -252px;
    }
    .brushlessIntro__triangle svg {
        width: 420px;
        height: auto;
    }
}
@media (max-width: 781px) {
    .brushlessIntro__triangle {
        top: -346px;
        left: -335px;
    }
}
@media (max-width: 752px) {
    .brushlessIntro__triangle {
        top: -376px;
    }
}
@media (max-width: 618px) {
    .brushlessIntro__triangle {
        top: -406px;
    }
}
@media (max-width: 537px) {
    .brushlessIntro__triangle {
        top: -436px;
    }
}
@media (max-width: 468px) {
    .brushlessIntro__triangle {
        top: -466px;
    }
}
@media (max-width: 419px) {
    .brushlessIntro__triangle {
        top: -496px;
    }
}
@media (max-width: 381px) {
    .brushlessIntro__triangle {
        top: -526px;
    }
}

.stickySection {
    padding: 0 20px !important;
    background-color: var(--color-9);
    top: 80px !important;
}
.stickySection::after {
    content: '';
    width: 50%;
    height: 18px;
    clip-path: polygon(16px 0, 100% 0, 100% 100%, 0 100%);
    background-color: var(--color-1);
    position: absolute;
    bottom: 0;
    right: 0;
}
.stickySection__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 90px;
    row-gap: 0;
    position: relative;
    height: calc(100vh - 170px);
}

.stickySection__badge svg {
    margin-top: -25px;
    width: 680px;
    height: 112px;
}

.stickySection__media {
    text-align: center;
    width: calc(50% - 45px);
    min-height: 300px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stickySection__media__image,
.stickySection__media__image__default {
    width: 100%;
    position: absolute;
    opacity: 0;
    transition: opacity .66s cubic-bezier(0.4, 0, 0.2, 1); /* transition: opacity .66s ease-in-out; */
}
.stickySection__media__image.active,
.stickySection__media__image__default.active {
    opacity: 1;
}
.stickySection__media__image img,
.stickySection__media__image__default img {
    width: 100%;
    height: auto;
}

.stickySection__toggles {
    width: calc(50% - 45px);
}
.stickySection__toggles__title {
    margin-bottom: 40px;
    font-weight: 800;
    font-size: 54px;
    line-height: 60px;
    color: var(--color-4);
    position: relative;
}
.stickySection__toggles__list {
    padding-left: 35px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.stickySection__toggles__item {
    position: relative;
}
.stickySection__toggles__item::before {
    content: '';
    width: 21px;
    height: 12px;
    background-color: var(--color-8);
    -webkit-mask-image: url(assets/icons/list-arrow.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/list-arrow.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 16px;
    left: -35px;
}
.stickySection__toggles__item.all-active::before,
.stickySection__toggles__item.is-open::before {
    background-color: var(--color-1);
}
.stickySection__toggles__item__header {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: var(--color-4);
}
.stickySection__toggles__item__content {
  margin-top: 10px;
  font-size: 20px;
  line-height: 32px;
  color: var(--color-6);
}

@media(max-width: 1366px) {
    .stickySection {
        top: 70px !important;
    }
    .stickySection__inner {
        height: calc(100vh - 147.5px);
    }

    .stickySection__badge svg {
        width: 600px;
        height: 99px;
    }

    .stickySection__toggles__title {
        margin-bottom: 18px;
        font-size: 30px;
        line-height: 34px;
    }
    .stickySection__toggles__item::before {
        width: 17.5px;
        height: 10px;
        top: 12px;
    }
    .stickySection__toggles__item__header {
        font-size: 18px;
        line-height: 28px;
    }
}
@media(max-width: 781px) {
    .stickySection::after {
        width: 90%;
        height: 10px;
        clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%);
    }
    .stickySection__inner {
        height: calc(100vh - 117.5px);
        gap: 0;
    }

    .stickySection__badge svg {
        margin-top: -12.5px;
        width: 340px;
        height: 56px;
    }

    .stickySection__media {
        width: 100%;
    }
    .stickySection__media__image img,
    .stickySection__media__image__default img {
        width: auto;
        height: 380px;
    }

    .stickySection__toggles {
        width: 100%;
    }

    .stickySection__toggles__title::after {
        content: '';
        width: 100%;
        height: 20px;
        background: rgb(44,44,44);
        background: linear-gradient(0deg, rgba(44,44,44,0) 0%, rgba(44,44,44,1) 100%);
        position: absolute;
        bottom: -20px;
        left: 0;
    }
}
@media(max-width: 681px) {
    .stickySection__media__image img,
    .stickySection__media__image__default img {
        height: 275px;
    }

    .stickySection__toggles {
        margin-bottom: auto;
        height: 215px;
        overflow-y: hidden;
        position: relative;
    }
    .stickySection__toggles__title {
        margin-bottom: 0;
    }
    .stickySection__toggles__title::after {
        content: '';
        width: 100%;
        height: 40px;
        background: rgb(44,44,44);
        background: linear-gradient(0deg, rgba(44,44,44,0) 0%, rgba(44,44,44,1) 100%);
        position: absolute;
        z-index: 9;
        bottom: -40px;
        left: 0;
    }
    .stickySection__toggles__list {
        padding-top: 20px;
        padding-bottom: 60px;
        max-height: 100%;
        overflow-y: clip;
        overflow-x: hidden;
        gap: 20px;
    }
    .stickySection__toggles__item.is-open {
        position: relative;
    }
}

.page-template-page-brushless .krausmannProduct__related {
    margin-top: 270px;
}
.page-template-page-brushless .krausmannProduct__related__content__title {
    letter-spacing: -2.25px;
}

@media(max-width: 1366px) {
    .page-template-page-brushless .krausmannProduct__related {
        margin-top: 207px;
    }
    .page-template-page-brushless .krausmannProduct__related__content__title {
        letter-spacing: 0px;
    }
}
@media(max-width: 781px) {
    .page-template-page-brushless .krausmannProduct__related {
        margin-top: 190px;
    }
}

/* Demo. */
.page-template-page-demos .pageTemplate__triangle02 {
    z-index: 1;
}

.demos {
    position: relative;
}

.demos .KrausmannYoutube {
    margin-top: 96px;
}

@media(max-width: 1366px) {
    .demos .KrausmannYoutube {
        margin-top: 47px;
    }
}
@media(max-width: 781px) {
    .demos .KrausmannYoutube {
        margin-top: 37px;
    }
}

.demoIntro__container {
    margin-top: 44px;
    padding: 0 20px;
}
.demoIntro__container__banner__coloredTriangles {
    z-index: 3;
    bottom: 125px;
    left: 100%;
}

@media(max-width: 1366px) {
    .demoIntro__container {
        margin-top: 44px !important;
    }
    .demoIntro__container__banner__coloredTriangles {
        bottom: 42.5%;
        left: 300px;
    }
}
@media(max-width: 781px) {
    .demoIntro__container__banner__coloredTriangles {
        bottom: 60%;
        left: 220px;
    }
}

@media(max-width: 781px) {
    .demoIntro__container__description__text {
        max-height: 0;
        position: relative;
        overflow: hidden;
        transition: max-height .3s;
    }
    .demoIntro__container__description__text::after {
        content: '';
        background: var(--color-4);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
        width: 100%;
        height: 30px;
        display: block;
        position: absolute;
        bottom: 0px;
        opacity: 1;
        transition: opacity .3s;
    }
    .demoIntro__container__description__text.expanded {
        padding-top: 26px;
        max-height: none;
    }
    .demoIntro__container__description__text.expanded::after {
        height: 0;
        opacity: 0;
    }
    .demoIntro__container__description__text__moreButton {
        order: 2;
        margin-top: 15px;
        border-bottom: 1px solid transparent;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        cursor: pointer;
        transition: border-color .3s;
    }
    .demoIntro__container__description__text__moreButton:hover {
        border-bottom: 1px solid var(--color-1);
    }
    .demoIntro__container__description__text__moreButton__text {
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        color: var(--color-1);
    }
    .demoIntro__container__description__text__moreButton__icon {
        width: 24px;
        height: 24px;
        display: block;
        position: relative;
    }
    .demoIntro__container__description__text__moreButton__icon::before {
        content: '';
        width: 10px;
        height: 2px;
        display: block;
        background-color: var(--color-1);
        position: absolute;
        top: calc(50% - 1px);
        left: calc(50% - 5px);
        transition: transform .3s;
    }
    .demoIntro__container__description__text__moreButton__icon::after {
        content: '';
        width: 10px;
        height: 2px;
        display: block;
        background-color: var(--color-1);
        position: absolute;
        top: calc(50% - 1px);
        left: calc(50% - 5px);
        transform: rotate(-90deg);
        transition: transform .3s;
    }
    .demoIntro__container__description__text.expanded + .demoIntro__container__description__text__moreButton .demoIntro__container__description__text__moreButton__icon::after {
        transform: rotate(0deg);
    }
}

.demo-dates {
    margin-top: 75px;
    margin-bottom: 60px;
    width: 100%;
    height: 50px;
    display: flex;
    position: relative;
    z-index: 99;
    transform: translateX( calc((100vw - var(--width-1254)) / 2));
}
.demo-dates.activeCal {
    position: relative;
    z-index: 100;
}
.demo-dates::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--color-5);
    position: absolute;
    top: 20px;
    left: 0;
}
.demo-dates-month {
    width: 50px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-1);
    display: flex;
    align-items: center;
    position: sticky;
    z-index: 2;
    left: 0;
    transform: translateY(20px);
}
.demo-dates-days {
    padding-top: 20px;
    width: calc(100% - 60px);
    height: 210px;
    display: flex;
    overflow-x: hidden;
    scrollbar-width: none;
}
.demo-dates-days::-webkit-scrollbar {
    display: none;
}
.day-item {
    min-width: 40px;
    height: 50px;
    /* border-right: 1px solid #eee; */
    font-size: 16px;
    color: rgba(84,85,84,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: grab;
    user-select: none;
}
.demo-dates-days.grabbing .day-item {
    cursor: grabbing;
}
.day-item.hasDemo {
    color: var(--color-8);
}
.day-item.first-of-month {
    /* border-left: 2px dashed #ccc; */
}
.day-item.month-indicator {
    font-weight: 600;
    font-size: 16px;
    color: var(--color-1);
}
.day-item.month-indicator:first-child {
    display: none;
}
.day-item.today {
    /* background-color: rgba(246,139,87,.5); */
    /* font-weight: bold; */
    /* color: #000; */
}
.demo-dates-icon {
    width: 95px;
    height: 100%;
    background-color: var(--color-9);
    clip-path: polygon(0 0, 100% 0%, 60% 100%, 0% 100%);
    background-image: url(assets/icons/calendar.svg);
    background-repeat: no-repeat;
    background-position: left 15px center;
    position: relative;
    top: 20px;
}
.day-item-demo {
    display: none;
}
.day-item-checkbox:checked + .day-item-demo {
    padding: 0 30px;
    width: 240px;
    height: 140px;
    background-color: var(--color-9);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    position: absolute;
    z-index: 99;
    top: 70px;
    left: 0;
    pointer-events: none;
}
.demo-title {
    font-weight: 800;
    font-size: 18px;
    color: var(--color-4);
    position: relative;
}
.demo-title::before {
    content: '';
    width: 20px;
    height: 2px;
    background-color: var(--color-1);
    position: absolute;
    bottom: -11px;
    left: 0;
}
.demo-location {
    padding-left: 20px;
    font-size: 14px;
    color: var(--color-4);
    position: relative;
}
.demo-location::before {
    content: '';
    width: 13px;
    height: 16px;
    background-image: url(assets/icons/pin.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 2px;
    left: 0;
}
.day-item.hasDemo label {
    cursor: pointer;
}
.day-item.hasDemo:has(.day-item-checkbox:checked) {
    height: 90px;
    background-color: var(--color-9);
    color: var(--color-4);
    top: -20px;
}
.demo-mini-date {
    width: 40px;
    font-size:16px;
    color: var(--color-1);
    display: none;
    justify-content: center;
    position: absolute;
    top: -64px;
    left: 0;
}
.day-item-checkbox:checked + .day-item-demo .demo-mini-date {
    display: flex;
}

@media(max-width: 1290px) {
    .demo-dates {
        transform: translateX(20px);
    }
}
@media(max-width: 781px) {
    .demo-dates {
        transform: translateX(0px);
    }
}

.demo-filtering {
    row-gap: 0;
}
.demoEvents {
    position: relative;
}
.demo-wrapper {
    position:relative;
}
.demo-filter-top {
    width: 100%;
    height: 270px;
    background-color: var(--color-1);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}
.demo-filter-item {
    padding-bottom: 10px;
    height: 34px;
    font-weight: 400;
    font-size: 16px;
    color: var(--color-4);
    align-self: baseline;
    cursor: pointer;
}
.demo-filter-item.active {
    border-bottom: 4px solid var(--color-10);
    font-weight: 600;
    font-size: 30px;
}
.demo-filter-bar {
    padding-top: 73px;
    padding-bottom: 34px;
    position: relative;
    z-index: 99;
}
#demo-counter {
    margin-top: 100px;
    font-size: 12px;
    color: var(--color-7);
}
.demo-progress-container {
    margin: 9px 0 20px 0;
    width: 210px;
    height: 2px;
    background-color: var(--color-6);
    align-self: center;
    overflow: hidden;
}
.demo-progress-bar {
    width: 0%;
    height: 100%;
    background-color: var(--color-7);
    transition: width .3s ease-in-out;
}
#load-more-demos {
    padding: 14px 50px;
    background-color: var(--color-4);
    border: 2px solid var(--color-8);
    border-radius: 99px;
    font-weight: 700;
    font-size: 16px;
    color: var(--color-10);
    cursor: pointer;
}
#load-more-demos:hover {
    background-color: var(--color-4);
    color: var(--color-10);
}
#load-more-demos.load-more-disabled {
    opacity: .55;
    cursor: not-allowed;
    display: none;
}
.demo-post {
    position: relative;
    aspect-ratio: 1;
}
.demo-post::after {
    content:'';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75);
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    transition: background-color .3s;
}
.demo-post:hover::after {
    background: rgba(0,0,0,.4);
}
.demo-post:first-child::after {
    height: 60%;
    background: linear-gradient(0deg,rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
}
.demo-post:nth-child(2)::after, .demo-post:nth-child(5)::after,
.demo-post:nth-child(7)::after, .demo-post:nth-child(10)::after,
.demo-post:nth-child(16)::after, .demo-post:nth-child(21)::after,
.demo-post:nth-child(23)::after, .demo-post:nth-child(26)::after,
.demo-post:nth-child(32)::after, .demo-post:nth-child(37)::after,
.demo-post:nth-child(39)::after, .demo-post:nth-child(42)::after,
.demo-post:nth-child(48)::after, .demo-post:nth-child(53)::after,
.demo-post:nth-child(55)::after, .demo-post:nth-child(58)::after,
.demo-post:nth-child(64)::after, .demo-post:nth-child(69)::after,
.demo-post:nth-child(71)::after, .demo-post:nth-child(74)::after,
.demo-post:nth-child(80)::after, .demo-post:nth-child(85)::after,
.demo-post:nth-child(87)::after, .demo-post:nth-child(90)::after,
.demo-post:nth-child(96)::after, .demo-post:nth-child(101)::after {
    background: rgba(255,102,27,.75);
}
.demo-post:nth-child(2):hover::after, .demo-post:nth-child(5):hover::after,
.demo-post:nth-child(7):hover::after, .demo-post:nth-child(10):hover::after,
.demo-post:nth-child(16):hover::after, .demo-post:nth-child(21):hover::after,
.demo-post:nth-child(23):hover::after, .demo-post:nth-child(26):hover::after,
.demo-post:nth-child(32):hover::after, .demo-post:nth-child(37):hover::after,
.demo-post:nth-child(39):hover::after, .demo-post:nth-child(42):hover::after,
.demo-post:nth-child(48):hover::after, .demo-post:nth-child(53):hover::after,
.demo-post:nth-child(55):hover::after, .demo-post:nth-child(58):hover::after,
.demo-post:nth-child(64):hover::after, .demo-post:nth-child(69):hover::after,
.demo-post:nth-child(71):hover::after, .demo-post:nth-child(74):hover::after,
.demo-post:nth-child(80):hover::after, .demo-post:nth-child(85):hover::after,
.demo-post:nth-child(87):hover::after, .demo-post:nth-child(90):hover::after,
.demo-post:nth-child(96):hover::after, .demo-post:nth-child(101):hover::after {
    background: rgba(255,102,27,.4);
}
.demo-post-img {
    width: 100%;
}
.demo-post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.demo-post-inf {
    width: calc(100% - 40px);
    color: var(--color-4);
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 20px;
}
#demo-posts-container {
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.demo-post:first-child {
    grid-column: span 2;
    grid-row: span 2;
}
.demo-post .demo-post-inf-date {
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: var(--color-4);
}
.demo-post:first-child .demo-post-inf-date {
    font-size: 24px;
    line-height: 28px;
}
.demo-post h3 {
    font-weight: 800;
    font-size: 25px;
    line-height: 25px;
    color: var(--color-4);
    position: relative;
}
.demo-post:first-child h3 {
    font-size: 38px;
    line-height: 38px;
    position: relative;
}
.demo-post h3::after {
    content: '';
    margin: 16px 0 20px 0;
    width: 40px;
    height: 4px;
    background-color: var(--color-1);
    display: block;
}
.demo-post:first-child h3::after {
    width: 60px;
    height: 6px;
}
.demo-post .demo-post-inf-location {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px;
}
.demo-post .demo-post-inf-location::before {
    content: '';
    margin-right: 7px;
    width: 13px;
    height: 16px;
    background-image: url(assets/icons/pin.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 16px;
}
.demo-post:first-child .demo-post-inf-location {
    font-size: 20px;
    line-height: 22px;
    background-size: 20px 22px;
    gap: 4px;
}
.demo-post:first-child .demo-post-inf-location::before {
    margin-right: 6px;
    width: 16px;
    height: 20px;
}
.demo-post:nth-child(2) h3::after, .demo-post:nth-child(5) h3::after, .demo-post:nth-child(7) h3::after,
.demo-post:nth-child(10) h3::after, .demo-post:nth-child(16) h3::after, .demo-post:nth-child(21) h3::after,
.demo-post:nth-child(23) h3::after, .demo-post:nth-child(26) h3::after, .demo-post:nth-child(32) h3::after,
.demo-post:nth-child(37) h3::after, .demo-post:nth-child(39) h3::after, .demo-post:nth-child(42) h3::after,
.demo-post:nth-child(48) h3::after, .demo-post:nth-child(53) h3::after, .demo-post:nth-child(55) h3::after,
.demo-post:nth-child(58) h3::after, .demo-post:nth-child(64) h3::after, .demo-post:nth-child(69) h3::after,
.demo-post:nth-child(71) h3::after, .demo-post:nth-child(74) h3::after, .demo-post:nth-child(80) h3::after,
.demo-post:nth-child(85) h3::after, .demo-post:nth-child(87) h3::after, .demo-post:nth-child(90) h3::after,
.demo-post:nth-child(96) h3::after, .demo-post:nth-child(101) h3::after {
    background-color: var(--color-10);
}
.demo-width {
    max-width: var(--width-1254);
}

@media(max-width: 1366px) {
    .demo-filter-item {
        font-size: 14px;
    }
    .demo-filter-item.active {
        font-size: 26px;
    }
    .demo-filter-bar {
        padding-top: 61px;
        padding-bottom: 22px;
    }
    .demo-post .demo-post-inf-date {
        font-size: 12px;
        line-height: 14px;
    }
    .demo-post:first-child .demo-post-inf-date {
        font-size: 16px;
        line-height: 18px;
    }
    .demo-post h3 {
        font-size: 16px;
        line-height: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        overflow-x: clip;
    }
    .demo-post h3 span {
        text-overflow: ellipsis;
        overflow: hidden;
        overflow-x: clip;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .demo-post:first-child h3 {
        font-size: 25px;
        line-height: 25px;
    }
    .demo-post h3::after {
        margin: 7px 0 10px 0;
        width: 20px;
        height: 2px;
    }
    .demo-post:first-child h3::after {
        width: 40px;
        height: 4px;
    }
    .demo-post-inf {
        width: calc(100% - 20px);
        bottom: 10px;
        left: 10px;
    }
    .demo-post .demo-post-inf-location {
        font-size: 11px;
        line-height: 12px;
        gap: 2.5px;
    }
    .demo-post .demo-post-inf-location::before {
        width: 10px;
        height: 12px;
        margin-right: 0;
        background-size: 10px 12px;
    }
    .demo-post:first-child .demo-post-inf-location {
        font-size: 14px;
        line-height: 16px;
    }
    .demo-post:first-child .demo-post-inf-location::before {
        width: 13px;
        height: 16px;
        margin-right: 6px;
        background-size: 13px 16px;
    }
    #demo-counter {
        margin-top: 60px;
    }
}
@media(max-width: 1290px) {
    .demo-filter-bar {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media(max-width: 781px) {
    #demo-posts-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .demo-post-inf-location span {
        display: none;
    }
    .demo-post:nth-child(2)::after, .demo-post:nth-child(5)::after,
    .demo-post:nth-child(7)::after, .demo-post:nth-child(10)::after,
    .demo-post:nth-child(16)::after, .demo-post:nth-child(21)::after,
    .demo-post:nth-child(23)::after, .demo-post:nth-child(26)::after,
    .demo-post:nth-child(32)::after, .demo-post:nth-child(37)::after,
    .demo-post:nth-child(39)::after, .demo-post:nth-child(42)::after,
    .demo-post:nth-child(48)::after, .demo-post:nth-child(53)::after,
    .demo-post:nth-child(55)::after, .demo-post:nth-child(58)::after,
    .demo-post:nth-child(64)::after, .demo-post:nth-child(69)::after,
    .demo-post:nth-child(71)::after, .demo-post:nth-child(74)::after,
    .demo-post:nth-child(80)::after, .demo-post:nth-child(85)::after,
    .demo-post:nth-child(87)::after, .demo-post:nth-child(90)::after,
    .demo-post:nth-child(96)::after, .demo-post:nth-child(101)::after {
        background: rgba(0,0,0,.75);
    }
    .demo-post:nth-child(2):hover::after, .demo-post:nth-child(5):hover::after,
    .demo-post:nth-child(7):hover::after, .demo-post:nth-child(10):hover::after,
    .demo-post:nth-child(16):hover::after, .demo-post:nth-child(21):hover::after,
    .demo-post:nth-child(23):hover::after, .demo-post:nth-child(26):hover::after,
    .demo-post:nth-child(32):hover::after, .demo-post:nth-child(37):hover::after,
    .demo-post:nth-child(39):hover::after, .demo-post:nth-child(42):hover::after,
    .demo-post:nth-child(48):hover::after, .demo-post:nth-child(53):hover::after,
    .demo-post:nth-child(55):hover::after, .demo-post:nth-child(58):hover::after,
    .demo-post:nth-child(64):hover::after, .demo-post:nth-child(69):hover::after,
    .demo-post:nth-child(71):hover::after, .demo-post:nth-child(74):hover::after,
    .demo-post:nth-child(80):hover::after, .demo-post:nth-child(85):hover::after,
    .demo-post:nth-child(87):hover::after, .demo-post:nth-child(90):hover::after,
    .demo-post:nth-child(96):hover::after, .demo-post:nth-child(101):hover::after {
        background: rgba(0,0,0,.4);
    }
    .demo-post:nth-child(2)::after, .demo-post:nth-child(7)::after,
    .demo-post:nth-child(10)::after, .demo-post:nth-child(15)::after,
    .demo-post:nth-child(18)::after, .demo-post:nth-child(23)::after,
    .demo-post:nth-child(26)::after, .demo-post:nth-child(31)::after,
    .demo-post:nth-child(34)::after, .demo-post:nth-child(39)::after,
    .demo-post:nth-child(42)::after, .demo-post:nth-child(47)::after,
    .demo-post:nth-child(50)::after, .demo-post:nth-child(55)::after,
    .demo-post:nth-child(58)::after, .demo-post:nth-child(63)::after,
    .demo-post:nth-child(66)::after, .demo-post:nth-child(71)::after,
    .demo-post:nth-child(74)::after, .demo-post:nth-child(79)::after,
    .demo-post:nth-child(82)::after, .demo-post:nth-child(87)::after,
    .demo-post:nth-child(90)::after, .demo-post:nth-child(95)::after,
    .demo-post:nth-child(98)::after {
        background: rgba(255,102,27,.75);
    }
    .demo-post:nth-child(2):hover::after, .demo-post:nth-child(7):hover::after,
    .demo-post:nth-child(10):hover::after, .demo-post:nth-child(15):hover::after,
    .demo-post:nth-child(18):hover::after, .demo-post:nth-child(23):hover::after,
    .demo-post:nth-child(26):hover::after, .demo-post:nth-child(31):hover::after,
    .demo-post:nth-child(34):hover::after, .demo-post:nth-child(39):hover::after,
    .demo-post:nth-child(42):hover::after, .demo-post:nth-child(47):hover::after,
    .demo-post:nth-child(50):hover::after, .demo-post:nth-child(55):hover::after,
    .demo-post:nth-child(58):hover::after, .demo-post:nth-child(63):hover::after,
    .demo-post:nth-child(66):hover::after, .demo-post:nth-child(71):hover::after,
    .demo-post:nth-child(74):hover::after, .demo-post:nth-child(79):hover::after,
    .demo-post:nth-child(82):hover::after, .demo-post:nth-child(87):hover::after,
    .demo-post:nth-child(90):hover::after, .demo-post:nth-child(95):hover::after,
    .demo-post:nth-child(98):hover::after {
        background: rgba(255,102,27,.4);
    }
    .demo-post:nth-child(2) h3::after, .demo-post:nth-child(5) h3::after, .demo-post:nth-child(7) h3::after,
    .demo-post:nth-child(10) h3::after, .demo-post:nth-child(16) h3::after, .demo-post:nth-child(21) h3::after,
    .demo-post:nth-child(23) h3::after, .demo-post:nth-child(26) h3::after, .demo-post:nth-child(32) h3::after,
    .demo-post:nth-child(37) h3::after, .demo-post:nth-child(39) h3::after, .demo-post:nth-child(42) h3::after,
    .demo-post:nth-child(48) h3::after, .demo-post:nth-child(53) h3::after, .demo-post:nth-child(55) h3::after,
    .demo-post:nth-child(58) h3::after, .demo-post:nth-child(64) h3::after, .demo-post:nth-child(69) h3::after,
    .demo-post:nth-child(71) h3::after, .demo-post:nth-child(74) h3::after, .demo-post:nth-child(80) h3::after,
    .demo-post:nth-child(85) h3::after, .demo-post:nth-child(87) h3::after, .demo-post:nth-child(90) h3::after,
    .demo-post:nth-child(96) h3::after, .demo-post:nth-child(101) h3::after {
        background-color: var(--color-1);
    }
    .demo-post:nth-child(2) h3::after, .demo-post:nth-child(7) h3::after,
    .demo-post:nth-child(10) h3::after, .demo-post:nth-child(15) h3::after, .demo-post:nth-child(18) h3::after,
    .demo-post:nth-child(23) h3::after, .demo-post:nth-child(26) h3::after, .demo-post:nth-child(31) h3::after,
    .demo-post:nth-child(34) h3::after, .demo-post:nth-child(39) h3::after, .demo-post:nth-child(42) h3::after,
    .demo-post:nth-child(47) h3::after, .demo-post:nth-child(50) h3::after, .demo-post:nth-child(55) h3::after,
    .demo-post:nth-child(58) h3::after, .demo-post:nth-child(63) h3::after, .demo-post:nth-child(66) h3::after,
    .demo-post:nth-child(71) h3::after, .demo-post:nth-child(74) h3::after, .demo-post:nth-child(79) h3::after,
    .demo-post:nth-child(82) h3::after, .demo-post:nth-child(87) h3::after, .demo-post:nth-child(90) h3::after,
    .demo-post:nth-child(95) h3::after, .demo-post:nth-child(98) h3::after {
        background-color: var(--color-10);
    }
}
@media(max-width: 600px) {
    .demo-post:first-child::after {
        height: 100%;
    }
}

.calendar__blackTriangles {
    position: absolute;
    top: -20px;
    right: -226px;
}
.calendar__blackTriangles svg {
    width: 100%;
    height: auto;
}
.calendar__triangle {
    position: absolute;
    top: 269px;
    right: -470px;
}
.calendar__triangle svg path {
    stroke: var(--color-7);
}
.calendar__blackArrows__left,
.calendar__blackArrows__right {
    position: absolute;
}
.calendar__blackArrows__left {
    right: calc(100% + 75px);
}
.calendar__blackArrows__right {
    left: calc(100% + 175px);
}

@media(max-width: 1366px) {
    .calendar__blackTriangles {
        width: 70px;
        right: -20px;
    }
    .calendar__triangle,
    .calendar__blackArrows__left,
    .calendar__blackArrows__right {
        display: none;
    }
}
@media(max-width: 781px) {
    .calendar__blackTriangles {
        right: 0;
    }
}

#p5jsEffect {
    margin-top: 180px;
    /* width: 100%; */
    /* height: 400px; */ height: 375px;
    background-color: var(--color-14);
    /* position: relative; */
    /* overflow: hidden; */
}
#p5jsEffect canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.p5jsEffect__main {
    width: 100%;
    position: absolute;
    z-index: 9;
    top: -88px;
    left: 50%;
    transform: translateX(-50%);
}
.p5jsEffect__main .p5jsEffect__counter {
    font-weight: 800;
    font-size: 120px;
    line-height: 100px;
    text-align: center;
    color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.p5jsEffect__main .p5jsEffect__text {
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    line-height: 18px;
    letter-spacing: -0.4px;
    color: var(--color-5);
}
.p5jsEffect__main .p5jsEffect__counter + .p5jsEffect__text {
    margin-top: 0; /* margin-top: 20px; */
}

.odometer-formatting-mark {
    display: none;
}
.counter__plus {
    font-size: 48px;
}

.p5jsEffect__remains {
    padding: 0 20px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 80px;
    position: absolute;
    z-index: 9;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.p5jsEffect__item {
    padding: 40px 12px 20px 12px;
    width: 210px;
    /* height: 170px; */
    background-color: var(--color-14);
    border: 1px solid var(--color-1);
    border-radius: 18px;
}
.p5jsEffect__item .p5jsEffect__counter {
    font-weight: 800;
    font-size: 98px;
    line-height: 78px;
    text-align: center;
    color: var(--color-1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.p5jsEffect__item .p5jsEffect__text {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: var(--color-4);
}
.p5jsEffect__item .p5jsEffect__counter + .p5jsEffect__text {
    margin-top: 18px;
}

.p5jsEffect__prefix {
    position: relative;
}
.p5jsEffect__suffix {
    height: 100%;
    position: relative;
    z-index: 8;
}
.p5jsEffect__triangle {
    width: 145px;
    position: absolute;
    z-index: 8;
    bottom: -45px;
    left: 100%;
    overflow: hidden;
    transition: left .3s;
}
.p5jsEffect__triangle svg{
    position: relative;
    top: 0;
    left: -210px;
}
.p5jsEffect__triangle svg path {
    stroke: var(--color-7);
}
.p5jsEffect__arrows {
    position: absolute;
    z-index: 8;
    bottom: -45px;
    left: calc(100% - 35px);
    overflow: hidden;
    transition: left .3s;
}
.p5jsEffect__prefix .p5jsEffect__arrows {
    position: absolute;
    z-index: 8;
    top: -40px;
    left: -88px;
    overflow: hidden;
}

@media(max-width: 1366px) {
    #p5jsEffect {
        margin-top: 144px;
        height: 300px;
    }

    .p5jsEffect__main {
        top: -70px;
    }
    .p5jsEffect__main .p5jsEffect__counter {
        font-size: 98px;
        line-height: 78px;
    }
    .p5jsEffect__main .p5jsEffect__text {
        font-size: 16px;
        line-height: 16px;
        letter-spacing: -0.3px;
    }
    .p5jsEffect__main .p5jsEffect__counter + .p5jsEffect__text {
        /* margin-top: 12px; */
    }

    .counter__plus {
        font-size: 30px;
    }

    .p5jsEffect__remains {
        gap: 40px;
        bottom: 55px;
    }
    .p5jsEffect__item {
        padding: 32px 10px 16px 10px;
        width: 170px;
        border-radius: 14px;
    }
    .p5jsEffect__item .p5jsEffect__counter {
        font-size: 78px;
        line-height: 58px;
    }
    .p5jsEffect__item .p5jsEffect__text {
        font-size: 11px;
        line-height: 16px;
    }
    .p5jsEffect__item .p5jsEffect__counter + .p5jsEffect__text {
        margin-top: 14px;
    }

    .p5jsEffect__triangle {
        left: 75%;
    }
    .p5jsEffect__arrows {
        left: calc(75% - 35px);
    }
    .p5jsEffect__prefix .p5jsEffect__arrows {
        display: none;
    }
}
@media(max-width: 681px) {
    #p5jsEffect {
        margin-top: 124px;
        height: 700px;
    }

    .p5jsEffect__remains {
        flex-direction: column;
    }

    .p5jsEffect__triangle {
        left: 50%;
    }
    .p5jsEffect__arrows {
        left: calc(50% - 35px);
    }
}

.demoInvite {
    margin-top: 90px;
}

.demoInvite__blockquote {
    margin: 0 auto;
    width: 100%;
    max-width: 924px;
}
.demoInvite__blockquote__text {
    text-align: center;
    font-size: 28px;
    line-height: 48px;
    color: var(--color-9);
}
.demoInvite__blockquote__text strong {
    font-weight: 700;
}

@media(max-width: 1366px) {
    .demoInvite {
        margin-top: 50px;
    }
    
    .demoInvite__blockquote {
        max-width: var(--width-574);
    }
    .demoInvite__blockquote__text {
        font-size: 16px;
        line-height: 28px;
    }
}

/* - Demo post. */
.krausmannDemo {
    position: relative;
}

/* Catalogues. */
.page-template-page-catalogues .pageTemplate__triangle02 {
    z-index: 1;
}

.catalogues {
    position: relative;
}

.featuredCatalogue__container {
    padding: 0 20px;
}
.featuredCatalogue__container__inner {
    padding-top: 100px;
    padding-bottom: 68px;
    /* background-color: var(--color-9); */
    background: linear-gradient(180deg, transparent 42.5%, var(--color-9) 42.5%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 66px;
    position: relative;
}
.featuredCatalogue__container__inner::before,
.featuredCatalogue__container__inner::after {
    content: '';
    width: 100vw;
    height: 100%;
    /* background-color: var(--color-9); */
    background: linear-gradient(180deg, transparent 42.5%, var(--color-9) 42.5%);
    position: absolute;
    top: 0;
}
.featuredCatalogue__container__inner::before {
    right: 100%;
}
.featuredCatalogue__container__inner::after {
    left: 100%;
}
.featuredCatalogue__parallaxTriangles {
    height: 350px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    bottom: 38px;
    right: -211px;
}
.featuredCatalogue__parallaxTriangles svg path {
    stroke: var(--color-7);
}

.featuredCatalogue__media {
    width: calc(45% - 33px);
    position: relative;
}
.featuredCatalogue__triangle {
    position: absolute;
    z-index: -1;
    top: -100px;
    left: -100px;
}
.featuredCatalogue__triangle svg {
    width: 100%;
    height: auto;
}
.featuredCatalogue__orangeTriangles {
    position: absolute;
    top: 180px;
    left: -80px;
}
.featuredCatalogue__media__image {
    display: flex;
    position: relative;
    z-index: 2;
}
.featuredCatalogue__media__image img {
    width: 100%;
    height: auto;
}
.featuredCatalogue__content {
    width: calc(55% - 33px);
}
.featureCatalogue__badge {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
}
.featureCatalogue__badge svg {
    width: 100%;
    height: auto;
}

@media(max-width: 1366px) {
    .featuredCatalogue__container__inner {
        padding-top: 20px;
        padding-bottom: 30px;
        padding-left: 20px;
        background: linear-gradient(180deg, transparent 41%, var(--color-9) 41%);
        gap: 44px;
    }
    .featuredCatalogue__container__inner::before,
    .featuredCatalogue__container__inner::after {
        background: linear-gradient(180deg, transparent 41%, var(--color-9) 41%);
    }
    .featuredCatalogue__parallaxTriangles {
        height: 211px;
        bottom: 16px;
        right: -169px;
    }
    .featuredCatalogue__parallaxTriangles svg {
        width: 420px;
        height: auto;
    }

    .featuredCatalogue__media {
        width: calc(45% - 22px);
    }
    .featuredCatalogue__triangle {
        /* width: 168px; */
        top: -20px;
        left: -20px;
    }
    .featuredCatalogue__orangeTriangles {
        top: 70px;
    }
    .featuredCatalogue__content {
        width: calc(55% - 22px);
    }
    .featureCatalogue__badge {
        width: 100px;
        height: 100px;
    }
}
@media(max-width: 1187px) {
    .featuredCatalogue__container__inner,
    .featuredCatalogue__container__inner::before,
    .featuredCatalogue__container__inner::after {
        background: linear-gradient(180deg, transparent 38.5%, var(--color-9) 38.5%);
    }
}
@media(max-width: 1024px) {
    .featuredCatalogue__container__inner,
    .featuredCatalogue__container__inner::before,
    .featuredCatalogue__container__inner::after {
        background: linear-gradient(180deg, transparent 36.5%, var(--color-9) 36.5%);
    }
}
@media(max-width: 781px) {
    .featuredCatalogue__container__inner {
        padding-left: 0;
        background: linear-gradient(180deg, transparent 34%, var(--color-9) 34%);
        gap: 18px;
    }
    .featuredCatalogue__container__inner::before,
    .featuredCatalogue__container__inner::after {
        background: linear-gradient(180deg, transparent 34%, var(--color-9) 34%);
    }
    .featuredCatalogue__parallaxTriangles {
        right: -253px;
    }

    .featuredCatalogue__triangle {
        width: 168px;
        top: 28px;
    }
    .featuredCatalogue__orangeTriangles {
        display: none;
    }
    .featuredCatalogue__media__image {
        margin: 0 auto;
        max-width: 400px;
    }
    .featuredCatalogue__content {
        text-align: center;
    }
    .featureCatalogue__badge {
        display: none;
    }
}

.featuredCatalogue__media .featuredCatalogue__title {
    margin-bottom: 14px;
    text-align: center;
    display: none;
}
.featuredCatalogue__description p {
    color: var(--color-4);
}
.featuredCatalogue__title + .featuredCatalogue__description,
.featuredCatalogue__title + .featuredCatalogue__links {
    margin-top: 50px;
}
.featuredCatalogue__links {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.featuredCatalogue__links .KrausmannButton__ff661b a {
    color: var(--color-4);
}
.featuredCatalogue__links .KrausmannButton__ff661b a:hover {
    color: var(--color-4);
}
.featuredCatalogue__links .KrausmannButton__ff661b span {
    background-color: var(--color-9);
}
.featuredCatalogue__links .KrausmannButton__ff661b a:hover span {
    background-color: var(--color-9);
}
.featuredCatalogue__description + .featuredCatalogue__links {
    margin-top: 36px;
}

@media(max-width: 1366px) {
    .featuredCatalogue__title + .featuredCatalogue__description,
    .featuredCatalogue__title + .featuredCatalogue__links {
        margin-top: 30px;
    }
    .featuredCatalogue__description + .featuredCatalogue__links {
        margin-top: 26px;
    }
}
@media(max-width: 781px) {
    .featuredCatalogue__media .featuredCatalogue__title {
        display: block;
    }
    .featuredCatalogue__content .featuredCatalogue__title {
        display: none;
    }
    .featuredCatalogue__content .featuredCatalogue__title + .featuredCatalogue__description,
    .featuredCatalogue__content .featuredCatalogue__title + .featuredCatalogue__links {
        margin-top: 0;
    }
    .featuredCatalogue__description + .featuredCatalogue__links {
        margin-top: 18px;
    }
    .featuredCatalogue__links {
        gap: 10px;
    }
}

.featuredCatalogue__bottom,
.contactUs__info__bottom {
    /* padding-top: 68px; */
    width: 100%;
    /* background-color: var(--color-9); */
}
.featuredCatalogue__bottom::before,
.contactUs__info__bottom::before {
    content: '';
    width: 100%;
    height: 10px;
    display: block;
    background: rgb(255, 102, 27);
    background: linear-gradient(90deg, rgba(255, 102, 27, 1) 0%, rgba(255, 102, 27, 1) 25%, rgba(69, 194, 177, 1) 25%, rgba(69, 194, 177, 1) 37.5%, rgba(0, 154, 221, 1) 37.5%, rgba(0, 154, 221, 1) 50%, rgba(255, 102, 27, 1) 50%, rgba(255, 102, 27, 1) 75%, rgba(69, 194, 177, 1) 75%, rgba(69, 194, 177, 1) 87.5%, rgba(0, 154, 221, 1) 87.5%, rgba(0, 154, 221, 1) 100%);
    background-size: 200% 100%;
    animation: gradientMove 45s linear infinite;
}
.featuredCatalogue__bottom::after,
.contactUs__info__bottom::after {
    content: '';
    width: 100%;
    height: 28px;
    display: block;
    background-image: url(assets/icons/featureCatalogue-bottom.webp);
    background-position: center;
    background-size: cover;
    background-repeat: repeat-x;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

@media(max-width: 1366px) {
    .featuredCatalogue__bottom,
    .contactUs__info__bottom {
        /* padding-top: 30px; */
    }
    .featuredCatalogue__bottom::before,
    .contactUs__info__bottom::before {
        height: 6px;
    }
    .featuredCatalogue__bottom::after,
    .contactUs__info__bottom::after {
        height: 10px;
    }
}
@media(max-width: 781px) {
    .featuredCatalogue__media,
    .featuredCatalogue__content {
        width: 100%;
    }

    .featuredCatalogue__bottom::before,
    .contactUs__info__bottom::before {
        animation: gradientMove 15s linear infinite;
    }
}

.featuredBrochure__container {
    padding: 0 20px;
}
.featuredBrochure__container__inner {
    padding-top: 238px;
    padding-bottom: 50px;
    /* background-color: var(--color-9); */
    background: linear-gradient(180deg, transparent 53%, var(--color-5) 53%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 66px;
    position: relative;
}
.featuredBrochure__container__inner::before,
.featuredBrochure__container__inner::after {
    content: '';
    width: 100vw;
    height: 100%;
    /* background-color: var(--color-9); */
    background: linear-gradient(180deg, transparent 53%, var(--color-5) 53%);
    position: absolute;
    top: 0;
}
.featuredBrochure__container__inner::before {
    right: 100%;
}
.featuredBrochure__container__inner::after {
    left: 100%;
}

.featuredBrochure__content {
    margin-left: auto;
    width: calc(40% - 33px);
    text-align: right;
}
.featuredBrochure__media {
    width: calc(55% - 33px);
    position: relative;
}
.featuredBrochure__media__image {
    width: 290px;
    display: flex;
    position: relative;
    z-index: 2;
}
.featuredBrochure__media__image img {
    width: 100%;
    height: auto;
    position: absolute;
    top: -265px;
}
.featuredBrochure__greenTriangles {
    position: absolute;
    top: -176px;
    right: 15%;
}
.featuredBrochure__greenTriangles svg {
    width: 100%;
    height: auto;
}
.featuredBrochure__grayTriangles {
    position: absolute;
    z-index: 2;
    right: calc(90% - 32px);
}

@media(max-width: 1366px) {
    .featuredBrochure__container__inner {
        padding-top: 120px;
        padding-bottom: 30px;
        background: linear-gradient(180deg, transparent 43%, var(--color-5) 43%);
        gap: 44px;
    }
    .featuredBrochure__container__inner::before,
    .featuredBrochure__container__inner::after {
        background: linear-gradient(180deg, transparent 43%, var(--color-5) 43%);
    }

    .featuredBrochure__content {
        width: calc(40% - 22px);
    }
    .featuredBrochure__media {
        width: calc(55% - 22px);
    }
    .featuredBrochure__media__image {
        width: 145px;
    }
    .featuredBrochure__media__image img {
        top: -160px;
    }
    .featuredBrochure__greenTriangles {
        width: 70px;
        top: -136px;
        right: calc(35% - 35px);
    }
    .featuredBrochure__grayTriangles {
        right: calc(95% - 32px);
    }
}
@media(max-width: 781px) {
    .featuredBrochure__container__inner {
        padding-top: 60px;
        background: linear-gradient(180deg, transparent 40%, var(--color-5) 40%);
        flex-direction: column-reverse;
        gap: 18px;
    }
    .featuredBrochure__container__inner::before,
    .featuredBrochure__container__inner::after {
        background: linear-gradient(180deg, transparent 40%, var(--color-5) 40%);
    }

    .featuredBrochure__content,
    .featuredBrochure__media {
        width: 100%;
    }
    .featuredBrochure__content {
        text-align: center;
    }
    .featuredBrochure__media__image {
        margin: 0 auto;
    }
    .featuredBrochure__media__image img {
        position: unset;
    }
    .featuredBrochure__greenTriangles {
        top: 64px;
        right: calc(25% - 35px);
    }
    .featuredBrochure__grayTriangles {
        right: calc(90% - 32px);
    }
}
@media(max-width: 570px) {
    .featuredBrochure__container__inner,
    .featuredBrochure__container__inner::before,
    .featuredBrochure__container__inner::after {
        background: linear-gradient(180deg, transparent 38%, var(--color-5) 38%);
    }

    .featuredBrochure__greenTriangles {
        right: calc(15% - 35px);
    }
}

.featuredBrochure__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    /* text-align: right; */
    color: var(--color-9);
}
.featuredBrochure__media .featuredBrochure__title {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    display: none;
}
.featuredBrochure__description p {
    color: var(--color-8);
}
.featuredBrochure__title + .featuredBrochure__description,
.featuredBrochure__title + .featuredBrochure__links {
    margin-top: 50px;
}
.featuredBrochure__links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.featuredBrochure__links .KrausmannButton__default a {
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-8);
}
.featuredBrochure__links .KrausmannButton__default a:hover {
    /* color: var(--color-9); */
}
.featuredBrochure__links .KrausmannButton__default a::after {
    width: 12px;
    height: 12px;
    background-size: 12px;
    top: calc(50% - 6px);
    right: 10px;
}
.featuredBrochure__links .KrausmannButton__default span {
    height: 36px;
    background-color: transparent;
}
.featuredBrochure__links .KrausmannButton__default a:hover span {
    background-color: var(--color-4);
}
.featuredBrochure__description + .featuredBrochure__links {
    margin-top: 26px;
}

@media(max-width: 1366px) {
    .featuredBrochure__title,
    .featuredBrochure__media .featuredBrochure__title {
        font-size: 16px;
        line-height: 18px;
    }
    .featuredBrochure__title + .featuredBrochure__description,
    .featuredBrochure__title + .featuredBrochure__links {
        margin-top: 25px;
    }
    .featuredBrochure__description + .featuredBrochure__links {
        margin-top: 16px;
    }
}
@media(max-width: 781px) {
    .featuredBrochure__media .featuredBrochure__title {
        display: block;
    }
    .featuredBrochure__content .featuredBrochure__title {
        display: none;
    }
    .featuredBrochure__content .featuredBrochure__title + .featuredBrochure__description,
    .featuredBrochure__content .featuredBrochure__title + .featuredBrochure__links {
        margin-top: 0;
    }
}

/* Guarantee.*/
.page-template-page-guarantee .pageTemplate__triangle02 {
    z-index: 1;
}

.guarantee {
    position: relative;
}

.guaranteeIntro__header {
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--color-1);
    /* position: relative; */
    /* z-index: 2; */
}
.guaranteeIntro__header > div {
    padding: 0;
}
.guaranteeIntro__header__title {
    margin: 0 auto 0 0;
    padding: 184px 0 40px 0;
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    color: var(--color-9);
    position: relative;
    z-index: 1;
}
.guaranteeIntro__header__title span {
    color: var(--color-4);
}

@media(max-width: 1366px) {
    .guaranteeIntro__header__title {
        padding: 106px 0 24px 0;
        width: 290px;
        font-size: 30px;
        line-height: 34px;
    }
}
@media(max-width: 681px) {
    .guaranteeIntro__header__title {
        padding: 26px 0 24px 0;
    }
}

.guaranteeIntro__container,
.guaranteeCompliance__container,
.guaranteeSafety {
    padding: 0 20px;
}
.guaranteeIntro__container__content > div,
.guaranteeCompliance__container__content > div,
.guaranteeSafety__container > div {
    margin: 0;
    position: relative;
}
.guaranteeIntro__container__content__blockquote,
.guaranteeSafety__blockquote {
    margin-top: 48px;
    font-size: 28px;
    line-height: 48px;
}
.guaranteeIntro__container__content__description {
    margin-top: 48px;
}
.guaranteeIntro__container__content__blockquote + .guaranteeIntro__container__content__description {
    margin-top: 30px;
}
.guaranteeIntro__container__media {
    width: 60%;
    position: absolute;
    top: -396px;
    right: 0;
}
.guaranteeIntro__container__media__image {
    position: absolute;
    right: 0;
}
.guaranteeIntro__container__badge {
    position: absolute;
    top: 262px;
    left: 2.5%;
}
.guaranteeIntro__container__media__image img {
    width: 100%;
    max-width: fit-content;
    height: auto;
    max-height: 1080px;
}

@media(max-width: 1366px) {
    .guaranteeIntro__container__content > div {
        width: 290px;
    }
    .guaranteeIntro__container__content__blockquote,
    .guaranteeSafety__blockquote {
        margin-top: 22px;
        font-size: 18px;
        line-height: 30px;
    }
    .guaranteeIntro__container__content__description {
        margin-top: 22px;
    }
    .guaranteeIntro__container__content__blockquote + .guaranteeIntro__container__content__description {
        margin-top: 16px;
    }
    .guaranteeIntro__container__media {
        width: 70%;
        top: -220px;
    }
    .guaranteeIntro__container__badge {
        top: 148px;
        left: 10%;
    }
    .guaranteeIntro__container__badge svg {
        width: 100px;
        height: 100px;
    }
    .guaranteeIntro__container__media__image img {
        max-height: 560px;
    }
}
@media(max-width: 781px) {
    .guaranteeIntro__container__media {
        width: 67.5%;
    }
    .guaranteeIntro__container__media__image {
        right: -75px;
    }
}
@media(max-width: 681px) {
    .guaranteeIntro__container__content > div {
        width: 100%;
    }
    .guaranteeIntro__container__content__blockquote {
        margin-top: 5px;
    }
    .guaranteeIntro__container__media {
        width: 100%;
        position: relative;
        top: 0;
    }
    .guaranteeIntro__container__media__image {
        text-align: right;
        position: relative;
        right: 0;
    }
    .guaranteeIntro__container__badge {
        top: -12px;
        left: unset;
        /* right: 225px; */ right: unset;
    }
    .guaranteeIntro__container__media__image img {
        margin-right: -20px;
        max-height: 370px;
    }
}
@media(max-width: 414px) {
    .guaranteeIntro__container__badge {
        left: 20px;
        right: unset;
    }
    .guaranteeIntro__container__media {
        margin-left: -20px;
        width: calc(100% + 40px);
    }
    .guaranteeIntro__container__media__image img {
        margin-right: 0;
        max-height: unset;
    }
}

.guaranteeTerms {
    margin-top: 160px;
    padding: 0 20px;
    height: 100%;
    min-height: 1060px;
    background-color: var(--color-5);
}

.guaranteeTerms__container {
    margin: 0 0 0 auto;
    padding: 62px 0 62px 54px;
    width: 50%;
}

.guaranteeTerms__title {
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    letter-spacing: -1.5px;
    color: var(--color-9);
}
.guaranteeTerms__title::after {
    content: '';
    margin: 35px 0 25px 0;
    width: 35px;
    height: 4px;
    background-color: var(--color-1);
    display: block;
}

.guaranteeTerms__list__item::after {
    content: '';
    margin-top: 20px;
    margin-bottom: 15px;
    width: 100%;
    height: 1px;
    background-color: var(--color-7);
    display: block;
}
.guaranteeTerms__list__item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
}
.guaranteeTerms__list__item__header__text {
    font-weight: 400;
    font-size: 28px;
    line-height: 48px;
    color: var(--color-9);
}
.guaranteeTerms__list__item__header__icon {
    width: 24px;
    height: 24px;
    position: relative;
}
.guaranteeTerms__list__item__header__icon::before,
.guaranteeTerms__list__item__header__icon::after {
    content: '';
    width: 10px;
    height: 2px;
    display: block;
    background-color: var(--color-8);
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 5px);
    transition: transform .3s; 
}
.guaranteeTerms__list__item__header__icon::after {
    transform: rotate(-90deg);
}
.guaranteeTerms__list__item__header.is-open .guaranteeTerms__list__item__header__icon::after {
    transform: rotate(0deg);
}
.guaranteeTerms__list__item__content {
    margin-top: 12px;
}
.guaranteeTerms__list__item__content p:not(:first-child),
.guaranteeTerms__list__item__content ul:not(:first-child) {
    margin-top: 10px;
}
.guaranteeTerms__list__item__content ul {
    padding-left: 24px !important;
}
.guaranteeTerms__list__item__content ul li {
    margin-bottom: 0 !important;
}
.guaranteeTerms__list__item__content ul li::before {
    content: '';
    width: 3px !important;
    height: 3px !important;
    background-color: var(--color-8) !important;
    -webkit-mask-image: unset !important;
    -webkit-mask-position: unset !important;
    -webkit-mask-size: unset !important;
    -webkit-mask-repeat: unset !important;
    mask-image: unset !important;
    mask-position: unset !important;
    mask-size: unset !important;
    mask-repeat: unset !important;
    border-radius: 100%;
    display: block !important;
    position: absolute !important;
    top: 14px !important;
    left: -14px !important;
}
.guaranteeTerms__orangeTriangles {
    position: absolute;
    top: -15px;
    right: 5%;
}
.guaranteeTerms__decorLines::before {
    content: '';
    width: 20px;
    height: 336px;
    background-image: url(assets/icons/guarantee-terms-decorLines.svg);
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.guaranteeTerms__media {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.guaranteeTerms__media__image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.guaranteeTerms__media__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media(max-width: 1366px) {
    .guaranteeTerms {
        margin-top: 60px;
        height: 100%;
        min-height: 860px;
    }

    .guaranteeTerms__container {
        padding: 52px 0 52px 30px;
    }

    .guaranteeTerms__title {
        font-size: 30px;
        line-height: 34px;
        letter-spacing: 0;
    }
    .guaranteeTerms__title::after {
        margin: 25px 0 20px 0;
    }
    .guaranteeTerms__orangeTriangles,
    .guaranteeTerms__decorLines {
        display: none;
    }

    .guaranteeTerms__list__item__header__text {
        font-size: 18px;
        line-height: 30px;
    }
    .guaranteeTerms__list__item__content ul li::before {
        top: 10px !important;
    }
}
@media(max-width: 781px) {
    .guaranteeTerms {
        height: 100%;
        min-height: 650px;
    }

    .guaranteeTerms__container {
        margin: 0;
        padding: 350px 0 60px 0;
        width: 100%;
    }
    .guaranteeTerms__list__item::after {
        margin-left: -20px;
        width: calc(100% + 40px);
    }
    .guaranteeTerms__orangeTriangles {
        top: -20px;
        display: block;
    }

    .guaranteeTerms__media {
        width: 100%;
        height: 320px;
    }
}

.guaranteeCompliance__container {
    padding-top: 115px;
    padding-bottom: 115px;
    overflow: hidden;
}
.guaranteeCompliance__container__content__title,
.guaranteeEnviroment__title,
.guaranteeSafety__title {
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    color: var(--color-9);
}
.guaranteeCompliance__container__content__description p,
.guaranteeEnviroment__description p,
.guaranteeSafety__description p {
    font-size: 20px;
    line-height: 34px;
    color: var(--color-8);
}
.guaranteeCompliance__container__content__description p:not(:first-child),
.guaranteeEnviroment__description p:not(:first-child),
.guaranteeSafety__description p:not(:first-child) {
    margin-top: 20px;
}
.guaranteeCompliance__container__content__description strong,
.guaranteeEnviroment__description strong,
.guaranteeSafety__description strong {
    font-weight: 700;
}
.guaranteeCompliance__container__content__title + .guaranteeCompliance__container__content__description {
    margin-top: 40px;
}

.guaranteeCompliance__container__media {
    width: 60%;
    position: absolute;
    top: 50%; /* top: calc(50% - 500px); */
    right: 0;
}
.guaranteeCompliance__effect {
    position: absolute;
    right: 0;
    transform: translateY(-50%);
}
.guaranteeCompliance__effect svg {
    width: 100%;
    max-width: 1000px;
    height: auto;
}

@media(max-width: 1366px) {
    .guaranteeCompliance__container {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .guaranteeCompliance__container__content > div {
        width: 375px;
    }

    .guaranteeCompliance__container__content__title,
    .guaranteeEnviroment__title,
    .guaranteeSafety__title {
        font-size: 30px;
        line-height: 34px;
    }
    .guaranteeCompliance__container__content__description p,
    .guaranteeEnviroment__description p,
    .guaranteeSafety__description p {
        font-size: 14px;
        line-height: 18px;
    }
    .guaranteeCompliance__container__content__title + .guaranteeCompliance__container__content__description {
        margin-top: 20px;
    }
}
@media(max-width: 781px) {
    .guaranteeCompliance__container {
        padding-top: 0;
    }

    .guaranteeCompliance__container__content > div {
        width: 100%;
    }

    .guaranteeCompliance__container__content {
        margin-top: 30px;
    }

    .guaranteeCompliance__container__media {
        margin-left: -20px;
        width: calc(100% + 40px);
        position: relative;
    }
    .guaranteeCompliance__effect {
        height: 400px;
        position: relative;
        transform: translateY(0px);
    }
    .guaranteeCompliance__effect svg {
        width: 110%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
}
@media(max-width: 681px) {
    .guaranteeCompliance__container__content {
        margin-top: 0;
    }
}

.guaranteeEnviroment {
    padding: 0 20px;
    height: 800px;
    /* background-color: var(--color-9); */
    background-image: linear-gradient(128.5deg, transparent 40%, var(--color-9) 40%);
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.guaranteeEnviroment__triangles {
    position: absolute;
    z-index: 9;
    bottom: -5px;
    right: -278px;
}
.guaranteeEnviroment__sep {
    width: 1090px;
    height: 1253px;
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/guarantee__enviroment-seperator.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/guarantee__enviroment-seperator.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 41.5%;
    transform: translate(-58.5%, -50%);
}
.guaranteeEnviroment__decor {
    width: 147px;
    height: 80px;
    background-image: url(assets/icons/lines-service.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 40px;
    left: 0;
}

.guaranteeEnviroment__bg {
    height: 1200px;
    position: absolute;
    z-index: -1;
    left: 0;
}
.guaranteeEnviroment__bg .guaranteeEnviroment__sep {
    display: none;
}
.guaranteeEnviroment__bg img {
    width: auto;
    height: 100%;
}

.guaranteeEnviroment__container {
    margin: 0 0 0 auto;
    width: 45%;
}
.guaranteeEnviroment__title,
.guaranteeEnviroment__description p {
    color: var(--color-4);
}
.guaranteeEnviroment__description {
    position: relative;
}
.guaranteeEnviroment__title + .guaranteeEnviroment__description {
    margin-top: 30px;
}
.guaranteeEnviroment__trash {
    width: 100px;
    height: 128px;
    background-image: url(assets/icons/guarantee__enviroment-trash.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: -130px;
}

@media(max-width: 1366px) {
    .guaranteeEnviroment {
        height: 500px;
        background-image: linear-gradient(128.5deg, transparent 35%, var(--color-9) 35%);
    }

    .guaranteeEnviroment__triangles {
        top: -195px;
        bottom: unset;
        right: -253px;
    }
    .guaranteeEnviroment__triangles svg {
        width: 420px;
        height: auto;
    }
    .guaranteeEnviroment__sep {
        width: 700px;
        height: 815px;
        left: 37.25%;
        transform: translate(-62.75%, -50%);
    }
    .guaranteeEnviroment__decor {
        width: 74px;
        height: 40px;
        top: 30px;
    }

    .guaranteeEnviroment__bg {
        height: 850px;
    }

    .guaranteeEnviroment__container {
        width: 47.5%;
    }
    .guaranteeEnviroment__title + .guaranteeEnviroment__description {
        margin-top: 20px;
    }
    .guaranteeEnviroment__trash {
        width: 75px;
        height: 96px;
        left: -95px;
    }
}
@media(max-width: 781px) {
    .guaranteeEnviroment {
        height: 100%;
        /* background-image: linear-gradient(128.5deg, transparent 45%, var(--color-9) 45%); */
        background-image: unset;
    }

    .guaranteeEnviroment__triangles {
        top: 27px;
    }
    .guaranteeEnviroment__sep {
        display: none;
    }

    .guaranteeEnviroment__bg {
        margin-left: -20px;
        width: calc(100% + 40px);
        height: auto;
        position: relative;
        top: 0;
    }
    .guaranteeEnviroment__bg::after {
        content: '';
        width: 100%;
        height: 100%;
        background-image: linear-gradient(128.5deg, transparent 45%, var(--color-9) 45%);
        display: block;
        position: absolute;
        top: 0;
    }
    .guaranteeEnviroment__bg .guaranteeEnviroment__sep {
        display: block;
        left: 47.5%;
        transform: translate(-52.5%, -55.5%);
    }
    .guaranteeEnviroment__bg img {
        width: 100%;
        object-fit: cover;
    }

    .guaranteeEnviroment__container {
        margin: 0;
        padding-bottom: 56px;
        background-color: var(--color-9);
        width: 100%;
        position: relative;
    }
    .guaranteeEnviroment__container::before,
    .guaranteeEnviroment__container::after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: var(--color-9);
        display: block;
        position: absolute;
        top: 0;
    }
    .guaranteeEnviroment__container::before {
        left: 100%;
    }
    .guaranteeEnviroment__container::after {
        right: 100%;
    }
    .guaranteeEnviroment__trash {
        display: none;
    }
}
@media(max-width: 681px) {
    .guaranteeEnviroment__bg .guaranteeEnviroment__sep {
        left: 47.75%;
        transform: translate(-52.25%, -55.5%);
    }
}
@media(max-width: 581px) {
    .guaranteeEnviroment__bg .guaranteeEnviroment__sep {
        left: 48.5%;
        transform: translate(-51.5%, -55.5%);
    }
}
@media(max-width: 481px) {
    .guaranteeEnviroment__bg .guaranteeEnviroment__sep {
        left: 50%;
        transform: translate(-50%, -55.5%);
    }
}

.guaranteeSafety {
    margin-top: 90px;
}

.guaranteeSafety__title + div {
    margin-top: 40px;
}

.guaranteeSafety__container {
    width: 50%;
}
.guaranteeSafety__slider {
    width: calc(50% - 60px);
    height: 100%;
    position: absolute;
    top: 100px;
    right: 0;
}
.guaranteeSafety__blockquote {
    margin: 0;
    padding-right: 20px;
    max-width: 640px;
}
.guaranteeSafety__blockquote + .guaranteeSafety__list {
    margin-top: 100px;
}
.guaranteeSafety__list__item {
    padding: 0 10px 18px 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: var(--color-4);
}
.guaranteeSafety__list__item:nth-child(3n+1) {
    /* 1, 4, 7, ... */
    /* background-color: var(--color-1); */
    background-image: linear-gradient(180deg, transparent 40px, var(--color-1) 40px);
}
.guaranteeSafety__list__item:nth-child(3n+2) {
    /* 2, 5, 8, ... */
    /* background-color: var(--color-5); */
    background-image: linear-gradient(180deg, transparent 40px, var(--color-5) 40px);
    color: var(--color-9);
}
.guaranteeSafety__list__item:nth-child(3n) {
    /* 3, 6, 9, ... */
    /* background-color: var(--color-9); */
    background-image: linear-gradient(180deg, transparent 40px, var(--color-9) 40px);
}
.guaranteeSafety__list__item__content {
    height: calc(100% - 120px);
    display: flex;
    align-items: center;
}
.guaranteeSafety__list__item__media {
    margin: 0 auto;
    width: 120px;
    height: 120px;
}
.guaranteeSafety__list__item__media svg {
    width: 100%;
    height: auto;
}
.guaranteeSafety__slider .progress-pagination {
    margin-top: 48px;
    margin-left: 0;
    margin-right: auto;
    padding: 0;
}

@media(max-width: 1366px) {
    .guaranteeSafety {
        margin-top: 52px;
    }

    .guaranteeSafety__title + div {
        margin-top: 20px;
        min-height: 350px;
    }

    .guaranteeSafety__slider {
        width: calc(50% - 30px);
        top: 50px;
    }
    .guaranteeSafety__blockquote + .guaranteeSafety__list {
        margin-top: 20px;
    }
    .guaranteeSafety__list__item {
        font-size: 14px;
        line-height: 20px;
    }
    .guaranteeSafety__list__item__content {
        height: calc(100% - 100px);
    }
    .guaranteeSafety__list__item__media {
        width: 100px;
        height: 100px;
    }
    .guaranteeSafety__slider .progress-pagination {
        margin-top: 30px;
        padding-right: 20px;
    }
}
@media(max-width: 781px) {
    .guaranteeSafety__title + div {
        display: flex;
        flex-direction: column-reverse;
    }

    .guaranteeSafety__container {
        margin-top: 30px;
        width: 100%;
    }
    .guaranteeSafety__slider {
        width: 100%;
        position: relative;
        top: 0;
    }
    .guaranteeSafety__list {
        width: calc(100% + 20px);
    }
    .guaranteeSafety__slider .progress-pagination {
        margin-top: 30px;
        margin-left: auto;
        padding-left: 20px;
    }
}

/* Service. */
.page-template-page-service .pageTemplate__triangle02 {
    z-index: 1;
}

.service {
    position: relative;
}

.serviceIntro__header {
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.serviceIntro__header::after {
    content: '';
    width: 50%;
    height: 24px;
    clip-path: polygon(16px 0, 100% 0, 100% 100%, 0 100%);
    background-color: var(--color-1);
    position: absolute;
    bottom: -12px;
    right: 0;
}

@media(max-width: 1366px) {
    .serviceIntro__header::after {
        height: 12px;
        clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%);
        bottom: -6px;
    }
}
@media(max-width: 781px) {
    .serviceIntro__header::after {
        height: 7px;
        clip-path: polygon(8px 0, 100% 0, 100% 100%, 0 100%);
        bottom: -3.5px;
    }
}

.serviceIntro__header__image {
    height: 100%;
    position: relative;
}
.serviceIntro__header__image img {
    height: auto;
    position: absolute;
    z-index: 1;
    left: 60%;
    transform: translateX(-40%);
}

@media(max-width: 1366px) {
    .serviceIntro__header {
        height: 200px;
    }
    .serviceIntro__header__image img {
        width: 475px;
        left: 55%;
        transform: translateX(-45%);
    }
}
@media(max-width: 781px) {
    .serviceIntro__header {
        height: 120px;
    }
    .serviceIntro__header__image img {
        width: 280px;
    }
}

.serviceIntro__badge {
    position: relative;
}
.serviceIntro__badge svg {
    position: absolute;
    top: 120px;
    right: 0;
}

@media(max-width: 1366px) {
    .serviceIntro__badge svg {
        width: 100px;
        height: 100px;
        position: absolute;
        top: -24px;
        right: calc(100% - 150px);
    }
}
@media(max-width: 781px) {
    .serviceIntro__badge svg {
        right: calc(100% - 100px);
    }
}

.serviceIntro__container {
    margin-top: 122px;
    margin-bottom: 66px;
    padding: 0 20px;
}

.serviceIntro__container__triangles,
.demoIntro__container__triangles {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: -420px;
    transform: rotate(180deg);
}
.serviceIntro__container__triangles svg path,
.demoIntro__container__triangles svg path {
    stroke: var(--color-7);
}

.serviceIntro__container__arrows,
.demoIntro__container__arrows {
    position: absolute;
    z-index: 8;
    width: 38px;
    height: 172px;
    background-image: url(assets/icons/serviceIntro__arrows-group-orange.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.serviceIntro__container__title,
.demoIntro__container__title {
    margin-top: 56px;
    width: 100%;
    max-width: 1000px;
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    color: var(--color-9);
    display: inline-block;
}
.serviceIntro__container__title span,
.demoIntro__container__title span {
    color: var(--color-1);
}

.serviceIntro__container__content,
.demoIntro__container__content {
    margin-top: 37px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.serviceIntro__container__description,
.serviceIntro__container__banner,
.demoIntro__container__description,
.demoIntro__container__banner {
    width: calc(50% - 15px);
    position: relative;
}

.serviceIntro__container__description__text p,
.demoIntro__container__description__text p,
.about__manual__description p,
.about__brand__description p,
.aboutIntro__container__content__description p {
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 18px;
}
.serviceIntro__container__description__text p:last-child,
.demoIntro__container__description__text p:last-child,
.about__manual__description p:last-child,
.about__brand__description p:last-child,
.aboutIntro__container__content__description p:last-child {
    margin: 0;
}
.serviceIntro__container__description__text ul,
.demoIntro__container__description__text ul,
.about__manual__description ul,
.about__brand__description ul,
.aboutIntro__container__content__description ul {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 18px;
}
.serviceIntro__container__description__text ul li::before,
.demoIntro__container__description__text ul li::before,
.about__manual__description ul li::before,
.about__brand__description ul li::before,
.aboutIntro__container__content__description ul li::before {
    /* top: 16px !important; */
}
.serviceIntro__container__description__blockquote,
.demoIntro__container__description__blockquote,
.demoIntro__container__banner__blockquote,
.about__manual__description,
.aboutIntro__container__content__blockquote {
    margin-top: 48px;
    font-size: 28px;
    line-height: 48px;
}
.demoIntro__container__description__blockquote {
    display: none;
}
.demoIntro__container__banner__blockquote {
    margin-top: 0;
}

.serviceIntro__container__banner__coloredTriangles {
    top: 25px;
    left: 100%;
}
.serviceIntro__container__banner__image,
.demoIntro__container__banner__image {
    margin: 0 0 -100px 42px;
    width: 100%;
    max-width: 375px;
    position: relative;
    z-index: 3;
}
.demoIntro__container__banner__image {
    margin: 0 0 -132px 0;
    max-width: 600px;
}
.serviceIntro__container__banner__image img,
.demoIntro__container__banner__image img {
    width: 100%;
    height: auto;
}
.serviceIntro__container__banner__content,
.demoIntro__container__banner__content {
    background-color: var(--color-8);
    position: relative;
    z-index: 2;
}
.serviceIntro__container__banner__content::after,
.demoIntro__container__banner__content::after {
    content: '';
    width: 100vw;
    height: 100%;
    background-color: var(--color-8);
    position: absolute;
    z-index: 1;
    top: 0;
    right: -100vw;
}
.serviceIntro__container__banner__text,
.demoIntro__container__banner__text {
    margin: 35px 10px 35px 0;
    padding: 0 0 0 42px;
    font-size: 20px;
    line-height: 34px;
    color: var(--color-4);
    position: relative;
    display: inline-block;
}
.serviceIntro__container__banner__image + .serviceIntro__container__banner__content .serviceIntro__container__banner__text,
.demoIntro__container__banner__image + .demoIntro__container__banner__content .demoIntro__container__banner__text {
    margin-top: 128px;
}
.serviceIntro__container__banner__text::before,
.demoIntro__container__banner__text::before {
    content: '';
    width: 20px;
    height: 100%;
    background-color: var(--color-1);
    position: absolute;
    top: 0;
    left: 0;
}
.serviceIntro__container__banner__text a,
.demoIntro__container__banner__text a {
    color: var(--color-4);
    position: relative;
    cursor: pointer;
}
.serviceIntro__container__banner__text a:hover {
    color: var(--color-4);
}
.serviceIntro__container__banner__text a::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-1);
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    transition: height .3s;
}
.serviceIntro__container__banner__text a:hover::after {
    height: 100%;
}
.serviceIntro__container__banner__link,
.demoIntro__container__banner__link {
    margin: 0 0 100px 42px;
    display: inline-block;
}
.serviceIntro__container__banner__link a,
.demoIntro__container__banner__link a {
    border: 2px solid var(--color-4) !important;
    color: var(--color-4) !important;
}
.serviceIntro__container__banner__link a:hover,
.demoIntro__container__banner__link a:hover {
    background-color: var(--color-4) !important;
}
.serviceIntro__container__banner__link a span,
.demoIntro__container__banner__link a span {
    background-color: transparent !important;
}
.serviceIntro__container__banner__link a:hover span,
.demoIntro__container__banner__link a:hover span {
    background-color: var(--color-8) !important;
}
.serviceIntro__container__banner__link a::after,
.demoIntro__container__banner__link a::after {
    background-color: var(--color-8);
    -webkit-mask-image: url(assets/icons/arrow-small.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-small.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    background-image: unset !important;
    background-repeat: unset !important;
    background-size: unset !important;
    background-position: unset !important;
}

@media(max-width: 1366px) {
    .serviceIntro__container,
    .demoIntro__container {
        margin-top: 112px;
        margin-bottom: 50px;
    }

    .serviceIntro__container__triangles,
    .serviceIntro__container__arrows,
    .demoIntro__container__triangles,
    .demoIntro__container__arrows {
        display: none;
    }

    .serviceIntro__container__title,
    .demoIntro__container__title {
        margin-top: 0;
        max-width: unset;
        font-size: 30px;
        line-height: 34px;
    }

    .demoIntro__container__banner__image + .demoIntro__container__banner__content .demoIntro__container__banner__text {
        margin-top: 54px;
    }
    .serviceIntro__container__description__text p,
    .demoIntro__container__description__text p,
    .about__manual__description p,
    .about__brand__description p,
    .aboutIntro__container__content__description p {
        font-size: 16px;
        line-height: 20px;
    }
    .serviceIntro__container__description__text ul,
    .demoIntro__container__description__text ul,
    .about__manual__description ul,
    .about__brand__description ul,
    .aboutIntro__container__content__description ul {
        font-size: 16px;
        line-height: 24px;
    }
    .serviceIntro__container__description__text ul li::before,
    .demoIntro__container__description__text ul li::before,
    .about__manual__description ul li::before,
    .about__brand__description ul li::before,
    .aboutIntro__container__content__description ul li::before {
        top: 9px !important;
    }
    .serviceIntro__container__description__blockquote,
    .demoIntro__container__description__blockquote,
    .demoIntro__container__banner__blockquote,
    .about__manual__description,
    .aboutIntro__container__content__blockquote {
        margin-top: 38px;
        font-size: 18px;
        line-height: 30px;
    }
    .demoIntro__container__banner__blockquote {
        margin-top: 0;
    }

    .serviceIntro__container__banner__coloredTriangles {
        display: none;
    }
    .serviceIntro__container__banner__image {
        margin: 0 0 -77.5px 32px;
        max-width: 285px;
    }
    .demoIntro__container__banner__image {
        margin: 0 0 -67.5px 0;
        max-width: 340px;
    }
    .serviceIntro__container__banner__text,
    .demoIntro__container__banner__text {
        padding: 0 0 0 32px;
        font-size: 16px;
        line-height: 28px;
    }
    .serviceIntro__container__banner__text::before,
    .demoIntro__container__banner__text::before {
        width: 10px;
    }
    .serviceIntro__container__banner__link,
    .demoIntro__container__banner__link {
        margin: 0 0 60px 32px;
    }
}
@media(max-width: 781px) {
    .serviceIntro__container__content {
        margin-top: 25px;
    }
    .serviceIntro__container__description {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }
    .serviceIntro__container__description__blockquote {
        margin-top: 0;
        margin-bottom: 22px;
    }

    .demoIntro__container__description {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .serviceIntro__container__banner,
    .demoIntro__container__banner {
        margin-left: -20px;
        width: calc(100% + 20px);
    }

    .demoIntro__container__description__text {
        order: 1;
    }
    .demoIntro__container__description__blockquote {
        margin-top: 0;
        /* margin-bottom: 26px; */
        display: unset;
        order: 0;
    }
    .demoIntro__container__banner__blockquote {
        display: none;
    }

    .serviceIntro__container__banner__image {
        margin: 0 0 -77.5px 22px;
        max-width: 285px;
    }
    .demoIntro__container__banner__image {
        margin: 0 0 -67.5px 0;
        max-width: 340px;
    }
    .serviceIntro__container__banner__text,
    .demoIntro__container__banner__text {
        margin-right: 0;
        padding: 0 0 0 22px;
    }
    .serviceIntro__container__banner__image + .serviceIntro__container__banner__content .serviceIntro__container__banner__text {
        margin-top: 108px;
    }
    .demoIntro__container__banner__image + .demoIntro__container__banner__content .demoIntro__container__banner__text {
        margin-top: 54px;
    }
    .serviceIntro__container__banner__link,
    .demoIntro__container__banner__link {
        margin: 0 0 60px 22px;
    }
}

.page-template-page-service .krausmannProduct__related {
    margin-top: 30px;
}
.page-template-page-service .krausmannProduct__related__content__title {
    letter-spacing: -2.25px;
}

@media(max-width: 1366px) {
    .page-template-page-service .krausmannProduct__related {
        margin-top: 0;
    }
    .page-template-page-service .krausmannProduct__related__content__title {
        letter-spacing: 0px;
    }
}

/* Manuals & Spare parts. */
.page-template-page-antallaktika .pageTemplate__triangle02 {
    z-index: 1;
}

.antallaktika {
    position: relative;
}

.sparePart__header {
    margin: 0 auto;
    width: 100%;
    max-width: 840px;
    position: relative;
    z-index: 5;
}
.sparePart__header__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    color: var(--color-9);
    color: #2C2C2C;
}
.sparePart__header__text {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: var(--color-8);
}
.sparePart__header__title + .sparePart__header__text {
    margin-top: 8px;
}

@media(max-width: 1366px) {
    .sparePart__header {
        max-width: 600px;
    }
    .sparePart__header__text {
        font-size: 14px;
        line-height: 18px;
    } 
}
@media(max-width: 781px) {
    .sparePart__header__text {
        display: none;
    }
}

.sparePart__searchSection {
    margin-top: 54px;
    position: relative;
    z-index: 5;
}
.sparePart__searchSection #ajaxsearchpro1_1,
.sparePart__searchSection #ajaxsearchpro5_1 {
    height: 74px !important;
    border-radius: 0 !important;
    overflow: visible !important;
}
.sparePart__searchSection #ajaxsearchpro1_1 .probox,
.sparePart__searchSection #ajaxsearchpro5_1 .probox {
    margin: 0 auto !important;
    padding: 2px !important;
    width: 100%;
    max-width: 1040px;
    height: auto !important;
    background-color: var(--color-8) !important;
    border-radius: 100vh !important;
    box-shadow: 0px 4px 10px 0px rgba(84,85,84,.3) !important;
}
.sparePart__searchSection .probox .proinput {
    margin: 0 auto !important;
    padding: 0 !important;
}
.sparePart__searchSection #ajaxsearchpro1_1 .probox .proinput input.orig,
.sparePart__searchSection #ajaxsearchpro5_1 .probox .proinput input.orig {
    margin: 0 !important;
    padding: 15px 30px !important;
    width: calc(100% - 60px) !important;
    min-width: unset !important;
    height: auto;
    background-color: var(--color-4) !important;
    border-radius: 100vh !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    color: var(--color-8) !important;
}
.sparePart__searchSection #ajaxsearchpro1_1 .probox .proinput input.orig::placeholder,
.sparePart__searchSection #ajaxsearchpro5_1 .probox .proinput input.orig::placeholder {
    font-size: 16px !important;
    line-height: 28px !important;
    color: var(--color-6 ) !important;
}
.sparePart__searchSection #ajaxsearchpro1_1 .probox .promagnifier,
.sparePart__searchSection #ajaxsearchpro5_1 .probox .promagnifier {
    padding: 15px 45px 15px 35px !important;
    height: auto !important;
    background-image: unset !important;
    display: flex;
    align-items: center;
    pointer-events: none;
}
.sparePart__searchSection #ajaxsearchpro1_1 .probox .promagnifier .asp_text_button,
.sparePart__searchSection #ajaxsearchpro5_1 .probox .promagnifier .asp_text_button {
    order: 1;
    padding: 0 0 0 18px !important;
    height: auto !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    text-align: center !important;
    color: var(--color-4) !important;
}
.sparePart__searchSection #ajaxsearchpro1_1 .probox .promagnifier .innericon,
.sparePart__searchSection #ajaxsearchpro5_1 .probox .promagnifier .innericon {
    order: 0;
}
.sparePart__searchSection #ajaxsearchpro1_1 .probox .proloading,
.sparePart__searchSection #ajaxsearchpro5_1 .probox .proloading {
    display: none !important;
}

@media(max-width: 1366px) {
    .sparePart__searchSection {
        margin-top: 44px;
    }
    .sparePart__searchSection #ajaxsearchpro1_1,
    .sparePart__searchSection #ajaxsearchpro5_1 {
        height: 62px !important;
    }
    .sparePart__searchSection #ajaxsearchpro1_1 .probox,
    .sparePart__searchSection #ajaxsearchpro5_1 .probox {
        max-width: 600px;
    }
    .sparePart__searchSection #ajaxsearchpro1_1 .probox .proinput input.orig,
    .sparePart__searchSection #ajaxsearchpro5_1 .probox .proinput input.orig {
        padding: 13px 20px !important;
        width: calc(100% - 40px) !important;
        font-size: 14px !important;
        line-height: 14px !important;
    }
    .sparePart__searchSection #ajaxsearchpro1_1 .probox .proinput input.orig::placeholder,
    .sparePart__searchSection #ajaxsearchpro5_1 .probox .proinput input.orig::placeholder {
        font-size: 14px !important;
        line-height: 14px !important;
    }
    .sparePart__searchSection #ajaxsearchpro1_1 .probox .promagnifier,
    .sparePart__searchSection #ajaxsearchpro5_1 .probox .promagnifier {
        padding: 8px 20px 8px 14px !important;
    }
    .sparePart__searchSection #ajaxsearchpro1_1 .probox .promagnifier .asp_text_button,
    .sparePart__searchSection #ajaxsearchpro5_1 .probox .promagnifier .asp_text_button {
        padding: 0 0 0 12px !important;
        font-size: 14px !important;
        line-height: 14px !important;
    }
} 
@media(max-width: 781px) {
    .sparePart__searchSection #ajaxsearchpro1_1 .probox .promagnifier .asp_text_button,
    .sparePart__searchSection #ajaxsearchpro5_1 .probox .promagnifier .asp_text_button {
        display: none;
    }
}

.sparePart__searchSection #ajaxsearchprores1_1,
.sparePart__searchSection #ajaxsearchprores5_1 {
    margin: 76px 0 0 0;
    padding: 0;
    display: flex !important;
    flex-direction: column;
}
.sparePart__searchSection #ajaxsearchprores1_1 .asp_nores,
.sparePart__searchSection #ajaxsearchprores5_1 .asp_nores {
    padding: 0;
    gap: 44px;
}
.sparePart__searchSection #ajaxsearchprores1_1 .asp_nores .asp_nores__title,
.sparePart__searchSection #ajaxsearchprores5_1 .asp_nores .asp_nores__title {
    font-weight: 800 !important;
    font-size: 54px !important;
    line-height: 62px !important;
    color: var(--color-9) !important;
}
.sparePart__searchSection #ajaxsearchprores1_1 .asp_nores .asp_nores__text strong,
.sparePart__searchSection #ajaxsearchprores5_1 .asp_nores .asp_nores__text strong {
    font-weight: 700;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: var(--color-8);
}
.sparePart__searchSection #ajaxsearchprores1_1 .asp_nores .asp_nores__text .asp_nores__text_sec,
.sparePart__searchSection #ajaxsearchprores5_1 .asp_nores .asp_nores__text .asp_nores__text_sec {
    font-weight: 600;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    color: var(--color-8);
}

@media(max-width: 1366px) {
    .sparePart__searchSection #ajaxsearchprores1_1,
    .sparePart__searchSection #ajaxsearchprores5_1 {
        margin: 42px 0 0 0;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .asp_nores,
    .sparePart__searchSection #ajaxsearchprores5_1 .asp_nores {
        gap: 34px;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .asp_nores .asp_nores__title,
    .sparePart__searchSection #ajaxsearchprores5_1 .asp_nores .asp_nores__title {
        font-size: 30px !important;
        line-height: 34px !important;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .asp_nores .asp_nores__text,
    .sparePart__searchSection #ajaxsearchprores5_1 .asp_nores .asp_nores__text {
        gap: 15px;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .asp_nores .asp_nores__text strong,
    .sparePart__searchSection #ajaxsearchprores5_1 .asp_nores .asp_nores__text strong {
        font-size: 16px;
        line-height: 18px;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .asp_nores .asp_nores__text .asp_nores__text_sec,
    .sparePart__searchSection #ajaxsearchprores5_1 .asp_nores .asp_nores__text .asp_nores__text_sec {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
    }
}

.sparePart__searchSection #ajaxsearchprores1_1 .results,
.sparePart__searchSection #ajaxsearchprores5_1 .results {
    order: 0;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg {
    margin: 0 auto;
    width: 100% !important;
    max-width: var(--width-1254) !important;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: start;
    gap: 23.8px;
    row-gap: 60px;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item {
    margin: 0 !important;
    padding: 0 !important;
    width: calc(16.67% - 25.25px) !important;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__media,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__media {
    position: relative;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__type,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__type {
    padding: 2px 4px;
    font-weight: 600;
    font-size: 9px;
    line-height: 10px;
    color: var(--color-4);
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 0; /* height: 4px; */
    transition: width .3s, height .3s;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.power-tools .item__type,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.power-tools .item__type,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.power-tools-en .item__type,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.power-tools-en .item__type {
    background-color: var(--color-1);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.dynamic-tools .item__type,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.dynamic-tools .item__type,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.dynamic-tools-en .item__type,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.dynamic-tools-en .item__type {
    background-color: var(--color-2);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.home-solutions .item__type,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.home-solutions .item__type,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.home-solutions-en .item__type,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.home-solutions-en .item__type {
    background-color: var(--color-3);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item:hover .item__type,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item:hover .item__type {
    width: auto;
    height: auto;
}
.item__type span {
    opacity: 0;
    transition: opacity .3s 0s;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item:hover .item__type span,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item:hover .item__type span {
    opacity: 1;
    transition: opacity .3s .3s;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .productBadges,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .productBadges {
    position: absolute;
    top: 10px;
    right: 10px;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .badgeNew,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .badgeNew {
    padding: 4px 7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__combo,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__combo {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: var(--color-9);
    position: absolute;
    z-index: 9;
    bottom: 9px;
    right: 12px;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__image,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__image {
    background-color: var(--color-5);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__image a,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__image a {
    padding: 30px 20px 20px 20px;
    display: flex;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.deprecatedProduct .item__image a,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.deprecatedProduct .item__title a,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.deprecatedProduct .item__image a,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.deprecatedProduct .item__title a {
    pointer-events: none;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__image img,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__image img {
    width: 100%;
    height: auto;
    transition: transform .3s;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item:hover .item__image img,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item:hover .item__image img {
    transform: scale(1.1);
}

.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__info,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__info {
    margin-top: 14px;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__sku,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__sku {
    font-weight: 800;
    font-style: italic;
    font-size: 26px;
    line-height: 30px;
    color: var(--color-7);
    transition: color .3s;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.power-tools:hover .item__sku,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.power-tools:hover .item__sku,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.power-tools-en:hover .item__sku,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.power-tools-en:hover .item__sku {
    color: var(--color-1);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.dynamic-tools:hover .item__sku,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.dynamic-tools:hover .item__sku,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.dynamic-tools-en:hover .item__sku,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.dynamic-tools-en:hover .item__sku {
    color: var(--color-2);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.home-solutions:hover .item__sku,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.home-solutions:hover .item__sku,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.home-solutions-en:hover .item__sku,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.home-solutions-en:hover .item__sku {
    color: var(--color-3);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__title,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__title a,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__title,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__title a {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: var(--color-9);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__sku + .item__title,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__sku + .item__title {
    margin-top: 4px;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item span.highlighted,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item span.highlighted {
    font-weight: unset !important;
    color: var(--color-4);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.power-tools span.highlighted,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.power-tools span.highlighted,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.power-tools-en span.highlighted,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.power-tools-en span.highlighted {
    background-color: var(--color-1) !important;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.dynamic-tools span.highlighted,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.dynamic-tools span.highlighted,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.dynamic-tools-en span.highlighted,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.dynamic-tools-en span.highlighted {
    background-color: var(--color-2) !important;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.home-solutions span.highlighted,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.home-solutions span.highlighted,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.home-solutions-en span.highlighted,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.home-solutions-en span.highlighted {
    background-color: var(--color-3) !important;
}

.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__links,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__links {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__links::before,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__links::after,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__links::before,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__links::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-5);
    display: block;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__links::before,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__links::before {
    margin-bottom: 8px;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__links::after,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__links::after {
    margin-top: 8px;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__link a,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__link a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    position: relative;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__link a span,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__link a span {
    /* width: calc(100% - 26px); */
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.power-tools .item__link a span,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.power-tools .item__link a span,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.power-tools-en .item__link a span,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.power-tools-en .item__link a span {
    color: var(--color-1);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.dynamic-tools .item__link a span,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.dynamic-tools .item__link a span,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.dynamic-tools-en .item__link a span,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.dynamic-tools-en .item__link a span {
    color: var(--color-2);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.home-solutions .item__link a span,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.home-solutions .item__link a span,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.home-solutions-en .item__link a span,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.home-solutions-en .item__link a span {
    color: var(--color-3);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__link a svg,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__link a svg {
    width: 16px;
    height: 16px;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.power-tools .item__link a svg path,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.power-tools .item__link a svg path,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.power-tools-en .item__link a svg path,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.power-tools-en .item__link a svg path {
    stroke: var(--color-1);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.dynamic-tools .item__link a svg path,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.dynamic-tools .item__link a svg path,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.dynamic-tools-en .item__link a svg path,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.dynamic-tools-en .item__link a svg path {
    stroke: var(--color-2);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.home-solutions .item__link a svg path,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.home-solutions .item__link a svg path,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.home-solutions-en .item__link a svg path,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.home-solutions-en .item__link a svg path {
    stroke: var(--color-3);
}

.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__link a::after,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__link a::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: transparent;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: background-color .3s;
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.power-tools .item__link a:hover::after,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.power-tools .item__link a:hover::after,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.power-tools-en .item__link a:hover::after,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.power-tools-en .item__link a:hover::after {
    background-color: var(--color-1);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.dynamic-tools .item__link a:hover::after,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.dynamic-tools .item__link a:hover::after,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.dynamic-tools-en .item__link a:hover::after,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.dynamic-tools-en .item__link a:hover::after {
    background-color: var(--color-2);
}
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.home-solutions .item__link a:hover::after,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.home-solutions .item__link a:hover::after,
.sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item.home-solutions-en .item__link a:hover::after,
.sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item.home-solutions-en .item__link a:hover::after {
    background-color: var(--color-3);
}



@media(max-width: 1366px) {
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg {
        /* width: var(--width-1254) !important; */
        gap: 20px;
        row-gap: 60px;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item {
        width: calc(25% - 15px) !important;
    }
}
@media(max-width: 781px) {
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg {
        gap: 0;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item {
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
        align-items: start;
        gap: 15px;
        row-gap: 0;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item:not(:last-child)::after,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item:not(:last-child)::after {
        content: '';
        margin: 20px 0;
        width: 100%;
        height: 1px;
        background-color: var(--color-5);
        display: block;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__media,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__media {
        width: calc(30% - 7.5px);
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .productBadges,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .productBadges {
        top: calc(100% - 24px);
        right: 0;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__combo,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__combo {
        bottom: 34px;
        right: 10px;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__image,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__image {
        margin: 0 0 24px 0;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__image a,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__image a {
        padding: 20px 10px 10px 10px;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__info,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__info {
        margin-top: 0;
        width: calc(70% - 7.5px);
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__title,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__title a,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__title a {
        white-space: normal;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__links,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__links {
        flex-direction: column;
    }
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__links::before,
    .sparePart__searchSection #ajaxsearchprores1_1 .results .resdrg .item .item__links::after,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__links::before,
    .sparePart__searchSection #ajaxsearchprores5_1 .results .resdrg .item .item__links::after {
        display: none;
    }
}

.sparePart__searchSection #ajaxsearchprores1_1 .asp_results_top,
.sparePart__searchSection #ajaxsearchprores5_1 .asp_results_top {
    order: 1;
    margin: 100px auto 0 auto !important;
    padding: 0;
    width: 210px;
}
.spareParts__results__text {
    margin-bottom: 9px !important;
    font-size: 12px;
    line-height: 14px;
    text-align: center !important;
    color: var(--color-7);
}
.spareParts__results__progressBarWrapper {
    width: 100%;
    height: 2px;
    background-color: var(--color-6);
    border-radius: 3px;
    overflow: hidden;
}
.spareParts__results__progressBar {
    width: 0%;
    height: 100%;
    background-color: var(--color-7);
    transition: width .3s ease;
}
.sparePart__searchSection #ajaxsearchprores1_1 .asp_showmore_container,
.sparePart__searchSection #ajaxsearchprores5_1 .asp_showmore_container {
    order: 2;
    margin: 20px auto 0 auto;
    width: 210px;
    display: block !important;
}
.sparePart__searchSection #ajaxsearchprores1_1 .asp_showmore_container.notAllowed,
.sparePart__searchSection #ajaxsearchprores5_1 .asp_showmore_container.notAllowed {
    cursor: not-allowed;
    display: none !important;
}
.sparePart__searchSection #ajaxsearchprores1_1 .asp_showmore_container.notAllowed a,
.sparePart__searchSection #ajaxsearchprores5_1 .asp_showmore_container.notAllowed a {
    pointer-events: none;
    opacity: .55;
}
.sparePart__searchSection #ajaxsearchprores1_1 .asp_showmore_container.noResults,
.sparePart__searchSection #ajaxsearchprores5_1 .asp_showmore_container.noResults {
    display: none !important;
}
.sparePart__searchSection #ajaxsearchprores1_1 .asp_showmore_container .asp_showmore,
.sparePart__searchSection #ajaxsearchprores5_1 .asp_showmore_container .asp_showmore {
    padding: 9px 50px !important;
    border: 2px solid var(--color-8) !important;
    border-radius: 100vh;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    text-align: center !important;
    color: var(--color-9) !important;
}
.sparePart__searchSection #ajaxsearchprores1_1 .asp_showmore_container .asp_showmore span,
.sparePart__searchSection #ajaxsearchprores5_1 .asp_showmore_container .asp_showmore span {
    display: none;
}
.sparePart__searchSection #ajaxsearchprores1_1 .asp_res_loader,
.sparePart__searchSection #ajaxsearchprores5_1 .asp_res_loader {
    order: 3;
}

@media(max-width: 1366px) {
    .sparePart__searchSection #ajaxsearchprores1_1 .asp_results_top,
    .sparePart__searchSection #ajaxsearchprores5_1 .asp_results_top {
        margin: 60px auto 0 auto !important;
    }
}

.searchResults__serviceSection {
    margin-top: 170px;
    padding: 0 20px;
    height: 700px;
    background-image: url(assets/icons/searchResults-serviceSection.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.searchResults__serviceSection > div {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    position: relative;
}
.searchResults__serviceSection__media,
.searchResults__serviceSection__content {
    width: calc(50% - 25px);
}

.searchResults__serviceSection__triangles,
.searchResults__serviceSection__trianglesSmartphone {
    position: absolute !important;
    z-index: 4;
    top: -130px;
    left: -418px;
    transform: rotate(180deg);
}
.searchResults__serviceSection__trianglesSmartphone {
    display: none !important;
}
.searchResults__serviceSection__triangles svg path,
.searchResults__serviceSection__trianglesSmartphone svg path {
    stroke: var(--color-7);
}

.searchResults__serviceSection__media {
    margin: auto 0;
    text-align: center;
}
.searchResults__serviceSection__media__image {
    margin: 0 auto;
    max-width: 380px;
    position: relative;
    z-index: 5;
}
.searchResults__serviceSection__media__image img {
    width: 100%;
    height: auto;
}

.searchResults__serviceSection__content {
    position: relative;
}
.searchResults__serviceSection__content::before,
.searchResults__serviceSection__content::after {
    content: '';
    width: 100%;
    height: 24px;
    background-color: var(--color-1);
    display: block;
    position: absolute;
    z-index: 8;
    bottom: -12px;
    left: 0;
    transition: height .3s;
}
.searchResults__serviceSection__content::after {
    width: 100vw;
    left: 100%;
}
.searchResults__serviceSection:hover .searchResults__serviceSection__content::before,
.searchResults__serviceSection:hover .searchResults__serviceSection__content::after {
    height: calc(100% + 24px);
}

.searchResults__serviceSection__descriptionContainer {
    height: 100%;
    display: flex;
    align-items: end;
}
.searchResults__serviceSection__description {
    padding: 0 0 90px 90px;
    font-size: 28px;
    line-height: 48px;
    color: var(--color-4);
    position: relative;
    z-index: 9;
    opacity: 0;
    transition: none;
}
.searchResults__serviceSection__description .KrausmannButton {
    margin-top: 47px;
    display: flex;
}
.searchResults__serviceSection:hover .searchResults__serviceSection__description {
    opacity: 1;
    transition: opacity .3s .3s;
}

.searchResults__serviceSection__badge {
    position: absolute;
    z-index: 9;
    top: -84px;
    right: 0;
}
.searchResults__serviceSection__badge svg {
    width: 100%;
    height: auto;
}

@media(max-width: 1366px) {
    .searchResults__serviceSection {
        margin-top: 100px;
        height: 400px;
    }
    .searchResults__serviceSection__media {
        width: calc(40% - 25px);
    }
    .searchResults__serviceSection__content {
        width: calc(60% - 25px);
    }

    .searchResults__serviceSection__triangles {
        top: -56px;
        left: -252px;
    }
    .searchResults__serviceSection__triangles svg,
    .searchResults__serviceSection__trianglesSmartphone svg {
        width: 420px;
        height: auto;
    }

    .searchResults__serviceSection .searchResults__serviceSection__content::before,
    .searchResults__serviceSection .searchResults__serviceSection__content::after {
        height: calc(100% + 24px);
    }

    .searchResults__serviceSection__description {
        padding: 0 0 40px 60px;
        font-size: 18px;
        line-height: 32px;
        opacity: 1;
    }
    .searchResults__serviceSection__description .KrausmannButton {
        margin-top: 16px;
    }
    .searchResults__serviceSection:hover .searchResults__serviceSection__description {
        opacity: 1;
        transition: none;
    }

    .searchResults__serviceSection__badge {
        width: 100px;
        height: 100px;
        top: -50px;
    }
}
@media(max-width: 781px) {
    .searchResults__serviceSection {
        padding: 0;
        height: auto;
        background-image: unset;
    }
    .searchResults__serviceSection > div {
        gap: 0;
    }
    .searchResults__serviceSection__media,
    .searchResults__serviceSection__content {
        width: 100%;
    }

    .searchResults__serviceSection__triangles {
        display: none !important;
    }
    .searchResults__serviceSection__trianglesSmartphone {
        top: -122px;
        left: -294px;
        display: block !important;
    }

    .searchResults__serviceSection__media {
        padding: 140px 20px 110px 20px;
        background-image: url(assets/icons/searchResults-serviceSection.webp);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .searchResults__serviceSection__content {
        padding: 20px 20px 40px 20px;
        background-color: var(--color-1);
    }
    .searchResults__serviceSection .searchResults__serviceSection__content::before,
    .searchResults__serviceSection .searchResults__serviceSection__content::after {
        display: none;
    }

    .searchResults__serviceSection__description {
        padding: 0;
    }

    .searchResults__serviceSection__badge {
        right: 20px;
    }
}

/* About. */
.page-template-page-about .pageTemplate__triangle02 {
    z-index: 1;
}

.about {
    position: relative;
    z-index: 1;
}

.aboutIntro__header {
    padding-left: 20px;
    padding-right: 20px;
    background-image: url(assets/icons/aboutUs-krausmann-header-bg.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}
.aboutIntro__header > div {
    padding: 0;
}
.aboutIntro__header__title {
    margin: 0;
    padding: 184px 0 40px 0;
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    color: var(--color-9);
    position: relative;
    z-index: 1;
}
.aboutIntro__header__title span {
    color: var(--color-1);
}

@media(max-width: 1366px) {
    .aboutIntro__header__title {
        padding: 106px 0 24px 0;
        font-size: 30px;
        line-height: 34px;
    }
}
@media(max-width: 781px) {
    .aboutIntro__header__title {
        padding: 48px 0 82px 0;
    }
}

.aboutIntro__container {
    margin-bottom: 156px;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
}
.aboutIntro__container__media,
.aboutIntro__container__content {
    width: 50%;
    position: relative;
}
.aboutIntro__container__content > div {
    margin: 0 52px 0 auto;
    position: relative;
    z-index: 1;
}
.aboutIntro__container__content__blockquote {
    margin-top: 35px;
}
.aboutIntro__container__content__blockquote a {
    color: var(--color-9);
    display: inline-block;
    position: relative;
    transition: color .3s;
}
.aboutIntro__container__content__blockquote a:hover {
    color: var(--color-4);
}

.aboutIntro__container__content__blockquote a::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-9);
    position: absolute;
    z-index: -1;
    bottom: 8px;
    left: 0;
    transition: height .3s;
}
.aboutIntro__container__content__blockquote a:hover::after {
    height: calc(100% - 18px);
}


.aboutIntro__container__content__blockquote + .aboutIntro__container__content__description {
    margin-top: 27px;
}
.aboutIntro__container__media__image {
    position: relative;
}
.aboutIntro__container__media__image img {
    /* width: auto; */ width: 100%;
    max-width: 910px;
    /* height: 1330px; */ height: auto;
    position: absolute;
    z-index: 3;
    /* top: -560px; */ top: -455px;
    /* left: 32px; */ right: -20px;
    transition: top .3s;
}
.aboutIntro__greenArrows {
    position: absolute;
}

@media(max-width: 1540px) {
    .aboutIntro__container__media__image img {
        top: -445px;
    }
}
@media(max-width: 1440px) {
    .aboutIntro__container__media__image img {
        top: -430px;
    }
}
@media(max-width: 1366px) {
    .aboutIntro__container {
        margin-bottom: 280px;
    }
    .aboutIntro__container__content__blockquote {
        margin-top: 20px;
    }
    .aboutIntro__container__media__image img {
        /* height: 780px; */
        top: -280px;
        /* left: 0; */
    }
    .aboutIntro__greenArrows {
        display: none;
    }
}
@media(max-width: 1280px) {
    .aboutIntro__container {
        margin-bottom: 240px;
    }
    .aboutIntro__container__media__image img {
        top: -270px;
    }
}
@media(max-width: 1180px) {
    .aboutIntro__container {
        margin-bottom: 200px;
    }
    .aboutIntro__container__media__image img {
        top: -260px;
    }
}
@media(max-width: 1120px) {
    .aboutIntro__container {
        margin-bottom: 120px;
    }

}
@media(max-width: 1100px) {
    .aboutIntro__container {
        margin-bottom: 56px;
    }

}
@media(max-width: 1024px) {
    .aboutIntro__container__media__image img {
        top: -250px;
    }
}
@media(max-width: 881px) {
    .aboutIntro__container__media__image img {
        top: -240px;
    }
}
@media(max-width: 781px) {
    .aboutIntro__container__media__image img {
        /* top: -125px; */
        /* left: 50%; */
        /* transform: translateX(-50%); */
        /* height: 390px; */
        width: 590px;
        max-width: unset;
        top: -320px;
        right: -230px;
    }
}
@media(max-width: 681px) {
    .aboutIntro__container__content__blockquote {
        margin-top: 0;
    }
    .aboutIntro__container__media,
    .aboutIntro__container__content {
        width: 100%;
    }
    .aboutIntro__container__media {
        order: 0;
    }
    .aboutIntro__container__content {
        order: 1;
    }
    .aboutIntro__container__content > div {
        margin-top: 375px;
    }
    .aboutIntro__container__media__image img {
        top: -125px;
        right: -20px;
        width: auto;
        height: 500px;
        /* left: 50%; */
        /* transform: translateX(-50%); */
        /* height: 390px; */
    }
}
@media(max-width: 481px) {
    .aboutIntro__container__media__image img {
        /* left: 0; */
        /* transform: translateX(0); */
    }
}
@media(max-width: 400px) {
    .aboutIntro__container__content > div {
        margin-top: 400px;
    }
    .aboutIntro__container__media__image img {
        top: -100px;
    }
}

.about__products {
    padding-top: 86px;
    padding-bottom: 86px;
    background-color: var(--color-1);
}
.about__products__triangle {
    position: absolute;
    top: calc(50% - 350px);
    right: calc(100% - 283px);
    transform: rotate(180deg);
}
.about__products__triangle svg path {
    stroke: var(--color-6);
}
.about__products__container {
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 136px;
    position: relative;
}
.about__products__container::after {
    content: '';
    display: block;
    width: 164px;
    height: 81px;
    background-image: url(assets/icons/products__grayArrows.svg);
    background-repeat: no-repeat;
    background-size: 164px 81px;
    background-position: center;
    position: absolute;
    top: calc(100% + 50px);
    left: 100%;
    transition: left .3s;
}
.about__products__media,
.about__products__content {
    width: calc(50% - 68px);
}
.about__products__media {
    text-align: center;
}
.about__products__media svg {
    width: 100%;
}
.about__product__media__image img {
    width: 100%;
    height: auto;
}
.about__product__title span {
    color: var(--color-4);
}
.about__product__description p {
    color: var(--color-4) !important;
}
.about__product__title + .about__product__description {
    margin-top: 28px;
}

@media(max-width: 1366px) {
    .about__products {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .about__products__triangle {
        display: none;
    }
    .about__products__container {
        gap: 68px;
    }
    .about__products__container::after {
        top: calc(100% + 20px);
        left: calc(100% - 184px);
    }
    .about__products__media,
    .about__products__content {
        width: calc(50% - 34px);
    }
}
@media(max-width: 781px) {
    .about__products__container {
        gap: 54px;
    }
    .about__products__media,
    .about__products__content {
        width: 100%;
    }
}

.about__branding {
    margin-top: 87px;
}

.about__branding__triangle {
    position: absolute;
    top: calc(50% - 350px);
    right: calc(100% + 50px);
    transform: rotate(180deg);
}
.about__branding__triangle svg path {
    stroke: var(--color-7);
}

.about__branding__separator {
    height: 136px;
}

.about__manual__title,
.about__brand__title,
.about__product__title,
.featuredCatalogue__title {
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    color: var(--color-9);
    position: relative;
}
.about__manual__orangeTriangles {
    position: absolute;
    top: 50%;
    right: calc(100% + 26px);
    transform: translateY(-50%);
}
.about__manual__container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.about__manual__title + .about__manual__container {
    margin-top: 24px;
}
.about__manual__content,
.about__manual__media {
    width: calc(50% - 10px);
}
.about__manual__blockquote {
    margin-left: -50px;
    padding: 40px 0 40px 50px;
    background-color: var(--color-5);
    position: relative;
}
.about__manual__blockquote::after {
    content: '';
    width: 100vw;
    height: 100%;
    background-color: var(--color-5);
    position: absolute;
    top: 0;
    left: 100%;
}
.about__manual__description {
    margin-top: 0;
}
.about__manual__description + .about__manual__blockquote {
    margin-top: 37px;
}
.about__manual__content .about__manual__media__image {
    display: none;
}
.about__manual__media .about__manual__media__image {
    margin-top: 60px;
    position: relative;
    z-index: 5;
    transform: scale(1.2);
}
.about__manual__media__image img {
    width: 100%;
    height: auto;
}
.about__brand__description p,
.about__manual__blockquote p,
.about__product__description p {
    font-size: 20px;
    line-height: 34px;
    color: var(--color-8);
}
.about__manual__blockquote p:not(:last-child),
.about__manual__blockquote p:not(:only-child),
.about__brand__description p:not(:last-child),
.about__brand__description p:not(:only-child),
.about__product__description p:not(:last-child) {
    margin-bottom: 30px;
}
.about__brand__description strong,
.about__manual__blockquote strong,
.about__product__description strong {
    font-weight: 700;
}
.about__brand__title + .about__brand__description {
    margin-top: 28px;
}

.about__brand__posters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 30px;
    position: relative;
}
.about__brand__posters__greenTriangles,
.about__brand__posters__blueTriangles {
    position: absolute;
    top: 0;
}
.about__brand__posters__greenTriangles {
    right: calc(100% + 26px);
}
.about__brand__posters__blueTriangles {
    left: calc(100% + 26px);
}
.about__brand__posters__item {
    width: calc(50% - 15px);
}
.about__brand__posters__item img {
    width: 100%;
    height: auto;
}
.about__brand__title + .about__brand__posters,
.about__brand__description + .about__brand__posters {
    margin-top: 42px;
}

@media(max-width: 1366px) {
    .about__branding {
        margin-top: 52px;
    }

    .about__branding__triangle {
        display: none;
    }

    .about__branding__separator {
        height: 52px;
    }

    .about__manual__title,
    .about__brand__title,
    .about__product__title,
    .featuredCatalogue__title {
        font-size: 30px;
        line-height: 34px;
    }
    .about__manual__orangeTriangles {
        display: none;
    }
    .about__manual__media .about__manual__media__image {
        margin-top: 0;
        transform: scale(1);
    }
    .about__brand__description p,
    .about__manual__blockquote p,
    .about__product__description p {
        font-size: 16px;
        line-height: 20px;
    }

    .about__brand__posters {
        gap: 20px;
    }
    .about__brand__posters__greenTriangles,
    .about__brand__posters__blueTriangles {
        display: none;
    }
    .about__brand__title + .about__brand__posters,
    .about__brand__description + .about__brand__posters {
        margin-top: 36px;
    }
}
@media(max-width: 781px) {
    .about__manual__content,
    .about__manual__media {
        width: 100%;
    }
    .about__manual__content {
        display: flex;
        flex-direction: column;
    }
    .about__manual__container {
        gap: 0;
    }
    .about__manual__content .about__manual__media__image {
        display: block;
        z-index: 1;
    }
    .about__manual__media .about__manual__media__image {
        display: none;
    }
    .about__manual__description {
        order: 0;
    }
    .about__manual__media__image {
        order: 1;
        margin-top: 26px;
    }
    .about__manual__blockquote {
        padding: 32px 0 52px 50px;
        order: 2;
    }
    .about__manual__description + .about__manual__blockquote {
        margin-top: 0;
    }
    .about__manual__blockquote::before {
        content: '';
        width: 100vw;
        height: 125px;
        background-color: var(--color-5);
        position: absolute;
        z-index: -1;
        top: -125px;
        left: 30px;
    }

    .about__brand__posters__item {
        width: 100%;
    }
}

.moto {
    margin-top: 115px;
}

.moto__blockquote {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1024);
}
.moto__blockquote__text {
    font-weight: 800;
    font-size: 67px;
    line-height: 94px;
    text-align: center;
    color: var(--color-8);
    position: relative;
}
.moto__blockquote__text::before,
.moto__blockquote__text::after {
    content: '';
    display: block;
    width: 82px;
    height: 65px;
    background-image: url(assets/icons/moto__blockquote.svg);
    background-repeat: no-repeat;
    background-size: 82px 65px;
    background-position: center;
    position: absolute;
    z-index: -1;
    top: -14px;
    left: -82px;
}
.moto__blockquote__text::after {
    top: calc(100% - 61px);
    left: 100%;
    transform: scaleX(-1);
}
.moto__blockquote__text span {
    padding: 0 5px;
    height: 70px;
    background-color: rgba(255,102,27,.80);
    color: var(--color-4);
    display: inline-flex;
    align-items: center;
    overflow: hidden;
}
.moto__blockquote__author {
    margin-right: 34px;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    color: var(--color-6);
}
.moto__blockquote__text + .moto__blockquote__author {
    margin-top: 60px;
}

.moto .KrausmannButton {
    text-align: center;
}
.moto__blockquote + .KrausmannButton {
    margin-top: 60px;
}

@media(max-width: 1366px) {
    .moto {
        margin-top: 70px;
    }
    
    .moto__blockquote {
        max-width: var(--width-574);
    }
    .moto__blockquote__text {
        font-size: 40px;
        line-height: 56px;
    }
    .moto__blockquote__text span {
        height: 46px;
    }
    .moto__blockquote__text::before,
    .moto__blockquote__text::after {
        width: 48px;
        height: 38px;
        background-size: 48px 38px;
        top: -8px;
        left: -48px;
    }
    .moto__blockquote__text::after {
        top: calc(100% - 30px);
        left: 100%;
    }
    .moto__blockquote__author {
        margin-right: 15px;
        font-size: 9px;
        line-height: 15px;
    }
    .moto__blockquote__text + .moto__blockquote__author {
        margin-top: 19px;
    }
    
    .moto__blockquote + .KrausmannButton {
        margin-top: 30px;
    }
}
@media(max-width: 781px) {
    .moto__blockquote {
        /* max-width: var(--width-574); */
    }
    .moto__blockquote__text {
        font-size: 38px;
        line-height: 52px;
    }
    .moto__blockquote__text::before,
    .moto__blockquote__text::after {
        width: 46px;
        height: 36px;
        background-size: 46px 36px;
        top: -7.5px;
        left: 10px;
    }
    .moto__blockquote__text::after {
        top: calc(100% - 36px);
        left: calc(100% - 46px);
    }

    .moto__blockquote__author {
        margin-right: 0;
    }
    .moto__blockquote__text + .moto__blockquote__author {
        margin-top: 10px;
    }
    
    .moto__blockquote + .KrausmannButton {
        margin-top: 24px;
    }
}

/* Brand. */
.page-template-page-brand .pageTemplate__triangle02 {
    z-index: 1;
}

.brand {
    position: relative;
}

.brand__header {
    margin-bottom: 130px;
    margin-left: -20px;
    width: calc(100% + 40px);
    height: 350px;
    background-color: var(--color-9);
}
.brand__header__image {
    margin: 0 auto;
    width: 100%;
    max-width: 950px;
    position: relative;
}
.brand__header__image img {
    width: 100%;
    height: auto;
}
.brand__header__image img.brand__header__imageMain {
    margin-top: -50px;
}
.brand__header__imageTriangles01 {
    position: absolute;
    top: -40px;
    left: calc(50% - 275px);
    transform: translateX(-50%);
}
.brand__header__imageTriangles02 {
    position: absolute;
    top: 320px;
    left: calc(50% - 325px);
    transform: translateX(-50%);
}
.brand__header__imageTriangles03 {
    position: absolute;
    top: 310px;
    left: calc(50% + 275px);
    transform: translateX(-50%);
}
.brand__header__imageTriangles01 svg,
.brand__header__imageTriangles01 img,
.brand__header__imageTriangles02 svg,
.brand__header__imageTriangles02 img,
.brand__header__imageTriangles03 svg,
.brand__header__imageTriangles03 img {
    width: 100%;
    height: auto;
}

@media(max-width: 1366px) {
    .brand__header {
        margin-bottom: 60px;
        height: 200px;
    }
    .brand__header__image {
        max-width: 525px;
    }
    .brand__header__image img.brand__header__imageMain {
        margin-top: -30px;
    }
    .brand__header__imageTriangles01 {
        width: 64px;
        top: -35px;
        left: calc(50% - 150px);
    }
    .brand__header__imageTriangles02 {
        width: 70px;
        top: 180px;
        left: calc(50% - 175px);
    }
    .brand__header__imageTriangles03 {
        width: 120px;
        top: 180px;
        left: calc(50% + 150px);
    }
}
@media(max-width: 781px) {
    .brand__header {
        margin-bottom: 30px;
        height: 120px;
    }
    .brand__header__image {
        max-width: 280px;
    }
    .brand__header__image img.brand__header__imageMain {
        margin-top: -12px;
    }
    .brand__header__imageTriangles01,
    .brand__header__imageTriangles02,
    .brand__header__imageTriangles03 {
        display: none;
    }
}

.brand__details {
    padding-top: 45px;
}
.brand__details__header,
.brand__guideline__header,
.brand__logo__header,
.brand__other__header,
.brand__wallpapers__header,
.brand__terms__header {
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    color: var(--color-9);
}
.brand__details__container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.brand__details__header + .brand__details__container {
    margin-top: 40px;
}
.brand__details__description,
.brand__details__blockquote {
    width: calc(50% - 15px);
}
.brand__details__description p,
.brand__guideline__description p,
.brand__logo__container__description p,
.brand__wallpapers__description p,
.brand__terms__description p {
    font-size: 20px;
    line-height: 34px;
    color: var(--color-8);
}
.brand__details__description p:not(:first-child),
.brand__guideline__description p:not(:first-child),
.brand__logo__container__description p:not(:first-child),
.brand__wallpapers__description p:not(:first-child),
.brand__terms__description p:not(:first-child) {
    margin-top: 20px;
}
.brand__details__blockquote,
.brand__guideline__blockquote,
.brand__terms__blockquote {
    font-size: 28px;
    line-height: 48px;
    color: var(--color-9);
}
.brand__details__description p strong,
.brand__guideline__description p strong,
.brand__logo__container__description p strong,
.brand__wallpapers__description p strong,
.brand__terms__description p strong,
.brand__details__blockquote strong,
.brand__terms__blockquote strong {
    font-weight: 700;
}

.brand__terms__blockquote a {
    color: var(--color-9);
    position: relative;
    transition: color .3s;
}
.brand__terms__blockquote a:hover {
    color: var(--color-4);
}
.brand__terms__blockquote a::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-8);
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    transition: height .3s;
}
.brand__terms__blockquote a:hover::after {
    height: 100%;
}

@media(max-width: 1366px) {
     .brand__details__header,
     .brand__guideline__header,
     .brand__logo__header,
     .brand__other__header,
     .brand__wallpapers__header,
     .brand__terms__header {
        font-size: 30px;
        line-height: 34px;
    }
    .brand__details__container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .brand__details__header + .brand__details__container {
        margin-top: 25px;
    }
    .brand__details__description,
    .brand__details__blockquote {
        width: calc(50% - 10px);
    }
    .brand__details__description p,
    .brand__guideline__description p,
    .brand__logo__container__description p,
    .brand__wallpapers__description p,
    .brand__terms__description p {
        font-size: 16px;
        line-height: 20px;
    }
    .brand__details__blockquote,
    .brand__guideline__blockquote,
    .brand__terms__blockquote {
        font-size: 18px;
        line-height: 30px;
    }
}
@media(max-width: 781px) {
    .brand__details {
        padding-top: 30px;
    }
    .brand__details__container {
        flex-direction: column-reverse;
        gap: 25px;
    }
    .brand__details__description,
    .brand__details__blockquote {
        width: 100%;
    }
}

.brand__guideline {
    margin-top: 90px;
    position: relative;
}
.brand__guideline > div {
    display: flex;
    flex-wrap: wrap;
    gap: 55px;
}
.brand__guideline__container,
.brand__guideline__media {
    width: calc(50% - 27.5px);
}
.brand__guideline__container {
    padding-top: 90px;
}
.brand__guideline__media {
    padding: 65px 0 105px 40px;
    height: 900px;
    background-color: var(--color-5);
    position: relative;
}
.brand__guideline__media::after {
    content: '';
    width: 100vw;
    height: 100%;
    background-color: var(--color-5);
    position: absolute;
    z-index: 4;
    top: 0;
    left: 100%;
}

.brand__guideline__image {
    /* width: calc(100% + 40px); */
    /* height: 745px; */
    /* position: relative; */
    /* z-index: 5; */
}
.brand__guideline__image img {
    /* width: calc(100vw - 70px); */
    /* max-width: fit-content; */
    /* height: 100%; */
    /* object-fit: contain; */
    /* max-height: 745px; */
    /* position: absolute; */
    /* top: 0; */
}

.brand__guideline__imageSet {
    position: relative;
    height: 100%;
}
.brand__guideline__image01,
.brand__guideline__image02,
.brand__guideline__image03 {
    position: absolute;
    z-index: 9;
}
.brand__guideline__image01 {
    top: 0;
    left: 0;
}
.brand__guideline__image02 {
    bottom: 0;
    left: 0;
}
.brand__guideline__image03 {
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
}

.brand__guideline__header,
.brand__guideline__blockquote,
.brand__guideline__description,
.brand__guideline__link {
    text-align: right;
}
.brand__guideline__header + .brand__guideline__blockquote,
.brand__guideline__header + .brand__guideline__description,
.brand__guideline__blockquote + .brand__guideline__description,
.brand__guideline__link {
    margin-top: 35px;
}

@media(max-width: 1366px) {
    .brand__guideline {
        margin-top: 60px ;
    }
    .brand__guideline > div {
        gap: 20px;
    }

    .brand__guideline__container,
    .brand__guideline__media {
        width: calc(50% - 10px);
    }
    .brand__guideline__container {
        padding-top: 35px;
    }
    .brand__guideline__media {
        padding: 50px 0 105px 15px;
        height: 600px;
    }
    .brand__guideline__image {
        /* height: 425px; */
    }
    .brand__guideline__image img {
        /* max-height: 425px; */
    }

    .brand__guideline__image01 {
        height: 200px;
    }
    .brand__guideline__image02 {
        height: 150px;
    }
    .brand__guideline__image03 {
        height: 340px;
    }
    .brand__guideline__image01 img,
    .brand__guideline__image02 img,
    .brand__guideline__image03 img {
        width: auto;
        height: 100%;
    }

    .brand__guideline__header + .brand__guideline__blockquote,
    .brand__guideline__header + .brand__guideline__description,
    .brand__guideline__blockquote + .brand__guideline__description {
        margin-top: 25px;
    }
}
@media(max-width: 1024px) {
    .brand__guideline__media {
        /* height: 575px; */
    }
    .brand__guideline__image01 {
        height: 150px;
    }
    .brand__guideline__image02 {
        height: 140px;
    }
    .brand__guideline__image03 {
        height: 260px;
    }
}
@media(max-width: 681px) {
    .brand__guideline {
        margin-top: 55px;
    }
    .brand__guideline > div {
        gap: 30px;
    }

    .brand__guideline__container {
        order: 1;
        padding-top: 0;
        width: 100%;
    }
    .brand__guideline__media {
        order: 0;
        margin-left: -20px;
        padding: 20px 0 35px 5px;
        width: calc(100% + 20px);
    }
    .brand__guideline__image {
        /* height: 345px; */
    }
    .brand__guideline__image img {
        /* width: calc(100vw + 100px); */
        /* max-height: 345px; */
    }

    .brand__guideline__media {
        height: 400px;
    }
    .brand__guideline__image01 {
        height: 130px;
    }
    .brand__guideline__image02 {
        height: 100px;
    }
    .brand__guideline__image03 {
        height: 200px;
    }

    .brand__guideline__header,
    .brand__guideline__blockquote,
    .brand__guideline__description,
    .brand__guideline__link {
        text-align: unset;
    }
}

.brand__logo__header {
    margin-top: 90px;
}
.brand__logo__container {
    margin-top: 40px;
    position: relative;
}
.brand__logo__header > div,
.brand__logo__container > div {
    display: flex;
    flex-wrap: wrap;
    gap: 55px;
}
.brand__logo__header__column,
.brand__logo__container__column {
    width: calc(50% - 27.5px);
}

.brand__logo__container__listItems,
.brand__other__listItems,
.brand__wallpapers__listItems {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    row-gap: 45px;
}
.brand__logo__container__listItem,
.brand__other__listItem,
.brand__wallpapers__listItem {
    width: calc(50% - 15px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.brand__other__listItem {
    width: calc(20% - 24px);
}
.brand__wallpapers__listItem {
    width: calc(33.33% - 24px);
}
.brand__logo__container__listItem__description p,
.brand__other__listItem__description p,
.brand__wallpapers__listItem__description p {
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: var(--color-8);
}
.brand__logo__container__listItem__description p strong,
.brand__other__listItem__description p strong,
.brand__wallpapers__listItem__description p strong {
    font-weight: 700;
}
.brand__logo__container__listItem__description p:not(:first-child),
.brand__other__listItem__description p:not(:first-child),
.brand__wallpapers__listItem__description p:not(:first-child) {
    margin-top: 15px;
}
.brand__logo__container__listItem__image,
.brand__other__listItem__image,
.brand__wallpapers__listItem__image {
    width: 100%;
    max-width: 235px;
}
.brand__wallpapers__listItem__image {
    max-width: unset;
}
.brand__logo__container__listItem__image img,
.brand__other__listItem__image img,
.brand__wallpapers__listItem__image img {
    width: 100%;
    height: auto;
}
.brand__logo__container__listItem__files,
.brand__other__listItem__files,
.brand__wallpapers__listItem__files {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.brand__logo__container__listItem__fileItem a,
.brand__logo__container__listItem__seperator,
.brand__other__listItem__fileItem a,
.brand__other__listItem__seperator,
.brand__wallpapers__listItem__fileItem a,
.brand__wallpapers__listItem__seperator {
    font-size: 18px;
    line-height: 20px;
    color: var(--color-8);
    position: relative;
    transition: color .3s;
}
.brand__logo__container__listItem__fileItem a:hover,
.brand__other__listItem__fileItem a:hover,
.brand__wallpapers__listItem__fileItem a:hover {
    color: var(--color-4);
}
.brand__logo__container__listItem__fileItem a::after,
.brand__other__listItem__fileItem a::after,
.brand__wallpapers__listItem__fileItem a::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-8);
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    transition: height .3s;
}
.brand__logo__container__listItem__fileItem.color__ff661b a::after {
    background-color: var(--color-1);
}
.brand__logo__container__listItem__fileItem.color__45c2b1 a::after {
    background-color: var(--color-2);
}
.brand__logo__container__listItem__fileItem.color__009add a::after {
    background-color: var(--color-3);
}
.brand__logo__container__listItem__fileItem a:hover::after,
.brand__other__listItem__fileItem a:hover::after,
.brand__wallpapers__listItem__fileItem a:hover::after {
    height: 100%;
}
.brand__logo__container__listItem__fileItem a span,
.brand__other__listItem__fileItem a span,
.brand__wallpapers__listItem__fileItem a span {
    position: relative;
    z-index: 2;
}
.brand__logo__triangleTop,
.brand__logo__triangleBottom,
.brand__logo__greenTriangles,
.brand__logo__orangeTriangles {
    position: absolute;
    z-index: -1;
}
.brand__logo__triangleTop {
    top: -360px;
    left: -440px;
    transform: rotate(180deg);
}
.brand__logo__triangleBottom {
    bottom: -180px;
    right: -440px;
}
.brand__logo__triangleTop svg path,
.brand__logo__triangleBottom svg path {
    stroke: var(--color-7);
}
.brand__logo__greenTriangles {
    top: -35px;
    left: 160px;
}

@media(max-width: 1366px) {
    .brand__logo__header {
        margin-top: 55px;
    }
    .brand__logo__container {
        margin-top: 30px;
    }
    .brand__logo__header > div,
    .brand__logo__container > div {
        gap: 20px;
    }
    .brand__logo__header__column,
    .brand__logo__container__column {
        width: calc(50% - 10px);
    }

    .brand__other__listItem {
        width: calc(33.33% - 24px);
    }
    .brand__wallpapers__listItem {
        width: calc(50% - 24px);
    }
    .brand__logo__container__listItem__description p,
    .brand__logo__container__listItem__fileItem a,
    .brand__logo__container__listItem__seperator,
    .brand__other__listItem__description p,
    .brand__other__listItem__fileItem a,
    .brand__other__listItem__seperator,
    .brand__wallpapers__listItem__description p,
    .brand__wallpapers__listItem__fileItem a,
    .brand__wallpapers__listItem__seperator {
        font-size: 14px;
        line-height: 16px;
    }

    .brand__logo__triangleTop {
        top: -210px;
        left: -314px;
    }
    .brand__logo__triangleBottom {
        bottom: 50px;
        right: -20px;
    }
    .brand__logo__triangleTop svg,
    .brand__logo__triangleBottom svg {
        width: 420px;
        height: auto;
    }
    .brand__logo__greenTriangles {
        top: -120px;
        left: 70px;
    }
    .brand__logo__greenTriangles svg {
        width: 70px;
        height: auto;
    }
}
@media(max-width: 1200px) {
    .brand__logo__container__listItems {
        gap: 35px;
    }
    .brand__logo__container__listItem {
        width: 100%;
    }
}
@media(max-width: 781px) {
    .brand__logo__header > div {
        gap: 0;
    }
    .brand__logo__container > div {
        gap: 30px;
    }
    .brand__logo__header__column,
    .brand__logo__container__column {
        width: 100%;
    }
    .brand__logo__container__list {
        order: 1;
    }
    .brand__logo__container__description {
        order: 0;
    }

    .brand__logo__container__descriptionContent,
    .showroomIntro__descriptionContent {
        max-height: 90px;
        position: relative;
        overflow: hidden;
        transition: max-height .3s;
    }
    .brand__logo__container__descriptionContent::after,
    .showroomIntro__descriptionContent::after {
        content: '';
        background: var(--color-4);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
        width: 100%;
        height: 30px;
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0;
        opacity: 1;
        transition: opacity .3s;
    }
    .brand__logo__container__descriptionContent.expanded,
    .showroomIntro__descriptionContent.expanded {
        max-height: none;
    }
    .brand__logo__container__descriptionContent.expanded::after,
    .showroomIntro__descriptionContent.expanded::after {
        height: 0;
        opacity: 0;
    }
    .brand__logo__container__descriptionContent__moreButton,
    .showroomIntro__descriptionContent__moreButton {
        margin-top: 16px;
        border-bottom: 1px solid transparent;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        cursor: pointer;
        transition: border-color .3s;
    }
    .brand__logo__container__descriptionContent__moreButton:hover,
    .showroomIntro__descriptionContent__moreButton:hover {
        border-bottom: 1px solid var(--color-1);
    }
    .brand__logo__container__descriptionContent__moreButton__text,
    .showroomIntro__descriptionContent__moreButton__text {
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        color: var(--color-1);
    }
    .brand__logo__container__descriptionContent__moreButton__icon,
    .showroomIntro__descriptionContent__moreButton__icon {
        width: 24px;
        height: 24px;
        display: block;
        position: relative;
    }
    .brand__logo__container__descriptionContent__moreButton__icon::before,
    .showroomIntro__descriptionContent__moreButton__icon::before {
        content: '';
        width: 10px;
        height: 2px;
        display: block;
        background-color: var(--color-1);
        position: absolute;
        top: calc(50% - 1px);
        left: calc(50% - 5px);
        transition: transform .3s;
    }
    .brand__logo__container__descriptionContent__moreButton__icon::after,
    .showroomIntro__descriptionContent__moreButton__icon::after {
        content: '';
        width: 10px;
        height: 2px;
        display: block;
        background-color: var(--color-1);
        position: absolute;
        top: calc(50% - 1px);
        left: calc(50% - 5px);
        transform: rotate(-90deg);
        transition: transform .3s;
    }
    .brand__logo__container__descriptionContent.expanded + .brand__logo__container__descriptionContent__moreButton .brand__logo__container__descriptionContent__moreButton__icon::after,
    .showroomIntro__descriptionContent.expanded + .showroomIntro__descriptionContent__moreButton .showroomIntro__descriptionContent__moreButton__icon::after {
        transform: rotate(0deg);
    }
    
    .brand__other__listItem,
    .brand__wallpapers__listItem {
        width: 100%;
    }

    .brand__logo__triangleTop,
    .brand__logo__greenTriangles,
    .brand__logo__orangeTriangles {
        display: none !important;
    }
    .brand__logo__triangleBottom {
        top: -375px;
        bottom: unset;
        right: -355px;
    }
}

.brand__other {
    margin-top: 90px;
}
.brand__other__header + .brand__other__list {
    margin-top: 45px;
}

@media(max-width: 1366px) {
    .brand__other {
        margin-top: 55px;
    }
    .brand__other__header + .brand__other__list {
        margin-top: 30px;
    }
}

.brand__wallpapers {
    margin-top: 105px;
    padding: 86px 20px 100px 20px;
    background-color: var(--color-5);
}
.brand__wallpapers__header {
    width: 100%;
    max-width: 800px;
}
.brand__wallpapers__container {
    position: relative;
}
.brand__wallpapers__description {
    width: 100%;
    max-width: 625px;
}
.brand__wallpapers__header + .brand__wallpapers__container {
    margin-top: 40px;
}
.brand__wallpapers__triangles {
    width: 147px;
    height: 122px;
    z-index: 1;
    top: 0;
    left: unset;
    right: 0;
}
.brand__wallpapers__triangles svg {
    position: absolute;
    top: 0;
    right: 0;
}
.brand__wallpapers__triangles svg path {
    stroke: var(--color-8);
}
.brand__wallpapers__blueTriangles {
    position: absolute;
    z-index: 2;
    top: 54px;
    right: 44px;
}
.brand__wallpapers__blueTriangles svg {
    width: 100%;
    height: auto;
}
.brand__wallpapers__header + .brand__wallpapers__listItems,
.brand__wallpapers__container + .brand__wallpapers__listItems {
    margin-top: 50px;
}

@media(max-width: 1366px) {
    .brand__wallpapers {
        margin-top: 60px;
        padding: 54px 20px 60px 20px;
    }
    .brand__wallpapers__header {
        max-width: 525px;
    }
    .brand__wallpapers__description {
        max-width: 350px;
    }
    .brand__wallpapers__header + .brand__wallpapers__container {
        margin-top: 25px;
    }
    .brand__wallpapers__triangles {
        width: 72px;
        height: 88px;
    }
    .brand__wallpapers__triangles svg {
        width: auto;
        height: 88px;
        right: -34.5px;
    }
    .brand__wallpapers__blueTriangles {
        width: 27px;
        top: 38px;
        right: -4px;
    }
    .brand__wallpapers__header + .brand__wallpapers__listItems,
    .brand__wallpapers__container + .brand__wallpapers__listItems {
        margin-top: 30px;
    }
}
@media(max-width: 781px) {
    .brand__wallpapers__header,
    .brand__wallpapers__description {
        max-width: unset;
    }

    .brand__wallpapers__triangles,
    .brand__wallpapers__blueTriangles {
        display: none;
    }
}

.brand__terms {
    margin-top: 90px;
    position: relative;
}
.brand__terms__container {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1024);
}
.brand__terms__header {
    text-align: center;
}
.brand__terms__blockquote {
    text-align: center;
}
.brand__terms__description {
    text-align: center;
}
.brand__terms__header + .brand__terms__blockquote,
.brand__terms__header + .brand__terms__description {
    margin-top: 40px;
}
.brand__terms__blockquote + .brand__terms__description {
    margin-top: 76px;
}
.brand__terms__triangle {
    position: absolute;
    top: -295px;
    right: -440px;
}
.brand__terms__triangle svg path {
    stroke: var(--color-7);
}
.brand__terms__grayTriangles {
    position: absolute;
    z-index: -1;
}

@media(max-width: 1366px) {
    .brand__terms {
        margin-top: 50px;
    }
    .brand__terms__container {
        max-width: var(--width-574);
    }
    .brand__terms__header + .brand__terms__blockquote,
    .brand__terms__header + .brand__terms__description {
        margin-top: 26px;
    }
    .brand__terms__blockquote + .brand__terms__description {
        margin-top: 46px;
    }
    .brand__terms__triangle {
        display: none;
    }
}
@media(max-width: 781px) {
    .brand__terms__grayTriangles {
        display: none;
    }
}

/* Diktio. */
.page-template-page-diktio .pageTemplate__triangle02 {
    z-index: -1;
}

.diktio {
    position: relative;
}

.gmaps-container {
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: var(--color-4);
    width: 100vw !important;
    height: clamp(400px,50vw,800px);
    position: relative;
    left: 50%;
    right: 50%;
}
.gmaps-container .gmaps {
    width: 100%;
    top: 0;
    right: 0;
}
.gmaps-sidebar {
    padding: 50px 30px 50px 0;
    width: 587px;
    height: calc(100% - 70px);
    background-color: var(--color-4);
    position:absolute;
    z-index: 9;
    top: 35px;
    left: 0;
}
.gmaps-sidebar .show-all-button {
    display: none !important;
}
.gm-style-iw-d, .gmaps-sidebar ul {
    scrollbar-color: var(--color-7) var(--color-6);
}
.gmaps-sidebar ul,
.gmaps-sidebar .no-results-message {
    padding: 0px 20px 0px 130px;
}

.gmaps-sidebar ul .gmap-list-item {
    padding: 10px 0;

    height: 100%;
    min-height: 69px;
    max-height: 69px;
    background-color: var(--color-4);
    border-top: 0;
    border-top: 1px solid var(--color-5);
    color: var(--color-10);
    position: relative;
    overflow-y: clip;

    transition: min-height .3s;
    cursor: pointer;
}
.gmaps-sidebar ul .gmap-list-item:nth-child(2) {
    border-top: 0px solid var(--color-5);
}
.gmaps-sidebar ul .gmap-list-item::before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: var(--color-1);
    border-radius: 99px;
    position: absolute;
    top: 18px;
    left: -30px;
}
.gmaps-sidebar ul .gmap-list-item::after {
    content: '';
    width: 3px;
    height: 100%;
    background-color: var(--color-4);
    position: absolute;
    top: 0;
    left: -50px;
}
.gmaps-sidebar ul [id^="gmap-item"]:checked + .gmap-list-item {
min-height: fit-content;
min-height: -webkit-fit-content;
}

.gmaps-sidebar ul [id^="gmap-item"]:checked + .gmap-list-item::after {
    background-color: var(--color-1);
}
.gmap-list-title {
    font-weight: 700;
    font-size: 20px;
    color: var(--color-9);
    transition: color .3s;
}
.gmap-list-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: var(--color-8);
}
.gmap-list-text a,
.googleMapsApi__popup__description a {
    color: var(--color-8);
    text-decoration: none;
    position: relative;
    z-index: 2;
    transition: color .3s;
    display: inline-block;
}
.gmap-list-text a:hover,
.googleMapsApi__popup__description a:hover {
    color: var(--color-4);
}
.gmap-list-text a::after,
.googleMapsApi__popup__description a::after {
    content: '';
    width: 100%;
    height: 0.5px;
    background-color: var(--color-8);
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 1px;
    transition: height .3s;
}
.googleMapsApi__popup__description a::after {
    height: 1px;
}
.gmap-list-text a:hover::after,
.googleMapsApi__popup__description a:hover::after {
    height: calc(100% - 3px);
}

.gmaps-sidebar ul [id^="gmap-item"]:checked + .gmap-list-item .gmap-list-title {
    color: var(--color-1);
}
.google-maps-link-container {
    margin-top: 10px;
    padding-left: 30px;
    height: 24px;
    line-height: 24px;
    display: flex;
    align-items: center;
    position: relative;
}
.google-maps-link-container span {
    font-weight: 700;
    font-size: 14px;
    color: var(--color-1);
}
.google-maps-link-container::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(assets/icons/map-icon-24px.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.open-in-google-maps {
    position: relative;
}
.open-in-google-maps::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-1);
    display: block;
    position: absolute;
    bottom: 4px;
    left: 0;
    opacity: 0;
    transition: opacity .3s;
}
.open-in-google-maps:hover::after {
    opacity: 1;
}

.googleMapsApi__popup {
    font-family: "Open Sans";
}
.googleMapsApi__popup__image {
    text-align: center;
}
.googleMapsApi__popup__title {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: var(--color-1);
}
.googleMapsApi__popup__description {
    overflow: hidden;
}
.googleMapsApi__popup__description p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.gm-style .gm-style-iw-chr button {
    top: -4px;
    right: -22px;
}
.gmaps-header {
    margin-bottom: 53px;
    gap: 8px;
}
.gmaps-header-title {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: var(--color-9);
}
.gmaps-header-text {
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    text-wrap: balance;
    color: var(--color-8);
}
.gmaps-search-container {
    margin-bottom: 55px;
    max-width: 841px;
    gap: 20px;
}
.gmaps-search-container input {
    padding: 15px 20px;
    width: 100%;
    max-width: 841px;
    height: 60px;
    border: 2px solid var(--color-8);
    border-radius: 99px;
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 14px;
    color: var(--color-8);
    box-shadow: 0 4px 10px 0 rgba(84,85,84,.3);
}
.gmaps-search-container input:focus-visible {
    outline: 0;
}
.gmaps-search-container input::placeholder {
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 14px;
    color: var(--color-6);
}
.gmaps-search-container .floating-label {
    display: none;
}
.gmaps-search-find {
    margin-left: auto;
    font-weight: 700;
    font-size: 14px;
    color: var(--color-1);
    position: relative;
    right: 30px;
    cursor: pointer;
}
.gmaps-search-find::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(assets/icons/location.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -2px;
    left: -30px;
}
.gmaps-search-find::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-1);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s;
}
.gmaps-search-find:hover::after {
    opacity: 1;
}

.gm-style > div:nth-child(1) > div:nth-child(1) {
    filter: grayscale(1);
}
.gm-style .gm-style-iw-d {
    padding: 0 10px 20px 0px;
    overflow: hidden !important;
}

.gmaps-container .gmnoprint {
    display: none;
}

.distance-indicator {
    font-size: 14px;
    line-height: 18px;
    color: var(--color-7);
}

@media(max-width: 1366px) {
    .gmaps-header {
        margin-bottom: 28px;
    }
    .gmaps-sidebar {
        padding: 20px 8px 20px 0;
        width: 330px;
    }
    .gmaps-sidebar ul,
    .gmaps-sidebar .no-results-message {
        padding: 0px 20px 0px 40px;
    }
    .gmaps-sidebar ul .gmap-list-item {
        padding: 7px 0 10px 0;
        min-height: 54px;
        max-height: 54px;
    }
    .gmaps-sidebar ul .gmap-list-item::before {
        width: 12px;
        height: 12px;
        top: 12px;
        left: -22.5px;
    }
    .gmap-list-text,
    .gmaps-header-text {
        font-size: 14px;
    }
    .gmap-list-text {
        line-height: 21px;
    }
    .gmap-list-title,
    .googleMapsApi__popup__title {
        font-size: 16px;
    }
    .gmaps-search-container {
        gap: 10px;
    }
    .gmaps-search-container input {
        height: 40px;
    }
    .googleMapsApi__popup__description p {
        font-size: 11px;
        line-height: 14px;
    }

    .distance-indicator {
        font-size: 12px;
        line-height: 16px;
    }
}
@media(max-width: 1200px) {
    .gmaps-sidebar {
        /* width: 467px; */
    }
    .gmaps-sidebar ul {
        /* padding: 0 20px 0 80px; */
    }
}
@media(max-width: 900px) {
    .gmaps-container {
        height: auto;
        flex-direction: column;
    }
    .gmaps-container .gmaps {
        order: 0;
    }
    .gmaps-sidebar {
        padding: 20px 30px 0 0;
        width: calc(100% - 40px);
        height: 370px;
        position: relative;
        top: -75px;
        left: 20px;
        order: 1;
    }
}
@media(max-width: 781px) {
    .gmaps-container {
        margin-bottom: -40px;
    }
    .gmaps-header {
        margin-bottom: 40px;
    }
    .gmaps-search-find {
        margin: 0 auto;
        right: auto;
    }
    .gmaps-sidebar {
        padding: 20px 0 0 0;
    }
    .gmaps-sidebar ul,
    .gmaps-sidebar .no-results-message {
        padding: 0 10px 0 45px;
    }
    .gmaps-sidebar ul .gmap-list-item::after {
        left: -35px;
    }
    .gmaps-header-text {
        display: none;
    }
}
@media(max-width: 600px) {
    .gmaps-sidebar ul {
        max-height: none;
    }
    .googleMapsApi__popup {
        width: 100%;
    }
}

/* Giveaway. */
.page-template-page-giveaway .pageTemplate__triangle02 {
    z-index: 1;
}

.giveaway {
    position: relative;
}

.giveawayHeader {
    margin: 105px 0 85px -20px;
    margin-left: -20px;
    width: calc(100% + 40px);
    position: relative;
}
.giveawayHeader > div:not(.giveawayHeader__bg):not(.giveawayHeader__product) {
    position: relative;
}
.giveawayHeader__bg img {
    width: 100%;
    height: 100%;
    min-height: 245px;
    object-fit: cover;
}
.giveawayHeader__product {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.giveawayHeader__product img {
    width: 100%;
    height: auto;
    max-height: clamp(300px,37.5vw,700px);
}
.giveawayHeader__mark {
    position: absolute;
    top: -20px;
    left: 20px;
}
.giveawayHeader__orangeTriangles {
    position: absolute;
    z-index: 4;
    top: -30px;
    right: 20px;
}
.giveawayHeader__mark svg,
.giveawayHeader__orangeTriangles svg {
    width: 100%;
    height: auto;
}

@media(max-width: 1366px) {
    .giveawayHeader {
        margin: 80px 0 60px -20px;
    }
    .giveawayHeader__mark {
        width: 90px;
        left: calc(25% - 45px);
    }
    .giveawayHeader__orangeTriangles {
        width: 70px;
        top: -20px;
        right: calc(25% - 35px);
    }
}
@media(max-width: 1024px) {
    .giveawayHeader {
        margin: 65px 0 45px -20px;
    }
}
@media(max-width: 781px) {
    .giveawayHeader {
        margin: 45px 0 25px -20px;
    }
    .giveawayHeader__mark {
        width: 90px;
        top: -16px;
    }
    .giveawayHeader__orangeTriangles {
        width: 70px;
        top: -20px;
    }
}
@media(max-width: 581px) {
    .giveawayHeader__product img {
        width: auto;
        height: 300px;
        max-height: unset;
    }
    .giveawayHeader__mark {
        left: calc(20% - 45px);
    }
    .giveawayHeader__orangeTriangles {
        right: calc(20% - 35px);
    }
}

.giveawayHeader__marquee.KrausmannMarquee {
    margin-top: -190px;
    z-index: 4;
}

@media(max-width: 1366px) {
    .giveawayHeader__marquee.KrausmannMarquee {
        margin-top: -140px;
    }
}
@media(max-width: 1024px) {
    .giveawayHeader__marquee.KrausmannMarquee {
        margin-top: -125px;
    }
}
@media(max-width: 781px) {
    .giveawayHeader__marquee.KrausmannMarquee {
        margin-top: -72px;
    }
}

.giveawayContent {
    margin-top: 172px;
    position: relative;
}
.giveawayContent__container {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1024);
    position: relative;
    z-index: 5;
}
.giveawayContent__header {
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    text-align: center;
    color: var(--color-9);
}
.giveawayContent__header span {
    color: var(--color-1);
}
.giveawayContent__blockquote,
.giveawayPartner__blockquote {
    font-size: 28px;
    line-height: 48px;
    text-align: center;
    color: var(--color-9);
}
.giveawayContent__blockquote strong,
.giveawayPartner__blockquote strong {
    font-weight: 700; 
}
.giveawayContent__description p,
.giveawayPartner__description p {
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    color: var(--color-8);
}
.giveawayContent__description p strong,
.giveawayPartner__description p strong {
    font-weight: 700; 
}
.giveawayContent__description p:not(:first-child),
.giveawayPartner__description p:not(:first-child) {
    margin-top: 15px;
}
.giveawayContent__button {
    text-align: center;
}
.giveawayContent__links {
    text-align: center;
}
.giveawayContent__links a {
    font-size: 16px;
    line-height: 28px;
    color: var(--color-8);
    /* text-decoration: underline; */
    /* text-decoration-color: var(--color-1); */
    /* text-decoration-thickness: 1px; */
    /* text-underline-offset: 3px; */
    display: inline-block;
    word-break: break-word;
    position: relative;
    transition: color .3s;
}
.giveawayContent__links a:hover {
    color: var(--color-4);
}
.giveawayContent__links a::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-1);
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    transition: height .3s;
}
.giveawayContent__links a:hover::after {
    height: 100%;
}
.giveawayContent__linkItem {
    margin: 0 10px;
}

.giveawayContent__header + .giveawayContent__blockquote {
    margin-top: 34px;
}
.giveawayContent__header + .giveawayContent__description,
.giveawayContent__blockquote + .giveawayContent__description {
    margin-top: 40px;
}
.giveawayContent__blockquote + .giveawayContent__button {
    margin-top: 34px;
}
.giveawayContent__description  + .giveawayContent__button {
    margin-top: 50px;
}
.giveawayContent__header + .giveawayContent__links,
.giveawayContent__blockquote + .giveawayContent__links,
.giveawayContent__description + .giveawayContent__links,
.giveawayContent__button + .giveawayContent__links {
    margin-top: 62px;
}
.giveawayContent__description + .giveawayContent__blockquote,
.giveawayContent__button + .giveawayContent__blockquote,
.giveawayContent__links + .giveawayContent__blockquote {
    margin-top: 72px;
}

.giveawayContent__trianglesLeft,
.giveawayContent__trianglesRight {
    position: absolute;
    z-index: 3;
}
.giveawayContent__trianglesLeft {
    top: -120px;
    left: -440px;
    transform: rotate(180deg);
}
.giveawayContent__trianglesRight {
    bottom: -240px;
    right: -440px;
}
.giveawayContent__trianglesLeft svg path,
.giveawayContent__trianglesRight svg path {
    stroke: var(--color-7);
}
.giveawayContent__orangeTriangles {
    position: absolute;
    z-index: 4;
    top: 380px;
    left: 72.5px;
}
.giveawayContent__grayTriangles {
    position: absolute;
    z-index: 4;
}

@media(max-width: 1366px) {
    .giveawayContent {
        margin-top: 70px;
    }
    .giveawayContent__container {
        max-width: var(--width-574 );
    }
    .giveawayContent__header {
        font-size: 30px;
        line-height: 34px;
    }
    .giveawayContent__blockquote,
    .giveawayPartner__blockquote {
        font-size: 18px;
        line-height: 30px;
    }
    .giveawayContent__description p,
    .giveawayPartner__description p {
        font-size: 16px;
        line-height: 22px;
    }
    .giveawayContent__links a {
        font-size: 14px;
        line-height: 20px;
    }

    .giveawayContent__header + .giveawayContent__blockquote {
        margin-top: 24px;
    }
    .giveawayContent__header + .giveawayContent__description,
    .giveawayContent__blockquote + .giveawayContent__description {
        margin-top: 26px;
    }
    .giveawayContent__blockquote + .giveawayContent__button {
        margin-top: 24px;
    }
    .giveawayContent__description  + .giveawayContent__button {
        margin-top: 38px;
    }
    .giveawayContent__header + .giveawayContent__links,
    .giveawayContent__blockquote + .giveawayContent__links,
    .giveawayContent__description + .giveawayContent__links,
    .giveawayContent__button + .giveawayContent__links {
        margin-top: 40px;
    }
    .giveawayContent__description + .giveawayContent__blockquote,
    .giveawayContent__button + .giveawayContent__blockquote,
    .giveawayContent__links + .giveawayContent__blockquote {
        margin-top: 26px;
    }

    .giveawayContent__trianglesLeft {
        top: -52px;
        left: -272px;
    }
    .giveawayContent__trianglesRight {
        bottom: -150px;
        right: -272px;
    }
    .giveawayContent__trianglesLeft svg,
    .giveawayContent__trianglesRight svg {
        width: 420px;
        height: auto;
    }
    .giveawayContent__orangeTriangles {
        top: 245px;
        left: 35px;
    }
    .giveawayContent__orangeTriangles svg {
        width: 70px;
        height: auto;
    }
}
@media(max-width: 781px) {
    .giveawayContent {
        margin-top: 50px;
    }

    .giveawayContent__blockquote + .giveawayContent__button {
        margin-top: 32px;
    }
    .giveawayContent__header + .giveawayContent__links,
    .giveawayContent__blockquote + .giveawayContent__links,
    .giveawayContent__description + .giveawayContent__links,
    .giveawayContent__button + .giveawayContent__links {
        margin-top: 32px;
    }
    .giveawayContent__description + .giveawayContent__blockquote,
    .giveawayContent__button + .giveawayContent__blockquote,
    .giveawayContent__links + .giveawayContent__blockquote {
        margin-top: 32px;
    }

    .giveawayContent__trianglesLeft,
    .giveawayContent__trianglesRight,
    .giveawayContent__orangeTriangles,
    .giveawayContent__grayTriangles {
        display: none;
    }
}

.giveawayPartner {
    margin-top: 96px;
    margin-left: -20px;
    padding: 88px 20px;
    width: calc(100% + 40px);
    background-color: var(--color-9);
}
.giveawayPartner__container {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1024);
    position: relative;
}
.giveawayPartner__blockquote,
.giveawayPartner__description p {
    color: var(--color-4);
}
.giveawayPartner__description p strong {
    font-weight: 700;
}
.giveawayPartner__description p:not(:first-child) {
    margin-top: 15px;
}
.giveawayPartner__description {
    margin: 0 auto;
    width: 100%;
    max-width: 825px;
}
.giveawayPartner__blockquote + .giveawayPartner__description {
    margin-top: 27px;
}

.giveawayPartner__orangeTriangles {
    position: absolute;
    z-index: 1;
    top: calc(100% + 47.5px);
    right: 100%;
}

@media(max-width: 1366px) {
    .giveawayPartner {
        margin-top: 58px;
        padding: 30px 20px;
    }
    .giveawayPartner__container {
        max-width: var(--width-574);
    }

    .giveawayPartner__orangeTriangles {
        top: calc(100% + 2.5px);
        right: calc(100% - 32px);
    }
    .giveawayPartner__orangeTriangles svg {
        width: 64px;
        height: auto;
    }
}
@media(max-width: 681px) {
    .giveawayPartner__orangeTriangles {
        right: calc(100% - 64px);
    }
}

body.page-template-page-giveaway > footer {
    margin: 0;
}

/* Showroom. */
.page-template-page-showroom .pageTemplate__triangle02 {
    z-index: 1;
}

.showroom {
    position: relative;
}

.showroomIntro {
    position: relative;
}
.showroomIntro__image {
    margin-left: -20px;
    width: calc(100% + 40px);
    height: 950px;
}
.showroomIntro__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.showroomIntro__title {
    margin-top: 86px;
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    color: var(--color-9);
}

.showroomIntro__container {
    margin-top: 86px;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 30px ;
}
.showroomIntro__container__blockquote,
.showroomIntro__container__banner {
    width: calc(50% - 15px);
    font-size: 28px;
    line-height: 48px;
    color: var(--color-9);
    position: relative;

}
.showroomIntro__container__blockquote strong,
.showroomIntro__container__banner strong {
    font-weight: 700;
}
.showroomIntro__container__blockquote {
    z-index: 5;
}
.showroomIntro__container__banner {
    padding: 28px 0;
    background-color: var(--color-9);
    color: var(--color-4);
}
.showroomIntro__container__banner::after {
    content: '';
    width: 100vw;
    height: 100%;
    background-color: var(--color-9);
    position: absolute;
    top: 0;
    left: 100%;
}
.showroomIntro__container__bannerBlockquote {
    padding: 0 44px 0 50px;
    position: relative;
}
.showroomIntro__container__bannerBlockquote::before {
    content: '';
    width: 20px;
    height: 100%;
    background-color: var(--color-1);
    position: absolute;
    top: 0;
    left: 0;
}
.showroomIntro__container__orangeTriangles {
    position: absolute;
    z-index: 3;
    top: -90px;
    left: 100%;
}

.showroomIntro__title + .showroomIntro__container {
    margin-top: 24px;
}

.showroomIntro__description {
    margin-top: 86px;
}
.showroomIntro__descriptionContent {
    column-count: 2;
    column-gap: 30px;
}
.showroomIntro__descriptionContent p {
    font-size: 20px;
    line-height: 34px;
    color: var(--color-8);
}
.showroomIntro__descriptionContent p:not(:first-child) {
    margin-top: 15px;
}
.showroomIntro__descriptionContent p strong {
    font-weight: 700;
}

.showroomIntro__title + .showroomIntro__description,
.showroomIntro__container + .showroomIntro__description  {
    margin-top: 26px;
}

.showroomIntro__triangle {
    position: absolute;
    z-index: -1;
    top: -87px;
    left: -440px;
    transform: rotate(180deg);
}
.showroomIntro__triangle svg path {
    stroke: var(--color-7);
}
.showroomIntro__orangeTriangles {
    position: absolute;
}

@media(max-width: 1366px) {
    .showroomIntro__image {
        height: 600px;
    }

    .showroomIntro__title {
        margin-top: 62px;
        font-size: 30px;
        line-height: 34px;
    }

    .showroomIntro__container {
        margin-top: 62px;
        gap: 20px ;
    }
    .showroomIntro__container__blockquote,
    .showroomIntro__container__banner {
        width: calc(50% - 10px);
        font-size: 18px;
        line-height: 30px;
    }
    .showroomIntro__container__bannerBlockquote {
        padding: 0 20px 0 30px;
    }
    .showroomIntro__container__bannerBlockquote::before {
        width: 10px;
    }
    .showroomIntro__container__banner {
        padding: 32px 0;
    }
    .showroomIntro__container__orangeTriangles {
        width: 70px;
        height: auto;
        left: calc(100% - 90px);
    }

    .showroomIntro__descriptionContent {
        column-gap: 20px;
    }
    .showroomIntro__descriptionContent p {
        font-size: 16px;
        line-height: 20px;
    }

    .showroomIntro__triangle,
    .showroomIntro__orangeTriangles {
        display: none;
    }
}
@media(max-width: 781px) {
    .showroomIntro__image {
        height: 300px;
    }

    .showroomIntro__title {
        margin-top: 52px;
    }

    .showroomIntro__container {
        margin-top: 52px;
        gap: 76px;
    }
    .showroomIntro__container__blockquote,
    .showroomIntro__container__banner {
        width: 100%;
    }

    .showroomIntro__descriptionContent {
        column-count: unset;
        column-gap: 0;
    }
    .showroomIntro__title + .showroomIntro__description,
    .showroomIntro__container + .showroomIntro__description  {
        margin-top: 34px;
    }
}

.showroomGallery {
    margin-top: 90px;
    margin-left: -20px;
    width: calc(100% + 40px);
}
.showroomGallery__list .showroomGallery__slideItem {
    aspect-ratio: 1;
    position: relative;
}
.showroomGallery__list .showroomGallery__slideItem:not(.is-active)::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--color-4);
    opacity: .6;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.showroomGallery__list .showroomGallery__slideItem img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transform-origin: center center;
    transition: transform .3s;
}
.showroomGallery__list .showroomGallery__slideItem.comingSlide img {
    /* transform: scale(.6); */ /* 300 / 500 = 0.6 */
    /* transform: scale(.8); */ /* 400 / 500 = 0.8 */
    transform: scale(.9); /* 450 / 500 = 0.9 */
}

.showroomGallery .progress-pagination {
    margin-top: 100px;
}

@media(max-width: 1366px) {
    .showroomGallery {
         margin-top: 60px;
    }

    .showroomGallery .progress-pagination {
        margin-top: 60px;
    }
}
@media(max-width: 781px) {
    .showroomGallery .progress-pagination {
        margin-top: 40px;
    }
}

/* Contact us. */
.page-template-page-contactus .pageTemplate__triangle02 {
    z-index: 1;
}

.contactUs {
    position: relative;
}

.contactUs__info {
    margin-left: -20px;
    width: calc(100% + 40px);
    position: relative;
}
.contactUs__info__container {
    padding: 0 20px 55px 20px;
    background: linear-gradient(180deg, transparent 50%, var(--color-9) 50%);
}
.contactUs__info__container__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 60px;
}
.contactUs__info__media {
    width: calc(100% - 660px);
}
.contactUs__info__content {
    margin-top: -60px;
    width: 600px;
}

.contactUs__info__media__image {
    padding-top: 60px;
    position: relative;
}
.contactUs__info__triangle {
    position: absolute;
    top: 0;
    left: -64px;
}
.contactUs__info__blackTriangles {
    position: absolute;
    top: 140px;
    left: -75px;
}
.contactUs__info__triangle svg,
.contactUs__info__blackTriangles svg {
    width: 100%;
    height: auto;
}
.contactUs__info__media__image .gmaps-map-container {
    width: 100%;
    height: 100%;
}
.contactUs__info__media__image .gmaps-map-container > .gmaps {
    min-height: 800px !important;
}
.contactUs__info__media__image div[style*="krausmann-headquarters.svg"] {
    width: 56px !important;
    height: 71px !important;
}
.contactUs__info__media .contactUs__info__intro {
    margin-bottom: 16px;
    display: none;
}
.contactUs__info__title {
    margin-bottom: 16px;
    padding-bottom: 19px;
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    color: var(--color-9);
    position: relative;
}
.contactUs__info__title::after {
    content: '';
    width: 35px;
    height: 4px;
    background-color: var(--color-1);
    position: absolute;
    bottom: 0;
    left: 0;
}
.contactUs__info__blockquote {
    font-size: 28px;
    line-height: 48px;
    color: var(--color-9);
}
.contactUs__info__blockquote strong {
    font-weight: 700;
}
.contactUs__info__contacts {
    margin-top: 80px;
}
.contactUs__info__callCenter span,
.contactUs__info__callCenter a {
    font-size: 18px;
    line-height: 30px;
    color: var(--color-4);
}
.contactUs__info__callCenter a {
    font-weight: 700;
    /* text-decoration: underline; */
    display: inline-block;
    position: relative;
    transition: color .3s;
}
.contactUs__info__callCenter a:hover {
    color: var(--color-9);
}
.contactUs__info__callCenter a::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-4);
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 2px;
    left: 0;
    transition: height .3s;
}
.contactUs__info__callCenter a:hover::after {
    height: calc(100% - 2px);
}
.contactUs__info__callCenter a span {
    position: relative;
    z-index: 2;
    transition: color .3s;
}
.contactUs__info__callCenter a:hover span {
    color: var(--color-9);
}
.contactUs__info__triangles {
    height: 350px;
    overflow: hidden;
    position: absolute;
    bottom: -22px;
    right: -280px;
}
.contactUs__info__triangles svg path {
    stroke: var(--color-7);
}

@media(min-width: 1367px) {
    .contactUs__info__media__image {
        padding-top: 46px;
    }
    .contactUs__info__triangle {
        left: -50px;
    }
}
@media(max-width: 1366px) {
    .contactUs__info__container {
        padding: 0 20px 30px 20px;
        background: linear-gradient(180deg, transparent 56%, var(--color-9) 56%);
    }
    .contactUs__info__container__inner {
        gap: 20px;
    }
    .contactUs__info__media {
        margin-left: 40px;
        width: calc(100% - 410px);
    }
    .contactUs__info__content {
        margin-top: 0;
        width: 350px;
    }
    .contactUs__info__media__image {
        padding-top: 20px;
    }
    .contactUs__info__triangle {
        width: 168px;
        height: 214px;
        z-index: -1;
        top: 0;
        left: -20px;
    }
    .contactUs__info__blackTriangles {
        width: 70px;
        height: 88px;
        top: 70px;
        left: -55px;
    }
    .contactUs__info__media__image .gmaps-map-container > .gmaps {
        min-height: 400px !important;
    }
    .contactUs__info__media__image div[style*="krausmann-headquarters.svg"] {
        width: 40px !important;
        height: 50px !important;
    }
    .contactUs__info__title { 
        margin-bottom: 11px;
        padding-bottom: 14px;
        font-size: 30px;
        line-height: 34px;
    }
    .contactUs__info__blockquote {
        font-size: 18px;
        line-height: 30px;
    }
    .contactUs__info__contacts {
        margin-top: 30px;
    }
    .contactUs__info__callCenter span,
    .contactUs__info__callCenter a {
        font-size: 14px;
        line-height: 18px;
    }
    .contactUs__info__callCenter a {
        text-decoration: none;
    }

    .contactUs__info__triangles {
        height: 211px;
        bottom: -10px;
        right: -170px;
    }
    .contactUs__info__triangles svg {
        width: 420px;
        height: auto;
    }
}
@media(max-width: 781px) {
    .contactUs__info__container {
        padding: 0 20px 36px 20px;
    }
    .contactUs__info__container__inner {
        gap: 36px;
    }
    .contactUs__info__media,
    .contactUs__info__content {
        width: 100%;
    }
    .contactUs__info__media {
        margin-left: 0;
    }
    .contactUs__info__blackTriangles {
        display: none;
    }
    .contactUs__info__media__image .gmaps-map-container > .gmaps {
        min-height: 285px !important;
    }
    .contactUs__info__media .contactUs__info__intro {
        display: block;
    }
    .contactUs__info__content .contactUs__info__intro {
        display: none;
    }
    .contactUs__info__contacts {
        margin-top: 0;
    }

    .contactUs__info__triangles {
        right: -254px;
    }
}

.contactUs__form {
    margin-top: 85px;
}

@media(max-width: 1366px) {
    .contactUs__form {
        margin-top: 55px;
    }
}

.contactUs__form .KrausmannSpecialties__header {
    margin-bottom: 50px;
    position: relative;
}

@media(max-width: 1366px) {
    .contactUs__form .KrausmannSpecialties__header {
        margin-bottom: 35px;
    }
}

.contactUs__contactForm__container {
    position: relative;
}
.contactUs__contactForm {
    margin: 0 auto;
    width: 100%;
    max-width: 825px;
}

.contactUs__contactForm .wpcf7 .wp-block-columns {
    margin: 0 0 30px 0;
    gap: 30px;
}
.contactUs__contactForm .wpcf7 .wp-block-columns:nth-last-child(2) {
    margin: 0;
}
.contactUs__contactForm .wpcf7 .wp-block-column:not(:only-child) {
    flex-basis: unset !important;
    flex-grow: unset !important;
    width: calc(50% - 15px);
}
.contactUs__contactForm .wpcf7 .wp-block-column > label {
    display: none;
}
.contactUs__contactForm .wpcf7 input::placeholder,
.contactUs__contactForm .wpcf7 textarea::placeholder {
    font-size: 20px;
    line-height: 28px;
    color: var(--color-6);
}
.contactUs__contactForm .wpcf7 input:focus,
.contactUs__contactForm .wpcf7 textarea:focus {
    outline: none;
    box-shadow: 0px 4px 10px rgba(84,85,84,.30);
}
.contactUs__contactForm .wpcf7 input[type="text"],
.contactUs__contactForm .wpcf7 input[type="email"],
.contactUs__contactForm .wpcf7 input[type="tel"],
.contactUs__contactForm .wpcf7 textarea {
    padding: 17px 20px 15px 20px;
    border: 1px solid var(--color-6);
    border-radius: 100vh;
    width: 100%;
    font-size: 20px;
    line-height: 26px;
    color: var(--color-8);
}
.contactUs__contactForm .wpcf7 textarea {
    border-radius: 30px;
}
.contactUs__contactForm .wpcf7-msg > span {
    display: flex;
}
.contactUs__contactForm .wpcf7-msg > span > span {
    top: 100%;
}
.contactUs__contactForm .wpcf7 input[type="text"].wpcf7-not-valid,
.contactUs__contactForm .wpcf7 input[type="email"].wpcf7-not-valid,
.contactUs__contactForm .wpcf7 input[type="tel"].wpcf7-not-valid,
.contactUs__contactForm .wpcf7 textarea.wpcf7-not-valid,
.contactUs__contactForm .wpcf7 select.wpcf7-not-valid {
    border-color: var(--color-11);
}

.contactUs__contactForm .wpcf7 .KrausmannButton button {
    padding: 0;
    height: 42px;
    background-color: transparent;
    border: 2px solid var(--color-8);
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-9);
    border-radius: 100vh;
    display: inline-flex;
    align-items: center;
    position: relative;
    z-index: 3;
    transition: padding .3s, background-color .3s, border-color .3s, box-shadow .3s;
    cursor: pointer;
}
.contactUs__contactForm .wpcf7 .KrausmannButton button:hover {
    padding: 0 20px;
    background-color: var(--color-10);
    border-color: var(--color-10);
    box-shadow: 0px 4px 8px rgba(0,0,0,.3);
}
.contactUs__contactForm .wpcf7 .KrausmannButton__ff661b button {
    border: 2px solid var(--color-1);
}
.contactUs__contactForm .wpcf7 .KrausmannButton__ff661b button:hover {
    background-color: var(--color-1);
    border-color: var(--color-1);
    box-shadow: 0px 4px 8px rgba(255,102,27,.3);
}
.contactUs__contactForm .wpcf7 .KrausmannButton button::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(assets/icons/arrow-small.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    position: absolute;
    top: calc(50% - 8px);
    right: 14px;
    opacity: 0;
    transition: opacity .3s;
}
.contactUs__contactForm .wpcf7 .KrausmannButton button:hover::after {
    opacity: 1;
}
.contactUs__contactForm .wpcf7 .KrausmannButton button span {
    margin: 0;
    padding: 0 50px;
    height: 38px;
    border-radius: 100vh;
    text-wrap: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: margin .3s, padding .3s, background-color .3s;
}
.contactUs__contactForm .wpcf7 .KrausmannButton button:hover span {
    margin: 0 20px 0 -20px;
    padding: 0 30px;
    background-color: var(--color-4);
}

.contactUs__contactForm .wpcf7 .KrausmannButton button:disabled {
    border: 1px solid var(--color-6);
    color: var(--color-6);
}
.contactUs__contactForm .wpcf7 .KrausmannButton__ff661b button:disabled:hover {
    background-color: unset;
    border-color: var(--color-6);
    box-shadow: none;
}
.contactUs__contactForm .wpcf7 .KrausmannButton button:disabled:hover span {
    margin: 0;
}

.contactUs__contactForm .wpcf7 .wp-block-columns.wpcf7-gdpr-info > .wp-block-column:first-child {
    width: 66.66%;
}
.contactUs__contactForm .wpcf7 .wp-block-columns.wpcf7-gdpr-info > .wp-block-column:last-child {
    /* font-style: italic; */
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    color: var(--color-7);
}

.contactUs__successMessage::before {
    content: '';
    margin: 0 auto 30px auto;
    display: block;
    width: 84px;
    height: 84px;
    background-image: url(assets/icons/contactUs__successMessage.svg);
    background-repeat: no-repeat;
    background-size: 84px;
    background-position: center;
}
.contactUs__successMessage p {
    font-size: 28px;
    line-height: 48px;
    text-align: center;
    color: var(--color-9);
}
.contactUs__successMessage p strong {
    font-weight: 700;
}

.contactUs__form__triangles {
    position: absolute;
    top: -87px;
    left: -440px;
    transform: rotate(180deg);
}
.contactUs__form__triangles svg path {
    stroke: var(--color-7);
}
.contactUs__form__grayTriangles {
    position: absolute;
}
.contactUs__form__blueTriangles {
    position: absolute;
    top: calc(100% + 35px);
    right: 0;
}

@media(max-width: 1366px) {
    .contactUs__contactForm .wpcf7 input::placeholder,
    .contactUs__contactForm .wpcf7 textarea::placeholder {
        font-size: 14px;
        line-height: 28px;
    }
    .contactUs__contactForm .wpcf7 input[type="text"],
    .contactUs__contactForm .wpcf7 input[type="email"],
    .contactUs__contactForm .wpcf7 input[type="tel"],
    .contactUs__contactForm .wpcf7 textarea {
        padding: 5px 17px;
        font-size: 14px;
        line-height: 28px;
    }

    .contactUs__contactForm .wpcf7 .wp-block-columns {
        margin: 0 0 20px 0;
        gap: 20px;
    }
    .contactUs__contactForm .wpcf7 .wp-block-column:not(:only-child) {
        width: calc(50% - 5px);
    }

    .contactUs__contactForm .wpcf7 .KrausmannButton button {
        height: 40px;
        font-size: 14px;
        line-height: 20px;
    }
    .contactUs__contactForm .wpcf7 .KrausmannButton button:hover {
        padding: 0 16px;
    }
    .contactUs__contactForm .wpcf7 .KrausmannButton button::after {
        width: 12px;
        height: 12px;
        background-size: 12px;
        top: calc(50% - 6px);
        right: 10px;
    }
    .contactUs__contactForm .wpcf7 .KrausmannButton button span {
        padding: 0 28px;
        height: 36px;
    }
    .contactUs__contactForm .wpcf7 .KrausmannButton button:hover span {
        margin: 0 16px 0 -16px;
        padding: 0 12px;
    }

    .contactUs__contactForm .wpcf7 .wp-block-columns.wpcf7-gdpr-info > .wp-block-column:last-child {
        font-size: 11px;
        line-height: 12px;
    }

    .contactUs__form__triangles,
    .contactUs__form__grayTriangles,
    .contactUs__form__blueTriangles {
        display: none;
    }
}
@media(max-width: 781px) {
    .contactUs__contactForm .wpcf7 .wp-block-columns {
        margin: 0 0 20px 0;
        gap: 20px;
    }
    .contactUs__contactForm .wpcf7 .wp-block-column:not(:only-child) {
        width: 100%;
    }

    .contactUs__contactForm .wpcf7 .wp-block-columns.wpcf7-gdpr-info {
        margin: 0 20px 20px 20px;
        flex-direction: column-reverse;
    }
    .contactUs__contactForm .wpcf7 .wp-block-columns.wpcf7-gdpr-info > .wp-block-column:first-child {
        width: 100%;
    }
    .contactUs__contactForm .wpcf7 .wp-block-columns.wpcf7-gdpr-info > .wp-block-column:last-child {
        text-align: unset;
    }
}

/* Terms. */
.page-template-page-terms .pageTemplate__triangle02,
.page-template-page-policy .pageTemplate__triangle02 {
    z-index: 1;
}

.termsTemplate {
    position: relative;
}

.termsTemplate__headerSeperator {
    margin-left: -20px;
    width: calc(100% + 40px);
    height: 350px;
    background-color: var(--color-3);
    position: relative;
    z-index: 2;
}
.termsTemplate__blackTriangles {
    position: absolute;
    top: 185px;
    left: calc(100% + 40px);
}
.termsTemplate__triangles {
    position: absolute;
    top: 215px;
    left: -688px;
    transform: rotate(180deg);
}
.termsTemplate__triangles svg path {
    stroke: var(--color-7);
}
.termsTemplate__arrowsGray1 {
    left: -120px;
}

.termsTemplate__container {
    margin: -220px auto 0 auto;
    padding: 100px 60px 30px 60px;
    width: 100%;
    max-width: 1370px;
    background-color: var(--color-4);
    position: relative;
    z-index: 3;
}

.termsTemplate__content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.termsTemplate__content__sidebar {
    width: calc(35% - 15px);
    height: fit-content;
    position: sticky;
    top: 130px;
}
.termsTemplate__content__main {
    width: calc(65% - 15px);
}

@media(max-width: 1366px) {
    .termsTemplate__headerSeperator {
        height: 200px;
    }
    .termsTemplate__blackTriangles,
    .termsTemplate__triangles {
        display: none;
    }

    .termsTemplate__container {
        margin: -140px auto 0 auto;
        padding: 40px 20px 20px 20px;
    }

    .termsTemplate__content {
        gap: 20px;
    }
    .termsTemplate__content__sidebar {
        width: calc(35% - 10px);
        top: 80px;
    }
    .termsTemplate__content__main {
        width: calc(65% - 10px);
    }
}
@media(max-width: 781px) {
    .termsTemplate__headerSeperator {
        height: 120px;
    }

    .termsTemplate__container {
        margin: -80px auto 0 auto;
        padding: 10px 20px 0 20px;
    }

    .termsTemplate__content {
        gap: 20px;
    }
    .termsTemplate__content__sidebar,
    .termsTemplate__content__main {
        width: 100% ;
    }
    .termsTemplate__content__sidebar {
        background-color: var(--color-4);
        top: 72px;
        height: 44px;
        overflow-y: hidden;
    }
}

.termsTemplate__content__sidebar__title {
    font-weight: 400;
    font-size: 28px;
    line-height: 30px;
    color: var(--color-9);
    position: relative;
    cursor: pointer;
}
.termsTemplate__content__sidebar__title:not(:last-child) {
    margin-bottom: 20px;
}
.termsTemplate__content__sidebar__title.active {
    padding-left: 26px;
    font-weight: 700;
    color: var(--color-1);
}
.termsTemplate__content__sidebar__title.active::before {
    content: '';
    width: 6px;
    height: 100%;
    background-color: var(--color-1);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.termsTemplate__content__main__row:not(:last-child) {
    margin-bottom: 50px ;
}
.termsTemplate__content__main__title,
.policyTemplate__content__main h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: var(--color-9);
}
.termsTemplate__content__main__description,
.policyTemplate__content__main p {
    font-size: 18px;
    line-height: 24px;
    color: var(--color-8);
}
.termsTemplate__content__main__description p:not(:first-child) {
    margin-top: 10px;
}
.termsTemplate__content__main__title + .termsTemplate__content__main__description,
.policyTemplate__content__main h2 + p,
.policyTemplate__content__main h2 + ul {
    margin-top: 20px ;
}

@media(max-width: 1366px) {
    .termsTemplate__content__sidebar__title {
        font-size: 18px;
        line-height: 22px;
    }
    .termsTemplate__content__sidebar__title.active {
        padding-left: 14px;
    }
    .termsTemplate__content__sidebar__title.active::before {
        width: 4px;
    }

    .termsTemplate__content__main__row:not(:last-child) {
        margin-bottom: 34px ;
    }
    .termsTemplate__content__main__title {
        font-size: 16px;
        line-height: 18px;
    }
    .termsTemplate__content__main__description {
        font-size: 14px;
        line-height: 18px;
    }
    .termsTemplate__content__main__title + .termsTemplate__content__main__description {
        margin-top: 14px ;
    }
}
@media(max-width: 781px) {
    .termsTemplate__content__sidebar__title {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 30px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .termsTemplate__content__sidebar__title.active::before {
        height: calc(100% - 28px);
        top: 14px;
    }
}

/* Policy. */
.policyTemplate__content__main {
    width: 100%;
}

.policyTemplate__content__main h2:not(:first-child) {
    margin-top: 50px;
}
.policyTemplate__content__main p + p,
.policyTemplate__content__main p + ul,
.policyTemplate__content__main ul + p {
    margin-top: 10px;
}

@media(max-width: 1366px) {
    .policyTemplate__content__main h2:not(:first-child) {
        margin-top: 34px;
    }
}
@media(max-width: 781px) {
    .policyTemplate__content__main {
        margin-top: 30px;
    }
}

/* 404. */
.template404__media {
    margin: 100px 0 80px 0;
    padding: 0 20px;
    text-align: center;
    position: relative;
}
.template404__media img {
    width: 100%;
    height: auto;
}

.template404 {
    padding: 0 20px;
}

.template404__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 48px;
    text-align: center;
    color: var(--color-9);
}
.template404__description {
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    color: var(--color-8);
}
.template404__title + .template404__description {
    margin-top: 40px;
}
.template404__link {
    margin-top: 40px;
    text-align: center;
}

@media(max-width: 1366px) {
    .template404__media {
        margin: 60px 0 50px 0;
    }

    .template404__title {
        font-size: 18px;
        line-height: 30px;
    }
    .template404__description {
        font-size: 16px;
        line-height: 20px;
    }
    .template404__title + .template404__description {
        margin-top: 14px;
    }
}
@media(max-width: 781px) {
    .template404__media {
        margin: 50px 0 40px 0;
        padding: 0;
        height: 200px;
    }
    .template404__media img {
        width: auto;
        height: 200px;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* Search results. */
.search-results .pageTemplate__triangle02,
.search-no-results .pageTemplate__triangle02 {
    z-index: 1;
}

.searchResults {
    position: relative;
}

.search-results-wrap .search-title {
    margin-bottom: 60px;
    font-weight: 600;
    font-size: 52px;
    line-height: 56px;
    color: var(--color-9);
}
.search-results-wrap .search-title span {
    background-color: transparent;
    color: var(--color-1) !important;
}

.search-results-lis-sin {
    width: 100%;
    background-color: var(--color-4);
    transition: background-color .3s;
}
.search-results-lis-sin:hover {
    background-color: var(--color-5);
}

.search-results-lis-sin.post-type-krausmann_products {
    padding: 10px;
    border-top: 1px solid var(--color-5);
}
.search-results-lis-sin.post-type-krausmann_products .krausmannProduct__item > a {
    display: flex;
    gap: 20px;
}
.search-results-lis-sin.post-type-krausmann_products .krausmannProduct__item__media {
    max-width: 126px;
}
.search-results-lis-sin.post-type-krausmann_products .krausmannProduct__item__image {
    margin-bottom: 0;
}
.search-results-lis-sin.post-type-krausmann_products .krausmannProduct__item__image img {
    max-width: 100%;
    height: auto;
    transition: transform .3s;
}
.search-results-lis-sin.post-type-krausmann_products:hover .krausmannProduct__item__image img {
    transform: scale(1.1);
}
.search-results-lis-sin.post-type-krausmann_products .krausmannProduct__item__info {
    width: calc(100% - 146px);
    gap: 2.55px;
}
.search-results-lis-sin.post-type-krausmann_products .krausmannProduct__item__title h3 {
    max-height: 38px;
    overflow: hidden;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    text-overflow: ellipsis;
    color: var(--color-9);
}
.search-results-lis-sin.post-type-krausmann_products .power-tools .search-highlight,
.search-results-lis-sin.post-type-krausmann_products .power-tools-en .search-highlight {
    background-color: var(--color-1);
}
.search-results-lis-sin.post-type-krausmann_products .dynamic-tools .search-highlight,
.search-results-lis-sin.post-type-krausmann_products .dynamic-tools-en .search-highlight {
    background-color: var(--color-2);
}
.search-results-lis-sin.post-type-krausmann_products .home-solutions .search-highlight,
.search-results-lis-sin.post-type-krausmann_products .home-solutions-en .search-highlight {
    background-color: var(--color-3);
}

.search-results-lis-sin.post-type-page,
.search-results-lis-sin.post-type-post {
    padding: 26px 10px;
    border-top: 1px solid var(--color-5);
    gap: 5px;
}
.search-results-lis-sin-exc:empty,
.search-results-lis-sin-exc:empty {
    display: none;
}
.search-results-lis-sin.post-type-page .search-results-lis-sin-tit,
.search-results-lis-sin.post-type-post .search-results-lis-sin-tit {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: var(--color-9);
}
.search-results-lis-sin.post-type-page .search-results-lis-sin-exc,
.search-results-lis-sin.post-type-post .search-results-lis-sin-exc {
    font-size: 20px;
    line-height: 34px;
    color: var(--color-8);
}

.search-results .search-results-inner .search-progress-container,
.search-no-results .search-results-inner .search-progress-container {
    margin: 100px auto 20px;
    width: 100%;
    max-width: 210px;
    text-align: center;
} 
.search-results .search-results-inner .search-progress-text,
.search-no-results .search-results-inner .search-progress-text {
    margin-bottom: 9px;  
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: var(--color-7);
}
.search-results .search-results-inner .search-progress-bar,
.search-no-results .search-results-inner .search-progress-bar {
    height: 2px;
    background-color: var(--color-6);
    overflow: hidden;
}
.search-results .search-results-inner .search-progress-inner,
.search-no-results .search-results-inner .search-progress-inner {
    height: 100%;
    background-color: var(--color-7);
    transition: width .3s ease;
}
.search-results .search-results-inner #load-more-btn,
.search-no-results .search-results-inner #load-more-btn {
    padding: 14px 50px;
    background-color: var(--color-4);
    border: 2px solid var(--color-8);
    border-radius: 100vh;
    font-weight: 700;
    font-size: 16px;
    color: var(--color-10);
    cursor: pointer;
}
.search-results .search-results-inner #load-more-btn:disabled,
.search-no-results .search-results-inner #load-more-btn:disabled {
    opacity: .55;
    cursor: not-allowed;
    display: none;
}

.search-highlight {
    padding: 0 2.5px;
    background-color: var(--color-1);
    color: var(--color-4);
}

.search-results-none-tit {
    margin-bottom: 44px;
    font-weight: 800;
    font-size: 54px;
    line-height: 60px;
    text-align: center;
    color: var(--color-9);
}
.search-results-none-txt-top {
    margin-bottom: 7.5px ;
    font-weight: 700;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: var(--color-8);
}
.search-results-none-txt-bot {
    font-weight: 600;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    color: var(--color-8);
}

@media(max-width: 1366px) {
    .search-results-wrap .search-title {
        margin-bottom: 50px;
        font-size: 24px;
        line-height: 26px;
    }

    .search-results-lis-sin.post-type-krausmann_products .krausmannProduct__item__image {
        padding: 20px 10px 10px 10px;
    }
    .search-results-lis-sin.post-type-krausmann_products .krausmannProduct__item__info {
        width: calc(100% - 105px);
    }

    .search-results-lis-sin.post-type-page,
    .search-results-lis-sin.post-type-post {
        gap: 2.5px;
    }
    .search-results-lis-sin.post-type-page .search-results-lis-sin-tit,
    .search-results-lis-sin.post-type-page .search-results-lis-sin-exc,
    .search-results-lis-sin.post-type-post .search-results-lis-sin-tit,
    .search-results-lis-sin.post-type-post .search-results-lis-sin-exc {
        font-size: 16px;
        line-height: 18px;
    }

    .search-results-none-tit {
        margin-bottom: 34px;
        font-size: 30px;
        line-height: 34px;
    }
    .search-results-none-txt-top {
        font-size: 16px;
        line-height: 18px;
    }
    .search-results-none-txt-bot {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
    }

    .search-results .search-results-inner .search-progress-container,
    .search-no-results .search-results-inner .search-progress-container {
        margin: 60px auto 20px;
    }
}
@media(max-width: 781px) {
    .search-results-lis-sin.post-type-page,
    .search-results-lis-sin.post-type-post {
        padding: 22px 10px;
    }

    .search-progress-container {
        margin: 55px auto 20px;
    }

    .search-results-lis-sin.post-type-krausmann_products .krausmannProduct__item > a {
        gap: 15px;
    }
    .search-results-lis-sin.post-type-krausmann_products .krausmannProduct__item__media {
        max-width: 95px;
    }
    .search-results-lis-sin.post-type-krausmann_products .krausmannProduct__item__image {
        margin-bottom: 24px;
        padding: 20px 10px 10px 10px;
    }
    .search-results-lis-sin.post-type-krausmann_products .krausmannProduct__item__media .productBadges {
        top: calc(100% - 24px);
        right: 0;
    }
    .search-results-lis-sin.post-type-krausmann_products .krausmannProduct__item__media .krausmannProduct__item__combo {
        bottom: 30px;
        right: 5px;
    }
    .search-results-lis-sin.post-type-krausmann_products .krausmannProduct__item__info {
        width: calc(100% - 100px);
        justify-content: start;
    }
}

/* Block: Marquee. */
.KrausmannMarquee {
    margin-top: -100px;
    position: relative;
    z-index: 99;
    overflow-x: clip;
}
.KrausmannMarquee__wrapper,
.KrausmannMarquee__wrapper02 {
    white-space: nowrap;
    position: relative;
}
.KrausmannMarquee__wrapper02 {
    margin-top: -54px;
}
.KrausmannMarquee__wrapper .KrausmannMarquee__text,
.KrausmannMarquee__wrapper02 .KrausmannMarquee__text {
    display: inline-block;
}
.KrausmannMarquee__wrapper .KrausmannMarquee__text:first-child::after {
    content: ' ';
}
.KrausmannMarquee__wrapper .KrausmannMarquee__text {
    font-weight: 800;
    font-size: 109px;
    line-height: 160px;
    letter-spacing: 7.5px;
    color: rgba(255,255,255,.1);
    -webkit-text-stroke: 1px var(--color-6);
    text-stroke: 1px var(--color-6);
}
.KrausmannMarquee__wrapper02 .KrausmannMarquee__text {
    color: var(--color-6);
    font-weight: 800;
    font-size: 24px;
    line-height: 35px;
}
.KrausmannMarquee__wrapper .KrausmannMarquee__text span {
    margin: 0 10px;
}
.KrausmannMarquee__wrapper02 .KrausmannMarquee__text span {
    margin: 0 20px;
}

@media(max-width: 1366px) {
    .KrausmannMarquee {
        margin-top: -75px;
    }
    .KrausmannMarquee__wrapper02 {
        margin-top: -42px;
    }
    .KrausmannMarquee__wrapper .KrausmannMarquee__text {
        font-size: 80px;
        line-height: 120px;
        letter-spacing: 5.5px;
    }
    .KrausmannMarquee__wrapper02 .KrausmannMarquee__text {
        font-size: 18px;
        line-height: 26px;
    }
}
@media(max-width: 781px) {
    .KrausmannMarquee {
        margin-top: -42.5px;
    }
    .KrausmannMarquee__wrapper02 {
        margin-top: -28px;
    }
    .KrausmannMarquee__wrapper .KrausmannMarquee__text {
        font-size: 48px;
        line-height: 70px;
        letter-spacing: 3.3px;
    }
    .KrausmannMarquee__wrapper02 .KrausmannMarquee__text {
        font-size: 16px;
        line-height: 24px;
    }
}

/* Block: Header. */
.KrausmannHeader {
    height: clamp(240px,15vw,305px);
    font-weight: 800;
    font-size: clamp(69px,12.5vw,165px);
    line-height: clamp(69px,12.5vw,165px);
    text-align: center;
    color: var(--color-10);
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.KrausmannHeader span {
    padding: 0 20px;
}
.KrausmannHeader__triangleLeft,
.KrausmannHeader__triangleRight {
    position: absolute;
    z-index: -1;
}
.KrausmannHeader__triangleLeft {
    left: calc(-4 * 69.5px);
}
.KrausmannHeader__triangleRight {
    right: 0;
}
.KrausmannHeader__triangleLeft svg,
.KrausmannHeader__triangleRight svg {
    width: 697px;
    transition: width .3s;
}
.KrausmannHeader__triangleLeft svg path,
.KrausmannHeader__triangleRight svg path {
    stroke: var(--color-6);
}

.KrausmannHeader__video {
    width: 100vw;
    -webkit-text-fill-color: var(--color-10);
}
.KrausmannHeader__triangleLeft,
.KrausmannHeader__triangleRight {
    z-index: 0;
    mix-blend-mode: darken;
}
.KrausmannHeader__video video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.KrausmannHeader__video span {
    width: 100%;
    height: 100%;
    background-color: var(--color-4);
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: screen;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(max-width: 1366px) {
    .KrausmannHeader__triangleLeft {
        left: calc(-5 * 41.57px);
    }
    .KrausmannHeader__triangleRight {
        right: calc(-3 * 41.57px);
    }
    .KrausmannHeader__triangleLeft svg,
    .KrausmannHeader__triangleRight svg {
        width: 417px;
    }
}
@media(max-width: 781px) {
    .KrausmannHeader__triangleLeft {
        left: calc(-7 * 41.57px);
    }
    .KrausmannHeader__triangleRight {
        right: calc(-7 * 41.57px);
    }
}

/* Block: Istagram. */
.KrausmannInstagram {
    background-color: var(--color-4);
    position: relative;
    z-index: 9;
}
.artwareInstagram__post.splide__slide::before {
    /* content: ''; */
    /* width: 100%; */
    /* height: 100%; */
    /* background-color: rgba(0,0,0,.75); */
    /* display: block; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* opacity: 0; */
    /* transition: opacity .3s; */
}
.artwareInstagram__post.splide__slide:hover::before {
    /* opacity: 1; */
}

.artwareInstagram__post.splide__slide .artwareInstagram__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(20%);
    opacity: 50%;
    transition: filter .3s, opacity .3s;
}
.artwareInstagram__post.splide__slide:hover .artwareInstagram__image {
    filter: saturate(100%);
    opacity: 100%;
}

.artwareInstagram__post.splide__slide .artwareInstagram__overlay {
    display: none;
    /* padding: 10px; */
    /* font-size: 18px; */
    /* line-height: normal; */
    /* text-align: center; */
    /* position: absolute; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* opacity: 0; */
    /* transition: opacity .3s; */
}
.artwareInstagram__post.splide__slide:hover .artwareInstagram__overlay {
    /* opacity: 1; */
}

.artwareInstagram__socialMedia {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    max-width: var(--width-1254);
    /* display: flex; */
    /* justify-content: end; */
    position: relative;
}
.artwareInstagram__socialMedia__links {
    padding: 20px;
    width: fit-content;
    background-color: var(--color-5);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    position: absolute;
    z-index: 999;
    top: -40px;
    right: 0;
}
.artwareInstagram__socialMedia__links a {
    width: 40px;
    height: 40px;
    background-color: var(--color-6);
    border-radius: 5px;
    transition: background-color .3s;
}
.artwareInstagram__socialMedia__links a:hover {
    background-color: var(--color-8);
}
.artwareInstagram__socialMedia__links a::before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    background-color: var(--color-8);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    transition: background-color .3s;
}
.artwareInstagram__socialMedia__links a:hover::before {
    background-color: var(--color-5);
}
.artwareInstagram__socialMedia__links a.artwareInstagram__facebook::before {
    -webkit-mask-image: url(assets/icons/socialMedia__facebook.svg);
    mask-image: url(assets/icons/socialMedia__facebook.svg);
}
.artwareInstagram__socialMedia__links a.artwareInstagram__instagram::before {
    -webkit-mask-image: url(assets/icons/socialMedia__instagram.svg);
    mask-image: url(assets/icons/socialMedia__instagram.svg);
}
.artwareInstagram__socialMedia__links a.artwareInstagram__tiktok::before {
    -webkit-mask-image: url(assets/icons/socialMedia__tiktok.svg);
    mask-image: url(assets/icons/socialMedia__tiktok.svg);
}
.artwareInstagram__socialMedia__links a.artwareInstagram__x::before {
    -webkit-mask-image: url(assets/icons/socialMedia__x.svg);
    mask-image: url(assets/icons/socialMedia__x.svg);
}
.artwareInstagram__socialMedia__links a.artwareInstagram__youtube::before {
    -webkit-mask-image: url(assets/icons/socialMedia__youtube.svg);
    mask-image: url(assets/icons/socialMedia__youtube.svg);
}

.artwareInstagram__socialMedia__links a span {
    display: none;
}

@media(max-width: 1366px) {
    .artwareInstagram__post.splide__slide .artwareInstagram__image {
        filter: saturate(100%);
        opacity: 100%;
    }

    .artwareInstagram__socialMedia {
        max-width: clamp(270px, 85vw, 830px);
    }
    .artwareInstagram__socialMedia__links {
        padding: 15px;
    }
}
@media(max-width: 781px) {
    .artwareInstagram__socialMedia__links {
        left: 50%;
        right: unset;
        transform: translateX(-50%);
    }
}

/* Block: Specialties. */
.KrausmannSpecialties {
    padding: 60px 0 100px 0;
}
.KrausmannSpecialties__header {
    margin-bottom: 73px;
    position: relative;
}
.KrausmannSpecialties__header__text {
    font-weight: 800;
    font-size: clamp(30px,5vw,98px);
    line-height: clamp(30px,5vw,144px);
    text-align: center;
    color: var(--color-6);
}
.KrausmannSpecialties__header__tagline {
    font-size: clamp(12px,2.5vw,28px);
    line-height: 28px;
    text-align: center;
    letter-spacing: clamp(2.5px,0.5vw,5.9px);
    color: var(--color-8);
    width: 100%;
    position: absolute;
    top: clamp(7px, 3.5vw, 85px);
    /* bottom: clamp(-10px,2.5vw,10px); */
}
.KrausmannSpecialties__specialties__list {
    margin: 0 auto;
    width: 100%;
    max-width: var(--width-1254);
    border: 2px solid var(--color-6);
    border-radius: 36px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0;
    overflow: hidden;
}
.KrausmannSpecialties__specialties__item {
    width: 25%;
    border-right: 2px solid var(--color-6);
    border-bottom: 2px solid var(--color-6);
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: center;
    /* gap: 66px; */
    aspect-ratio: 1;
    transition: background-color .3s;
}
.KrausmannSpecialties__specialties__item:hover {
    background-color: var(--color-13);
}
.KrausmannSpecialties__specialties__item:nth-child(4n) {
    border-right: unset;
}
.KrausmannSpecialties__specialties__item:nth-last-child(-n+4) {
    border-bottom: unset;
}
.KrausmannSpecialties__specialties__media {
    width: clamp(88px, 10vw, 154px);
    height: clamp(88px, 10vw, 154px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.KrausmannSpecialties__specialties__media svg {
    transition: all .3s;
}
.KrausmannSpecialties__specialties__item:hover .KrausmannSpecialties__specialties__media svg {
    width: auto;
    height: 100%;
}
.KrausmannSpecialties__specialties__item span {
    margin-top: auto;
    margin-bottom: 12px;
    width: 100%;
    font-weight: 600;
    font-size: clamp(12px, 1.5vw, 24px);
    line-height: clamp(18px, 1.5vw, 36px);
    text-align: center;
    color: var(--color-9);
    transition: color .3s;
}
.KrausmannSpecialties__specialties__item:hover span {
    color: var(--color-4);
}

@media(max-width: 1366px) {
    .KrausmannSpecialties {
        padding: 56px 0 60px 0;
    }
    .KrausmannSpecialties__header {
        margin-bottom: 34px;
    }
    .KrausmannSpecialties__specialties__media svg {
        height: 85%;
    }
}
@media(max-width: 781px) {
    .KrausmannSpecialties__header__tagline {
        top: clamp(14px, 2.25vw, 20px);
    }
    .KrausmannSpecialties__specialties__item {
        width: 50%;
    }
    .KrausmannSpecialties__specialties__item:nth-child(2n) {
        border-right: unset;
    }
    .KrausmannSpecialties__specialties__item:nth-last-child(-n+4) {
        border-bottom: inherit;
    }
    .KrausmannSpecialties__specialties__item:nth-last-child(-n+2) {
        border-bottom: unset;
    }
}
@media(max-width: 581px) {
    .KrausmannSpecialties__header__tagline {
        top: 42px;
    }
}
@media(max-width: 323px) {
    .KrausmannSpecialties__header__tagline {
        letter-spacing: 2px;
    }
}

/* Block: YouTube. */
.KrausmannYoutube.KrausmannYoutube__fullScreen__modeOff {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.KrausmannYoutube.KrausmannYoutube__fullScreen__modeOn {
    width: 100vw;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.KrausmannYoutube::before {
    content: '';
    background-color: rgba(0,0,0,.05);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 7;
    top: 0;
    left: 0;
}
.KrausmannYoutube.un1PowerIntroVideo::before {
    content: '';
    background-color: rgba(0,0,0,.000001);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 7;
    top: 0;
    left: 0;
}
.KrausmannYoutube::after {
    /* content: ''; */
    /* display: block; */
    /* width: clamp(56px,10vw,173px); */
    /* height: clamp(53px,10vw,168px); */
    /* background-image: url(assets/icons/video.svg); */
    /* background-repeat: no-repeat; */
    /* background-size: clamp(56px,10vw,173px) clamp(53px,10vw,168px); */
    /* background-position: center; */
    /* position: absolute; */
    /* z-index: 8; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
}
.KrausmannYoutube.KrausmannYoutube__fullScreen__modeOff iframe {
    width: 100%;
    height: 100%;
}
.KrausmannYoutube.KrausmannYoutube__fullScreen__modeOn iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);
}

.KrausmannYoutube__triangle {
    position: absolute;
    z-index: 8;
    top: 18px;
    right: -210px;
}

.un1PowerIntroVideo.un1PowerIntroVideo__mobile {
    display: none;
}

@media(max-width: 1366px) {
    .KrausmannYoutube__triangle {
        top: -18px;
        right: -256px;
    }
    .KrausmannYoutube__triangle svg {
        width: 425px;
    }
}
@media(max-width: 781px) {
    .KrausmannYoutube.KrausmannYoutube__fullScreen__modeOff {
        /* aspect-ratio: 4/3; */
    }
    .un1PowerIntroVideo.KrausmannYoutube.KrausmannYoutube__fullScreen__modeOff {
        aspect-ratio: 3 / 4;
    }

    .KrausmannYoutube__triangle {
        right: -298px;
    }

    .un1PowerIntroVideo.un1PowerIntroVideo__desktop {
        display: none;
    }
    .un1PowerIntroVideo.un1PowerIntroVideo__mobile {
        display: block;
    }
}

@media(min-aspect-ratio: 16/9) {
    .KrausmannYoutube.KrausmannYoutube__fullScreen__modeOn iframe {
        /* height = 100 * (9 / 16) = 56.25 */
        height: 56.25vw;
    }
}
@media(max-aspect-ratio: 16/9) {
    .KrausmannYoutube.KrausmannYoutube__fullScreen__modeOn iframe {
        /* width = 100 / (9 / 16) = 177.777777 */
        width: 177.78vh;
    }
}

/* Block: Button. */
.KrausmannButton a {
    padding: 0;
    height: 42px;
    border: 2px solid var(--color-8);
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-9);
    border-radius: 100vh;
    display: inline-flex;
    align-items: center;
    position: relative;
    z-index: 3;
    transition: padding .3s, background-color .3s, border-color .3s, box-shadow .3s;
}
.KrausmannButton a:hover {
    padding: 0 20px;
    background-color: var(--color-10);
    border-color: var(--color-10);
    box-shadow: 0px 4px 8px rgba(0,0,0,.3);
}

.KrausmannButton__default a {
    border: 2px solid var(--color-6);
}
.KrausmannButton__default a:hover {
    background-color: var(--color-8);
    border-color: var(--color-8);
    box-shadow: 0px 4px 8px rgba(0,0,0,.3);
}
.KrausmannButton__ff661b a {
    border: 2px solid var(--color-1);
}
.KrausmannButton__ff661b a:hover {
    background-color: var(--color-1);
    border-color: var(--color-1);
    box-shadow: 0px 4px 8px rgba(255,102,27,.3);
}
.KrausmannButton__45c2b1 a {
    border: 2px solid var(--color-2);
}
.KrausmannButton__45c2b1  a:hover {
    background-color: var(--color-2);
    border-color: var(--color-2);
    box-shadow: 0px 4px 8px rgba(69,194,177,.3);
}
.KrausmannButton__009add a {
    border: 2px solid var(--color-3);
}
.KrausmannButton__009add a:hover {
    background-color: var(--color-3);
    border-color: var(--color-3);
    box-shadow: 0px 4px 8px rgba(0,154,221,.3);
}
.KrausmannButton__000000 a {
    border: 2px solid var(--color-10);
}
.KrausmannButton__000000 a:hover {
    background-color: var(--color-10);
    border-color: var(--color-10);
    box-shadow: 0px 4px 8px rgba(0,0,0,.3);
}
.KrausmannButton__545554 a {
    border: 2px solid var(--color-8);
}
.KrausmannButton__545554 a:hover {
    background-color: var(--color-10);
    border-color: var(--color-10);
    box-shadow: 0px 4px 8px rgba(0,0,0,.3);
}

.KrausmannButton a::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(assets/icons/arrow-small.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    position: absolute;
    top: calc(50% - 8px);
    right: 14px;
    opacity: 0;
    transition: opacity .3s;
}
.KrausmannButton a:hover::after {
    opacity: 1;
}
.KrausmannButton a span {
    margin: 0;
    padding: 0 50px;
    height: 38px;
    background-color: var(--color-4);
    border-radius: 100vh;
    text-wrap: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: margin .3s, padding .3s, background-color .3s;
}
.KrausmannButton a:hover span {
    margin: 0 20px 0 -20px;
    padding: 0 30px;
    background-color: var(--color-4);
}

@media(max-width: 1366px) {
    .KrausmannButton a {
        height: 40px;
        font-size: 14px;
        line-height: 20px;
    }
    .KrausmannButton a:hover {
        padding: 0 16px;
    }
    .KrausmannButton a::after {
        width: 12px;
        height: 12px;
        background-size: 12px;
        top: calc(50% - 6px);
        right: 10px;
    }
    .KrausmannButton a span {
        padding: 0 28px;
        height: 36px;
    }
    .KrausmannButton a:hover span {
        margin: 0 16px 0 -16px;
        padding: 0 12px;
    }
}

/* Block: Mark. */
@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.rotate {
    animation: rotate 15s linear infinite;
    transform-origin: center;
}

/*
 * Block: Product categories slide.
 * Block: Feature products slide.
 */
.KrausmannProductCategories__header {
    font-size: 30px;
    line-height: 30px;
}

.splideShadows {
    position: relative;
}
.splideShadows::before {
    content: '';
    background: rgb(255,255,255);
    background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    width: 333px;
    height: 100%;
    position: absolute;
    z-index: 8;
    top: 0;
    left: -20px;
    display: none;
}
.splideShadows::after {
    content: '';
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    width: 333px;
    height: 105%;
    position: absolute;
    z-index: 8;
    top: 0;
    right: -20px;
    display: none;
}

.KrausmannProductCategories,
.KrausmannFeatureProduct {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: var(--width-1254);
    position: relative;
    /* overflow-x: clip; */
    overflow: visible;
}

.KrausmannProductCategories .splide__track,
.KrausmannFeatureProduct .splide__track {
    overflow: visible;
}

.KrausmannProductCategories__media {
    width: 300px;
    height: 300px;
    position: relative;
}
.KrausmannProductCategories__shape {
    background-color: var(--color-5);
    width: 225px;
    height: 225px;
    border-radius: 100%;
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: background-color .3s, transform .3s;
}
.KrausmannProductCategories__item:hover .KrausmannProductCategories__shape {
    background-color: var(--color-6);
    transform: translate(-50%,-50%) scale(.9);
}
.KrausmannProductCategories__drawing {
    position: absolute;
    z-index: 6;
}
.KrausmannProductCategories__arrows {
    position: absolute;
    z-index: 7;
}
.KrausmannProductCategories__arrows2 {
    position: absolute;
    z-index: 8;
}
.KrausmannProductCategories__image {
    position: absolute;
    z-index: 9;
}
.KrausmannProductCategories__image img {
    transition: transform .3s;
}
.KrausmannProductCategories__item:hover .KrausmannProductCategories__image img {
    transform: scale(1.1);
}
.KrausmannProductCategories__intro {
    margin-top: 20px;
}
.KrausmannProductCategories__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-8);
}

@media(max-width: 1366px) {
    .KrausmannProductCategories__header {
        font-size: 20px;
        line-height: 20px;
    }

    .splideShadows::before,
    .splideShadows::after {
        display: none;
    }
    .KrausmannProductCategories__media {
        width: 150px;
        height: 150px;
    }
    .KrausmannProductCategories__shape {
        width: 95px;
        height: 95px;
    }
    .KrausmannProductCategories__title {
        font-size: 12px;
        line-height: 14px;
    }
}

/* Block: Feature products slide. */
.KrausmannFeatureProduct .splide__track {
    overflow: visible;
    /* overflow-x: hidden; */
}
.KrausmannFeatureProduct__item {
    height: 620px;
    background-color: var(--color-9);
    background-image: url(assets/icons/featureProduct__bg.png);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
.KrausmannFeatureProduct__item.power-tools,
.KrausmannFeatureProduct__item.power-tools-en {
    background-color: var(--color-1);
}
.KrausmannFeatureProduct__item.dynamic-tools,
.KrausmannFeatureProduct__item.dynamic-tools-en {
    background-color: var(--color-2);
}
.KrausmannFeatureProduct__item.home-solutions,
.KrausmannFeatureProduct__item.home-solutions-en {
    background-color: var(--color-3);
}
.KrausmannFeatureProduct__item.bypassCategoryColor__black {
    background-color: var(--color-9);
}
.KrausmannFeatureProduct__info {
    padding: 40px 34px 0 34px;
}
.KrausmannFeatureProduct__name {
    margin-bottom: 16px;
    font-weight: 800;
    font-style: italic;
    font-size: 54px;
    line-height: 62px;
    text-align: center;
    color: var(--color-4);
}
.KrausmannFeatureProduct__title {
    margin-bottom: 28px;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    color: var(--color-4);
}
.KrausmannFeatureProduct__separator {
    margin: 0 auto 28px auto;
    width: 70px;
    height: 4px;
    background-color: var(--color-1);
}
.KrausmannFeatureProduct__item.power-tools .KrausmannFeatureProduct__separator,
.KrausmannFeatureProduct__item.power-tools-en .KrausmannFeatureProduct__separator,
.KrausmannFeatureProduct__item.dynamic-tools .KrausmannFeatureProduct__separator,
.KrausmannFeatureProduct__item.dynamic-tools-en .KrausmannFeatureProduct__separator,
.KrausmannFeatureProduct__item.home-solutions .KrausmannFeatureProduct__separator,
.KrausmannFeatureProduct__item.home-solutions-en .KrausmannFeatureProduct__separator {
    background-color: var(--color-9);
}
.KrausmannFeatureProduct__item.bypassCategoryColor__black .KrausmannFeatureProduct__separator {
    background-color: var(--color-1);
}
.KrausmannFeatureProduct__excerpt {
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: var(--color-4);
    height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-20px);
    transition: height .3s .10s, opacity .3s .05s, transform .3s 0s;
}
.KrausmannFeatureProduct__item:hover .KrausmannFeatureProduct__excerpt {
    height: auto;
    opacity: 1;
    transform: translateY(0px);
    transition: height .3s, opacity .3s .25s, transform .3s .25s;
}
.KrausmannFeatureProduct__image {
    margin: 50px auto 0 auto;
    width: 400px;
}
.KrausmannFeatureProduct + .progress-pagination {
    margin-top: 222px;
}

@media(max-width: 1366px) {
    .KrausmannFeatureProduct__item {
        height: 280px;
    }
    .KrausmannFeatureProduct__info {
        padding: 20px 20px 0 20px;
    }
    .KrausmannFeatureProduct__name {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 30px;
    }
    .KrausmannFeatureProduct__title,
    .KrausmannFeatureProduct__separator {
        margin-bottom: 18px;
    }
    .KrausmannFeatureProduct__title,
    .KrausmannFeatureProduct__excerpt {
        font-size: 12px;
        line-height: 16px;
    }
    .KrausmannFeatureProduct__separator {
        width: 32px;
        height: 2px;
    }
    .KrausmannFeatureProduct__image {
        margin-top: 0px;
        width: 180px;
        transition: margin-top .3s;
    }
    .KrausmannFeatureProduct__item:hover .KrausmannFeatureProduct__image {
        margin-top: 16px;
    }
    .KrausmannFeatureProduct + .progress-pagination {
        margin-top: 120px;
    }
}

/* Contact form 7. */
.wpcf7-list-item {
    margin: 0;
}
.wpcf7-spinner {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(5px, -50%);
}
.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -13px;
    left: 20px;
    font-size: 11px;
    line-height: 11px;
    font-weight: 400;
    color: var(--color-11);
}

.wpcf7 .wp-block-column {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.wpcf7 .wp-block-column > label {
    display: none;
}

.wpcf7-form-control-wrap {
    position: relative;
    display: block;
}
.wpcf7-form-control-wrap .floating-label {
    position: absolute;
    top: 12px;
    left: 20px;
    opacity: 0;
    transition: all .3s;
    pointer-events: none;
}
.wpcf7-form-control-wrap .floating-label.active {
    opacity: 1;
    top: -1px;
    left: 20px;
    font-size: 11px;
    line-height: 28px;
    color: var(--color-7);
    transition: all .3s;
}

.wpcf7 .wpcf7-acceptance input[type="checkbox"] {
    margin: 0;
    padding: 0;
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] + span { /* Text color for the label */
    cursor: pointer;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] + span::before { /* Checkbox un-checked style */
    content: '';
    margin: 0 10px 0 0;
    background-color: var(--color-4);
    border: 1px solid var(--color-6);
    border-radius: 3px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"]:checked + span::before { /* Checked checkbox style (in this case the background is green #e7ffba, change this to change the color) */
    /* NOTE: Replace the url with a path to an SVG of a checkmark to get a checkmark icon */
    background-image: url(assets/icons/acceptance.svg);
    background-repeat: no-repeat;
    background-position: center;
    /* The size of the checkmark icon, you may/may not need this */
    background-size: 10px;
    background-color: var(--color-1);
    border-color: var(--color-1);
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] + span span {
    display: inline-block;
    width: calc( 100% - 26px );
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: var(--color-8);
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] + span span a {
    color: var(--color-1);
    text-decoration: unset;
    display: inline-block;
    position: relative;
    transition: color .3s;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] + span span a:hover {
    color: var(--color-4);
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] + span span a::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-1);
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    transition: height .3s;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] + span span a:hover::after {
    height: 100%;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] + span span a > span {
    width: 100%;
    color: var(--color-1);
    display: block;
    position: relative;
    z-index: 2;
    transition: color .3s;
}
.wpcf7 .wpcf7-acceptance input[type="checkbox"] + span span a:hover > span {
    color: var(--color-4);
}

@media(max-width: 1366px) {
    .wpcf7-form-control-wrap .floating-label {
        left: 17px;
    }
    .wpcf7-form-control-wrap .floating-label.active {
        top: 0;
        left: 17px;
        font-size: 9px;
        line-height: 16px;
    }

    .wpcf7 .wpcf7-acceptance input[type="checkbox"] + span span {
        font-size: 12px;
        line-height: 14px;
    }
}

/* Newsletter. */
.newsletter__box {
    margin: 0 auto;
    padding-bottom: clamp(26px,7.5vw,68px);
    padding-left: 30px;
    padding-right: 30px;
    width: clamp(205px,85vw,410px);
}
h2.newsletter__header {
    padding-top: clamp(22px,7.5vw,44px);
    padding-left: 30px;
    padding-right: 30px;
    font-size: 24px;
    line-height: normal;
    font-weight: 400;
    color: var(--color-9);
    text-align: center;
}
.newsletter__box form {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.newsletter__box .wp-block-columns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.newsletter__box .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.newsletter__box__mail {
    flex-basis: calc(100% - 45px) !important;
}

.newsletter__box .wpcf7 input:focus {
    outline: none;
}
.newsletter__box input[type="email"] {
    padding: 11.5px 20px;
    width: 100%;
    background-color: var(--color-4);
    border: 1px solid var(--color-4);
    border-radius: 100vh 0 0 100vh;
}

.newsletter__box .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.newsletter__box__submit {
    flex-basis: 40px !important;
}

.newsletter__box button {
    padding: 11px;
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
    border-radius: 0 100vh 100vh 0;
    cursor: pointer;
}
.newsletter__box button:disabled {
    background-color: var(--color-1-hover);
    border: 1px solid var(--color-1-hover);
    cursor: not-allowed;
}
.newsletter__box button::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(assets/icons/arrow-small.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
}
.newsletter__box button span {
    display: none;
}
.newsletter__box button + .wpcf7-spinner {
    margin: 0;
    position: absolute;
    width: 20px !important;
    height: 20px !important;
}
.newsletter__box button + .wpcf7-spinner::before {
    top: 2px !important;
    left: 2px !important;
}

.newsletter__box .wpcf7-form-control-wrap .floating-label.active {
    top: -6px;
}

@media(max-width: 1366px) {
    .newsletter__box .wpcf7-form-control-wrap .floating-label.active {
        top: -1px;
        left: 20px;
    }
}
@media(min-width: 782px) {
    .newsletter__box .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: unset;
    }
}
@media(max-width: 781px) {
    h2.newsletter__header {
        font-size: 12px;
    }
}

/* Footer. */
body > footer {
    margin: 90px 0 0 0; /* margin: 150px 0 0 0; */ /* margin: 262px 0 0 0; */
    background: linear-gradient(180deg, var(--color-4) 162px, var(--color-9) 162px);
    position: relative;
    display: block;
    overflow-x: clip;
}

.footer__widgets {
    margin: 0 auto;
    /* position: absolute; */ position: relative;
    z-index: 9;
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    width: clamp(270px, 85vw, 830px);
    background-color: var(--color-5);
}
.footer__widgets::before {
    content: '';
    display: block;
    width: 100%;
    height: 12px;
    background-color: var(--color-9);
}

.footen__menu {
    margin: 44px 0 -20px 0;
    padding: 0 20px;
    /* padding-top: clamp(105px,85vw,185px); */
    padding-bottom: 0;
    position: relative;
    z-index: 9;
    /* background-color: var(--color-9); */
}
.footen__menu nav {
    display: flex;
    align-items: center;
    justify-content: center;
}
.footen__menu nav ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
    font-size: 15px;
    line-height: 22px;
    color: var(--color-4);
}
.footen__menu nav ul li a {
    color: var(--color-4);
    border-bottom: 1px solid transparent;
    transition: border-color .2s ease;
}
.footen__menu nav ul li a:hover {
    border-color: var(--color-4);
}

@media(max-width: 1366px) {
    body > footer {
        margin: 50px 0 0 0;
    }
    .footen__menu {
        margin: 50px 0 22px 0;
        /* padding-bottom: 22px; */
    }
}
@media(max-width: 781px) {
    body > footer {
        /* margin: 110px 0 0 0; */
        background: linear-gradient(180deg, var(--color-4) 135px, var(--color-9) 135px);
    }
    .footen__menu {
        margin: 42px 0 22px 0;
    }
    .footen__menu nav {
        margin: 0 auto;
        max-width: 210px;
    }
    .footen__menu nav ul {
        gap: 20px;
    }
    .footen__menu nav ul li {
        width: 95px;
        text-align: left;
    }
    .footen__menu nav ul li:nth-child(2n) {
        /* text-align: right; */
    }
}

.krausmann__logo {
    width: 100%;
    height: clamp(40px,12.5vw,230px);
    position: relative;
    /* background-color: var(--color-9); */
    background: rgb(44,44,44);
    background: linear-gradient(180deg, rgba(44,44,44,0) 0px, rgba(44,44,44,0) 20px, rgba(44,44,44,1) 20px, rgba(44,44,44,1) 100%);
    overflow: hidden;
}
.krausmann__logo::after {
    content: '';
    display: block;
    /* width: 100%; */ width: 102.5%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(assets/icons/krausmann-footer-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

@media(max-width: 781px) {
    .krausmann__logo {
        background: var(--color-9);
    }
}

.colored__sep::before {
    content: '';
    width: 100%;
    height: 10px;
    display: block;
    background: rgb(255,102,27);
    background: linear-gradient(90deg, rgba(255,102,27,1) 0%, rgba(255,102,27,1) 50%, rgba(69,194,177,1) 50%, rgba(69,194,177,1) 75%, rgba(0,154,221,1) 75%, rgba(0,154,221,1) 100%);
}

.copyrights {
    padding: 13px 18px;
    background-color: var(--color-10);
    font-size: 11px;
    line-height: normal;
    color: var(--color-4);
    text-align: center;
}
.copyrights p {
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: var(--color-4);
}
.copyrights a {
    color: var(--color-4);
    text-decoration: none;
}

.papadeas__logo::before {
    content: '';
    width: 24px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(assets/icons/papadeas-logo.svg);
}

.footerSvgLayer__triangles1 {
    position: absolute;
    z-index: 7;
    /* top: -35%; */ top: -5%;
    /* left: clamp(-5%,15vw,0px); */ left: 0;
}
.footerSvgLayer__triangles1 svg {
    width: clamp(375px,30vw,550px);
    height: auto;
}
.footerSvgLayer__triangles2 {
    position: absolute;
    z-index: 7;
    /* top: 15%; */ top: 40%;
    right: 40px;
}
.footerSvgLayer__triangles2 svg {
    width: clamp(255px,30vw,355px);
    height: auto;
}

.footerSvgLayer__arrowsBlue1 {
    position: absolute;
    z-index: 8;
    top: 0;
    width: 62px;
    height: 47px;
    background-image: url(assets/icons/arrows-group-blue-01.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.footerSvgLayer__arrowsGreen1 {
    position: absolute;
    z-index: 8;
    top: 0;
    width: 164px;
    height: 80px;
    background-image: url(assets/icons/arrows-group-green-01.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.productGalleryPopup__arrowsGray1,
.promoProduct__arrowsGray1,
.un1Power__battery__arrowsGray1,
.un1Power__combination__arrowsGray1,
.arrowedSection__arrowsGray1,
.productSingle__arrowsGray1,
.termsTemplate__arrowsGray1,
.footerSvgLayer__arrowsGray1 {
    position: absolute;
    z-index: 8;
    width: 38px;
    height: 172px;
    background-image: url(assets/icons/arrows-group-gray-01.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.productSingle__arrowsGray1 {
    top: 0;
    right: calc(100% + 100px);
}
.footerSvgLayer__arrowsGray1 {
    top: 0;
}
.productVariationsPopup__arrowsOrange1,
.arrowedSection__arrowsOrange1,
.un1Power__combination__arrowsOrange1,
.footerSvgLayer__arrowsOrange1 {
    position: absolute;
    z-index: 8;
    width: 88px;
    height: 80px;
    background-image: url(assets/icons/arrows-group-orange-01.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.footerSvgLayer__arrowsOrange1 {
    /* top: 10%; */ top: 0;
}
.arrowedSection__arrowsGreen2,
.footerSvgLayer__arrowsGreen2 {
    position: absolute;
    z-index: 8;
    width: 39px;
    height: 64px;
    background-image: url(assets/icons/arrows-group-green-02.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.footerSvgLayer__arrowsGreen2 {
    top: 7.5%;
}
.arrowedSection__arrowsBlue2,
.footerSvgLayer__arrowsBlue2 {
    position: absolute;
    z-index: 8;
    width: 38px;
    height: 48px;
    background-image: url(assets/icons/arrows-group-blue-02.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.footerSvgLayer__arrowsBlue2 {
    top: 12.5%;
}

@media(max-width: 1366px) {
    .productSingle__arrowsGray1 {
        display: none;
    }

    .footerSvgLayer__triangles1 {
        top: 11%;
        left: -50px;
    }
    .footerSvgLayer__triangles2 {
        top: 45%;
        right: 0;
    }

    .footerSvgLayer__arrowsBlue1,
    .footerSvgLayer__arrowsGreen2 {
        display: none;
    }
    .footerSvgLayer__arrowsOrange1 {
        top: 20%;
    }
    .footerSvgLayer__arrowsBlue2 {
        top: 27.5%;
    }
}
@media(max-width: 781px) {
    .footerSvgLayer__triangles1 {
        top: 24.5%;
        left: -186px;
    }
    .footerSvgLayer__triangles2 {
        display: none;
    }

    .footerSvgLayer__arrowsGreen1 {
        top: -20%;
    }
    .footerSvgLayer__arrowsOrange1 {
        top: 45%;
    }
    .footerSvgLayer__arrowsBlue2 {
        display: none;
    }
}

/* Complianz. */
.cmplz-cookiebanner {
    padding: 24px 30px 32px 30px !important;
    border: 1px solid var(--color-5);
    border-radius: 8px !important;
}

.cmplz-cookiebanner .cmplz-header {
    grid-template-columns: 0px 1fr 100px !important;
}
.cmplz-cookiebanner .cmplz-title {
    justify-self: left !important;
    font-weight: 600 !important;
    font-size: 22px !important;
    color: var(--color-9) !important;
}
.cmplz-cookiebanner .cmplz-close {
    background-color: var(--color-8);
    border: none;
    border-radius: 100%;
    width: 40px !important;
    height: 40px !important;
    transition: background-color .3s;
}
.cmplz-cookiebanner .cmplz-close:hover {
    background-color: var(--color-1);
}
.cmplz-cookiebanner .cmplz-close::before {
    content: '';
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/close.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/close.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    width: 40px;
    height: 40px;
    display: block;
}
.cmplz-cookiebanner .cmplz-close svg {
    display: none;
}

@media (max-width: 425px) {
    .cmplz-cookiebanner .cmplz-header .cmplz-title {
        display: unset !important;
    }
}

.cmplz-cookiebanner .cmplz-message {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: var(--color-8) !important;
}

.cmplz-cookiebanner .cmplz-buttons {
    gap: 20px !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    padding: 15px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: normal !important;
    text-transform: uppercase;
    height: unset !important;
    border-radius: 6px !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: var(--color-4) !important;
    background-color: var(--color-1) !important;
    border: 1px solid var(--color-1) !important;
    transition: background-color .3s, border-color .3s;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept::after {
    content: '';
    background-color: var(--color-4);
    -webkit-mask-image: url(assets/icons/arrow-large.svg);
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(assets/icons/arrow-large.svg);
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    width: 26px;
    height: 12px;
    display: block;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
    background-color: var(--color-1-hover) !important;
    border: 1px solid var(--color-1-hover) !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences {
    background-color: transparent !important;
    border: 1px solid var(--color-1) !important;
    color: var(--color-1) !important;
    transition: background-color .3s, border-color .3s, color .3s;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover {
    background-color: var(--color-1-hover) !important;
    border: 1px solid var(--color-1-hover) !important;
    color: var(--color-4) !important;
}

.cmplz-cookiebanner .cmplz-links.cmplz-documents {
    margin: 10px 0 0 0;
    justify-content: unset !important;
}
.cmplz-cookiebanner .cmplz-links ul {
    padding: 0 !important;
}
.cmplz-cookiebanner .cmplz-links ul li::before {
    display: none !important;
}
.cmplz-cookiebanner .cmplz-links .cmplz-link {
    font-size: 14px !important;
    text-decoration: none !important;
    color: var(--color-6) !important;
    transition: color .3s;
}
.cmplz-cookiebanner .cmplz-links .cmplz-link:hover {
    color: var(--color-3) !important;
}

#cmplz-manage-consent .cmplz-manage-consent {
    font-size: 14px !important;
    color: var(--color-9) !important;
}

@media (max-width: 768px) {
    #cmplz-manage-consent .cmplz-manage-consent {
        padding: 10px 15px !important;
        height: auto !important;
    }
}