/* 2025 03 19 Florian Brandel - Custom ZP Styles */

/*


using the following colors variables from flatsome theme settings:

--primary-color: #002846;
--fs-color-primary: #002846;
--fs-color-secondary: #ff7800;
--fs-color-success: #49b700;
--fs-color-alert: #b20000;
--fs-experimental-link-color: #ff7800;
--fs-experimental-link-color-hover: #111;

*/

/* NL page IDs: staging 649799/649850/649848/649842/649840, live 666964/667349/667347/667345/667343 */
/* ( .page-id-607170 = Startseite 2025 DE ) */
/* ( .product-template-default = Produktseite 2025 ) */

/* body.home, */
body.product-template-default,
body.page-id-607170,
body.page-id-649799,
body.page-id-666964,
body.page-id-610810,
body.page-id-649850,
body.page-id-667349,
body.page-id-611165,
body.page-id-649848,
body.page-id-667347,
body.page-id-612853,
body.page-id-649842,
body.page-id-667345,
body.page-id-614592,
body.page-id-649840,
body.page-id-667343 {

    font-family: 'Figtree-Regular', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: 0.02em !important;

}

/* these overrides should be removed once alls pages a redesigned */

/* body.home main > .page-wrapper, */
body.page-id-607170 main > .page-wrapper,
body.page-id-649799 main > .page-wrapper,
body.page-id-666964 main > .page-wrapper,
body.page-id-610810 main > .page-wrapper,
body.page-id-649850 main > .page-wrapper,
body.page-id-667349 main > .page-wrapper,
body.page-id-611165 main > .page-wrapper,
body.page-id-649848 main > .page-wrapper,
body.page-id-667347 main > .page-wrapper,
body.page-id-612853 main > .page-wrapper,
body.page-id-649842 main > .page-wrapper,
body.page-id-667345 main > .page-wrapper,
body.page-id-614592 main > .page-wrapper,
body.page-id-649840 main > .page-wrapper,
body.page-id-667343 main > .page-wrapper {

    padding-top: 0px !important;
    padding-bottom: 0px !important;

}

/* body.home main > .page-wrapper > .row > .col:first-child, */
body.page-id-607170 main > .page-wrapper > .row > .col:first-child,
body.page-id-649799 main > .page-wrapper > .row > .col:first-child,
body.page-id-666964 main > .page-wrapper > .row > .col:first-child,
body.page-id-610810 main > .page-wrapper > .row > .col:first-child,
body.page-id-649850 main > .page-wrapper > .row > .col:first-child,
body.page-id-667349 main > .page-wrapper > .row > .col:first-child,
body.page-id-611165 main > .page-wrapper > .row > .col:first-child,
body.page-id-649848 main > .page-wrapper > .row > .col:first-child,
body.page-id-667347 main > .page-wrapper > .row > .col:first-child,
body.page-id-612853 main > .page-wrapper > .row > .col:first-child,
body.page-id-649842 main > .page-wrapper > .row > .col:first-child,
body.page-id-667345 main > .page-wrapper > .row > .col:first-child,
body.page-id-614592 main > .page-wrapper > .row > .col:first-child,
body.page-id-649840 main > .page-wrapper > .row > .col:first-child,
body.page-id-667343 main > .page-wrapper > .row > .col:first-child {

    /* this makes full banner have no white border / padding on sides */
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;

}

/* Typography (as long as old Pages using the Lato Font are still in use) ---------------------------------------- */

/* body.home h1, h2, h3, */
body.product-template-default h1,
body.product-template-default .product-container + .row .banner h2,
body.page-id-607170 h1, body.page-id-607170 h2, body.page-id-607170 h3,
body.page-id-649799 h1, body.page-id-649799 h2, body.page-id-649799 h3,
body.page-id-666964 h1, body.page-id-666964 h2, body.page-id-666964 h3,
body.page-id-610810 h1, body.page-id-610810 h2, body.page-id-610810 h3,
body.page-id-649850 h1, body.page-id-649850 h2, body.page-id-649850 h3,
body.page-id-667349 h1, body.page-id-667349 h2, body.page-id-667349 h3,
body.page-id-611165 h1, body.page-id-611165 h2, body.page-id-611165 h3,
body.page-id-649848 h1, body.page-id-649848 h2, body.page-id-649848 h3,
body.page-id-667347 h1, body.page-id-667347 h2, body.page-id-667347 h3,
body.page-id-612853 h1, body.page-id-612853 h2, body.page-id-612853 h3,
body.page-id-649842 h1, body.page-id-649842 h2, body.page-id-649842 h3,
body.page-id-667345 h1, body.page-id-667345 h2, body.page-id-667345 h3,
body.page-id-614592 h1, body.page-id-614592 h2, body.page-id-614592 h3,
body.page-id-649840 h1, body.page-id-649840 h2, body.page-id-649840 h3,
body.page-id-667343 h1, body.page-id-667343 h2, body.page-id-667343 h3,
.single-post .zp-teaser-large h3,
/* body.home .h1, .h2, .h3, */
body.product-template-default .h1,
body.page-id-607170 .h1, body.page-id-607170 .h2, body.page-id-607170 .h3,
body.page-id-649799 .h1, body.page-id-649799 .h2, body.page-id-649799 .h3,
body.page-id-666964 .h1, body.page-id-666964 .h2, body.page-id-666964 .h3,
body.page-id-610810 .h1, body.page-id-610810 .h2, body.page-id-610810 .h3,
body.page-id-649850 .h1, body.page-id-649850 .h2, body.page-id-649850 .h3,
body.page-id-667349 .h1, body.page-id-667349 .h2, body.page-id-667349 .h3,
body.page-id-611165 .h1, body.page-id-611165 .h2, body.page-id-611165 .h3,
body.page-id-649848 .h1, body.page-id-649848 .h2, body.page-id-649848 .h3,
body.page-id-667347 .h1, body.page-id-667347 .h2, body.page-id-667347 .h3,
body.page-id-612853 .h1, body.page-id-612853 .h2, body.page-id-612853 .h3,
body.page-id-649842 .h1, body.page-id-649842 .h2, body.page-id-649842 .h3,
body.page-id-667345 .h1, body.page-id-667345 .h2, body.page-id-667345 .h3,
body.page-id-614592 .h1, body.page-id-614592 .h2, body.page-id-614592 .h3,
body.page-id-649840 .h1, body.page-id-649840 .h2, body.page-id-649840 .h3,
body.page-id-667343 .h1, body.page-id-667343 .h2, body.page-id-667343 .h3 {
    
    font-family: 'Figtree-Black', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-transform: uppercase !important;

}

/* container with H2 FugazOne type */
.zp-fugaz-headings h2,
body.page-id-607170 .zp-fugaz-headings h2,
body.page-id-649799 .zp-fugaz-headings h2,
body.page-id-666964 .zp-fugaz-headings h2,
body.page-id-610810 .zp-fugaz-headings h2,
body.page-id-649850 .zp-fugaz-headings h2,
body.page-id-667349 .zp-fugaz-headings h2,
body.page-id-611165 .zp-fugaz-headings h2,
body.page-id-649848 .zp-fugaz-headings h2,
body.page-id-667347 .zp-fugaz-headings h2,
body.page-id-612853 .zp-fugaz-headings h2,
body.page-id-649842 .zp-fugaz-headings h2,
body.page-id-667345 .zp-fugaz-headings h2,
.category.category-kundenideen main .zp-fugaz-headings h2,
.category.category-kundenprojekte main .zp-fugaz-headings h2,
.category.category-240 main .zp-fugaz-headings h2 {

    font-family: "FugazOne-Regular", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-transform: none !important;
    letter-spacing: 0;

}

/* exclude Borlabs
:not(.brlbs-cmpnt-dialog-entrance-headline):not(#BorlabsCookiePreferencesA11YHeadline):not(.brlbs-cmpnt-h2):not(.zp-subline-uppercase)
*/

/* body.home h1, h2, */
body.page-id-607170 h1, body.page-id-607170 h2,
body.page-id-649799 h1, body.page-id-649799 h2,
body.page-id-666964 h1, body.page-id-666964 h2,
body.page-id-610810 h1, body.page-id-610810 h2,
body.page-id-649850 h1, body.page-id-649850 h2,
body.page-id-667349 h1, body.page-id-667349 h2,
body.page-id-611165 h1, body.page-id-611165 h2,
body.page-id-649848 h1, body.page-id-649848 h2,
body.page-id-667347 h1, body.page-id-667347 h2,
body.page-id-612853 h1, body.page-id-612853 h2,
body.page-id-649842 h1, body.page-id-649842 h2,
body.page-id-667345 h1, body.page-id-667345 h2,
body.page-id-614592 h1, body.page-id-614592 h2,
body.page-id-649840 h1, body.page-id-649840 h2,
body.page-id-667343 h1, body.page-id-667343 h2,
.category.category-kundenideen main .zp-fugaz-headings h2,
.category.category-kundenprojekte main .zp-fugaz-headings h2,
.category.category-240 main .zp-fugaz-headings h2,
.single-post .zp-teaser-large h3,
body.product-template-default h2,
/* body.home .h1, .h2, */
body.page-id-607170 .h1, body.page-id-607170 .h2,
body.page-id-649799 .h1, body.page-id-649799 .h2,
body.page-id-666964 .h1, body.page-id-666964 .h2,
body.page-id-610810 .h1, body.page-id-610810 .h2,
body.page-id-649850 .h1, body.page-id-649850 .h2,
body.page-id-667349 .h1, body.page-id-667349 .h2,
body.page-id-611165 .h1, body.page-id-611165 .h2,
body.page-id-649848 .h1, body.page-id-649848 .h2,
body.page-id-667347 .h1, body.page-id-667347 .h2,
body.page-id-612853 .h1, body.page-id-612853 .h2,
body.page-id-649842 .h1, body.page-id-649842 .h2,
body.page-id-667345 .h1, body.page-id-667345 .h2,
body.page-id-614592 .h1, body.page-id-614592 .h2,
body.page-id-649840 .h1, body.page-id-649840 .h2,
body.page-id-667343 .h1, body.page-id-667343 .h2,
body.product-template-default .h2

{

    font-size: 3rem !important;
    margin-bottom: .3em !important;

}
body.product-template-default h1 {

    font-size: 3rem !important;

}
@media (max-width: 849px) {

    /* body.home h1, h2, */
    body.page-id-607170 h1, body.page-id-607170 h2,
    body.page-id-649799 h1, body.page-id-649799 h2,
    body.page-id-666964 h1, body.page-id-666964 h2,
    body.page-id-610810 h1, body.page-id-610810 h2,
    body.page-id-649850 h1, body.page-id-649850 h2,
    body.page-id-667349 h1, body.page-id-667349 h2,
    body.page-id-611165 h1, body.page-id-611165 h2,
    body.page-id-649848 h1, body.page-id-649848 h2,
    body.page-id-667347 h1, body.page-id-667347 h2,
    body.page-id-612853 h1, body.page-id-612853 h2,
    body.page-id-649842 h1, body.page-id-649842 h2,
    body.page-id-667345 h1, body.page-id-667345 h2,
    body.page-id-614592 h1, body.page-id-614592 h2,
    body.page-id-649840 h1, body.page-id-649840 h2,
    body.page-id-667343 h1, body.page-id-667343 h2,
    .category.category-kundenideen main .zp-fugaz-headings h2,
    .category.category-kundenprojekte main .zp-fugaz-headings h2,
    .category.category-240 main .zp-fugaz-headings h2,
    .single-post .zp-teaser-large h3,
    body.product-template-default h2,
    /* body.home .h1, .h2, */
    body.page-id-607170 .h1, body.page-id-607170 .h2,
    body.page-id-649799 .h1, body.page-id-649799 .h2,
    body.page-id-666964 .h1, body.page-id-666964 .h2,
    body.page-id-610810 .h1, body.page-id-610810 .h2,
    body.page-id-649850 .h1, body.page-id-649850 .h2,
    body.page-id-667349 .h1, body.page-id-667349 .h2,
    body.page-id-611165 .h1, body.page-id-611165 .h2,
    body.page-id-649848 .h1, body.page-id-649848 .h2,
    body.page-id-667347 .h1, body.page-id-667347 .h2,
    body.page-id-612853 .h1, body.page-id-612853 .h2,
    body.page-id-649842 .h1, body.page-id-649842 .h2,
    body.page-id-667345 .h1, body.page-id-667345 .h2,
    body.page-id-614592 .h1, body.page-id-614592 .h2,
    body.page-id-649840 .h1, body.page-id-649840 .h2,
    body.page-id-667343 .h1, body.page-id-667343 .h2,
    .category.category-kundenideen main .zp-fugaz-headings h2,
    .category.category-kundenprojekte main .zp-fugaz-headings h2,
    .category.category-240 main .zp-fugaz-headings h2,
    body.product-template-default .h2
    
    {

        font-size: 2rem !important;
        margin-bottom: .6em !important;

    }

    body.product-template-default h1 {

        font-size: 1.8rem !important;
    
    }

}
@media (max-width: 1180px) {

    /* body.home h1, h2, */
    body.page-id-607170 h1, body.page-id-607170 h2,
    body.page-id-649799 h1, body.page-id-649799 h2,
    body.page-id-666964 h1, body.page-id-666964 h2,
    body.page-id-610810 h1, body.page-id-610810 h2,
    body.page-id-649850 h1, body.page-id-649850 h2,
    body.page-id-667349 h1, body.page-id-667349 h2,
    body.page-id-611165 h1, body.page-id-611165 h2,
    body.page-id-649848 h1, body.page-id-649848 h2,
    body.page-id-667347 h1, body.page-id-667347 h2,
    body.page-id-612853 h1, body.page-id-612853 h2,
    body.page-id-649842 h1, body.page-id-649842 h2,
    body.page-id-667345 h1, body.page-id-667345 h2,
    body.page-id-614592 h1, body.page-id-614592 h2,
    body.page-id-649840 h1, body.page-id-649840 h2,
    body.page-id-667343 h1, body.page-id-667343 h2,
    .category.category-kundenideen main .zp-fugaz-headings h2,
    .category.category-kundenprojekte main .zp-fugaz-headings h2,
    .category.category-240 main .zp-fugaz-headings h2,
    .single-post .zp-teaser-large h3,
    /* body.home .h1, .h2, */
    body.page-id-607170 .h1, body.page-id-607170 .h2,
    body.page-id-649799 .h1, body.page-id-649799 .h2,
    body.page-id-666964 .h1, body.page-id-666964 .h2,
    body.page-id-610810 .h1, body.page-id-610810 .h2,
    body.page-id-649850 .h1, body.page-id-649850 .h2,
    body.page-id-667349 .h1, body.page-id-667349 .h2,
    body.page-id-611165 .h1, body.page-id-611165 .h2,
    body.page-id-649848 .h1, body.page-id-649848 .h2,
    body.page-id-667347 .h1, body.page-id-667347 .h2,
    body.page-id-612853 .h1, body.page-id-612853 .h2,
    body.page-id-649842 .h1, body.page-id-649842 .h2,
    body.page-id-667345 .h1, body.page-id-667345 .h2,
    body.page-id-614592 .h1, body.page-id-614592 .h2,
    body.page-id-649840 .h1, body.page-id-649840 .h2,
    body.page-id-667343 .h1, body.page-id-667343 .h2,
    .category.category-kundenideen main .zp-fugaz-headings h2,
    .category.category-kundenprojekte main .zp-fugaz-headings h2,
    .category.category-240 main .zp-fugaz-headings h2 {

        font-size: 2rem !important;
        margin-bottom: .6em !important;

    }

    body.product-template-default h1 {

        font-size: 1.6rem !important;
    
    }

}

/* body.home main > .page-wrapper strong, */
body.product-template-default main > .product-main strong,
body.page-id-607170 main > .page-wrapper strong,
body.page-id-649799 main > .page-wrapper strong,
body.page-id-666964 main > .page-wrapper strong,
body.page-id-610810 main > .page-wrapper strong,
body.page-id-649850 main > .page-wrapper strong,
body.page-id-667349 main > .page-wrapper strong,
body.page-id-611165 main > .page-wrapper strong,
body.page-id-649848 main > .page-wrapper strong,
body.page-id-667347 main > .page-wrapper strong,
body.page-id-612853 main > .page-wrapper strong,
body.page-id-649842 main > .page-wrapper strong,
body.page-id-667345 main > .page-wrapper strong,
body.page-id-614592 main > .page-wrapper strong,
body.page-id-649840 main > .page-wrapper strong,
body.page-id-667343 main > .page-wrapper strong {

    font-family: 'Figtree-SemiBold', sans-serif !important;
    font-weight: normal !important;

}

.zp-subline-uppercase,
h2.zp-subline-uppercase,
body.page-id-610810 h2.zp-subline-uppercase,
body.page-id-611165 h2.zp-subline-uppercase,
body.page-id-612853 h2.zp-subline-uppercase,
body.page-id-614592 h2.zp-subline-uppercase {

    font-family: 'Figtree-SemiBold', sans-serif !important;
    font-weight: normal !important;
    font-size: 1rem !important;

}

@media (max-width: 549px) {

    .zp-subline-uppercase,
    h2.zp-subline-uppercase,
    body.page-id-610810 h2.zp-subline-uppercase,
    body.page-id-611165 h2.zp-subline-uppercase,
    body.page-id-612853 h2.zp-subline-uppercase,
    body.page-id-614592 h2.zp-subline-uppercase {

        max-width: 75%;

    }

}

h2.brlbs-cmpnt-dialog-entrance-headline,
h2.brlbs-cmpnt-h2,
h2#BorlabsCookiePreferencesA11YHeadline,
body.page-id-607170 h2.brlbs-cmpnt-dialog-entrance-headline,
body.page-id-607170 h2.brlbs-cmpnt-h2,
body.page-id-607170 h2#BorlabsCookiePreferencesA11YHeadline {

    font-size: 1rem !important;

}

/* general ---------------------------------------- */

@media (max-width: 849px) {

    .mobile-small {

        font-size: .95em !important;

    }

}

@media (max-width: 549px) {

    .phone-off {

        display: none !important;

    }

}

.no-padding-sides {

    padding-left: 0 !important;
    padding-right: 0 !important;

}

.bg-primary {

    background-color: var(--fs-color-primary) !important;

}

.bg-primary-transparent {

    background-color: rgba(0, 40, 70, 0.97) !important;

}

.bg-secondary {

    background-color: var(--fs-color-secondary) !important;

}

.bg-secondary-transparent {

    background-color: rgba(255, 120, 0, 0.97) !important;

}

.bg-primary-transparent-desktop {

    background-color: rgba(0, 40, 70, 1) !important;

}
.bg-secondary-transparent-desktop {

    background-color: rgba(255, 120, 0, 1) !important;

}

@media (min-width: 850px) {

    .bg-primary-transparent-desktop {

        background-color: rgba(0, 40, 70, 0.97) !important;
    
    }
    .bg-secondary-transparent-desktop {

        background-color: rgba(255, 120, 0, 0.97) !important;
    
    }

}

.color-primary,
.text.color-primary > h1,
.text.color-primary > h2,
.text.color-primary > h3,
.text.color-primary > h4,
.text.color-primary > h5,
.text.color-primary > h6 {

    color: var(--fs-color-primary) !important;

}

.color-secondary,
.text.color-secondary > h1,
.text.color-secondary > h2,
.text.color-secondary > h3,
.text.color-secondary > h4,
.text.color-secondary > h5,
.text.color-secondary > h6 {

    color: var(--fs-color-secondary) !important;

}

/* buttons --------------------------------------- */

.button.zp-button-white-outline {

    box-shadow: none;
    border: 2px solid #fff;
    font-size: .97rem;

}
.button.zp-button-white-outline:hover {

    border: 2px solid #fff;
    background-color: #fff !important;
    color: var(--fs-color-primary) !important;
    box-shadow: none !important;

}
.button.zp-button-white-outline i {

    font-size: 2em;

}

/* header ---------------------------------------- */

header > .header-wrapper {

    font-family: 'Figtree-Regular', sans-serif;

}

header > .header-wrapper:not(.stuck)::after {

    content: "";
    display: block;
    height: 6px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    background-color: var(--fs-color-secondary);

}

@media (max-width: 849px) {

    header .logo {

        width: 140px !important;
        transform: translateY(-7%);

    }

}

header > .header-wrapper > .header-main > .container,
header > .header-wrapper > .header-top > .container,
header > .header-wrapper > .header-bottom > .container,
/* body.product-template-default */
body.product-template-default main > .shop-container > .product > .product-container > .product-main > .row:first-child,
body.product-template-default main > .shop-container .container,
/* body.home main > .content-area > .row, */
.page-id-607170 main > .content-area > .row,
.page-id-649799 main > .content-area > .row,
.page-id-666964 main > .content-area > .row,
.page-id-610810 main > .content-area > .row,
.page-id-649850 main > .content-area > .row,
.page-id-667349 main > .content-area > .row,
.page-id-611165 main > .content-area > .row,
.page-id-649848 main > .content-area > .row,
.page-id-667347 main > .content-area > .row,
.page-id-612853 main > .content-area > .row,
.page-id-649842 main > .content-area > .row,
.page-id-667345 main > .content-area > .row,
.page-id-614592 main > .content-area > .row,
.page-id-649840 main > .content-area > .row,
.page-id-667343 main > .content-area > .row,
/* body.home main > .content-area .container, */
.page-id-607170 main > .content-area .container,
.page-id-649799 main > .content-area .container,
.page-id-666964 main > .content-area .container,
.page-id-610810 main > .content-area .container,
.page-id-649850 main > .content-area .container,
.page-id-667349 main > .content-area .container,
.page-id-611165 main > .content-area .container,
.page-id-649848 main > .content-area .container,
.page-id-667347 main > .content-area .container,
.page-id-612853 main > .content-area .container,
.page-id-649842 main > .content-area .container,
.page-id-667345 main > .content-area .container,
.page-id-614592 main > .content-area .container,
.page-id-649840 main > .content-area .container,
.page-id-667343 main > .content-area .container {

    max-width: 1440px;

}

body.product-template-default main > .shop-container > .container:first-child {
    
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    background-color: var(--fs-color-primary);
    
}

body.product-template-default main > .shop-container > .container:first-child h1 {

    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    margin-bottom: 0 !important;

}

@media (max-width: 849px) {

    body.product-template-default main > .shop-container > .container:first-child h1 {

        max-width: 100%;
        padding-left: 0;
        padding-right: 0;

    }

}

@media (min-width: 850px) {

    body.product-template-default main > .shop-container > .product > .product-container > .product-main > .row:first-child,
    body.product-template-default main > .shop-container > .container:first-child,
    body.product-template-default main > .shop-container > .product > .product-container > .product-footer > .container {

        padding-left: 3rem;
        padding-right: 3rem;

    }

}

header > .header-wrapper > .header-top .nav > li.html,
header > .header-wrapper > .header-top .nav a:not(.button) {

    font-size: .85rem !important;
    color: #8aa2b7 !important;
    letter-spacing: 0.02em;

}

header > .header-wrapper > .header-top .nav a:not(.button):hover {

    color: var(--fs-color-secondary) !important;

}

.zp-hero-button {

    display: inline-flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-content: center !important;
    align-items: center !important;
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;

}
.zp-hero-button i {

    top: unset !important;

}


/* top bar ---------------------------------------- */

@media (max-width: 849px) {

    .header-top > .flex-row.container {

        padding-left: 0 !important;
        padding-right: 0 !important;

    }

    .header-top > .flex-row.container > .flex-col > ul.nav {

        justify-content: space-between !important;

    }

    .header-top > .flex-row.container > .flex-col > ul.nav > li:first-child {

        padding-left: 15px !important;

    }

    .header-top > .flex-row.container > .flex-col > ul.nav > li > a {

        margin-right: 0 !important;

    }

}


/* nav ---------------------------------------- */


header > .header-wrapper div.flex-left ul.nav {

    letter-spacing: 0.02em !important;

}

@media (min-width: 850px) {

    header > .header-wrapper div.flex-left ul.nav {

        justify-content: center !important;
    
    }

}


header > .header-wrapper .nav > li > a {

    font-family: 'Figtree-SemiBold', sans-serif !important;
    font-weight: normal !important;

}

.has-dropdown .icon-angle-down {

    font-size: 14px !important;
    margin-left: .4em !important;
    opacity: .4 !important;

}


/* dropdown / sub menu ---------------------------------------- */

@media (min-width: 850px) {

    header > .header-wrapper .nav .nav-dropdown {

        padding-left: 1em;
        padding-right: 1em;
        padding-bottom: 4em;
    
    }

    header > .header-wrapper .nav .nav-dropdown > li > a,
    .nav-column > li > a {
        
        color: var(--fs-color-primary) !important;

    }

    header > .header-wrapper .nav .nav-dropdown > li,
    .nav-column > li:hover {

        background-color: transparent !important;
    
    }
    
    header > .header-wrapper .nav .nav-dropdown > li > a:hover,
    .nav-column > li > a:hover {
        
        color: var(--fs-color-secondary) !important;
        background-color: transparent !important;

    }

    header > .header-wrapper .nav-dropdown .menu-item-has-children > a,
    header > .header-wrapper .nav-dropdown .nav-dropdown-col > a,
    header > .header-wrapper .nav-dropdown .title > a {

        font-family: 'Figtree-SemiBold', sans-serif !important;
        font-weight: normal !important;
        font-size: 1.05em !important;
        color: var(--fs-color-primary) !important;

    }

}


/* saving some space in order to avoid line breaks from 850px to 1240px */
@media (min-width: 850px) and (max-width: 1240px) {

    .nav-spacing-large > li {

        margin-left: 0px !important;
    
    }

    /* .has-dropdown .icon-angle-down {

        display: none !important;

    } */

}


/* mobile menu ---------------------------------------- */

.off-canvas .sidebar-menu,
.off-canvas .sidebar-menu > ul > li > ul  {

    background-color: var(--fs-color-primary);

}

/* footer ---------------------------------------- */


footer.footer-wrapper {

    padding: 2.5em 0 0 0;

}

/* body.home main footer.footer-wrapper */
body.product-template-default footer.footer-wrapper,
body.page-id-607170 footer.footer-wrapper,
body.page-id-649799 footer.footer-wrapper,
body.page-id-666964 footer.footer-wrapper,
body.page-id-610810 footer.footer-wrapper,
body.page-id-649850 footer.footer-wrapper,
body.page-id-667349 footer.footer-wrapper,
body.page-id-611165 footer.footer-wrapper,
body.page-id-649848 footer.footer-wrapper,
body.page-id-667347 footer.footer-wrapper,
body.page-id-612853 footer.footer-wrapper,
body.page-id-649842 footer.footer-wrapper,
body.page-id-667345 footer.footer-wrapper,
body.page-id-614592 footer.footer-wrapper,
body.page-id-649840 footer.footer-wrapper,
body.page-id-667343 footer.footer-wrapper {

    padding: 5em 0 0 0;

}

@media (min-width: 850px) {

    footer.footer-wrapper {

        padding: 0 0 0 0;

    }

    /* body.home main footer.footer-wrapper */
    body.product-template-default footer.footer-wrapper,
    body.page-id-607170 footer.footer-wrapper,
    body.page-id-610810 footer.footer-wrapper,
    body.page-id-611165 footer.footer-wrapper,
    body.page-id-612853 footer.footer-wrapper,
    body.page-id-614592 footer.footer-wrapper {

        padding: 10em 0 0 0;


    }

}

footer.footer-wrapper > .footer-widgets {

    border-top: none;

}

footer.footer-wrapper > .footer-widgets > .row {

    max-width: 1350px;

}

footer.footer-wrapper > .footer-widgets > .row > .widget a {

    color: var(--fs-color-primary) !important;

}

@media (max-width: 849px) {

    footer.footer-wrapper > .footer-widgets > .row > .widget {

        width: 50%;
        padding-left: 1em;

    }

}

@media (max-width: 549px) {

    footer.footer-wrapper > .footer-widgets > .row > .widget {

        width: 100%;

    }

}

footer.footer-wrapper > .footer-widgets > .row > .widget table th {

    text-transform: none;
    border: none;

}

footer.footer-wrapper > .footer-widgets > .row > .widget table td {

    border-color: #fff !important;

}

footer.footer-wrapper > .footer-widgets > .row > .widget .is-divider {

    background-color: #fff;
    margin-top: 0 !important;

}

.absolute-footer  .payment-icon {

    opacity: 1 !important;

}

/* custom icons ---------------------------------------- */

.zp-rating {

    background-image: URL('../img/icons/icon-star.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 1em;
    padding-left: 1.55em;

}

.icon-search::before {

    content: "" !important;
    display: block;
    width: 1.3em;
    height: 1.3em;
    background-image: URL('../img/icons/icon-search.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;

}

.icon-shopping-cart::before {

    content: "" !important;
    display: block;
    width: 1.3em;
    height: 1.3em;
    background-image: URL('../img/icons/icon-cart.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;

}

.icon-shopping-cart[data-icon-label]::after {

    color: #000 !important;
    background-color: var(--fs-color-secondary) !important;

}

/* custom teasers ---------------------------------------- */

.zp-teaser-default,
.zp-teaser-large {

    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 2em !important;
    margin-top: 0 !important;

}

.zp-teaser-default.zp-no-margin-bottom,
.zp-teaser-large.zp-no-margin-bottom {

    margin-bottom: 0 !important;
    
}

.zp-teaser-default > .col > .col-inner p {

    font-size: 1rem;

}

.zp-teaser-default > .col > .col-inner p > a,
.zp-teaser-default > .col > .col-inner p > strong a,
.zp-teaser-default > .col > .col-inner p > a:hover,
.zp-teaser-default > .col > .col-inner p > strong a:hover {

    color: inherit !important;

}

.zp-teaser-default > .col > .col-inner a.button {

    background-image: URL('../img/icons/icon-chevron-right-small.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: .5em;
    padding-left: 1.1em;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff !important;
    transition: none !important;

}

.zp-teaser-default > .col > .col-inner a.button:hover {

    background-image: URL('../img/icons/icon-chevron-right-primary-small.svg');
    color: var(--fs-color-primary) !important;

}

.zp-teaser.widget_nav_menu h2 {

    color: #fff;

}

@media (max-width: 849px) {

    .zp-teaser-default > .col > .col-inner > .img > a .img-inner {

        padding-top: 54% !important;

    }

}

@media (max-width: 549px) {

    .zp-teaser-default > .col > .col-inner > .img > .img-inner,
    .zp-teaser-large > .col > .col-inner > .img > .img-inner {

        padding-top: 0 !important;

    }

    .zp-teaser-default > .col > .col-inner > .img > a .img-inner {

        padding-top: 70% !important;

    }

}

@media (min-width: 850px) {

    .zp-teaser-default,
    .zp-teaser-large {

        margin-bottom: 0 !important;

    }

    .zp-teaser-default.zp-teaser-default-space,
    .zp-teaser-large.zp-teaser-large-space {
    
        margin-bottom: 10em !important;

    }

    .zp-teaser-default > .col > .col-inner > .img > .img-inner,
    .zp-teaser-default > .col > .col-inner > .img > a {

        /* stretch image to full width incl. behind text col */
        width: 200% !important;

    }

    .zp-teaser-default > .col > .col-inner > .img > a {

        display: flex;
        flex-direction: row;

    }

    .zp-teaser-default.zp-teaser-default-image-right > .col {
        
        /* text col needs to be on top of image col */
        z-index: 10;

    }
    .zp-teaser-default.zp-teaser-default-image-right > .col.zp-teaser-image-wrap {

        /* image col needs lower z-index in order to be behind text col */
        z-index: 1;

    }

    .zp-teaser-default.zp-teaser-default-image-right > .col > .col-inner > .img > .img-inner,
    .zp-teaser-default.zp-teaser-default-image-right > .col > .col-inner > .img > a  {

        /* pull image container to the left when teaser image is on the right */
        transform: translateX(-50%);

    }

}

.zp-teaser-large strong {

    font-family: 'Figtree-Bold', sans-serif !important;
    font-weight: normal !important;

}

.zp-teaser-title.zp-teaser-title-white {

    color: #fff;

}
.zp-teaser-title.zp-teaser-title-white > a,
.zp-teaser-title.zp-teaser-title-white > a:hover,
.zp-teaser-title.zp-teaser-title-white > a:visited:hover {

    color: #fff;

}

/* teasers dropdown menus (METALL, HOLZ ... ) */

.zp-teaser.widget_nav_menu > div {

    position: relative;

}

.zp-teaser.widget_nav_menu > div > ul {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0em 1.5em;
    position: relative;
    font-size: 1rem;
    font-family: 'Figtree-SemiBold', sans-serif !important;
    font-weight: normal !important;
    margin: .7em 0 .3em 0;

}

.zp-teaser-dropdown + .text > p:first-child {

    margin-top: .7em !important;

}

@media (max-width: 849px) {

    .zp-teaser-dropdown + .text > p:first-child {

        margin-top: 0em !important;
    
    }

}

@media (max-width: 549px) {

    .zp-teaser-dropdown + .text > p:first-child {

        margin-top: 0em !important;
    
    }

}

.zp-teaser.widget_nav_menu > div > ul > li {

    position: relative;
    text-transform: uppercase;
    border: none;
    padding: 0 0 1.3em 0;
    
}

.zp-teaser.widget_nav_menu > div > ul > li > a {

    background-image: URL('../img/icons/icon-chevron-right-small.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: .5em;
    padding-left: 1.1em;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff !important;

}

.zp-teaser.widget_nav_menu > div > ul > li > button.toggle i {

    display: none;

}

.zp-teaser.widget_nav_menu > div > ul > li > button.toggle {

    position: absolute;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    line-height: unset;
    height: 73%;

}

@media (hover: none) {

    .zp-teaser.widget_nav_menu > div > ul > li > button.toggle {

        display: block;

    }

}

.zp-teaser.widget_nav_menu > div > ul > li > ul.sub-menu {

    position: absolute;
    top: 2em;
    left: -3px;
    border: none;
    padding: 1em 2em 1em 1.3em;
    min-width: 225px;
    background-color: #fff;

}

.zp-teaser.widget_nav_menu > div > ul > li:hover,
.zp-teaser.widget_nav_menu > div > ul > li.active {

    z-index: 10;

}

.zp-teaser.widget_nav_menu > div > ul > li:hover > a,
.zp-teaser.widget_nav_menu > div > ul > li.active > a {

    color: var(--fs-color-secondary) !important;
    background-image: URL('../img/icons/icon-chevron-right-secondary-small.svg');

}   

.zp-teaser.widget_nav_menu > div > ul > li:hover > ul.sub-menu,
.zp-teaser.widget_nav_menu > div > ul > li.active > ul.sub-menu {

    display: block !important;

}

.zp-teaser.widget_nav_menu > div > ul > li > ul.sub-menu::before {

    content: "";
    display: block;
    position: absolute;
    top: -.27em;
    left: 1.6em;
    width: .7em;
    height: .7em;
    background-color: #fff;
    transform-origin: center;
    transform: rotate(45deg);

}

.zp-teaser.widget_nav_menu > div > ul > li > ul.sub-menu > li {

    border: none;

}

.zp-teaser.widget_nav_menu > div > ul > li > ul.sub-menu > li > a {

    color: var(--fs-color-primary) !important;
    text-transform: none;
    font-family: 'Figtree-Regular', sans-serif !important;

}

.zp-teaser.widget_nav_menu > div > ul > li > ul.sub-menu > li > a:hover {

    color: var(--fs-color-secondary) !important;

}

.zp-teaser-image-wrap {

    padding: 0 !important;
    overflow: hidden;

}

@media (max-width: 849px) {

    .zp-teaser-image-wrap {

        height: calc(52vw) !important;

    }

}

@media (max-width: 549px) {

    .zp-teaser-image-wrap {

        height: calc(66.666vw) !important;

    }

}

.zp-teaser-image-wrap > .col-inner {

    /* make sure image col has min height of text col */
    min-height: 100%;
    display: flex;
    flex-direction: row;


}
.zp-teaser-image-wrap > .col-inner > .img > a {

    display: block;

}
.zp-teaser-image-wrap > .col-inner > .img > .img-inner,
.zp-teaser-image-wrap > .col-inner > .img > a,
.zp-teaser-image-wrap > .col-inner > .img > a > .img-inner {

    min-height: 100%;
    flex: 1 1 auto;

}

/* zp teaser bg cross / grey lines background */

.zp-teaser-bg-cross {

    background-image: URL('../img/bg-teaser-default-cross.png');
    background-position: top left;
    background-repeat: repeat;
    background-size: 180px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;

}

/* zp teaser / header in category pages */

.zp-teaser-category-header {

    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 3rem !important;

}

.zp-teaser-category-header > .col:first-child {

    display: flex;

}
.zp-teaser-category-header > .col:first-child > .col-inner {

    display: flex;
    flex-direction: column;
    justify-content: center;

}

.zp-teaser-category-header > .col:first-child > .col-inner > .text > h1,
.zp-teaser-category-header > .col:first-child > .col-inner > .text > h2 {

    display: flex;
    flex-direction: column;

}

.zp-teaser-category-header > .col > .col-inner > .img {

    padding-top: 64% !important;
    overflow: hidden;

}

@media (min-width: 850px) {

    .zp-teaser-category-header > .col > .col-inner > .img {

        padding-top: 51% !important;
    
    }

}

.zp-teaser-category-header > .col > .col-inner > .img > .img-inner {

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-height: 100%;

}

.zp-teaser-category-header > .col > .col-inner > .img > .img-inner > img {

    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    position: absolute;

}

body.page-id-611165 h2.zp-subcategory-header,
body.page-id-612853 h2.zp-subcategory-header,
body.page-id-614592 h2.zp-subcategory-header,
h2.zp-subcategory-header {

    font-family: "Figtree-Medium", sans-serif !important;
    font-size: 1.4rem !important;
    text-transform: none !important;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 1.75em;

}

@media (min-width: 550px) {

    body.page-id-611165 h2.zp-subcategory-header,
    body.page-id-612853 h2.zp-subcategory-header,
    body.page-id-614592 h2.zp-subcategory-header,
    h2.zp-subcategory-header {

        font-size: 1.7rem !important;
        padding-left: 2rem;
        padding-right: 2rem;
    
    }

}

@media (min-width: 1180px) {

    body.page-id-611165 h2.zp-subcategory-header,
    body.page-id-612853 h2.zp-subcategory-header,
    body.page-id-614592 h2.zp-subcategory-header,
    h2.zp-subcategory-header {

        font-size: 2.3rem !important;
        padding-left: 4.3rem;
        padding-right: 4.3rem;
        margin-top: 2em;
    
    }

}

/* zp product teaser row */

.row.zp-product-teaser-row {

    margin-top: 3rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    gap: 2rem;

}

.row.zp-product-teaser-row.zp-product-teaser-row-4-col {

    gap: 1rem;

}

.row.zp-product-teaser-row .zp-product-teaser.small-6 {

    flex-basis: calc( 50% - .5rem );
    max-width: calc( 50% - .5rem );

}

.zp-product-teaser {

    box-shadow: 2px 2px 9px rgba(0,0,0,0.13);

}

.row.zp-product-teaser-row .zp-product-teaser.small-6 h3 {

    font-size: 1rem;

}

@media (min-width: 550px) {

    .row.zp-product-teaser-row {

        padding-left: 2rem !important;
        padding-right: 2rem !important;
        gap: 2rem;
    
    }

    .row.zp-product-teaser-row.zp-product-teaser-row-4-col {

        gap: 2rem;

    }

    .row.zp-product-teaser-row .zp-product-teaser.large-4 {

        flex-basis: calc( 50% - 1rem );
        max-width: calc( 50% - 1rem );
    
    }

    .row.zp-product-teaser-row .zp-product-teaser.large-3 {

        flex-basis: calc( 50% - 1rem );
        max-width: calc( 50% - 1rem );
    
    }

    .row.zp-product-teaser-row .zp-product-teaser.small-6 h3 {

        font-size: 1.4rem;
    
    }

}

@media (min-width: 850px) {

    .row.zp-product-teaser-row {

        margin-top: 3rem !important;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        gap: 2.5rem;
    
    }

    .row.zp-product-teaser-row.zp-product-teaser-row-4-col {

        gap: 2rem;
        
    }

    .row.zp-product-teaser-row .zp-product-teaser.large-4 {

        flex-basis: calc( 33.3333333333% - 1.7rem );
        max-width: calc( 33.3333333333% - 1.7rem );
    
    }

    .row.zp-product-teaser-row .zp-product-teaser.large-3 {

        flex-basis: calc( 33.3333333333% - 1.5rem );
        max-width: calc( 33.3333333333% - 1.5rem );
    
    }

    .row.zp-product-teaser-row .zp-product-teaser.small-6 h3 {

        font-size: 1.4rem;
    
    }

}

@media (min-width: 1180px) {

    .row.zp-product-teaser-row {

        margin-top: 1.5rem !important;
        padding-left: 4.3rem !important;
        padding-right: 4.3rem !important;
        gap: 3.5rem;

    }

    .row.zp-product-teaser-row.zp-product-teaser-row-4-col {

        gap: 2.3rem;
        
    }

    .row.zp-product-teaser-row .zp-product-teaser.large-4 {

        flex-basis: calc( 33.3333333333% - 2.4rem );
        max-width: calc( 33.3333333333% - 2.4rem );
    
    }

    .row.zp-product-teaser-row .zp-product-teaser.large-3 {

        flex-basis: calc( 25% - 1.9rem );
        max-width: calc( 25% - 1.9rem );
    
    }

    .row.zp-product-teaser-row .zp-product-teaser.small-6 h3 {

        font-size: 1.5rem;
    
    }

}

.zp-teaser-category-header + .text + .zp-product-teaser-row,
.zp-teaser-large + .text + .zp-product-teaser-row {

    margin-top: 1.5rem !important;

}

.zp-product-teaser {

    display: flex;

}

.zp-product-teaser > .col-inner > .img .img-inner::after {

    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 33.333%;
    background: transparent;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: opacity(0.02);

}

@media (hover: hover) {

    /* hover img zoom fx only for no-touch devices with :hover */

    .zp-product-teaser > .col-inner > .img:not(.no-zoom) .img-inner > img {

        transform-origin: center;
        transform: scale(1);
        transition: transform 250ms;

    }

    .zp-product-teaser > .col-inner > .img:not(.no-zoom) .img-inner:hover > img {

        transform: scale(1.05);

    }

}

.zp-product-teaser:not(.zp-product-teaser-nobutton) > .col-inner {

    padding-bottom: 5rem !important;

}

.zp-product-teaser > .col-inner > *:not(.img):not(h2):not(h3):not(.zp-product-teaser-label) {

    margin-left: 1.4rem;
    margin-right: 1.4rem;

}

@media (max-width: 549px) {

    .row.zp-product-teaser-row .zp-product-teaser.small-6 > .col-inner > *:not(.img):not(h2):not(h3):not(.zp-product-teaser-label) {

        margin-left: .9rem;
        margin-right: .9rem;

    }

}

.zp-product-teaser > .col-inner > h3,
.zp-product-teaser > .col-inner > h2 {

    font-family: 'Figtree-Medium', sans-serif !important;
    text-transform: none !important;
    font-size: 1.7rem;
    line-height: 1.3em;
    min-height: 2.8em;
    padding-left: 1.4rem;
    padding-right: 1.4rem;

}

.zp-product-teaser > .col-inner > .img + h3,
.zp-product-teaser > .col-inner > .img + h2 {

    margin-top: 2rem;
    margin-bottom: .5rem;

}

.row.zp-product-teaser-row .zp-product-teaser.small-6 > .col-inner > .img + h3,
.row.zp-product-teaser-row .zp-product-teaser.small-6 > .col-inner > .img + h2 {

    margin-top: 1.5rem;
    margin-bottom: .5rem;

}

@media (max-width: 549px) {

    .row.zp-product-teaser-row .zp-product-teaser.small-6 > .col-inner > h3,
    .row.zp-product-teaser-row .zp-product-teaser.small-6 > .col-inner > h2 {

        padding-left: .9rem;
        padding-right: .9rem;

    }

    .row.zp-product-teaser-row .zp-product-teaser.small-6 > .col-inner > .img + h3,
    .row.zp-product-teaser-row .zp-product-teaser.small-6 > .col-inner > .img + h2 {

        margin-top: 1rem;
        margin-bottom: .5rem;

    }

}

.zp-product-teaser > .col-inner > h3 + ul,
.zp-product-teaser > .col-inner > h3 + ol,
.zp-product-teaser > .col-inner > h3 + p,
.zp-product-teaser > .col-inner > h2 + ul,
.zp-product-teaser > .col-inner > h2 + ol,
.zp-product-teaser > .col-inner > h2 + p {

    line-height: 1.3 !important;
    font-size: .95rem; 
    margin-top: 0 !important;

}

.zp-product-teaser > .col-inner > h3 + ul > li,
.zp-product-teaser > .col-inner > h3 + ol > li,
.zp-product-teaser > .col-inner > h2 + ul > li,
.zp-product-teaser > .col-inner > h2 + ol > li {

    margin-bottom: .3em;

}

.zp-product-teaser > .col-inner > a.button {

    display: block;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    position: absolute;
    bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 1.4rem;
    right: 1.4rem;

}

@media (max-width: 549px) {

    .row.zp-product-teaser-row .zp-product-teaser.small-6 > .col-inner > a.button {

        left: .9rem;
        right: .9rem;
        font-size: .75rem;

    }

}

.zp-product-teaser .zp-product-teaser-label {

    position: absolute;
    top: 0px;
    right: 0px;
    left: auto;
    color: #fff;
    background-color: var(--fs-color-secondary);
    font-size: 1rem;
    padding: .2em .7em .2em .7em;
    margin : 0;

}

/* zp newsletter teaser */

.zp-newsletter-text > p {

    font-family: 'Figtree-Bold', sans-serif !important;
    margin-bottom: .3em;

}

.zp-newsletter-text > p:first-child {

    margin-bottom: 0;

}

.zp-newsletter-text ul > li {

    margin-bottom: .2em;

}

/* zp instagram teaser */

.zp-icon-instagram {

    background-image: URL('../img/icons/icon-instagram.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 1.3em;
    padding-left: 1.5em;
    display: inline-block;

}

.zp-col-instagram p {

    margin-bottom: .5rem;

}

.zp-col-instagram p.small {
    
    font-size: .9em !important;

}

.zp-col-instagram .zp-icon-instagram {

    margin-right: auto;
    margin-left: auto;
    position: relative;
    display: block;
    width: 7em;
    margin-bottom: .5rem;

}


/* zp follow banner */

.zp-follow-banner .text-box .text-inner h2 + p {

    font-family: 'Figtree-SemiBold', sans-serif !important;
    text-transform: uppercase;
    font-size: 1.2em;

}


/* zp ratings mobile */

.zp-rating-mobile {

    background-color: #002846;
    font-size: 0.8rem !important;

}

/* zp usp icons */

.zp-usp-icons {

    background-color: #F2F4F7;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

}

@media (min-width: 1180px) {

    .zp-usp-icons {

        padding: 0 5rem !important;

    }

}

/* product single template */

body.product-template-default main .woocommerce-breadcrumb {

    display: none;

}

/* body.product-template-default main .product #zp-price-wrapper {

	position: absolute; 
	overflow: hidden; 
	clip: rect(1px, 1px, 1px, 1px);
	height: 0;
	width: 1px;

} */

body.product-template-default main .zp-product-single-title-price-wrapper {

    display: flex;
    flex-direction: row;
    gap: 1rem;

}

body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-title {

    flex: 1;

}

body.product-template-default .zp-single-price {

    font-size: unset;
    font-weight: 400;
}

body.product-template-default .zp-single-price del,
body.product-template-default .zp-product-single-price del {

    all: unset;
    position: relative;

}

body.product-template-default .zp-single-price del::after,
body.product-template-default .zp-product-single-price del::after {

    content: '';
    position: absolute;
    display: block;
    top: 35%;
    left: -2px;
    width: 90%;
    height: 1.5px;
    background-color: var(--fs-color-secondary);

}

body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price {

    flex: 1;
    color: #fff;
    text-align: right;
    line-height: 1.3;

}

body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price p {

    margin-bottom: .2em;
    font-size: .85em;

}

body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price p.wc-gzd-additional-info.delivery-time-info {

    margin-top: 1.65em;

}

body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price p a {

    text-decoration: underline;
    color: #fff;

}

body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price p a:hover,
body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price p a:visited:hover {

    color: #fff;

}

@media (max-width: 849px) {

    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price {

        text-align: left;
    
    }

}

body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price .woocommerce-Price-amount,
body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price .woocommerce-Price-currencySymbol,
body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price ins .woocommerce-Price-amount,
body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price ins .woocommerce-Price-currencySymbol {

    font-size: 3rem !important;

}

body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price #zp-former-price-wrapper,
body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price #zp-former-price-wrapper .woocommerce-Price-currencySymbol,
body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price del .woocommerce-Price-amount,
body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price del .woocommerce-Price-amount .woocommerce-Price-currencySymbol {

    font-size: 1.3rem !important;

}

@media (max-width: 849px) {

    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price .woocommerce-Price-amount,
    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price .woocommerce-Price-currencySymbol,
    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price ins .woocommerce-Price-amount,
    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price ins .woocommerce-Price-currencySymbol,
    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price del .woocommerce-Price-amount,
    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price del .woocommerce-Price-amount .woocommerce-Price-currencySymbol {

        font-size: 1.4rem !important;

    }

    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price #zp-former-price-wrapper .woocommerce-Price-currencySymbol,
    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price del .woocommerce-Price-amount .woocommerce-Price-currencySymbol {

        font-size: 1rem !important;
    
    }

}
@media (max-width: 1180px) {

    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price .woocommerce-Price-amount,
    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price .woocommerce-Price-currencySymbol,
    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price ins .woocommerce-Price-amount,
    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price ins .woocommerce-Price-currencySymbol,
    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price del .woocommerce-Price-amount,
    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price del .woocommerce-Price-amount .woocommerce-Price-currencySymbol {

        font-size: 1.6rem !important;

    }

    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price #zp-former-price-wrapper .woocommerce-Price-currencySymbol,
    body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price del .woocommerce-Price-amount .woocommerce-Price-currencySymbol {

        font-size: 1rem !important;
    
    }

}

body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price p.price-unit.smaller {

    margin-bottom: .6em !important;

}

body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price p.price-unit.smaller del,
body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price p.price-unit.smaller .woocommerce-Price-amount,
body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price p.price-unit.smaller .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price p.price-unit.smaller del .woocommerce-Price-amount .woocommerce-Price-currencySymbol {

    font-size: .85rem !important;
    font-weight: 400 !important;
    opacity: 1 !important;

}

body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price p.price-unit.smaller del::after {

    background-color: #fff;
    top: 47%;
    height: 1px;

}

body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price span#zp-former-price-amount,
body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price span.amount,
body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price span.woocommerce-Price-currencySymbol,
body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price del .woocommerce-Price-amount,
body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price del .woocommerce-Price-amount .woocommerce-Price-currencySymbol {

    color: #fff;

}

body.product-template-default main .zp-product-single-title-price-wrapper .zp-product-single-price span#zp-price-amount {

    color: #fff;

}

@media (max-width: 849px) {

    body.product-template-default main .zp-product-single-title-price-wrapper {

        flex-direction: column;

    }

}

body.product-template-default .flickity-viewport .flickity-slider > div a {

    border-width: 4px;
    border-color: #F2F4F7;

}
body.product-template-default .flickity-viewport .flickity-slider > div a img {

    opacity: 1;

}
body.product-template-default .flickity-viewport .flickity-slider > div.is-selected a {

    border-color: var(--fs-color-secondary);

}


body.product-template-default main .select-resize-ghost,
body.product-template-default main .select2-container .select2-choice,
body.product-template-default main .select2-container .select2-selection,
body.product-template-default main select {

    font-family: "Figtree-SemiBold", sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400;
    color: var(--fs-color-primary);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #F2F4F7 !important;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23002846' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-position: right .45em top 50%;
    background-repeat: no-repeat;
    background-size: auto 23px;
    border-radius: 0;
    border-color: #F2F4F7;
    box-shadow: none !important;
    padding-right: 1.4em;
    margin-top: .1em;

}

body.product-template-default main .product-summary a.button.secondary.is-outline {

    color: var(--fs-color-primary);
    background-color: #fff;
    border-color: var(--fs-color-primary);

}

body.product-template-default main .product-summary a.button.secondary.is-outline:hover {

    color: #fff;
    background-color: var(--fs-color-primary);
    border-color: var(--fs-color-primary);

}

body.product-template-default main .variations_form label {

    font-family: "Figtree-Bold", sans-serif !important;
    font-size: 1.07rem !important;
    font-weight: 400;
    color: var(--fs-color-primary);

}

body.product-template-default main .tc-extra-product-options ul.tm-extra-product-options-fields > li.tm-extra-product-options-field > div span.tm-section-label,
body.product-template-default main .tc-extra-product-options ul.tm-extra-product-options-fields > li.tm-extra-product-options-field > div p.tm-section-label {

    font-family: "Figtree-SemiBold", sans-serif !important;
    font-size: 1.07rem !important;
    font-weight: 400;
    color: var(--fs-color-primary);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #F2F4F7 !important;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23002846' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-position: right .45em top 50%;
    background-repeat: no-repeat;
    background-size: auto 23px;
    border-radius: 0;
    border-color: #F2F4F7;
    box-shadow: none !important;
    padding-right: 1.4em;
    margin-top: 0;

}

body.product-template-default main .tc-extra-product-options ul.tm-extra-product-options-fields > li.tm-extra-product-options-field > div > div > div.tc-row {

    border: none;

}

body.product-template-default main .tc-extra-product-options ul.tm-extra-product-options-fields > li.tm-extra-product-options-field > div span.tm-section-label .tm-arrow::before,
body.product-template-default main .tc-extra-product-options ul.tm-extra-product-options-fields > li.tm-extra-product-options-field > div p.tm-section-label .tm-arrow::before {

    display: none !important;

}

body.product-template-default main .tc-extra-product-options ul.tm-extra-product-options-fields > li.tm-extra-product-options-field > div span.tm-section-label.toggle-header-open,
body.product-template-default main .tc-extra-product-options ul.tm-extra-product-options-fields > li.tm-extra-product-options-field > div p.tm-section-label.toggle-header-open {

    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23002846' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");

}

body.product-template-default main .woocommerce-variation-add-to-cart input[type="number"] {

    box-shadow: none;
    background-color: #F2F4F7 !important;
    border-color: #F2F4F7;
    font-family: "Figtree-SemiBold", sans-serif !important;
    font-size: 1.07rem !important;
    font-weight: 400;

}

body.product-template-default .ux-quantity > input.ux-quantity__button {

    border-color: #F2F4F7;
    background-color: #F2F4F7 !important;
    font-family: "Figtree-SemiBold", sans-serif !important;
    font-size: 1.07rem !important;
    font-weight: 400;
    color: var(--fs-color-primary);
    margin-left: 1px;
    margin-right: 1px;

}

/* body.product-template-default .tc-container .tc-row {

    flex-direction: row !important;
    flex-wrap: nowrap !important;

}

body.product-template-default .tc-container .tc-row .tc-cell {

    flex: 0 0 50% !important;

}

body.product-template-default .tc-container .tc-row .tc-cell .tc-epo-element-label-text {

    font-family: "Figtree-SemiBold", sans-serif !important;
    font-size: 1.07rem !important;
    font-weight: 400;
    color: var(--fs-color-primary);
    
}

body.product-template-default .tc-container .tc-row .tc-cell .tm-epo-field-label {

    width: 100% !important;

}

body.product-template-default .tc-container .tc-row .tc-cell .tm-epo-field-label .custom.select-wrapper {

    width: 100% !important;

} */

body.product-template-default .product-footer {

    margin-top: 6rem;

}

@media (max-width: 849px) {

    body.product-template-default .product-footer {

        margin-top: 0rem;
    
    }

}

body.product-template-default .product-footer .container-width {

    max-width: 1440px;

}

body.product-template-default .woocommerce-tabs {

    border-top: none;

}

body.product-template-default .woocommerce-tabs ul.wc-tabs.nav > li > a {

    font-family: "Figtree-SemiBold", sans-serif !important;
    font-size: 1.07rem !important;
    font-weight: 400;
    color: rgba(0,40,70,.28);
    text-transform: uppercase;
    border-top: 1px solid #F2F4F7;
    border-left: 1px solid #F2F4F7;
    border-right: 1px solid #F2F4F7;
    background-color: #F2F4F7 !important;

} 

body.product-template-default .woocommerce-tabs ul.wc-tabs.nav > li.active > a {

    border-top: none;
    border-top: 1px solid #F2F4F7;
    color: var(--fs-color-primary);
    background-color: #ffffff !important;

}

body.product-template-default .woocommerce-tabs ul.wc-tabs.nav > li > a:hover {

    color: var(--fs-color-primary);

}

body.product-template-default .woocommerce-tabs .tab-panels {

    border-color: #ececec;
    border-style: solid;
    border-width: 1px 0 0 0;

}

body.product-template-default .woocommerce-tabs .tab-panels > div {

    font-family: "Figtree-Regular", sans-serif !important;
    color: var(--fs-color-primary);

}

body.product-template-default .woocommerce-tabs .tab-panels > div {

    max-width: 920px;

}

body.product-template-default .woocommerce-tabs .tab-panels > div h2,
body.product-template-default .woocommerce-tabs .tab-panels > div h3,
body.product-template-default .woocommerce-tabs .tab-panels > div h4,
body.product-template-default .woocommerce-tabs .tab-panels > div h5,
body.product-template-default .woocommerce-tabs .tab-panels > div h6 {

    font-family: "Figtree-Medium", sans-serif !important;
    font-weight: 400;

}

body.product-template-default .woocommerce-tabs .tab-panels > div h2 {

    font-size: 2.25rem;

}

body.product-template-default .woocommerce-tabs .tab-panels > div h3 {

    font-size: 1.75rem;

}

body.product-template-default .woocommerce-tabs .tab-panels > div strong,
    body.product-template-default .woocommerce-tabs .tab-panels > div b {

    font-family: "Figtree-Bold", sans-serif !important;
    font-weight: 400;

}

body.product-template-default .related-products-wrapper {

    margin-top: 3rem;
    padding-top: 5rem;
    padding-bottom: 5rem;

}

body.product-template-default .related-products-wrapper > .row.row-small {
    
    max-width: 1350px;

}

body.product-template-default .related-products-wrapper .product-section-title {

    text-transform: none !important;
    font-family: "Figtree-Medium", sans-serif !important;
    font-size: 2.1rem !important;
    font-weight: 400;
    color: var(--fs-color-primary);

}

body.product-template-default .related-products-wrapper .product .title-wrapper p:first-child {

    font-family: "Figtree-Medium", sans-serif !important;
    color: var(--fs-color-primary);

}

body.product-template-default .related-products-wrapper .product .title-wrapper p:nth-child(2) {

    font-family: "Figtree-Medium", sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 400;
    text-transform: none !important;

}

body.product-template-default .tab-panels .woocommerce-Tabs-panel h2 {

    font-size: 1.5em !important;
    line-height: 1.3em !important;

}

body.product-template-default .tab-panels .woocommerce-Tabs-panel h3 {

    font-size: 1.3em !important;
    line-height: 1.3em !important;

}

@media (min-width: 850px) {

    body.product-template-default .tab-panels .woocommerce-Tabs-panel h2 {

        font-size: 1.8em !important;
    
    }
    
    body.product-template-default .tab-panels .woocommerce-Tabs-panel h3 {
    
        font-size: 1.5em !important;
    
    }

}

@media (min-width: 1180px) {

    body.product-template-default .tab-panels .woocommerce-Tabs-panel h2 {

        font-size: 2.2em !important;
    
    }
    
    body.product-template-default .tab-panels .woocommerce-Tabs-panel h3 {
    
        font-size: 1.8em !important;
    
    }

}



 

/* */

.zp-check-yes,
.zp-check-no {

    text-indent: -999em;
    position: relative;

}

.zp-check-yes::after {

    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("../img/icons/icon-check-circle-green.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.zp-check-no::after {

    content: "";
    display: block;
    width: 19px;
    height: 1.5px;
    background-color: var(--fs-color-primary);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

@media (max-width: 849px) {

    .zp-check-yes,
    .zp-check-no {

        text-indent: unset;

    }

    .zp-check-yes::after,
    .zp-check-no::after {

        position: relative;
        top: 0;

    }

    .zp-check-no::after {

        top: -10px;
        margin-bottom: 15px;

    }


}

/* Header language switcher (top bar, before Service & Contact) */
.header-top .zp-header-language-switcher {
    display: inline-flex;
    align-items: center;
}

.header-top .zp-lang-switcher-inline {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
}

.header-top .zp-lang-switcher__item {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    padding: 0.15em 0.35em;
    border-radius: 3px;
    color: #8aa2b7 !important;
    line-height: 1;
    text-decoration: none;
}

.header-top a.zp-lang-switcher__item:hover {
    color: var(--fs-color-secondary) !important;
}

.header-top .zp-lang-switcher__item.is-active {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.12);
}

.header-top .zp-lang-switcher__item img {
    display: block;
    width: 18px;
    height: auto;
    border-radius: 2px;
}

.header-top .zp-lang-switcher__code {
    font-family: 'Figtree-SemiBold', sans-serif;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
}

.header-top .top-bar-nav > li.zp-header-language-switcher {
    margin-right: 0.35em;
}